@charset "UTF-8";

/*
 * Based on Gridless version 2.0
 * http://thatcoolguy.github.com/gridless-boilerplate/
 */

/* HTML5 display definitions
---------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
[hidden] {
	display: none;
	visibility: hidden;
}

/* Base structure
---------------------------------------- */
html {
	height: 100%;
	font-size: 62.5%;
	/*overflow-y: scroll;*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0 auto;
	min-height: 100%;
}
body, button, input, select, textarea {
	font-size: 1.2em; /* 10px */
	line-height: 2.3; /* 23px */
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "ＭＳ Ｐゴシック", osaka, sans-serif;
	color: #333;
}
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, th, td, fieldset, menu, h6, img, figcaption, button, hr {
	font-size: 1.2em; /* 12px */
	line-height: 1.6667em; /* 20px */
	margin: 0 0 1.6667em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1 {
	font-size: 5.6em;
	line-height: 1.2321em;
	margin: 0 0 0.4107em;
}
h2 {
	font-size: 3.7em;
	line-height: 1.2432em;
	margin: 0 0 0.6216em;
}
h3 {
	font-size: 2.8em;
	line-height: 1.6429em;
	margin: 0 0 0.8214em;
}
h4 {
	font-size: 2.1em;
	line-height: 1.0952em;
	margin: 0 0 1.0952em;
}
h5 {
	font-size: 1.8em;
	line-height: 1.2778em;
	margin: 0 0 1.2778em;
}
small {
	font-size: 0.8em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
pre, code, kbd, samp {
	font: 1.2em/1.6429em Menlo, Consolas, 'DejaVu Sans Mono', Monaco, 'Courier New', Courier, monospace;
}

/* Tables
---------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}

/* Forms
---------------------------------------- */
form {
	margin: 0;
}
fieldset {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
legend {
	border: 0;
	*margin-left: -7px;
}
button, input, select, textarea {
	vertical-align: baseline;
	*vertical-align: middle;
}
button, input {
	line-height: normal;
	*overflow: visible;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
input[type="hidden"] {
	display: none;
	margin: 0;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
label{cursor:pointer;}
/* for IE6/7 bug fix */
table button, table input { 
	_overflow: hidden;
}


/* Quotes
---------------------------------------- */
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
blockquote, q, cite {
	font-style: italic;
}
blockquote {
	padding-left: 1.625em;
	border-left: 1px solid #ddd;
}
blockquote > p {
	padding: 0;
}

/* Lists
----------------------------------------
ul, ol {
	list-style-position: inside;
	padding: 0;
}
li ul, li ol {
	margin: 0 1.625em;
}
dl dd {
	margin-left: 1.625em;
}
*/
ul, ol {
	list-style:none outside;
	padding: 0;
}
li {
	list-style:none outside;
	vertical-align:top;
}

/* Links
---------------------------------------- */
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: none;
}

/* Figures
---------------------------------------- */
figure {
	margin: 0;
}

/* Embedded content
---------------------------------------- */

img, object, video {
	max-width: 100%;
	max-width : none\0/;
	*max-width : 100%;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
/* for IE9 bug */
svg:not(:root) {
	overflow: hidden;
}

/* Abbreviations
---------------------------------------- */
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

/* Marked/inserted/deleted text
---------------------------------------- */
mark {
	background: #ff0;
}
ins {
	text-decoration: none;
	background: #ff9;
}
del {
	text-decoration: line-through;
}

/* Others
---------------------------------------- */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-bottom: 1px solid #ddd;
}
strong, b, dt {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
var, address {
	font-style: normal;
}
sub, sup {
	font-size: 0.625em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

/* clearfix , semantically titled with 'group'
---------------------------------------- */
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	*zoom: 1;
}




/* Primary styles
---------------------------------------- */

/* -- Base ---------------------------------------------- */
html {}
body {
	text-align:center;
}

body {
	display: flex;
	flex-direction: column;
}

a, a:visited {
	text-decoration: none;
	color: #2096e8;
}

a:hover, a:visited:hover {
	text-decoration: underline;
	color:#2096e8;
}

.main {
	flex: 1 0 auto;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="number"],
textarea,
input[type="submit"],
input[type="button"]{
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="number"],
textarea {
background: #fff;
border: 1px solid #8c8c8c;
padding: 2px;
line-height: 1.5em;
}

/* -- HEADER ---------------------------------------------- */
#top > nav {
	max-width: 900px;
	margin: 1em auto 0;
	overflow: hidden;
}

#top{
	padding: 0 0 1em;
	margin:0 auto;
	text-align:left;
}

/*-- HDR BAR -- */
#cartnav{
	float: right;
	margin: 0;
}
#cartnav li{
	float:left;
}
#cartnav li a{
	text-indent:-9999px;
	display:block;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/hdr_cn.png);
	height:21px;
	border: 0;
}
#cartnav li#cn01{padding-right:4px;}
#cartnav li#cn01 a      {background-position:   0px 0px; width:137px;}
#cartnav li#cn01 a:hover{background-position:-214px 0px; width:137px;}
#cartnav li#cn02 a      {background-position:-141px 0px; width:69px;}
#cartnav li#cn02 a:hover{background-position:-355px 0px; width:69px;}

/*-- LOGO -- */
#hdrlogo {	
	max-width: 900px;
	overflow: hidden;
	margin: 1em auto 0;
}
#hdrlogo h2{
	float: left;
	margin-right: 1.5rem;
	/*position:absolute;
	top:67px;
	left:0px;
	width:265px;
	height:50px;*/
}
#hdrlogo h2 a{
	display:block;
	width:265px;
	height:50px;
	border: 0;
	text-indent:-9999px;
	background:transparent url(../img/hdr_logo.png) 0 0 no-repeat;
}
#hdrlogo h1.genre,
#hdrlogo h2.genre{
	/*position:absolute;
	top:67px;
	left:282px;*/
	float: left;
	width:204px;
	height:50px;
	text-indent:-9999px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position: 0 0;
}
#hdrlogo #english{background-image:url(../img/hdr_lang_english.png);}
#hdrlogo #german{background-image:url(../img/hdr_lang_german.png);}
#hdrlogo #french{background-image:url(../img/hdr_lang_french.png);}
#hdrlogo #spanish{background-image:url(../img/hdr_lang_spanish.png);}
#hdrlogo #chinese{background-image:url(../img/hdr_lang_chinese.png);}

.ability {
	float: left;
/*	background: transparent url(../img/hdr_cpy.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 183px;
	height: 50px;*/
	margin: 1.5em 0.3em;
    max-width: 400px;
    font-size: 14px;
}

/*-- SEARCH -- */
#hdrsrch{

}
#hdrsrchkw{
	position:absolute;
	top:15px;
	left:31px;
	font-size:12px;
	line-height:1em;
	padding:1px;
	width:197px;
	height:16px;
	background:#fff url(../img/hdr_srch_kwbk.png) 3px 3px no-repeat;
	vertical-align: top;
}
#hdrsrchbtn{
	position:absolute;
	top:12px;
	left:240px;
	text-indent:-9999px;
	*padding-top:18px;
	width:46px;
	height:27px;
	background:transparent url(../img/hdr_srch_btn.png) 0px -2px no-repeat;
	border:none;
	cursor:pointer;cursor:hand;
	vertical-align: top;
}
#hdrsrchbtn,x:-moz-any-link{padding-top:4px;*padding-top:18px;}
#hdrsrchbtn:hover{background-position:0px -33px;}
#hs02{
	width:78px;
	height:31px;
	float: right;
	margin-top: 1em;
}
#hs02 a{
	display:block;
	text-indent:-9999px;
	width:78px;
	height:31px;
	background:transparent url(../img/hdr_srch_btn.png) -54px 0px no-repeat;
	border:none;
}
#hs02 a:hover{background-position:-54px -31px;}

@media screen and (max-width:900px) {
	#top > nav {
		margin: 1em;
	}
}

@media screen and (max-width:480px){
	#hdrlogo h2 {
    margin-right: 1rem;
		margin-bottom: 0;
	}
	
	#hdrlogo h2 a {
		background-size: cover;
		height: 25px;
		width: 133px;
	}
	
	#hdrlogo h1.genre, #hdrlogo h2.genre {
		width: 102px;
    height: 25px;
		background-size: cover;
		margin-bottom: 0;
	}
	
	#hdrlogo h1.genre + #hs02,
	#hdrlogo h2.genre + #hs02 {
		margin: 0;
	}
}

/*-- FOOTER ---------------------------------------------- */
#footer{
	clear:both;
	position:relative;
	margin:auto auto 0;
	background:#2096e8 url(../img/line_pattern.png) 50% 0% repeat-x;
	width: 100%;
}

#ftrlink{
	position:relative;
	text-align:left;
	margin:0 auto;
	max-width:900px;
	padding:0 0 20px 20px;
}

#ftrlink a {color: #fff; text-decoration: none;}
#ftrlink a:visited {color: #fff;}
#ftrlink a:hover, 
#ftrlink a:visited:hover {color:#fff; text-decoration: underline;}

#ftrlink ul{
	float:left;
	width: 190px;
	margin:20px 0 0;
	padding-left:14px;
	border-left: 1px solid #1a80c7;
	font-size: 1.2em;
}

#ftrlink ul li{
	margin:5px 0 5px 0;
}

#ftrlink ul li a{
	background:transparent url(../img/ftr_arw.png) 0px 4px no-repeat;
	padding-left:10px;
}
#ftrlink ul li.fst{
	width: 300px;
	margin-left: 0px;
}

#ftrrights{
	background-color:#0b314c;
}

#ftrrights p{
	text-align:center;
	margin:0 auto;
	padding:5px 0 15px;
	color: #afafaf;
	font-size: 1.0em;
}



/* -- CONTENTS ---------------------------------------------- */
#contents{
	max-width:900px;
	height:100%;
	margin:0 auto;
	padding:0 0 20px;
	text-align:left;
	display: flex;
	justify-content: space-between;
}

