@charset "utf-8";

/* -------------------------------------------
Auther: design studio tom'sOne
        Tommy Tsutsui
        http://toms1.net/
Last modefied: 08/Sep/2017
------------------------------------------- */

/* Flex Box */
#globalNav, .bottom-sns, footer ul, .link-double, #NC-list, .books-list,
#top-today-list, .top-blog-list, #all-books-list, #HS-List, #magazineList, #news-toplist, #MCNavi ul { -js-display: flex; }

/* Common */
.loader {
 background: url(../top_im/loader.gif) no-repeat 0 0;
 width: 60px; height: 60px; margin: -30px 0 0 -30px; border: none; }

.image-in01 img, .books-list a:hover:before { transform: none; }

#homeLogo:hover { background: #f97e00; }

#globalNav li, footer li, .books-list li { display: block; }

footer li { white-space: nowrap; }
footer nav { padding-top: 36px; }

#top-today-list { padding: 30px 15px 0; }

.ie9 .LB02, .ie9 .LB03 { padding: .55em .75em .5em; }

.titleImage:before {
 content: ''; position: absolute; top: 60%; left: 50%; margin-left: -45%;
 background: #f5f2ec; width: 90%; height: 62%; display: block; z-index: -1; }

.st-in01, .st-in03 { padding: 0 6px 7px 7px; display: inline-block; position: relative; }

.st-in01:after, .st-in03:after {
 content: ''; position: absolute; left: 0; bottom: 0;
 background: #ccc; width: 100%; height: 3px; display: block; z-index: 5; }

.st-in03:after { background: #494949; }

/* Contents */
.books-list { padding: 0; }
.books-list li { margin: 0 14px; }

#tn-list, #NC-list, #HS-List, #magazineList, #news-toplist { width: 970px; padding: 40px 0 0; }

#tn-list div:nth-of-type(2), #NC-list div:nth-of-type(2) { margin: 0 50px; }

.TTAA, .TBLA { width: 100%; }

.ie9 #BDContents h2 .st-letter { padding: .85em 1.4em .3em 1.7em; }

#NC-list h4, #BD-data h1 { font-weight: bold; }

#bookList h1 em, #contact h1 em, #privacy h1 em, #magazine-tit em, #news-tit em,
#invitation h1 em { margin-top: -1px; padding: .34em 0 .225em; }

#handled-shop h2 em { margin-top: 8px; padding: 6px 0 0; }

#HS-List div { width: 47%; }