body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	box-sizing: border-box;
	background: url(../images/million2020_bg_01.png) center 0 no-repeat fixed;
	background-size: cover;
}

a {
	text-decoration: none;
}


/*----------------------
    スマホヘッダー
----------------------*/
header {
	background-color: rgba( 255, 255, 255, 0.65 );
}

h1 {
	margin: 0;
	padding: 0 10px;
	width: 40px;
	float: left;
}
h1 img {
	width: 44px;
	height: 24px;
}
#share {
	padding: 5px 5px 0;
	width: 80px;
	position: static;
	float: left;
}
#share li {
	width: 20px;
	display: inline-block;
}
#share img {
	width: 20px;
	height: 20px;
}
#logo_img {
	width: 40%;
	height: 40%;
}
#logo_img img {
	width: 40%;
	height: 40%;
	margin-left: 85px;
}

/* ------------------------------
	
	wrap

------------------------------ */
#wrap {
	margin: 0 auto;
	padding: 0;
	width: device-width;
	overflow: hidden;
	background: url(../images/million2020_bg_sp.png) ;
} 
/* ------------------------------
	
	nav

------------------------------ */
nav {
	padding:0;
	width:100%;
	margin: 0 auto;
	background-color:rgba( 238, 239, 239, 0.75 );}

nav ul {
	margin:0 auto;
	padding:0;}

nav ul li {
	display: inline-block;
	padding:0;
	width: 30%;
	margin: 2px 0 2px 7px;
	text-align:center;}

nav ul li img{
	vertical-align:middle;
	width: 100%;
}

nav ul li:nth-child(1) {
	background-color: #6dbb4f;
}
nav ul li:nth-child(2) {
	background-color: #f2942c;
}
nav ul li:nth-child(3) {
	background-color: #01b4ed;
}
nav ul li:nth-child(4) {
	background-color: #ec7aa7;
}
nav ul li:nth-child(5) {
	background-color: #dc6054;
}
nav ul li:nth-child(6) {
	background-color: #cb72ab;
}
nav ul li:nth-child(7) {
	background-color: #30b1a7;
}
nav ul li:nth-child(8) {
	background-color: #9a681d;
}

nav ul li:nth-child(9) {
	background-color: #d8c100;
}

nav ul li a:hover {
	display: block;
	background-color: rgba( 0, 0, 0, 0.30 );
}
/*nav ul li .active {
	display: block;
	background-color: rgba( 0, 0, 0, 0.30 );
}
*/

/* ------------------------------
	
	mainvisual

------------------------------ */
#mainvisual img{
	width: 90%;
	text-align: center;
}
#mainvisual .mv_sub {
	margin: 100px auto 5px;
	text-align: center;
	background-color: rgba( 255, 255, 255, 0.65 );
}
#mainvisual .mv_main {
	padding: 3px 0;
	text-align: center;
	background-color: rgba( 0, 166, 219, 0.90 );
}
/* ------------------------------
	
	caption

------------------------------ */
#caption {
	width: 95%;
	margin: 0 auto;
	background-color: rgba( 255, 255, 255, 0.70 );}

#caption img{
	width: 95%;
}
#caption h2 {
	margin: 0 auto;
	font-size: 25px;
	letter-spacing: 0.2em;
	text-align: center;
}
#caption p {
	width: 95%;
	margin: 0 auto;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	font-size: 12px;	
}
#caption p a{
	font-size: 12px;
	text-align: center;
}
/* ------------------------------
	
	column

------------------------------ */
#wrap .column h3 {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0;
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
	letter-spacing: 0.2em;
	border-radius: 5px;
}
#col1 {
	border-top: 1px #6dbb4f dashed;
}
#col2 {
	border-top: 1px #f2942c dashed;
}
#col3 {
	border-top: 1px #6dbb4f dashed;
}
#col4 {
	border-top: 1px #ec7aa7 dashed;
}
#col5 {
	border-top: 1px #dc6054 dashed;
}
#col6 {
	border-top: 1px #cb72ab dashed;
}
#col7 {
	border-top: 1px #30b1a7 dashed;
}
#col8 {
	border-top: 1px #9a681d dashed;
}
#col9 {
	border-top: 1px #d8c100 dashed;
}