#contents .content h2{
	height: 30px;
	margin: 40px 0 22px;
	background:#fff url(../img/line_pattern.png) 0% 100% repeat-x;
}
#contents .content h2 span{
	display:block;
	text-indent: -9999px;
	height: 26px;
	border-bottom:1px solid #545454;
	background-color: transparent;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#single{
	margin:8px 0 0;
	padding:0px 0 40px;
	text-align:left;
	/* border-top:1px solid #545454; */
	width: 100%;
}

#single2{
	margin:8px 0 0;
	padding:0;
	width:722px;
	text-align:left;
	/* border-top:1px solid #545454; */
	/* border-top:1px solid #545454; */
}

#contents table.data{
	margin:0 0 5px;
	width: 100%;
	border-collapse: collapse;
	border-top:1px dotted #bbb;
	table-layout: fixed;
}
#contents table.data thead th{
	background-color:#ededed;
	padding:10px 10px 8px;
	box-sizing: border-box;
}
#contents table.data tbody td,
#contents table.data tbody th{
	padding:10px 10px 8px;
	border-bottom:1px dotted #bbb;
}

@media screen and (max-width:900px){
	#contents {
		margin: 0 1em;
		flex-direction: column;
		display: block;
	}
	#single2 {
		width: 100%;
	}
}

/* -- SIDE ---------------------------------------------- */
#sub{
	width: 152px;
	text-align: left;
	background-color: transparent;
	/* border-top:1px solid #545454; */
	/*border-bottom:1px solid #545454;*/
	margin-top:8px;
	padding-bottom:1px;
}
#genrefeature{
	/* padding-top:23px; */
}
#genrefeature li{
	margin-bottom: 5px;
}
#genrefeature li a{
	display:block;
	height: 22px;
	width: 122px;
	padding:4px 5px 0px 25px;
	background:#fff url(../img/sub_btnbk.png) 0px 0px no-repeat;
}
#genrenav{
	margin:0px;
	border-top:1px solid #545454;
	border-bottom:1px solid #545454;
	padding:5px 0;
	line-height: 1.2em;
}

#genrenav li{
	border-top:1px dotted #8c8c8c;
}
#genrenav li.fst{
	border-top:none;
}
#genrenav li a{
	display: block;
	padding:5px 5px 4px 25px;
	background:#fff url(../img/sub_arw.png) 7px 6px no-repeat;
}

@media screen and (max-width:900px){
	#sub {
		width: 100%;
	}
}


/* -- MAIN ---------------------------------------------- */
#main{
	margin:8px 0 0;
	padding:0;
	width:722px;
	text-align:left;
	/* border-top:1px solid #545454; */
}

#main .content{
	width:722px;
}
#main .bl_breadcrumb {
    width: 1200px;
    margin: 0 auto 25px;
}
#main .bl_breadcrumb .bl_breadcrumb_list {
    font-size: 0;
}
#main .bl_breadcrumb .bl_breadcrumb_list .it_breadcrumb_list_item {
    display: inline-block;
    color: #6482a0;
    font-size: 13px;
    margin-left: 3px;
}
#main .bl_breadcrumb .bl_breadcrumb_list .it_breadcrumb_list_item >a {
    color: #2096e8;
    font-size: 13px;
    text-decoration: none;
}
#main .bl_breadcrumb .bl_breadcrumb_list .it_breadcrumb_list_item:last-child {
    color: #222;
}
#main .bl_breadcrumb .bl_breadcrumb_list .it_breadcrumb_list_item::after {
    display: inline-block;
    margin-left: 3px;
    content: ">";
}
#main .bl_breadcrumb .bl_breadcrumb_list .it_breadcrumb_list_item:last-child::after {
    content: none;
}
#main h1.genre,
#main h2.genre{
	text-indent: -9999px;
	margin:0 0 3em 0;
	height: 18px;
	font-size:1.0em;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#main h1#english,
#main h2#english{background-image:url(../img/lang_h1_english.png);}
#main h1#german,
#main h2#german{background-image:url(../img/lang_h1_german.png);}
#main h1#french,
#main h2#french{background-image:url(../img/lang_h1_french.png);}
#main h1#spanish,
#main h2#spanish{background-image:url(../img/lang_h1_spanish.png);}
#main h1#chinese,
#main h2#chinese{background-image:url(../img/lang_h1_chinese.png);}

@media screen and (max-width:900px){
	#main,
	#main .content {
		width: 100%;
	}
}

/* -- INDEX ---------------------------------------------- */
#index #hdrlogo {
	margin: 2em auto 0;
}

#index #hdrlogo h1{
	width:341px;
	height:61px;
	text-indent:-9999px;
	background: transparent url(../img/top_hdr_logo.png) 0 0 no-repeat;
	float: left;
}
/*
#index #hdrsrch{
	position:absolute;
	background:transparent url(../img/top_hdr_srch_bk.png) 0 0 no-repeat;
}
#index #hdrsrchkw{
	width:277px;
}
#index #hdrsrchbtn{
	left:320px;
}
*/
#index #contents p.lead{
	border-top:1px solid #545454;
	border-bottom:1px solid #545454;
	padding:10px;
}
#index #contents ul.gengo{
	max-width:888px;
	margin:40px 6px 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}
#index #contents ul.gengo li{
	width:288px;
	height:116px;
	margin:0 0 15px 0;
	background:#fff url(../img/top_btn_bk.png) 0 0 no-repeat;
	position: relative;
}
#index #contents ul.gengo li:last-child {
/*	margin-right: 300px;*/
}
#index #contents ul.gengo li a{
	text-indent:-9999px;
	display:block;
	width:262px;
	height:90px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/top_btn.png);
	border: 0;
	position: absolute;
	left: 13px;
	top: 13px;
}
#index #contents ul.gengo li#eng a      {background-position:   0px    0px;}
#index #contents ul.gengo li#eng a:hover{background-position:   0px -180px;}
#index #contents ul.gengo li#ger a      {background-position:-262px    0px;}
#index #contents ul.gengo li#ger a:hover{background-position:-262px -180px;}
#index #contents ul.gengo li#fre a      {background-position:-524px    0px;}
#index #contents ul.gengo li#fre a:hover{background-position:-524px -180px;}
#index #contents ul.gengo li#spa a      {background-position:   0px  -90px;}
#index #contents ul.gengo li#spa a:hover{background-position:   0px -270px;}
#index #contents ul.gengo li#chi a      {background-position:-262px  -90px;}
#index #contents ul.gengo li#chi a:hover{background-position:-262px -270px;}
#index #contents ul.gengo li#jpn a      {background-position:-262px  -540px;}
#index #contents ul.gengo li#jpn a:hover{background-position:-262px -630px;}
#index #contents ul.gengo li#oth a      {background-position:-524px  -90px;}
#index #contents ul.gengo li#oth a:hover{background-position:-524px -270px;}
#index #contents ul.gengo li#quickMihon a      {background-position:-262px  -360px;}
#index #contents ul.gengo li#quickMihon a:hover{background-position:-262px -450px;}
#index #contents ul.gengo li#quickSaiyo a      {background-position:-524px  -360px;}
#index #contents ul.gengo li#quickSaiyo a:hover{background-position:-524px -450px;}
#index #contents ul.gengo li#onseiSite a      {background-position:0px  -360px;}
#index #contents ul.gengo li#onseiSite a:hover{background-position:0px -450px;}
#index #contents ul.gengo li#textDigi a      {background-position:0px  -540px;}
#index #contents ul.gengo li#textDigi a:hover{background-position:0px -630px;}

/*教科書トップお知らせ設置*/
section.bl_sect.un_news { margin-bottom: 35px; }
section.bl_sect.un_news .bl_sect_inner { padding-left: 6px; }
section.bl_sect.un_news .un_news_item_wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; position: relative; padding-left: 170px; background: #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; border: 1px solid #d7d7d7; }
section.bl_sect.un_news .un_news_ttl {position: absolute; top: -8px; left: -6px;  width: 130px; height: 40px !important; padding-left: 8px; background: #e66400 !important; color: #fff; font-size: 17px; line-height: 40px; text-align: center; letter-spacing: 2px; }
section.bl_sect.un_news .un_news_ttl::before,
section.bl_sect.un_news .un_news_ttl::after {display: block; content: "";  }
section.bl_sect.un_news .un_news_ttl::before {position: absolute; top: -4px;left: 0;  border-right: 6px solid #e66400; border-top: 4px solid transparent; border-bottom: none;  }
section.bl_sect.un_news .un_news_ttl::after {position: absolute; top: 0;right: -17px;  border-left: 17px solid #e66400; border-top: 20px solid transparent; border-bottom: 20px solid transparent;  }
section.bl_sect.un_news .un_news_detailBtn {order: 1; width: 180px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1;  }
section.bl_sect.un_news .un_news_detailBtn .un_news_detailBtn_item {display: block;  width: 160px; height: 40px; margin-right: 10px; border: 1px solid #e66400; border-radius: 20px; background: #fff; color: #e66400; font-size: 13px; line-height: 38px; text-align: center; text-decoration: none; transition: opacity 0.3s;-webkit-transition: opacity 0.3s;  }
section.bl_sect.un_news .un_news_detailBtn .un_news_detailBtn_item:hover { opacity: 0.7; }
section.bl_sect.un_news .un_news_list_block {width: 100%; padding: 16px 0 6px;  }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap { margin:auto 0; }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item { margin-bottom: 10px !important; background: none !important; }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_date { display: inline-block; vertical-align: top; margin:auto 0 !important; }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_date::after { content: "/"; }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_cat { display: inline-block; vertical-align: top; margin:auto 0 !important; }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_cat::after { content: "/"; }

section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_txt { display: inline-block; max-width: 550px;vertical-align: top; margin:auto 0 !important; }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_txt >a { /*color: #000;*/ text-decoration: none; transition: opacity 0.3s;-webkit-transition: opacity 0.3s; background-image: none !important; position: unset !important; }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_txt >a:hover { opacity: 0.8; }

@media screen and (max-width: 750px){
section.bl_sect.un_news { margin-bottom: 29px; }

section.bl_sect.un_news .bl_sect_inner { padding-left: 0; }

section.bl_sect.un_news .un_news_item_wrapper {flex-wrap: wrap;  width: 100%; padding-left: 0; background: #e66400;-ms-flex-wrap: wrap;  }

section.bl_sect.un_news .un_news_item_wrapper h2 { margin: 15px 10px !important; }

section.bl_sect.un_news .un_news_ttl {position: static; /*width: calc(100% - 150px);*/ height: 60px; padding: 5px; color: #fff; font-size: 18px; line-height: 40px; text-align: left;  }

section.bl_sect.un_news .un_news_ttl::before,
section.bl_sect.un_news .un_news_ttl::after { content: none; }
section.bl_sect.un_news .un_news_detailBtn {order: 0;  width: auto; padding: 5px;-webkit-box-ordinal-group: 1; -ms-flex-order: 0;  }
section.bl_sect.un_news .un_news_detailBtn .un_news_detailBtn_item {display: block;  width: 80px; height: 40px; padding: 0 20px; border-color: #fff;background: transparent; color: #fff;  }
section.bl_sect.un_news .un_news_list_block {width: 100%;  padding: 13px 0 0; background: #fff; }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item { margin-bottom: 15px; padding: 0 4.2254% 15px; border-bottom: 1px solid #e8e8e8; }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item:last-child { margin-bottom: 0; border-bottom: none; }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_date { font-size: 11px; }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_cat { font-size: 11px; }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_cat::after { content: none; }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_txt { display: block; max-width: 100%; font-size: 13px; }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_txt >a { /*color: #000;*/ text-decoration: none; transition: opacity 0.3s;-webkit-transition: opacity 0.3s;  }
section.bl_sect.un_news .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_txt >a:hover { opacity: 0.8; }
}

/*各言語お知らせ設置*/
section.bl_sect.un_news_la { margin-bottom: 35px; }
section.bl_sect.un_news_la .bl_sect_inner { padding-left: 6px; }
section.bl_sect.un_news_la .un_news_item_wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; position: relative; padding-left: 140px; background: #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; border: 1px solid #d7d7d7; }
section.bl_sect.un_news_la .un_news_ttl {position: absolute; top: -8px; left: -6px;  width: 100px; height: 28px !important; padding-left: 8px; background: #e66400 !important; color: #fff; font-size: 13px; line-height: 28px; text-align: center; letter-spacing: 2px; }
section.bl_sect.un_news_la .un_news_ttl::before,
section.bl_sect.un_news_la .un_news_ttl::after {display: block; content: "";  }
section.bl_sect.un_news_la .un_news_ttl::before {position: absolute; top: -4px;left: 0;  border-right: 6px solid #e66400; border-top: 4px solid transparent; border-bottom: none;  }
section.bl_sect.un_news_la .un_news_ttl::after {position: absolute; top: 0;right: -14px;  border-left: 14px solid #e66400; border-top: 14px solid transparent; border-bottom: 14px solid transparent;  }
section.bl_sect.un_news_la .un_news_detailBtn {order: 1; width: 110px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; position: absolute; bottom: 10px; right: 0; }
section.bl_sect.un_news_la .un_news_detailBtn .un_news_detailBtn_item {display: block;  margin-right: 10px; border: 1px solid #e66400; border-radius: 20px; background: #fff; color: #e66400; font-size: 12px; text-align: center; text-decoration: none; transition: opacity 0.3s;-webkit-transition: opacity 0.3s;  }
section.bl_sect.un_news_la .un_news_detailBtn .un_news_detailBtn_item:hover { opacity: 0.7; }
section.bl_sect.un_news_la .un_news_list_block {width: 80%; padding: 13px 0 6px;  }
section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap { margin:auto 0; font-size: 1.0em;}
section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item { background: none !important; }
section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_date { display: inline-block; vertical-align: top; margin:auto 0 !important; }
/*section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_date::after { content: "/"; }*/
section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_cat { display: inline-block; vertical-align: top; margin:auto 0 !important; }
section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_cat::after { content: "/"; }

section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_txt { display: inline-block; max-width: 550px;vertical-align: top; margin:auto 0 !important; }
section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_txt >a { /*color: #000;*/ text-decoration: none; transition: opacity 0.3s;-webkit-transition: opacity 0.3s; background-image: none !important; position: unset !important; }
section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_txt >a:hover { opacity: 0.8; }

#genrefeature li.la_news a { background: #fff url(../img/sub_btn_news.png) 0px 0px no-repeat; color: #e66400;}

@media screen and (max-width: 750px){
section.bl_sect.un_news_la { margin-bottom: 29px; }

section.bl_sect.un_news_la .bl_sect_inner { padding-left: 0; }

section.bl_sect.un_news_la .un_news_item_wrapper {flex-wrap: wrap;  width: 100%; padding-left: 0; background: #e66400;-ms-flex-wrap: wrap;  }

section.bl_sect.un_news_la .un_news_item_wrapper h2 { margin: 5px !important; }

section.bl_sect.un_news_la .un_news_ttl {position: static; /*width: calc(100% - 150px); height: 60px;*/ padding: 5px; color: #fff; font-size: 15px; line-height: 30px; text-align: left;  }

section.bl_sect.un_news_la .un_news_ttl::before,
section.bl_sect.un_news_la .un_news_ttl::after { content: none; }
section.bl_sect.un_news_la .un_news_detailBtn {order: 0;  width: auto; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; top:8px; bottom:auto;  }
section.bl_sect.un_news_la .un_news_detailBtn .un_news_detailBtn_item {display: block;  padding: 0 20px; border-color: #fff;background: transparent; color: #fff;  }
section.bl_sect.un_news_la .un_news_list_block {width: 100%;  padding: 10px 0 0; background: #fff; }
section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item { margin-bottom: 10px; padding: 0 4.2254% 10px; border-bottom: 1px solid #e8e8e8; }
section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item:last-child { margin-bottom: 0; border-bottom: none; }
section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_date { font-size: 11px; }
section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_cat { font-size: 11px; }
section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_cat::after { content: none; }
section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_txt { display: block; max-width: 100%; font-size: 13px; }
section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_txt >a { /*color: #000;*/ text-decoration: none; transition: opacity 0.3s;-webkit-transition: opacity 0.3s;  }
section.bl_sect.un_news_la .un_news_list_block .un_news_list_wrap .un_news_list_item .un_news_list_txt >a:hover { opacity: 0.8; }
}

@media screen and (max-width:900px){
	#hdrlogo {
		margin: 1em 1em 0;
	}
	
	#index #hdrlogo {
		margin: 2em 1em 0;
	}
	
	#index #contents ul.gengo {
		justify-content: center;
	}
	
	#index #contents li {
		margin: 0 7px 15px 7px;
	}

	#index #contents ul.gengo li {
		margin: 0 6px 15px;
	}

	#index #contents ul.gengo li:last-child {
/*		margin-right: 6px;*/
	}

}

@media screen and (max-width:480px){
	#top {
		padding: 0;
	}
	
	#index #hdrlogo {
		margin: 1em 1em 0;
	}
	
	#index #hdrlogo h1{
		width: 173px;
		height: 31px;
		background-size: cover;
	}
	
	#hs02 {
		margin-top: 0;
	}
	
	#index #contents ul.gengo {
		margin: 0;
	}
	
	#index #contents li {
	}
}

/* -- LANGUAGE ---------------------------------------------- */

body#language #contents .content #frontlist h2{margin-top:0px;}

body#language #contents .content #frontlist h2.y2012 span{background-image:url(../img/lang_h2_fl_2012.png);}
body#language #contents .content #frontlist h2.y2013 span{background-image:url(../img/lang_h2_fl_2013.png);}
body#language #contents .content #frontlist h2.y2014 span{background-image:url(../img/lang_h2_fl_2014.png);}
body#language #contents .content #frontlist h2.y2015 span{background-image:url(../img/lang_h2_fl_2015.png);}
body#language #contents .content #frontlist h2.y2016 span{background-image:url(../img/lang_h2_fl_2016.png);}
body#language #contents .content #frontlist h2.y2017 span{background-image:url(../img/lang_h2_fl_2017.png);}
body#language #contents .content #frontlist h2.y2018 span{background-image:url(../img/lang_h2_fl_2018.png);}
body#language #contents .content #frontlist h2.y2019 span{background-image:url(../img/lang_h2_fl_2019.png);}
body#language #contents .content #frontlist h2.y2020 span{background-image:url(../img/lang_h2_fl_2020.png);}
body#language #contents .content #frontlist h2.y2021 span{background-image:url(../img/lang_h2_fl_2021.png);}
body#language #contents .content #backlist h2 span{background-image:url(../img/lang_h2_bl.png);}

body#language #contents .content #frontlist h2.other span{background-image:url(../img/lang_h2_other.png);}
body#language #contents .content #frontlist h2.japanese span{background-image:url(../img/lang_h2_japanese.png);}

body#language #main .book{
	width:48%;
	float:left;
	margin-bottom:30px;
}
body#language #main .fst{
	margin-right:4%;
}
body#language #main .book p.sgenre{
	background-color:#00467a;
	color:#fff;
	padding:2px 5px 1px;
	margin-bottom:7px;
	font-size:1.0em;
	line-height:1em;
}
body#language #main .book p.bkimg{
	float:left;
	width:114px;
	margin-bottom:0;
	/*background:#fff url(../img/bkm_shdw_btm.png) 0% 100% no-repeat;*/
	line-height:1px;
}
body#language #main .book p.bkimg a{
	display:block;
	padding:0 6px 8px 0;
	margin:0;
	/*background:transparent url(../img/bkm_shdw_top.png) 0 0 no-repeat;*/
}
body#language #main .book p.bkimg img{
	box-shadow: 2px 2px 4px 0 rgba(0,0,0,.6);
	margin:0;
}

body#language #main .book .bktxt{
	float:left;
	width: calc(100% - 114px);
}
body#language #main .book .bktxt h3{
	padding: 0px 0px 10px;
	font-size: 1.2em;
	border-bottom:1px solid #a8b4bd; 
}
body#language #main .book .bktxt p.detail{
	margin-bottom:10px;
}
body#language #main .book .bktxt p.sample span{
	float:left;
	display:inline;
	text-indent: -9999px;
	width:67px;
	height:14px;
	background-color: transparent;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