/* 1 */
#col1 h3 {
	background-color: #01b4ed;
}
#col1 h3:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	border: 15px solid transparent;
	border-top: 15px solid #01b4ed;
	width: 0;
	height: 0;
}
/* 2 */
#col2 h3 {
	background-color: #f2942c;
}
#col2 h3:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	border: 15px solid transparent;
	border-top: 15px solid #f2942c;
	width: 0;
	height: 0;
}
/* 3 */
#col3 h3 {
	background-color: #01b4ed;
}
#col3 h3:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	border: 15px solid transparent;
	border-top: 15px solid #01b4ed;
	width: 0;
	height: 0;
}
/* 4 */
#col4 h3 {
	background-color: #ec7aa7;
}
#col4 h3:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	border: 15px solid transparent;
	border-top: 15px solid #ec7aa7;
	width: 0;
	height: 0;
}
/* 5 */
#col5 h3 {
	background-color: #dc6054;
}
#col5 h3:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	border: 15px solid transparent;
	border-top: 15px solid #dc6054;
	width: 0;
	height: 0;
}
/* 6 */
#col6 h3 {
	background-color: #cb72ab;
}
#col6 h3:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	border: 15px solid transparent;
	border-top: 15px solid #cb72ab;
	width: 0;
	height: 0;
}
/* 7 */
#col7 h3 {
	background-color: #30b1a7;
}
#col7 h3:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	border: 15px solid transparent;
	border-top: 15px solid #30b1a7;
	width: 0;
	height: 0;
}
/* 8 */
#col8 h3 {
	background-color: #9a681d;
}
#col8 h3:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	border: 15px solid transparent;
	border-top: 15px solid #9a681d;
	width: 0;
	height: 0;
}
/* 9 */
#col9 h3 {
	background-color: #d8c100;
}
#col9 h3:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	border: 15px solid transparent;
	border-top: 15px solid #d8c100;
	width: 0;
	height: 0;
}
/* ---本リスト --- */
#wrap .column {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	background-color: rgba( 255, 255, 255, 0.70 );
}
#wrap .column .books {
	width: 100%;
	margin: 10px auto 10px;
	overflow: hidden;
}
#wrap .column .books > li {
	width: 49%;
	padding: 10px 0;
	display: inline-block;
}
#wrap .column .books dl {
	width: auto;
	margin: 0 auto;
}
#wrap .column .books dt {
	text-align: center;
}
#wrap .column .books dt img {
	width: 70%;
}
/* --- タイトルと著者 --- */
#wrap .column .books .bk_title {
	margin: 0 15px;
}
#wrap .column .books .bk_title li span {
	font-size: 11px;
}
/* --- データ --- */
#wrap .column .books .bk_data {
	margin: 5px 15px 0;
}
#wrap .column .books .bk_data li {
	width: auto;
	display: inline-block;
}
#wrap .column .books .bk_data li:first-of-type {
	color: #FF0000;
	font-size: 15px;
	font-weight: bold;
}
#wrap .column .books .bk_data li + li {
	margin-left: 5px;
	padding: 0 5px;
	border-radius: 3px;
	background-color: #fcc80d;
}
/* --- タグ --- */
#wrap .column .books .bk_tag {
	margin: 5px 15px 0;
	font-size: 0;
}
#wrap .column .books .bk_tag li {
	display: inline-block;
	width: auto;
	padding: 3px;
	font-size: 11px;
	border-radius: 3px;
}
#wrap .column .books .bk_tag li + li {
	margin-left: 5px;
}
#wrap #col1 .books .bk_tag li {
	background-color: #cae5c0;
}
#wrap #col2 .books .bk_tag li {
	background-color: #fdebc8;
}
#wrap #col3 .books .bk_tag li {
	background-color: #c7e8fa;
}
#wrap #col4 .books .bk_tag li {
	background-color: #fce5e7;
}
#wrap #col5 .books .bk_tag li {
	background-color: #f2e1de;
}
#wrap #col6 .books .bk_tag li {
	background-color: #e7dded;
}
#wrap #col7 .books .bk_tag li {
	background-color: #d5ebe1;
}
#wrap #col8 .books .bk_tag li {
	background-color: #e8c38c;
}
#wrap #col9 .books .bk_tag li {
	background-color: #dee1e9;
}

/* ------------------------------
	
	footer

------------------------------ */
footer {
	width: 100%;
	bottom: 0;
	padding: 0;
	background: url(../images/million2020_footer-bg.png) bottom / cover no-repeat;
}

#kumaoyako {
	margin: 0 auto;
	text-align: center;
}
#copyright {
	margin: 0 auto 0 !important;
	color: #FFF;
}