body#language #main .book .bktxt p.sample span.pages{background-image:url(../img/list_icon_pages.png);margin-right:6px;}
body#language #main .book .bktxt p.sample span.sounds{background-image:url(../img/list_icon_sounds.png);}

.catalog section {
  max-width: 500px;
  margin: 0 auto;
}
.catalog a.btn_04 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  position: relative;
  background: #d2e4ef;
  border: 1px solid #d2e4ef;
  box-sizing: border-box;
  padding: 0 25px 0 40px;
  color: #5aa0fb;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
}
.catalog a.btn_04:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #5aa0fb;
  border-right: 2px solid #5aa0fb;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 25px;
  margin-top: -6px;
}
.catalog a.btn_04:hover {
  background: #fff;
  color: #228bc8;
}
.catalog a.btn_04:hover:before {
  border-top: 2px solid #228bc8;
  border-right: 2px solid #228bc8;
}

@media screen and (max-width:480px) {
	body#language #main .book {
		width: 100%;
	}
	
	body#language #main .fst {
    margin-right: 0;
	}

.catalog a.btn_04 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    position: relative;
    background: #d2e4ef;
    border: 1px solid #d2e4ef;
    box-sizing: border-box;
    padding: 0 25px 0 40px;
    color: #5aa0fb;
    font-size: 1.2em;
    letter-spacing: 0.1em;
    line-height: 1.3;
    text-align: left;
    text-decoration: none;
    transition-duration: 0.3s;
}

}

/* -- DETAIL ---------------------------------------------- */
/*-- BKIMG -- */
body#detail #main #bkimg{
	float:left;
	width:235px;
}
body#detail #main #bkimg p.bkimg{
	width:219px;
	background:#fff url(../img/bkl_shdw_btm.png) 0% 100% no-repeat;
	line-height:1px;
}
body#detail #main #bkimg p.bkimg img{
	display:block;
	padding:0 6px 8px 0;
	margin:0;
	background:transparent url(../img/bkl_shdw_top.png) 0 0 no-repeat;
}
/*20121210追加*/
body#detail #main #bkimg p.zaiko{

	display:block;
	background-color: #EDEDED;
	background:#fff url(../img/zaiko.png) 0px 0px no-repeat;
	width: 211px;
	border: 1px solid #8C8C8C;
        text-align: center;
        line-height: 20px;
	padding: 5px 0 5px 0px;
	margin-bottom: 10px;
}

body#detail #main #bkimg p.nozaiko{

	display:block;
	font-weight: bold;
	color: #CC0000;
/*	background-color: #EDEDED;*/
	background:#fff url(../img/zaiko.png) 0px 0px no-repeat;
	width: 211px;
	border: 1px solid #8C8C8C;
        text-align: center;
        line-height: 20px;
	padding: 5px 0 5px 0px;
	margin-bottom: 10px;
}
/*20121210追加*/
body#detail #main #bkimg dl.volume{
	width:213px;
	height:91px;
	position:relative;
	margin-bottom:10px;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
	background:transparent url(../img/dtl_vlm_bk.png) 0 0 no-repeat;
}
body#detail #main #bkimg dl.volume dt{
	position:absolute;
	left:0px;
	display:block;
	width:42px;
	height:23px;
	text-indent:-9999px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/dtl_vlm_bk.png);
}
body#detail #main #bkimg dl.volume dt.vread{top:0px;background-position:0px -89px;}
body#detail #main #bkimg dl.volume dt.vwrite{top:22px;background-position:0px -111px;}
body#detail #main #bkimg dl.volume dt.vlisten{top:44px;background-position:0px -133px;}
body#detail #main #bkimg dl.volume dt.vspeak{top:66px;background-position:0px -155px;}
body#detail #main #bkimg dl.volume dd{
	position:absolute;
	left:42px;
	display:block;
	width:151px;
	height:18px;
	font-size:1em;
	line-height:160%;
	margin:0;
	padding:3px 10px 2px 10px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/dtl_vlm_bk.png);
}
body#detail #main #bkimg dl.volume dd.vread{top:0px;background-position:-42px -89px;}
body#detail #main #bkimg dl.volume dd.vwrite{top:22px;background-position:-42px -111px;}
body#detail #main #bkimg dl.volume dd.vlisten{top:44px;background-position:-42px -133px;}
body#detail #main #bkimg dl.volume dd.vspeak{top:66px;background-position:-42px -155px;}

body#detail #main #bkimg dl.score{
	width:213px;
	margin-bottom:10px;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}
body#detail #main #bkimg dl.score dt{
	float:left;
	display:inline;
	width:73px;
	min-height:10px; _height:10px;
	/*\*/clear:both;/**/
	text-indent:-9999px;
	background-color:transparent;
	background-position:0px 4px;
	background-repeat:no-repeat;
}
body#detail #main #bkimg dl.score dt.stoeic{background-image:url(../img/dtl_toeic.png);}
body#detail #main #bkimg dl.score dd{
	float:left;
	*float:none;
	width:140px;
	_width:137px;
	font-size:1em;
	line-height:160%;
	margin:0;
	padding:0;
}

body#detail #main #bkimg p.level{
	position:relative;
	width:213px;
	height:28px;
	/*text-indent:-9999px;*/
	background:transparent url(../img/dtl_lvl_msr.png) 0% 100% no-repeat;
	/*overflow:auto;_overflow:visible;zoom:1;*//*\*//*/overflow:hidden;/**/
	text-indent: 300px;
    white-space: nowrap;
    overflow: hidden;
}
body#detail #main #bkimg p.level span{
	position:absolute;
	top:0;
	display:block;
	width:21px;
	height:14px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/dtl_lvl_bar.png);
}
body#detail #main #bkimg p.level span.lvl1 {left: 5px;background-position:    0px 0px;}
body#detail #main #bkimg p.level span.lvl2 {left: 26px;background-position: -21px 0px;}
body#detail #main #bkimg p.level span.lvl3 {left: 47px;background-position: -42px 0px;}
body#detail #main #bkimg p.level span.lvl4 {left: 67px;background-position: -62px 0px;}
body#detail #main #bkimg p.level span.lvl5 {left: 87px;background-position: -82px 0px;}
body#detail #main #bkimg p.level span.lvl6 {left:108px;background-position:-103px 0px;}
body#detail #main #bkimg p.level span.lvl7 {left:128px;background-position:-123px 0px;}
body#detail #main #bkimg p.level span.lvl8 {left:148px;background-position:-143px 0px;}
body#detail #main #bkimg p.level span.lvl9 {left:168px;background-position:-163px 0px;}
body#detail #main #bkimg p.level span.lvl10{left:189px;background-position:-184px 0px;}
body#detail #main #bkimg dl.link li a{
	display: block;
	width: 122px;
	padding:2px 2px 2px 25px;
	background:#fff url(../img/sub_arw.png) 7px 6px no-repeat;
}

/*-- 20200818追加　音声ダウンロード&ストリーミングアイコン --*/
div#sound_icon {
    text-align: center;
    line-height: 0;
}

#sound_icon p.sound_DL_ST {
    display: inline-block;
}
p.sound_DL_ST {
    height: 40px;
    position: relative;
    margin-right: 1.6667em;
    margin-bottom: 0.5em;
    width: 35%;
}
.sound_DL_ST img {
/*    width: 35%;*/
    position: relative;
    top: 20%;
    left: 50%;/*18%*/
    transform: translate(-50%, -50%);
    margin: 0px;
    cursor: pointer;
    transition-duration: 0.3s;
}
.sound_DL_ST img:hover {
  opacity: 0.6;
  transition-duration: 0.3s;
}

/*-- BKTXT -- */
body#detail #main #bktxt{
	float:left;
	background:transparent url(../img/dtl_txt_bk.png) 0 0 repeat-x;
	width: calc(100% - 235px);
}

body#detail #main #bktxt h1{
	font-size:2.0em;
	margin:10px 10px 10px 10px;
	color:#00467a;
}
body#detail #main #bktxt h1 span{
	display:block;
	font-size:0.7em;
	font-weight:normal;
}

body#detail #main #bktxt p.author{
	margin:10px;
}

body#detail #main #bktxt dl.data{
	margin-bottom:10px;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}
body#detail #main #bktxt dl.data dt{
	float:left;
	display:inline;
	width:62px;
	/*\*/clear:both;/**/
	font-weight:normal;
	line-height:160%;
	margin:0;
	padding:5px 0px 5px 10px;
}
body#detail #main #bktxt dl.data dd{
	float:left;
	*float:none;
	width: calc(100% - 82px);
	line-height:160%;
	margin:0;
	padding:5px 0 5px 10px;
}
body#detail #main #bktxt dl.data dt.odd,
body#detail #main #bktxt dl.data dd.odd{
	background-color:#ededed;
}

body#detail #main #bktxt #detail,
body#detail #main #bktxt #content,
body#detail #main #bktxt #handbook{
	border-top: 1px solid #e2e2e2;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}
body#detail #main #bktxt #detail p,
body#detail #main #bktxt #content p,
body#detail #main #bktxt #handbook p{
	padding:0 10px;
}
body#detail #main #bktxt #detail h3{
	margin-top:9px;
	font-size:1.2em;
	color:#00467a;
	padding:0 10px;
}
/*エディタ見出し調整*/
body#detail #main #bktxt #detail .font-style h1, .h1, h2, .h2, h3, .h3 { margin-top: 18px !important; margin-bottom: 9px !important; font-weight:normal;}

body#detail #main #bktxt #detail .font-style  h4, .h4, h5, .h5, h6, .h6 { margin-top: 9px !important; margin-bottom: 9px !important; font-weight:normal;}

body#detail #main #bktxt #detail .font-style h1, .h1 { font-size: 18px; margin-right: 0; margin-left:0; color: #333; }
body#detail #main #bktxt #detail .font-style h2, .h2 { font-size: 15px; height: unset;  margin-right: 0; margin-left:0; background:none;}
body#detail #main #bktxt #detail .font-style h3, .h3 { font-size: 23px; color: #333; padding: 0;}
body#detail #main #bktxt #detail .font-style h4, .h4 { font-size: 17px; }
body#detail #main #bktxt #detail .font-style h5, .h5 { font-size: 13px; }
body#detail #main #bktxt #detail .font-style h6, .h6 { font-size: 12px; }

body#detail #main #bktxt #detail .font-style ol li { margin-left: 20px !important; list-style: decimal !important; }
body#detail #main #bktxt #detail .font-style ul li { margin-left: 20px !important; list-style: disc !important; }

body#detail #main #bktxt #detail .font-style ol {padding-left: 20px; }
body#detail #main #bktxt #detail .font-style ul {padding-left: 20px; }


body#detail #main #bktxt #content h3,
body#detail #main #bktxt #handbook h3{
	height:29px;
	font-size:1.2em;
}
body#detail #main #bktxt #content h3 a,
body#detail #main #bktxt #handbook h3 a{
	display:block;
	height:23px;
	background:transparent url(../img/dtl_toggle_btn.png) 0px -30px no-repeat;
	padding:6px 0 0 30px;
}
body#detail #main #bktxt #content h3 a.close,
body#detail #main #bktxt #handbook h3 a.close{
	background-position: 0px 0px;
}

body#detail #main #bktxt #icon,
body#detail #main #bktxt #cart,
body#detail #main #bktxt #buy{
	overflow:hidden;
}

body#detail #main #bktxt #icon p{
	float:left;
}
body#detail #main #bktxt #icon p.icon{
	display:block;
	width:83px;
	height:31px;
	margin:15px 11px 0 0;
	text-indent:-9999px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/dtl_icon.png);
	border: 0;
}
body#detail #main #bktxt #icon p#rcd{background-position:   0px   0px;}
body#detail #main #bktxt #icon p#acd{background-position: -88px   0px;}

body#detail #main #bktxt #icon p.btn{
	margin:11px 0 0;
	background:transparent url(../img/dtl_icon_btn_bk.png) -6px 0 no-repeat;
	height: 48px;
	width: 310px;
}
body#detail #main #bktxt #icon p.btn a{
	float:left;
	text-indent:-9999px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/dtl_icon_btn.png);
	height:35px;
	border: 0;
}
body#detail #main #bktxt #icon p.btn a#spdf      {background-position:   0px   0px;margin:2px 7px 0 0;width:146px;}
body#detail #main #bktxt #icon p.btn a#spdf:hover{background-position:   0px -35px;margin:2px 7px 0 0;width:146px;}
body#detail #main #bktxt #icon p.btn a#smp3      {background-position:-153px   0px;margin:2px 0 0 0;width:148px;}
body#detail #main #bktxt #icon p.btn a#smp3:hover{background-position:-153px -35px;margin:2px 0 0 0;width:148px;}


body#detail #main #bktxt #icon p.btn2 a.btnsound {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.7rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
/*  letter-spacing: 0.1em;*/
/*  color: #212529;*/
  color:#3475a7;
  border-radius: 0.5rem;
  font-size: 1.33rem;
  margin-top: 0.8em;
}

.btnsound,
.btnsound:before,
.btnsound:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}


body#detail #main #bktxt #icon p.btn2 a.btn-radius-solid {
    background: #e5eef5;
    background: -webkit-gradient(linear, left top, left bottom, from(#e5eef5), to(#afcce2));
    background: -webkit-linear-gradient(top, #e5eef5 0%, #afcce2 100%);
    background: linear-gradient(to bottom, #e5eef5 10%, #afcce2 90%);
    border: 1px solid #bbcad7;
}
body#detail #main #bktxt #icon p.btn2 a.btn-radius-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#e5eef5), to(#afcce2));
  background: -webkit-linear-gradient(bottom, #e5eef5 0%, #afcce2 100%);
  background: linear-gradient(to top, #e5eef5 0%, #afcce2 100%);
}
.fa, .fas {
    font-weight: 900;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}

.fa-position-right {
    position: relative;
    top: calc(50% - .5em);
    right: 1rem;
}
.fa-angle-right:before {
    content: "\f58f";
}

body#detail #main #bktxt #cart {
	background: #FEFFCF;
	border: 1px solid #FACA4A;
	position: relative;
	padding: 10px;
}

body#detail #main #bktxt #cart:before {
	content: '';
	display: block;
	width:110px;
	height:24px;
	background:transparent url(../img/dtl_cart_bk.png) -22px -24px no-repeat;
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
}
body#detail #main #bktxt #cart p{
	text-indent:-9999px;
	height: 54px;
	margin:0 0px 0px 130px;
}
body#detail #main #bktxt #cart p a{
	display: block;
	float:left;
	width:160px;
	height:42px;
	margin:6px 7px 6px 0px;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
body#detail #main #bktxt #cart p a.sample{background-image:url(../img/dtl_cart_btn1.png);}
body#detail #main #bktxt #cart p a.acceptance{background-image:url(../img/dtl_cart_btn2.png);}
body#detail #main #bktxt #cart p a:hover{background-position: -160px 0px;}

body#detail #main #bktxt #buy{
	background: #ccc;
	border: 1px solid #666;
	margin-top:6px;
	padding: 10px 20px;
}
body#detail #main #bktxt #buy p.note{
	float: left;
	width: calc(100% - 125px);
	margin:0;
	font-size: 11px;
	font-weight: bold;
}
body#detail #main #bktxt #buy p.buy{
	float: right;
	margin:0;
}
body#detail #main #bktxt #buy p.buy a{
	display:block;
	text-indent:-9999px;
	width:110px;
	height:31px;
	background:transparent url(../img/dtl_buy_btn.png) 0 0 no-repeat;
	border: 0;
}
body#detail #main #bktxt #buy p.buy a:hover{background-position:-110px 0px;}

@media screen and (max-width:768px) {
	body#detail #main #bkimg {
		float: none;
		margin: 0 auto 3em;
		width: 219px;
	}
	body#detail #main #bktxt {
		width: 100%;
	}
	p.sound_DL_ST {
	    margin-right: 0em;
}
}

@media screen and (max-width:480px) {
	body#detail #main #bktxt #icon p.btn a#spdf {
		margin: 2px 6px 0 0;
	}
	body#detail #main #bktxt #icon p.btn a#spdf:hover{
		margin:2px 6px 0 0;
	}
	body#detail #main #bktxt #cart:before {
		left: 0;
    top: 13px;
    bottom: inherit;
    right: 0;
	}
	body#detail #main #bktxt #cart p {
		height: auto;
    margin: 40px 0 0;
	}
	body#detail #main #bktxt #cart p a {
		margin: 6px auto;
		float: none;
	}
	body#detail #main #bktxt #buy p.note {
		float: none;
		width: 100%;
	}
	body#detail #main #bktxt #buy p.buy {
		float: none;
	}
	body#detail #main #bktxt #buy p.buy a {
		margin: 6px auto 0;
	}
}

/*-- RELTEXT -- */
body#detail #reltext{
	clear:both;
	text-align:left;
	padding-top:20px;
}
body#detail #reltext h2{
	height: 30px;
	margin: 20px 0 22px;
	background:#fff url(../img/line_pattern.png) 0% 100% repeat-x;
}
body#detail #reltext h2 span{
	display:block;
	text-indent: -9999px;
	height: 26px;
	border-bottom:1px solid #545454;
	background:transparent url(../img/dtl_h2_reltxt.png) 0px 0px no-repeat;
}

body#detail #reltext .book{
	float:left;
	width:210px;
	margin:0 5px 16px 0;
}
body#detail #reltext .book p.bkimg{
	float:left;
	width:91px;
	margin-bottom:0px;
	background:#fff url(../img/bks_shdw_btm.png) 0% 100% no-repeat;
	line-height:1px;
}
body#detail #reltext .book p.bkimg a{
	display:block;
	padding:0 6px 8px 0;
	margin:0;
	background:transparent url(../img/bks_shdw_top.png) 0 0 no-repeat;
}
body#detail #reltext .book p.bkimg img{
	margin:0;
}

body#detail #reltext .book .bktxt{
	float:left;
	width: 119px;
}
body#detail #reltext .book .bktxt h3{
	font-size: 1.2em;
	font-weight: normal;
}


/* -- CART ---------------------------------------------- */

body#cart #contents .content #sample h2{margin-top:0px;}
body#cart #contents .content #sample h2 span{background-image:url(../img/cart_h2_sample.png);}
body#cart #contents .content #acceptance h2 span{background-image:url(../img/cart_h2_acceptance.png);}
body#cart #contents .content #applicant h2{margin-top:0px;}
body#cart #contents .content #applicant h2 span{background-image:url(../img/cart_h2_applicant.png);}

body#cart #contents #sample table.data,
body#cart #contents #acceptance table.data{border-top:none;}

body#cart #contents table.data thead th.delete{width:70px;}

body#cart #contents #acceptance table.data thead th.price{width:70px;}
body#cart #contents #acceptance table.data thead th.school{width:212px;}
body#cart #contents #acceptance table.data thead th.season{width:116px;}
body#cart #contents #acceptance table.data thead th.quantity{width:110px;}

body#cart #contents #acceptance input.school{width:150px;}
/*body#cart #contents #acceptance input.quantity{width:30px;margin-right:3px;}*/
body#cart #contents #acceptance input.quantity{width:50px;margin-right:3px;margin-bottom:2px;}
@media screen and (max-width: 900px) {
.PC_only {display:none;}
}
body#cart #contents a.deletebtn{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:26px;
	background:transparent url(../img/crt_delete_btn.png) 0px 0px no-repeat;
}
body#cart #contents a.deletebtn:hover{background-position: 0px   -26px;}
body#cart #contents a.plusbtn{
	display:inline-block;
	text-indent:-9999px;
	height:23px;
	background:transparent url(../img/dtl_toggle_btn.png) 0px 0px no-repeat;
	padding:6px 0 0 30px;
	filter: alpha(opacity=80);opacity:0.80;
}
body#cart #contents a.plusbtn:hover{filter: alpha(opacity=100);opacity:1.00;}

body#cart #contents p.btn{
	margin-top:20px;
	display: flex;
	justify-content: center;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}
body#cart #contents a.backbtn{
	text-indent:-9999px;
	width:156px;
	height:32px;
	margin:12px 60px 0 0;
	background:transparent url(../img/back_btn.png) 0px 0px no-repeat;
}
body#cart #contents a.moresearch_btn{
	text-indent:-9999px;
	width:156px;
	height:32px;
	margin:12px 60px 0 0;
	background:url(../img/moresearch_btn.png) 0px 0px no-repeat;
}
body#cart #contents a.backbtn:hover,
body#cart #contents a.moresearch_btn:hover{background-position: 0px -32px;}
body#cart #contents a.submitbtn{
	text-indent:-9999px;
	width:186px;
	height:42px;
	margin:7px 0;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
body#cart #contents .submit-wrap {
	background: transparent url(../img/crt_btn_bk.png) 0 0 no-repeat;
	padding: 0px 11px;
}
body#cart #contents .submit-wrap a {
	display: block;
}
body#cart #contents #sample a.submitbtn{background-image:url(../img/crt_smpl_btn.png);}
body#cart #contents #acceptance a.submitbtn{background-image:url(../img/crt_accptnc_btn.png);}
body#cart #contents a.submitbtn:hover{background-position: 0px -42px;}

body#cart #contents #acceptance #document{
	padding:20px 20px 14px;
	background-color:#ededed;
}
body#cart #contents #acceptance #document strong{color:#f00;}
body#cart #contents #acceptance #document h3{
	font-size:1.4em;
}
body#cart #contents #acceptance #document h3:not(:first-child) {
	margin-top: 2em;
}
body#cart #contents #acceptance #document p{
	margin-bottom:0.5em;
}

body#cart #contents #applicant table.data tbody td{line-height:3em; padding-left: 15px;}
body#cart #contents #applicant table.data tbody td input{_margin-top: 5px;_margin-bottom: 5px;}
body#cart #contents #applicant table.data tbody th{
	width:150px;
	background-color:#ededed;
	padding-left: 15px;
}
body#cart #contents #applicant input.name,
body#cart #contents #applicant input.kana{width:200px;}
body#cart #contents #applicant input.school{width:300px;margin-right:10px;}
body#cart #contents #applicant input.zip1{width:80px;margin-left:5px;margin-right:5px;}
body#cart #contents #applicant input.zip2{width:100px;margin-left:5px;margin-right:5px;}
body#cart #contents #applicant input.address,
body#cart #contents #applicant textarea.comment {min-width:600px;}
body#cart #contents #applicant input.phone{width:200px;}
body#cart #contents #applicant input.mail{width:200px;margin-right:10px;}
body#cart #contents #applicant label{margin-right:10px;}
body#cart #contents #applicant .submitbtn{
	text-indent:-9999px;
	width:186px;
	height:42px;
	margin:7px 0;
	background:url(../img/crt_applcnt_btn.png) 0 0 no-repeat;
	border: none; 
}
body#cart #contents #applicant .submitbtn:hover{
	background-position: 0 -42px;
}
.table-scroll,
body#cart #contents #applicant input.school + br,
body#cart #contents #applicant input.mail + br {
	display: none;
}
body#cart #contents #acceptance table#applicant_confirm thead th.school {
	width: auto;
}

body#cart .thanks_title	{
	font-size: 2em;
	text-align: center;
	margin: 2em 0;
}
body#cart .department	{
	font-weight: bold;
}
@media screen and (max-width: 900px) {
	.table-scroll {
		display: block;
    font-weight: bold;
    text-align: center;
    background: #ccc;
    position: relative;
		padding: 5px;
	}
	.table-scroll:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		bottom: -20px;
		border: 8px solid transparent;
		border-top: 12px solid #ccc;
		height: 0;
		width: 0;
	}
	body#cart #contents #acceptance table.data thead {
		display: block;
		float: left;
		border-right: 1px solid #bbb;
	}
	body#cart #contents #acceptance table.data thead th {
		display: block;
		margin: 0;
		border-bottom: 1px dotted #bbb;
	}
	body#cart #contents #acceptance table.data thead th.price,
	body#cart #contents #acceptance table.data thead th.school,
	body#cart #contents #acceptance table.data thead th.season,
	body#cart #contents #acceptance table.data thead th.quantity,
	body#cart #contents #acceptance table.data thead th.delete {
		width: auto;
	}
	body#cart #contents #acceptance table.data thead th.school {
		height: 48px;
	}
	body#cart #contents #acceptance table.data thead th.season {
		height: 41px;
	}
	body#cart #contents #acceptance table.data thead th.quantity {
		height: 43px;
	}
	body#cart #contents #acceptance table.data thead th.delete {
		height: 45px;
	}
	body#cart #contents #acceptance table#applicant_confirm thead th.school,
	body#cart #contents #acceptance table#applicant_confirm thead th.season,
	body#cart #contents #acceptance table#applicant_confirm thead th.quantity {
		height: 100%;
	}
	body#cart #contents #acceptance table.data tbody td.box_cel {
		height: 255px;
		box-sizing: border-box;
	}
	body#cart #contents #acceptance table.data tbody {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
	body#cart #contents #acceptance table.data tbody tr {
		display: inline-block;
		border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
    margin: 0 -2px;
		vertical-align: top;
	}
	body#cart #contents #acceptance table.data tbody td,
	body#cart #contents #acceptance table.data tbody th {
		display: block;
		margin: 0;
	}
	body#cart #contents #applicant input.school {
		width: 100%;
	}
	body#cart #contents #applicant input.address,
	body#cart #contents #applicant textarea.comment{
		min-width: 100%;
	}
	body#cart #contents #applicant input.school + br,
	body#cart #contents #applicant input.mail + br {
		display: block;
	}
}

@media screen and (max-width: 480px) {
	body#cart #contents p.btn {
    flex-direction: column;
    align-items: center;
	}
	body#cart #contents a.backbtn,
	body#cart #contents a.moresearch_btn {
    margin: 0 0 12px 0;
	}
	
	body#cart #contents #applicant table.data tbody th {
		box-sizing: border-box;
    width: 100%;
    display: block;
    margin-bottom: 0;
		padding-left: 10px;
	}
	body#cart #contents #applicant table.data tbody td {
		box-sizing: border-box;
    width: 100%;
    display: block;
    margin-bottom: 0;
		padding-left: 10px;
	}
	body#cart #contents #acceptance table.data tbody td.box_cel {
		height: 262px;
	}
}

/* -- BASKET ---------------------------------------------- */

body#basket #contents .content #basket_cart h2,
body#basket_applicant #contents .content #private h2,
body#basket_applicant #contents .content #corporate h2,
body#basket_applicant_confirm #contents .content #details h2{margin-top:0px;}

body#basket #contents .content #basket_cart h2 span{background-image:url(../img/basket_h2_cart.png);}

body#basket_applicant #contents .content #private h2 span{background-image:url(../img/basket_h2_applicant_private.png);}
body#basket_applicant #contents .content .another h2 span {background-image:url(../img/basket_h2_applicant_another.png);}
body#basket_applicant #contents .content .shipping h2 span,
body#basket_applicant_confirm #contents .content .shipping h2 span {background-image:url(../img/basket_h2_shipping.png);}
body#basket_applicant #contents .content #payment h2 span{background-image:url(../img/basket_h2_payment.png);}
body#basket_applicant #contents .content #corporate h2 span{background-image:url(../img/basket_h2_applicant_corporate.png);}

body#basket_applicant_confirm #contents .content #confirm_info h2 span {background-image:url(../img/basket_h2_applicant_confirm.png);}
body#basket_applicant_confirm #contents .content #confirm_another h2 span{background-image:url(../img/basket_h2_shipping_confirm.png);}
body#basket_applicant_confirm #contents .content #details h2 span{background-image:url(../img/basket_h2_details.png);}

body#basket #contents #basket_cart table.data,
body#basket_applicant_confirm #details table.data {border-top:none;}
body#basket #contents input.amount {
	width: 30px;
	margin-right: 3px;
}
body#basket #contents a.changebtn {
	display: inline-block;
	text-indent: -9999px;
	width: 60px;
	height: 26px;
	background: transparent url(../img/basket_change_btn.png) 0px 0px no-repeat;
}
body#basket #contents a.deletebtn {
	display: block;
	text-indent: -9999px;
	width: 60px;
	height: 26px;
	background: transparent url(../img/crt_delete_btn.png) 0px 0px no-repeat;
}
body#basket #contents a.changebtn:hover,
body#basket #contents a.deletebtn:hover{
	background-position: 0px -26px;
}
body#basket #contents p.btn,
body#basket_applicant #contents p.btn,
body#basket_applicant_confirm #contents p.btn{
	margin-top: 20px;
	display: flex;
	justify-content: center;
	overflow: auto;
	_overflow: visible;
	zoom: 1;
}
#basket .submit-wrap,
#basket_applicant .submit-wrap,
#basket_applicant_confirm .submit-wrap {
	background:transparent url(../img/crt_btn_bk.png) 0 0 no-repeat;
	padding: 0px 11px;
}
body#basket #contents .submit-wrap a,
body#basket_applicant #contents .submit-wrap a,
body#basket_applicant_confirm #contents .submit-wrap a {
	display: block;
}
body#basket_applicant #contents a.backbtn,
body#basket_applicant_confirm #contents a.backbtn {
	text-indent: -9999px;
	width: 156px;
	height: 32px;
	margin: 12px 60px 0 0;
	background: transparent url(../img/back_btn.png) 0px 0px no-repeat;
}
body#basket #contents a.moresearch_btn{
	text-indent:-9999px;
	width:156px;
	height:32px;
	margin:12px 60px 0 0;
	background:url(../img/moresearch_btn.png) 0px 0px no-repeat;
}
body#basket_applicant #contents a.backbtn:hover,
body#basket_applicant_confirm #contents a.backbtn:hover,
body#basket #contents a.moresearch_btn:hover{background-position: 0px -32px;}
body#basket #contents a.submitbtn,
body#basket_applicant #contents a.submitbtn,
body#basket_applicant_confirm #contents a.submitbtn{
	text-indent:-9999px;
	width:186px;
	height:42px;
	margin:7px 0;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
body#basket #contents #basket_cart a.submitbtn{
	background-image: url(../img/basket_cart_btn.png);
}
body#basket_applicant #contents a.submitbtn{
	background-image: url(../img/basket_confirm_btn.png);
}
body#basket_applicant_confirm #contents a.submitbtn{
	background-image: url(../img/basket_order_btn.png);
}
body#basket #contents a.submitbtn:hover,
body#basket_applicant #contents a.submitbtn:hover,
body#basket_applicant_confirm #contents a.submitbtn:hover{
	background-position: 0 -42px;
}
body#basket #contents .notes,
body#basket_applicant #contents .notes {
	background: #ededed;
	padding: 20px 20px 5px;
	max-width: 480px;
	margin: 20px auto 0;
}

body#basket #contents table.data thead th.price,
body#basket #contents table.data thead th.subtotal,
body#basket #contents table.data thead th.delete,
body#basket_applicant_confirm #contents #details table.data thead th.price,
body#basket_applicant_confirm #contents #details table.data thead th.subtotal{
	width: 70px;
}
body#basket #contents table.data thead th.amount,
body#basket_applicant_confirm #contents #details table.data thead th.amount{
	width: 130px;
}
body#basket #contents .total_price {
	display: flex;
	justify-content: flex-end;
}
body#basket #contents .total_price p,
body#basket_applicant_confirm #contents .total_price p {
	width: 130px;
	font-weight: bold;
	padding: 10px 13px 8px;
	border-bottom: 1px dotted #bbb;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0;
}
body#basket_applicant_confirm #details {
	overflow: hidden;
}
body#basket_applicant_confirm #contents .total_price {
	float: right;
}
body#basket_applicant #contents .table_select,
body#basket_applicant #contents .shipping_select,
body#basket_applicant_confirm #contents .shipping_select{
	font-size: 1.2em;
}
body#basket_applicant #contents .table_select{
	display: flex;
	margin: 0 0 1em;
	justify-content: center;
}
body#basket_applicant #contents #private table.data tbody td,
body#basket_applicant #contents .another table.data tbody td,
body#basket_applicant #contents #corporate table.data tbody td,
body#basket_applicant_confirm #contents #confirm_info table.data tbody td,
body#basket_applicant_confirm #contents #confirm_another table.data tbody td {line-height:3em;}
body#basket_applicant #contents table.data tbody td input{_margin-top: 5px;_margin-bottom: 5px;}
body#basket_applicant #contents table.data tbody th,
body#basket_applicant_confirm #contents #confirm_info table.data tbody th,
body#basket_applicant_confirm #contents #confirm_another table.data tbody th{
	width:150px;
	background-color:#ededed;
	padding-left:15px;
}
body#basket_applicant #contents table.data tbody td,
body#basket_applicant_confirm #contents #confirm_info table.data tbody td,
body#basket_applicant_confirm #contents #confirm_another table.data tbody td{
	padding-left:15px;
}
body#basket_applicant #contents input.name,
body#basket_applicant #contents input.kana{width:200px;}
body#basket_applicant #contents input.zip1{width:80px;margin-left:5px;margin-right:5px;}
body#basket_applicant #contents input.zip2{width:100px;margin-left:5px;margin-right:5px;}
body#basket_applicant #contents input.address1,
body#basket_applicant #contents input.address2,
body#basket_applicant #contents textarea.comment {min-width:600px;}
body#basket_applicant #contents input.phone{width:200px;}
body#basket_applicant #contents input.mail{width:200px;margin-right:10px;}
body#basket_applicant #contents label{margin-right:10px;}
body#basket_applicant #contents .private .notes {
	max-width: 100%;
}
body#basket_applicant #contents .notes h3,
body#basket_applicant #contents #payment h3 {
	font-size: 1.4em;
}
body#basket_applicant #contents .notes h3:not(:first-child),
body#basket_applicant #contents #payment h3:not(:first-child){
	margin-top: 2em;
}
body#basket #contents .notes li {
	margin-bottom: 0.5em;
}
body#basket .thanks_title	{
	font-size: 2em;
	text-align: center;
	margin: 2em 0;
}
body#basket .department	{
	font-weight: bold;
}
@media screen and (max-width: 900px){
	body#basket #contents #basket_cart table.data thead,
	body#basket_applicant_confirm #contents #details table.data thead{
    display: block;
    float: left;
    border-right: 1px solid #bbb;
	}
	body#basket #contents table.data thead th.price,
	body#basket #contents table.data thead th.amount, 
	body#basket #contents table.data thead th.subtotal,
	body#basket #contents table.data thead th.delete,
	body#basket_applicant_confirm #contents #details table.data thead th.price,
	body#basket_applicant_confirm #contents #details table.data thead th.amount,
	body#basket_applicant_confirm #contents #details table.data thead th.subtotal{
		width: auto;
	}
	body#basket_applicant_confirm #contents #details table.data thead th.price,
	body#basket_applicant_confirm #contents #details table.data thead th.amount,
	body#basket_applicant_confirm #contents #details table.data thead th.subtotal {
		height: 100%;
	}
	body#basket #contents table.data thead th.amount {
		height: 47px;
	} 
	body#basket #contents table.data thead th.delete {
		height: 45px;
	}
	body#basket #contents #basket_cart table.data thead th,
	body#basket_applicant_confirm #contents #details table.data thead th{
		display: block;
    margin: 0;
    border-bottom: 1px dotted #bbb;
	}
	body#basket #contents #basket_cart table.data tbody,
	body#basket_applicant_confirm #contents #details table.data tbody{
		display: block;
    overflow-x: auto;
    white-space: nowrap;
	}
	body#basket #contents #basket_cart table.data tbody tr,
	body#basket_applicant_confirm #contents #details table.data tbody tr{
		display: inline-block;
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
    margin: 0 -2px;
	}
	body#basket #contents #basket_cart table.data tbody th,
	body#basket #contents #basket_cart table.data tbody td,
	body#basket_applicant_confirm #contents #details table.data tbody th,
	body#basket_applicant_confirm #contents #details table.data tbody td{
    display: block;
    margin: 0;
	}
	body#basket #contents #basket_cart table.data tbody td.box_cel {
		height: 209px;
    box-sizing: border-box;
	}
	body#basket_applicant #contents input.address1,
	body#basket_applicant #contents input.address2,
	body#basket_applicant #contents textarea.comment {
		min-width: 100%;
	}
	
}

@media screen and (max-width: 480px){
	body#basket #contents p.btn,
	body#basket_applicant #contents p.btn,
	body#basket_applicant_confirm #contents p.btn{
    flex-direction: column;
    align-items: center;
	}
	body#basket #contents a.backbtn,
	body#basket_applicant #contents a.backbtn,
	body#basket_applicant_confirm #contents a.backbtn,
	body#basket #contents a.moresearch_btn{
    margin: 0 0 12px 0;
	}
	body#basket_applicant #contents table.data tbody th,
	body#basket_applicant_confirm #contents #confirm_info table.data tbody th,
	body#basket_applicant_confirm #contents #confirm_another table.data tbody th {
		box-sizing: border-box;
    width: 100%;
    display: block;
    margin-bottom: 0;
		padding-left: 10px;
	}
	body#basket_applicant #contents table.data tbody td,
	body#basket_applicant_confirm #contents #confirm_info table.data tbody td,
	body#basket_applicant_confirm #contents #confirm_another table.data tbody td {
		box-sizing: border-box;
    width: 100%;
    display: block;
    margin-bottom: 0;
		padding-left: 10px;
	}
	body#cart #contents #applicant table.data tbody td input,
	body#cart #contents #applicant table.data tbody td textarea,
	body#cart #contents #acceptance input,
	body#cart #contents #acceptance textarea,
	body#basket_applicant #contents table.data tbody td input,
	body#basket_applicant #contents table.data tbody td textarea,
	body#basket #contents table.data tbody td input {
		font-size: 16px;
	}
	body#cart #contents #applicant table.data tbody td input[type="text"],
	body#cart #contents #acceptance input[type="text"],
	body#basket_applicant #contents table.data tbody td input[type="text"],
	body#basket #contents table.data tbody td input[type="text"] {
		height: 30px;
    box-sizing: border-box;
	}
	body#basket #contents #basket_cart table.data tbody td.box_cel {
		height: 213px;
	}
	body#basket #contents table.data thead th.amount {
    height: 51px;
	}
	body#cart #contents #acceptance table.data thead th.school,
	body#cart #contents #acceptance table.data thead th.quantity {
    height: 49px;
	}
	body#cart #contents #acceptance table#applicant_confirm thead th.school,
	body#cart #contents #acceptance table#applicant_confirm thead th.quantity {
    height: 100%;
	}
}
@media screen and (max-width: 338px){ 
	body#basket_applicant #contents .content .another h2 span {
		background-size: contain;
	}
}

/* -- SEARCH ---------------------------------------------- */

body#search #contents .content h2{margin-top:0px;}
body#search #contents .content #srch h2 span{background-image:url(../img/srch_h2_search.png);}
body#search #contents .content #result h2 span{background-image:url(../img/srch_h2_result.png);}

body#search #contents #srch table.data tbody td{line-height:3em;}
body#search #contents #srch table.data tbody td input,
body#search #contents #srch table.data tbody td select{_margin-top: 5px;_margin-bottom: 5px;}
body#search #contents #srch table.data tbody th{
	background-color:#ededed;
	padding-left:15px;
	padding-right:15px;
	width: 225px;
}
body#search #contents #srch table.data tbody th .thjp{text-align:right;width:80px; display: inline-block;}
body#search #contents #srch table.data tbody th .then{width:145px;font-weight:normal; display: inline-block;}
body#search #contents #srch table.data tbody td{padding-left:15px;}
body#search #contents #srch input.bookname{
	max-width: 400px;
	width: 100%;
}
body#search #contents #srch input.author{
	max-width: 400px;
	width: 100%;
}
body#search #contents #srch input.isbn{width:100px;margin-left:5px;margin-right:5px;}
body#search #contents #srch select.level1{margin-right:5px;}
body#search #contents #srch select.level2{margin-left:5px;}
body#search #contents #srch tr.lvl,
body#search #contents #srch tr.gnr{display:none;}
body#search #contents #srch tr.gnr td ul{
	display:inline;
}
body#search #contents #srch tr.gnr td ul{display:none;}
body#search #contents #srch p.btn{
	margin-top:20px;
	display: flex;
	justify-content: center;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}
body#search #contents #srch a.rstbtn{
	text-indent:-9999px;
	width:156px;
	height:32px;
	margin:12px 60px 0 0;
	background:transparent url(../img/srch_rst_btn.png) 0px 0px no-repeat;
}
body#search #contents #srch a.rstbtn:hover{background-position: 0px   -32px;}

#search .submit-wrap {
	background:transparent url(../img/crt_btn_bk.png) 0 0 no-repeat;
	padding: 0px 11px;
}
body#search #contents #srch .submitbtn{
	text-indent:-9999px;
	width:186px;
	height:42px;
	margin:7px 0;
	background:url(../img/srch_search_btn.png) 0 0 no-repeat;
}
body#search #contents #srch .submitbtn:hover{background-position: 0px   -42px;}

body#search #contents #result #sort{
	padding:10px 10px 4px;
	margin-bottom:20px;
	border:1px solid #ccc;
}
body#search #contents #result #sort p{
	float:left;
	display:inline;
	margin-bottom:0.5em;
	margin-right:40px;
}
body#search #contents #result #sort p select{
	margin-right:5px;	
}
body#search #contents #result #sort p.btn{
	float:right;
	display:inline;
	width:120px;
	height:26px;
	margin-right:0px;
}
body#search #contents #result #sort p.btn a{
	display:block;
	text-indent:-9999px;
	width:120px;
	height:26px;
	background:transparent url(../img/srch_sort_btn.png) 0px 0px no-repeat;
}
body#search #contents #result #sort p.btn a:hover{background-position: 0px   -26px;}

body#search #contents #result .hint{
	padding:20px 20px 14px;
	background-color:#ededed;
	margin-bottom:20px;
}
body#search #contents #result .hint strong{color:#f00;}
body#search #contents #result .hint h3{
	font-size:1.2em;
}
body#search #contents #result .hint p{
	margin-bottom:0.5em;
}

body#search #contents #result ul.pagenavi{
	margin:20px 0;
	padding:3px 0;
	clear: both;
}
body#search #contents #result ul.pagenavi li{
	display:inline;
	margin:0 2px;
	text-align:center;
}
body#search #contents #result ul.pagenavi li.prev{margin-right:10px;}
body#search #contents #result ul.pagenavi li.next{margin-left:10px;}
body#search #contents #result ul.pagenavi li a,
body#search #contents #result ul.pagenavi li span{
	padding:6px 6px 5px;
	margin:0;
	border: 1px solid #ccc;
}
body#search #contents #result ul.pagenavi li span{
	color:#fff;
	background:#ccc;
}
body#search #contents #result ul.pagenavi li a:hover{
	color:#fff;
	background:#2096e8;
	border-color:#2096e8;
}

body#search #contents #resultlist{
	border-top:2px solid #a8b4bd; 
	padding-top:20px;
}
body#search #contents .book{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:2px solid #a8b4bd; 
}
body#search #contents .book p.bkimg{
	float:left;
	width:95px;
	margin-bottom:0;
	background:#fff url(../img/bks_shdw_btm.png) 0% 100% no-repeat;
	line-height:1px;
}
body#search #contents .book p.bkimg a{
	display:block;
	padding:0 6px 8px 0;
	margin:0;
	background:transparent url(../img/bks_shdw_top.png) 0 0 no-repeat;
}
body#search #contents .book p.bkimg img{
	margin:0;
}

body#search #contents .book .bktxt{
	float:left;
	width: calc(100% - 95px);
}
body#search #contents .book .bktxt h3{
	padding: 0px 0px 10px;
	font-size: 1.4em;
	border-bottom:1px dotted #a8b4bd; 
}
body#search #contents .book .bktxt p.detail{
	margin-bottom:10px;
}
body#search #contents .book .bktxt p.sample span{
	float:left;
	display:inline;
	text-indent: -9999px;
	width:67px;
	height:14px;
	background-color: transparent;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
body#search #contents .book .bktxt p.sample span.pages{background-image:url(../img/list_icon_pages.png);margin-right:6px;}
body#search #contents .book .bktxt p.sample span.sounds{background-image:url(../img/list_icon_sounds.png);}

@media screen and (max-width:480px) {
	body#search #contents #srch table.data tbody th {
		box-sizing: border-box;
		width: 100%;
    display: block;
		margin-bottom: 0;
	}
	body#search #contents #srch table.data tbody td {
		box-sizing: border-box;
		padding-left: 0;
		width: 100%;
    display: block;
		margin-bottom: 0;
	}
	body#search #contents #srch table.data tbody th .thjp,
	body#search #contents #srch table.data tbody th .then {
		width: auto;
	}
	body#search #contents #srch p.btn {
		flex-direction: column;
    align-items: center;
	}
	body#search #contents #srch a.rstbtn {
		margin: 0 0 12px 0;
	}
	body#search #contents #srch table.data tbody td input,
	body#search #contents #srch table.data tbody td select,
	body#search #contents #result #sort p select {
		font-size: 16px;
	}
}


/* TOOLTIP ------------------------------------------------ */

#alpha-inner,
.asset{
overflow: visible;
}
span.toolTip,
body#cart a.plusbtn{
cursor: pointer; 
position: relative;
display:inline-block;
padding:0px 7px;
font-weight:bold;
background-color:#f0efec;
/* border-bottom:1px dotted #777; */
zoom:1;
}
.toolTipWrapper{
width: 175px;
position: absolute;
top: 20px;
left: 0px;
display: none;
color: #000;
font-weight:normal;
font-size:0.9em;
z-index:9999;
}
.toolTipWrapperL{
right: -20px;
left: auto;
}

.toolTipTop { width:175px; height:30px; background:transparent url(../img/bubble-top.png) no-repeat;}
.toolTipWrapperL .toolTipTop { background:transparent url(../img/bubble-topl.png) 100% 100% no-repeat;}
.toolTipMid { padding:0 15px; background:#f0efec; text-align:left; line-height: 1.4;text-indent:0;}
.toolTipBtm { height:13px; background:#f0efec;}


.errmsg{
	background-color:#ffffff;
	color:red;
}
.errhead{
	color:white;
	width:100%;
	background-color:red;
	font-size:1.2em;
}


/* 120920 追加  */
body#about #contents .content #sample h2 span {
	background-image:url(../img/about_h2_sample.png); }
body#about #contents .content #offer h2 span {
	background-image:url(../img/about_h2_offer.png); }
body#about #contents .content #help h2 span {
	background-image:url(../img/about_h2_help.png); }
body#about #contents .content h2 {
	margin-top: 0px;
}

/* 180921 新サイトヘッダ追加 */

/* =========================================================
　◆Head
========================================================= */

.ly_head { max-width: 900px; background: #fff; margin: 1em auto 0; }

.ly_head .ly_head_inner {position: relative; overflow: hidden; max-width: 900px; margin: 0 auto;  }

.ly_head .ly_head_logo { float: left; width: 233px; }/*ロゴ変更のためサイズ修正*/

.ly_head .ly_head_logo a img {transition: opacity 0.3s; -webkit-transition: opacity 0.3s; margin-bottom: 0; }

.ly_head .ly_head_logo a:hover img { opacity: 0.8; }

.ly_head .ly_head_bookType {float: right;  overflow: hidden; width: 261px; margin-top: 8px; margin-bottom: 0; }

.ly_head .ly_head_bookType .ly_head_bookType_item { float: left; width: 123px; margin-right: 15px; }

.ly_head .ly_head_bookType .ly_head_bookType_item:last-of-type { margin-right: 0; }

.ly_head .ly_head_bookType .ly_head_bookType_item .ly_head_bookType_link { display: block; padding: 13px 0 14px; background: #fff; font-size: 13px; line-height: 1; text-align: center; text-decoration: none; transition: color 0.3s, background 0.3s;-webkit-transition: color 0.3s, background 0.3s;  }

.ly_head .ly_head_bookType .ly_head_bookType_item .ly_head_bookType_link__common {border: solid 2px #1e6eb4; color: #1e6eb4;  }

.ly_head .ly_head_bookType .ly_head_bookType_item .ly_head_bookType_link__common:hover {background: #1e6eb4; color: #fff;  }

.ly_head .ly_head_bookType .ly_head_bookType_item .ly_head_bookType_link__university {border: solid 2px #e66400; color: #e66400;  }

.ly_head .ly_head_bookType .ly_head_bookType_item .ly_head_bookType_link__university.active {background: #e66400; color: #fff;  }

#spMenu { display: none; }

@media screen and (max-width: 900px) {
	.ly_head .ly_head_logo { margin-left: 10px; }
	.ly_head .ly_head_bookType { margin-right: 10px; }
}

@media screen and (max-width: 750px){
.ly_head { /*position: fixed;*/ z-index: 100;/*height: 61px;*/ padding: 10px 0 8px; border-top: 2px solid #194b78; margin: 0; }

/*.ly_head .ly_head_inner {position: static; width: 100%;  }*/

.ly_head .ly_head_logo { max-width: 150px;}/*ロゴ変更のため横幅変更*/

.ly_head .ly_head_logo a img {transition: none; -webkit-transition: none; margin-bottom: 0; }

.ly_head .ly_head_bookType {float: right;  overflow: hidden; width: 45%; max-width: 175px; margin-top: 0; margin-bottom: 0; }/*ロゴ変更のため幅調整*/

.ly_head .ly_head_bookType .ly_head_bookType_item { float: left; width: 48.57142857142857%; max-width: 85px; margin-right: 2.857142857142857%; }

.ly_head .ly_head_bookType .ly_head_bookType_item .ly_head_bookType_link {padding: 13px 0 14px;  font-size: 11px; transition: none;-webkit-transition: none;  }

.ly_head .ly_head_bookType .ly_head_bookType_item .ly_head_bookType_link__common:hover {background: #1e6eb4; color: #fff;  }

#spMenu { display: block; position: absolute; top: 0; right: 0; z-index: 3; width: 53px; height: 53px; background: #194b78;cursor: pointer;  }
}