@charset "utf-8";

/* -------------------------------------------
Auther: designstudio tom'sOne
        Tommy Tsutsui
        http://toms1.net/
Last modefied: 12/Mar/2018
------------------------------------------- */

/* -------------------------------------------
 Reset
------------------------------------------- */
html{font-size:62.5%;}body,a,address,header,html,iframe,nav{padding:0;margin:0}address,header,html,iframe,nav{border:0;outline:0}abbr,article,aside,audio,b,canvas,cite,code,del,details,dfn,em,fieldset,figcaption,figure,form,hgroup,i,img,ins,kbd,label,legend,mark,menu,object,pblockquote,pre,q,samp,span,strong,sub,summary,sup,time,var,video{background:0 0;margin:0;padding:0;border:0;outline:0}footer,h1,h2,h3,h4,h5,h6,p,section,small{border:0;outline:0}address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a img,figure{vertical-align:top}abbr[title],dfn[title]{cursor:help}input,select{vertical-align:middle}noscript{margin:0}

/* Desktop Hide Items */
.spFalse, .spIM { display: none !important; }

/* -------------------------------------------
 Font Setting
------------------------------------------- */
.min, #about-books h2 span, #our-mission dt, #contact h1 em, #contact-completion h2,
#news-tit em, #magazine-tit em, #MagCategory-title, #privacy h1 em, #privacy h2, #tradeTerms {
 font-family: "source-han-serif-japanese"; }

@font-face { font-family: 'hypatia'; src: url('Hypatia-Sans-Pro.woff') format('woff'), url('Hypatia-Sans-Pro.ttf') format('truetype'); }
.hypatia, .menu-trigger:after, footer h4, footer small, #returnBT p:after, .LB01, .LB04, .books-list a:after,
.top-blog-list:before, #NC-list #NCMagazine, #our-mission h2, #company-info h2, #about-books h2 em,
#MCNInner h4:before, #compMessa { font-family: 'hypatia'; }

@font-face { font-family: 'hypatia-sm'; src: url('Hypatia-Sans-Pro-Semibold.woff') format('woff'), url('Hypatia-Sans-Pro-Semibold.ttf') format('truetype'); }

.hypatia-sm, #globalNav, footer nav, #global-top h2, #global-top h3, .tp-book-name:after, #global-top #top-magazine h2, #next-contents h3, #bookList h1, #books-message h2, #shop-invitation h2, #BDContents h2,
.digi-book em, #invitation h1, #handled-shop h2 em, #bmSign, #aboutTit, #contact h1,
#news-tit, #news-toplist small, #news-toplist time, #newsHead small, #newsHead time,
#magazine-tit, #magazineList time, #magazineHead time, #magazineHead .ind, #MCNInner h4, #privacy h1 {
 font-family: 'hypatia-sm'; }

#top-magazine h2, .TTAA time, .TTA-article h4, .TBLA time, .TTAA p, .TBLA p, .TBLA h4, #tm-list:before,
#books-message, #next-contents, #handled-shop h2, .HS-Guide, #about h1,
#company-info, .inp01, #mailformpro select, #mailformpro textarea, #MCNInner, #site-policy {
 text-shadow: rgba(255,255,255,1) 1px 1px 0; }

#handled-shop h2 em { text-shadow: none; }

/* -------------------------------------------
 Common Animation
------------------------------------------- */
#homeLogo:after, #globalNav a, #globalNav li:after {
  -webkit-transition: all .6s cubic-bezier(.075, .82, .165, 1); transition: all .6s cubic-bezier(.075, .82, .165, 1); }

.bottom-sns a, a .TTAA time, a .TTAA p, a .TBLA p, a .TBLA time, a .TBLA h4 {
 -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

footer li a, .books-list a:before, .TTAA p span:after, .TBLA h4 span:after, .link-bt a, .link-bt a:before,
#purchase-area p a, .invitationGuide a, .HS-Guide a, #HS-List a, #HS-List a:after,
#newsBody p a, #magazineList a h3, #magazineHead h2 a, #magazineHead h2 a:after,
#magazineBody p a, .categoryLink a, .categoryLink a:after, #contactGuide a, #MCNavi a,
#mailformpro .TFSend input, #mailformpro .TFReset input {
 -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

.books-list a:after {
 -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

.animated { -webkit-animation-fill-mode:both; animation-fill-mode:both; }
.animated.infinite { -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
.fadeIn { -webkit-animation: fadeIn 1s ease-in-out; animation: fadeIn 1s ease-in-out .2s;
-webkit-animation-fill-mode:both; animation-fill-mode:both; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
.fadeOut { -webkit-animation: fadeOut .6s ease-in-out; animation: fadeOut .6s ease-in-out;
-webkit-animation-fill-mode:both; animation-fill-mode:both; }

@-webkit-keyframes StStDraw {
	0% { -webkit-transform: scale(0,1); } 45% { -webkit-transform: scale(1,1); }
	55% { -webkit-transform: scale(1,1); } 100% { -webkit-transform: scale(1,0); } }
@keyframes StStDraw {
	0% { transform: scale(0,1); } 45% { transform: scale(1,1); }
	55% { transform: scale(1,1); } 100% { transform: scale(1,0); } }
	
@-webkit-keyframes StLetterIn { 50% { -webkit-transform: scaleX(1); } 100% { -webkit-transform: scaleX(0); } }
@keyframes StLetterIn { 50% { transform: scaleX(1); } 100% { transform: scaleX(0); } }

@-webkit-keyframes textBlur01 {
 0% { -webkit-filter: blur(20px); -webkit-transform: scale(.8); opacity: 0; }
 100% { -webkit-filter: blur(0); -webkit-transform: scale(1); opacity: 1; } }
@keyframes textBlur01 {
 0% { filter: blur(20px); transform: scale(.8); opacity: 0; }
 100% { filter: blur(0); transform: scale(1); opacity: 1; } }
	
@-webkit-keyframes textIn01 { 20% { -webkit-transform: scaleX(1); } 100% { -webkit-transform: scaleX(0); } }
@keyframes textIn01 { 20% { transform: scaleX(1); } 100% { transform: scaleX(0); } }

@-webkit-keyframes texLink01 { 0% { -webkit-transform: scale(0,1); } 100% { -webkit-transform: scale(1,1); } }
@keyframes texLink01 { 0% { transform: scale(0,1); } 100% { transform: scale(1,1); } }

@-webkit-keyframes slideIn01 {
	0% { -webkit-transform: translateX(-450px); } 100% { -webkit-transform: translateX(0); } }
@keyframes slideIn01 { 0% { transform: translateX(-450px); } 100% { transform: translateX(0); } }

@-webkit-keyframes ImIn {
 0% { -webkit-transform: translate3d(-101%,0,0); } 40% { -webkit-transform: translate3d(0,0,0); }
 60% { -webkit-transform: translate3d(0,0,0); } 100% { -webkit-transform: translate3d(101%,0,0); } }
@keyframes ImIn {
 0% { transform: translate3d(-101%,0,0); } 40% { transform: translate3d(0,0,0); }
 60% { transform: translate3d(0,0,0); } 100% { transform: translate3d(101%,0,0); } }

@-webkit-keyframes ImOut {
 0% { -webkit-transform: translate3d(-101%,0,0); } 30% { -webkit-transform: translate3d(0,0,0); }
 75% { -webkit-transform: translate3d(0,0,0); } 100% { -webkit-transform: translate3d(101%,0,0); } }
@keyframes ImOut {
 0% { transform: translate3d(-101%,0,0); } 30% { transform: translate3d(0,0,0); }
 75% { transform: translate3d(0,0,0); } 100% { transform: translate3d(101%,0,0); } }

/* Box Slide */
@-webkit-keyframes slideLeft {
 0% { -webkit-transform: translate3d(-50px,0,0); opacity: 0; } 100% { -webkit-transform:none; opacity: 1; } }
@keyframes slideLeft {
 0% { transform: translate3d(-50px,0,0); opacity: 0; } 100% { transform:none; opacity: 1; } }
.slideLeft { -webkit-animation: slideLeft .75s ease-in-out; animation: slideLeft .75s ease-in-out; }

@-webkit-keyframes slideRight {
 0% { -webkit-transform: translate3d(50px,0,0); opacity: 0; } 100% { -webkit-transform:none; opacity: 1; } }
@keyframes slideRight {
 0% { transform: translate3d(50px,0,0); opacity: 0; } 100% { transform:none; opacity: 1; } }
.slideRight { -webkit-animation: slideRight .75s ease-in-out; animation: slideRight .75s ease-in-out; }

/* Title Anim */
.st-st01, .st-st02, .st-st03 {
 position: absolute; left: 0; bottom: 0;
 background: #333; width: 100%; height: 100%; display: inline-block; z-index: 10;
 -webkit-animation: StStDraw 1s cubic-bezier(.075, .82, .165, 1) 0s;
 animation: StStDraw 1s cubic-bezier(.075, .82, .165, 1) 0s;
 -webkit-transform-origin: left bottom; transform-origin: left bottom;
 -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.st-st03 { background: #ccc; }

.stInBlock, .stInBlock02, .stInBlock03 { display: inline-block; position: relative; }
.stInBlock { padding: 0 4px 7px 8px; }

.stInBlock:after, .stInBlock03:after {
 content: ''; position: absolute; bottom: 0; left: 0;
 background: #ccc; width: 100%; height: 3px; display: block; z-index: 5;
 -webkit-animation: texLink01 1s cubic-bezier(.075, .82, .165, 1) .1s;
 animation: texLink01 1s cubic-bezier(.075, .82, .165, 1) .1s;
 -webkit-transform-origin: left; transform-origin: left;
 -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.stInBlock03 { padding-bottom: 9px; }
.stInBlock03:after { background: #494949; }

.st-letter-in { display: block; position: relative; }
.ie .st-letter-in { padding-top: 3px; }

.st-letter-in {
 position: absolute; top: 0; right: 0; bottom: 0; background: #fff; width: 100%; height: 100%; z-index: 7; }
.st-letter-in.sl-gray { background: #f0f0f0; }
.st-letter-in.sl-f5 { background: #f5f5f5; }
.st-letter-in.sl-beige { background: #f9f7f4; }
.st-letter-in.beigeTit { background: #f5f2ec; }
.st-letter-in.sl-black { background: #000; }

.st-letter-in {
 transform: scaleX(1); -webkit-transform: scaleX(1);
 -webkit-animation: StLetterIn .5s cubic-bezier(.075, .82, .165, 1);
 animation: StLetterIn .5s cubic-bezier(.075, .82, .165, 1);
 -webkit-transform-origin: right; transform-origin: right;
 -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/* Text Blur Anim */
.tex-blur01 {
  -webkit-animation: textBlur01 1s cubic-bezier(.075, .82, .165, 1);
  animation: textBlur01 1s cubic-bezier(.075, .82, .165, 1);
  -webkit-transform-origin: center; transform-origin: center;
  -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/* Text Slide Anim */
.texin-wh, .texin-f0, .texin-f5, .texin-beige, .texin-black:after {
 width: 100%; display: block; position: relative; }

.texin-wh:after, .texin-f0:after, .texin-f5:after, .texin-beige:after, .texin-black:after {
 content: ''; position: absolute; top: -1px; left: 0; z-index: 10;
 background: #fff; width: 100%; height: 100%; display: block;
 -webkit-animation: textIn01 1s ease-in-out .1s;
 animation: textIn01 1s ease-in-out .1s;
 -webkit-transform-origin: right; transform-origin: right;
 -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.texin-f0:after { background: #f0f0f0; }
.texin-f5:after { background: #f5f5f5; }
.texin-beige:after { background: #f9f7f4; }
.texin-black:after { background: #000; }

/* Link Button Anim */
.link-bt { text-align: center; margin: 30px 0 0; position: relative; }

.link-bt-in { display: block; position: relative; }

.link-bt-in:after {
 content: ''; position: absolute; top: 0; left: 0; z-index: 30;
 background: #fff; width: 100%; height: 100%; display: block;
 -webkit-animation: StLetterIn 1s cubic-bezier(.075, .82, .165, 1);
 animation: StLetterIn 1s cubic-bezier(.075, .82, .165, 1);
 -webkit-transform-origin: right; transform-origin: right;
 -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.LB04.link-bt-in:after { background: #f0f0f0; }

.link-bt a { color: #fff; text-decoration: none; background: #666; display: inline-block; position: relative; }
.link-bt a.LB03 { background: #999; }

.link-bt a span { z-index: 20; position: relative; }

.LB01, .LB02, .LB03, .LB04 {
 font-size: 2rem; letter-spacing: .2em;
 min-width: 250px; padding: .5em .75em; }
.LB02 { letter-spacing: .05em; }
.LB01, .LB04 { letter-spacing: .1em; padding: .6em .75em .4em; }

.iphone .LB01 { padding: .65em .75em .35em; }
.iphone .LB02, .iphone .LB03 { padding: .4em .75em .6em; }

.link-double { margin: 0 auto; }

@media (min-width: 660px) { .link-double {
	display: flex; justify-content: space-between; flex-flow: row wrap; padding: 0 6%; }}

@media (min-width: 700px) { .link-double { padding: 0 8%; }}

/* Image Anim */
.image-slide {
 position: relative; display: inline-block; z-index: 1;
 -webkit-animation: slideIn01 .9s cubic-bezier(.075, .82, .165, 1) .35s;
 animation: slideIn01 .9s cubic-bezier(.075, .82, .165, 1) .35s;
 -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; }

.im-in01, .im-out01 {
 position: absolute; top: 0; left: 0; background: #3e3e3e; width: 100%; height: 100%; display: block; }

.im-in01 {
 z-index: 10;
 -webkit-animation: ImIn .7s cubic-bezier(.075, .82, .165, 1);
 animation: ImIn .7s cubic-bezier(.075, .82, .165, 1);
 -webkit-transform-origin: left; transform-origin: left;
 -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.im-out01 {
 z-index: 5;
 -webkit-animation: ImOut .8s cubic-bezier(.075, .82, .165, 1) .15s;
 animation: ImOut .8s cubic-bezier(.075, .82, .165, 1) .15s;
 -webkit-transform-origin: right; transform-origin: right;
 -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.TTABG {
 position: absolute; top: 0; left: 0; z-index: 0;
 background: #fff; width: 440px; height: 290px; display: block; }

/* -------------------------------------------
 Common
------------------------------------------- */
body {
 position: relative; color: #333; background: #fff; -webkit-text-size-adjust: 100%; font-size: 1em;
 font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
 line-height: 1; width: 100%; z-index: 1; }

.stage, #GHead, footer, #topBanner, #eyecatch { width: 100%; margin: 0; }

.homeLink {
 background-image: url(../common_im/sp-sitelogo.png);
 background-repeat: no-repeat; background-size: 382px auto; }

.overlay:after, .bottom-sns span {
 background-image: url(../common_im/sp_common.png);
 background-repeat: no-repeat; background-size: 42px auto; }

.bg-beige { background: #f9f7f4; }

.spBlock { display: block; }
.spIBlock { display: inline-block; }

figure img { width: 100%; height: auto; vertical-align: top; position: relative; }
 
/* Contents Head */
.contents-head { background: #fff; position: relative; }

.contents-st { font-size: 2.5rem; text-align: center; letter-spacing: .1em; margin: 0; }
.contents-st .st-letter { margin-right: -.1em; }

.page-contents { position: relative; z-index: 5; }

/* Next Contents */
#next-contents { background: #f5f5f5; margin-top: 2px; padding: 40px 0 10px; }

#next-contents h3 { color: #555; font-size: 2.8rem; text-align: center; letter-spacing: .1em; margin: 0; }

#next-contents .st-letter-in { background: #f5f5f5; }

#NC-list h4 { font-size: 1.8rem; font-weight: normal; letter-spacing: 0; }
#NC-list #NCMagazine { font-size: 2rem; letter-spacing: .1em; margin-bottom: -.15em; }
#NC-list #books-bn { letter-spacing: .2em; }
#NC-list #NCMagazine span:after { bottom: 4px; }
#NC-list h4 span { padding-bottom: 1px; }
#NC-list a small { color: #777; font-size: 1.3rem; letter-spacing: .075em; margin-top: .5em; display: block; }
#NC-list img { z-index: 1; }

/* page SNS Area */
.books-sns { text-align: center; margin-top: 30px; }

.twitter-share-button, .fb-share-button, .line-it-button { vertical-align: top; display: inline-block; }
.fb-share-button { padding: 0 8px; }

.magazine-sns, .news-sns { text-align: center; margin-top: 14px; }

/* Flex Box */
.books-list, #top-today-list, .top-blog-list, #all-books-list, #NC-list, #HS-List,
#magazineList, #news-toplist { display: flex; justify-content: space-between; flex-flow: row wrap; }

/* Title Image */
.titleImage { position: relative; width: 100%; max-width: 560px; margin: 0 auto; padding-top: 40px; z-index: 5; }
.titleImage figure { width: 100%; margin: 0 auto; position: relative; }
.titleImage img { width: 100%; height: auto; vertical-align: top; }
.titleImage .st-letter-in:before { background: #f5f2ec; }

/* Other */
figure { overflow: hidden; } a img { vertical-align: top; }

.fLeft { float: left; } .fRight { float: right; }

.ls00 { letter-spacing: 0; }
.ls-30 { letter-spacing: -.3em; }

/* Common Header
------------------------------------------- */
#GHead { position: relative; height: 80px;margin-bottom: -30px; z-index: 999999; }

#GHInner {
 background: rgba(255,255,255,.95); height: 49px; margin: 0 auto;
 border-bottom: 1px solid #ddd; position: relative; }

#homeLogo {
 position: absolute; top: 0; left: 0; background: #f97e00;
 width: 92px; height: 80px; margin: 0; }

#global-top #homeLogo, #legal  #homeLogo { background: #4e351e; }
#books #homeLogo { background: #f97e00; }
#C-Magazine #homeLogo { background: #d91e80; }
#C-News #homeLogo { background: #d50e00; }
#about #homeLogo { background: #223ee5; }
#C-Contact #homeLogo { background: #007fe7; }
#Film #homeLogo { background: #22c700; }
#Sounds #homeLogo { background: #f7f700; }
#Shop #homeLogo { background: #8219e9; }
#Blog #homeLogo { background: #d91ee5; }

.homeLink {
 content: ''; position: absolute; top: 15px; left: 15px;
 width: 62px; height: 50px; display: block; z-index: 10; }

#global-top .homeLink, #legal .homeLink { background-position: 0 0; }
#books .homeLink { background-position: -80px 0; }
#C-Magazine .homeLink { background-position: -160px 0; }
#C-News .homeLink { background-position: -240px 0; }
#about .homeLink { background-position: -320px 0; }
#C-Contact .homeLink { background-position: 0 -60px; }
#Film .homeLink { background-position: -80px -60px; }
#Sounds .homeLink { background-position: -160px -60px; }
#Shop .homeLink { background-position: -240px -60px; }
#Blog .homeLink { background-position: -320px -60px; }

#GHead.fixed { position: fixed; top: 0; }

/* Overlay Navi */
#trigger-overlay { z-index: 9999; }

.menu-trigger, .menu-trigger span {
 display: inline-block; -webkit-transition: all .4s; transition: all .4s; box-sizing: border-box; }
.menu-trigger { position: absolute; top: 16px; right: 18px; width: 22px; height: 19px; }

.menu-trigger:after {
 content: 'menu'; position: absolute; top: 2px; left: -45px; color: #777; font-size: 15px; letter-spacing: .075em; }
.menu-trigger.active:after { display: none; }

@media (min-width: 480px) { .menu-trigger.active { position: fixed; } }

.menu-trigger span {
 position: absolute; left: 0; background-color: #333; width: 100%; height: 3px;
 -webkit-border-radius: 4px; border-radius: 4px; }

.menu-trigger span:nth-of-type(1) { top: 0; }
.menu-trigger span:nth-of-type(2) { top: 8px; }
.menu-trigger span:nth-of-type(3) { bottom: 0; }

.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); }
.menu-trigger.active span:nth-of-type(2) { opacity: 0; }
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg); }
 
.menu-trigger.normal span:nth-of-type(1) {
 -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); }
.menu-trigger.normal span:nth-of-type(2) { opacity: 1; }
.menu-trigger.normal span:nth-of-type(3) {
 -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); }

@media (min-height: 700px) { .menu-trigger.active { top: 30px; right: 30px; } }

/* Overlay */
.overlay {
 position: fixed; top: 0; right: 0; background: rgba(245,245,245,.95);
 width: 100%; height: 94%; overflow: auto; z-index: 555;
  -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px); }

.overlay:after {
 content: ''; position: absolute; top: 18px; left: 50%; margin-left: -21px;
 background-position: 0 0; width: 42px; height: 16px; display: block; }

/* Overlay Effects */
.overlay-slidedown {
 visibility: hidden;
 -webkit-transform: translateY(-100%); transform: translateY(-100%);
 -webkit-transition: -webkit-transform .4s ease-in-out, visibility 0s .4s;
 transition: transform .4s ease-in-out, visibility 0s .4s; }

.overlay-slidedown.open {
 visibility: visible;
 -webkit-transform: translateY(0%); transform: translateY(0%);
 -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; }

/* Overlay Menu */
#GNav {
 position: relative; top: 50%; text-align: center;
 height: 80%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#globalNav {
 width: 84%; max-width: 300px; height: 100%; margin: 20px auto 0; padding: 0 20px;
 display: inline-block; position: relative; }

#globalNav li {
 font-size: 2rem; font-weight: bold; line-height: 1; letter-spacing: .1em;
 margin: 0; padding-bottom: 1em; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

#globalNav a { padding: 24px 0 0 .1em; position: relative; display: inline-block; }

#globalNav a:link, #globalNav a:visited { color: #fff; text-decoration: none; }

#globalNav .current:after { background: #79bbcc; width: 100%; }

#globalNav a:link, #globalNav a:visited { color: #222; text-decoration: none; }

#globalNav .current { color: #999; padding: 24px 0 1em; }

@media (min-width: 560px) {
	#globalNav {
	display: flex; justify-content: space-around; flex-flow: row wrap;
	width: 70%; height: 70%; max-width: none; margin-top: 35px; }
	#globalNav li { width: 45%; padding: 0; }}

/* Common Footer
------------------------------------------- */
footer { background: #444; padding-bottom: 50px; }

.bottom-sns, footer ul { display: flex; justify-content: space-between; flex-flow: row wrap; margin: 0 auto; }

/* #3-icon#  .bottom-sns { width: 180px; } */
.bottom-sns { width: 120px; height: 42px; padding-top: 30px; }

.bottom-sns a { background: inherit; width: 42px; height: 42px; position: relative; }

.bottom-sns span { position: absolute; display: block; }

#BSFB span { top: 6px; left: 13px; background-position: 0 -30px; width: 16px; height: 31px; }
#BSTW span { top: 8px; left: 2px; background-position: 0 -70px; width: 38px; height: 27px; }
#BSLI span { top: 6px; left: 5px; background-position: 0 -110px; width: 32px; height: 30px; }

#BSFB a { background: #3a5897; }
#BSTW a { background: #389ec5; }

footer ul { margin: 0 auto; padding: 0 6%; }

footer li { font-size: 1.4rem; letter-spacing: .075em; margin: 24px 20px 0; }
footer li.FNL { margin: 24px 10px 0; }

footer li a:link, footer li a:visited { color: #ccc; text-decoration: none; }

footer li a { display: inline-block; position: relative; }

footer h4 {
 font-size: 2.2rem; text-align: center; letter-spacing: .1em;
 width: 100%; margin: 25px 0 0; }

footer h4 em {
 color: #fff; background: #222; font-style: normal; padding: 11px 10px 4px 12px; display: inline-block; }
.ie footer h4 em { padding: 13px 10px 2px 12px; }
.win.firefox footer h4 em { padding: 7px 10px 8px 12px; }

footer small {
 position: absolute; bottom: 20px; left: 0; color: #ccc;
 font-size: 1.1rem; text-align: center; letter-spacing: .06em;
 width: 100%; margin: 0; padding-top: 5px; }

/* Return Button */
#returnBT { position: fixed; bottom: 18px; right: 18px; margin: 0; z-index: 100; }

#returnBT p { margin: 0; position: relative; }

#returnBT p:after {
 content: 'TOP'; position: absolute; bottom: 11px; left: 0; display: block; z-index: 1000;
 color: #fff; font-size: 10px; text-align: center; text-indent: .1em; letter-spacing: .1em; width: 100%; }

#returnBT a {
 color: #fff; background: rgba(0,0,0,.6); width: 50px; height: 50px; margin: 0;
 text-indent: -999px; -webkit-border-radius: 50%; border-radius: 50%; position: relative; }

#returnBT a:after {
 content: ''; position: absolute; top: 16px; left: 50%;
 width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; margin-left: -3px;
 -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
 
/* -------------------------------------------
 Loader
------------------------------------------- */
#tp-loader {
 position: absolute; top: 0; left: 0; background: #ddd;
 width: 100%; height: 100%; z-index: 100; }
 
#loader {
 position: absolute; top: 50%; left: 50%; color: #fff; text-align: center;
 width: 200px; margin-left: -100px; z-index: 101; }

@-webkit-keyframes loader { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.loader {
 width: 3rem; height: 3rem; margin-top: -3rem; display: inline-block; vertical-align: middle;
 border: solid .25rem #f5f5f5; border-top-color: #ff6347; border-left-color: #ff6347;
 -webkit-border-radius: 50%; border-radius: 50%;
 -webkit-animation: loader 750ms linear infinite; animation: loader 750ms linear infinite; }

/* -------------------------------------------
 Top Page
------------------------------------------- */
/* Top Banner */
#topBanner { background: #ddd; position: relative; z-index: 20; }

#topEyecatch { width: 100%; height: 100%; margin: 0 auto; overflow: hidden; position: relative; z-index: 1; }

/* Top Contents */
#global-top section { width: 100%; margin: 0 auto; padding: 40px 0; }
#global-top #top-news { padding-bottom: 50px; }

#top-recommended, #top-invitation { width: 100%;}

/* SubTitle */
#global-top h2, #global-top h3 {
 color: #444; font-size: 2.8rem; letter-spacing: .1em; text-align: center; width: 100%; margin: 0; position: relative; }

#global-top h2 .st-letter, #global-top h3 .st-letter { text-indent: .1em; }

/* Books List */
.books-list { margin: 30px auto 0; padding: 0 8%; }

.books-list li { text-align: center; width: 46%; margin: 0; }

.books-list figure { width: 100%; margin: 0 auto 12px; position: relative; overflow: hidden; }

.books-list small { font-size: 1.2rem; display: inline-block; -webkit-border-radius: 3px; border-radius: 3px; }

.p-book { background: #55bb4e; letter-spacing: .5em; padding: .5em .3em .35em .75em; }
.d-book { background: #f79533; letter-spacing: .1em; padding: .5em .65em .35em .75em;  }

.books-list a { color: #333; text-decoration: none; padding: 10px 0; position: relative; z-index: 1; }
#all-bookList a { padding: 15px 0; }

.books-list a small { color: #fff; }

.books-list p { font-size: 1.3rem; line-height: 1.4; letter-spacing: .05em; margin: 10px 0 0; }
.books-list p span { margin-top: .35em; display: block; }

.books-list a p span { color: #777; }

#all-bookList a p { color: #1e7200; font-weight: bold; }
#all-bookList a p span { color: #555; font-weight: normal; }
#all-bookList a em {
 color: #777; font-size: 1.3rem; font-style: normal; font-weight: normal; margin: 0; padding-top: .5em; display: block; }

#top-recommended .link-bt { margin-top: 25px; }

@media (min-width: 560px) {
	.books-list { padding: 0 4%; } .books-list li { width: 21%; margin: 0 8px; }}

/* Top Invitation */
#top-invitation { border-top: 1px solid #e5e5e5; }
#ti-guide {
 font-size: 1.5rem; line-height: 1.8; text-align: center; letter-spacing: .075em;
 max-width: 23em; margin: 40px auto 10px; }

@media (max-width: 358px) { #ti-guide { max-width: 16.5em; }}
@media (min-width: 700px) { #ti-guide { max-width: none; }}

/* Top Magazine */
#top-magazine { background: #f0f0f0; }

#top-today-list, .top-blog-list, #NC-list, #news-toplist { margin: 0 auto; padding: 30px 10% 0; }

.top-blog-list:after, #news-toplist:after, #magazineList:after {
 content: ''; width: auto; max-width: 290px; display: block; }

.TTA-article, .TBL-article { width: 100%; max-width: 400px; margin: 0 auto 25px; }

.TTA-article h4 { font-size: 1.8rem; text-align: center; letter-spacing: .1em; margin: 0; }

.TTA-article .texin-f0:after { padding-bottom: .15em; }

.TTAA figure, .TBLA figure { text-align: center; width: 100%; max-height: 240px; position: relative; overflow: hidden; }
.TTAA figure { margin: 15px 0 12px; }
.TBLA figure { margin: 0; }

.TTAA .im-in01, .TTAA .im-out01, .TBLA .im-in01, .TBLA .im-out01 { max-height: 240px; }


.TTAA img, .TBLA img { width: auto; height: 100%; max-height: 240px; }

.TTAA time, .TBLA time { font-size: 1.3rem; letter-spacing: .07em; }

.TTAA p, .TBLA h4 { font-size: 1.4rem; line-height: 1.5; letter-spacing: .05em; margin: .35em 0 0; }

.TBLA p { font-size: 1.3rem; margin: 15px 0 8px; letter-spacing: .05em; }
.TBLA p span { margin: .35em 0 0 .5em; display: inline-block; }

.TBLA time { padding-left: 12px; }
.TBLA h4 { font-weight: normal; margin: 5px 0 0; position: relative; }

.top-blog-list { padding-top: 0; }

#tm-list:before {
 content: '< Recent Article >'; font-size: 2rem; text-align: center; letter-spacing: .05em;
 width: 100%; padding-bottom: 12px; display: block; position: relative; }

#tn-list { padding-top: 35px; }

#tn-list figure { margin-bottom: 15px; }
#tn-list small { font-size: 1.4rem; }
#tn-list small:after { content: " / "; }
#tn-list time { padding: 0; }

.TTAA time:before, .TBLA p:before, #tn-list small:before { content: "- "; }

a .TBLA p { color: #727272; }

.TTAA p span, .TBLA h4 span { padding-bottom: 4px; display: inline-block; position: relative; }
.TTAA p span:after, .TBLA h4 span:after {
 content: ''; position: absolute; bottom: 0; left: 0;
 background: #f5a737; width: 0; height: 2px; display: block; }

.TTA-article a, .TBL-article a { text-decoration: none; }

a .TTAA time, a .TBLA time, #tn-list a small { color: #888; }
a .TTAA p, a .TBLA h4 { color: #444; }

#top-magazine .link-bt, #top-news .link-bt { margin-top: 5px; }

#NC-list figure { margin-bottom: 10px; }

#NC-list .TBLA figure, #NC-list .TBLA .im-in01,
#NC-list .TBLA .im-out01, #NC-list .TBLA img { max-height: 200px; }

@media (max-width: 350px) {
	#NC-list .TBLA figure, #NC-list .TBLA .im-in01,
	#NC-list .TBLA .im-out01, #NC-list .TBLA img { max-height: 172px; }}

@media (min-width: 400px) { #top-today-list, .top-blog-list, #NC-list { padding: 30px 14% 0;}}

@media (min-width: 560px) {
	#top-today-list, .top-blog-list, #NC-list {
		display: flex; justify-content: space-between; flex-flow: row wrap; padding: 30px 2% 0; }
	.TTA-article { width: 45%; margin-bottom: 0; } .TBL-article { width: 30%; }
	.TTAA img { max-height: 200px; } .TBLA img { max-height: 165px; }
	.TBLA p { line-height: 1.3; margin-top: 12px; } .TTAA p, .TBLA h4, #tn-list small { font-size: 1.3rem; }
	#NC-list .TBLA figure, #NC-list .TBLA .im-in01,
	#NC-list .TBLA .im-out01, #NC-list .TBLA img { max-height: 125px; }
}

@media (min-width: 700px) {
	#NC-list .TBLA figure, #NC-list .TBLA .im-in01,
	#NC-list .TBLA .im-out01, #NC-list .TBLA img { max-height: 142px; }}

/* -------------------------------------------
 Slider Revolution
------------------------------------------- */
.tp-static-layers{position:absolute;z-index:505;top:0;left:0}.tp-caption.tp-hidden-caption,.tp-hide-revslider{visibility:hidden!important;display:none!important}.tp-caption{z-index:1;white-space:nowrap}.tp-caption-demo .tp-caption{position:relative!important;display:inline-block;margin-bottom:10px;margin-right:20px!important}.tp-simpleresponsive .caption,.tp-simpleresponsive .tp-caption{position:absolute;visibility:hidden;-webkit-font-smoothing:antialiased!important}.tp-simpleresponsive img{max-width:none}.tpclear{clear:both}.tp-bullets{z-index:1000;position:absolute;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;-webkit-transform:translateZ(5px)}.tp-bullets.hidebullets{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0}.tp-bullets.simplebullets.round{height:21px}.tp-bullets.simplebullets.round .bullet{cursor:pointer;position:relative!important;background:rgba(0,0,0,.5)!important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:5px!important;height:5px!important;border:8px solid transparent!important;display:inline-block;margin-right:5px!important;margin-bottom:0!important;-webkit-transition:background-color .2s,border-color .2s;-moz-transition:background-color .2s,border-color .2s;-o-transition:background-color .2s,border-color .2s;-ms-transition:background-color .2s,border-color .2s;transition:background-color .2s,border-color .2s;float:none!important;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}.tp-bullets.simplebullets.round .bullet.last{margin-right:0}.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.round .bullet:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:#666!important;width:5px!important;height:5px!important;border:8px solid rgba(255,255,255,1)!important}.tparrows{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;-webkit-transform:translateZ(5000px);-webkit-transform-style:flat;-webkit-backface-visibility:hidden;z-index:600;position:relative}.tp-leftarrow.default,.tp-rightarrow.default{z-index:100;cursor:pointer;position:relative;width:40px;height:40px}.tparrows.hidearrows{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0}.tp-leftarrow.default{background:url(assets/large_left.png)}.tp-rightarrow.default{background:url(assets/large_right.png)}.tp-leftarrow:hover,.tp-rightarrow:hover{background-position:bottom left}.tp-bannertimer{width:100%;height:5px;background:url(assets/timer.png);position:absolute;z-index:200;top:0}.tp-bannertimer.tp-bottom{bottom:0;height:5px;top:auto}

/* BANNER CONTAINERS */
.tp-banner-container, .tp-banner { width:100%; height: 100%; position: relative; }
div.tp-banner-container { overflow: hidden !important; }
.tp-banner ul { margin: 0; padding: 0; }

/* Banner Contents */
.tp-books { position: absolute; width: 100%; height: 520px; }

.tp-book-name {
 top: 50px; left: 8%;
 background-image: url(../top_im/top_im@2x.png);
 background-repeat: no-repeat; background-size: 277px auto; z-index: 10; }

#walk-name{
 background: url(../top_im/walk_tex.png) no-repeat;
 background-size: 309px auto; width: 309px;height: 66px; }
#gita-name { background-position: 0 0; width: 214px; height: 64px; }
#hawaii-name { background-position: 0 -80px; width: 248px; height: 69px; }
#goku-name { background-position: 0 -160px; width: 277px; height: 64px; }

.tp-book-cover {
 position: absolute; top: 135px; left: 0; text-align: center; width: 100%; z-index: 5;
 -webkit-transform-origin: center; transform-origin: center; }

.tp-book-cover img {
 -webkit-box-shadow: 0 0 5px 4px rgba(255,255,255,.7);
 box-shadow: 0 0 5px 4px rgba(255,255,255,.7); vertical-align: top; }

#tp-walk .tp-book-cover img, #tp-hawaii .tp-book-cover img { width: 195px; height: 300px; }
#tp-gita .tp-book-cover img, #tp-goku .tp-book-cover img { width: 203px; height: 304px; }

.tp-books p { color: #333; font-size: 1.4rem; line-height: 1.5; letter-spacing: .075em; margin: 0; }
.tp-books p span {
 background: rgba(255,255,255,.65); margin: .1em 0; padding: .1em .5em 0 .75em; display: inline-block; }
.tp-books .spBlock { background: none; margin: 0; padding: 0; display: block; }

.tp-books .dBlock { margin-top: .75em; }
.tp-books .pad05 { padding-left: .5em; }
.tp-books .ml-01 { margin-left: -1em; padding-left: 0; }

.tp-copy { position: absolute; }
#tp-walk .tp-copy{ top: 75%; left: 8%; } #tp-goku .tp-copy { top: 62%; left: 15%; }
#tp-gita .tp-copy { top: 56%; left: 12%; } #tp-hawaii .tp-copy { top: 55%; left: 16%; }

@media (max-width: 350px) {
	#walk-name { left: 2%; }
	#tp-walk .tp-copy{ left: 4%; } #tp-goku .tp-copy { top: 60%; left: 8%; }
	#tp-gita .tp-copy { top: 54%; left: 4%; } #tp-hawaii .tp-copy { top: 52%; left: 14%; }}

@media (min-width: 560px) {
	.tp-book-name { top: 55px; left: 47%; } #walk-name { margin-left: -30px; }
	.tp-book-cover { top: 50px; left: 10%; }
	#tp-walk .tp-book-cover, #tp-hawaii .tp-book-cover { width: 169px; height: 260px; }
	#tp-gita .tp-book-cover, #tp-goku .tp-book-cover { width: 175px; height: 263px; }
	#tp-walk .tp-book-cover img, #tp-hawaii .tp-book-cover img,
	#tp-gita .tp-book-cover img, #tp-goku .tp-book-cover img { width: 100%; height: auto; }
	#tp-walk .tp-copy { top: 46%; left: 47%; margin-left: -30px; }
	#tp-goku .tp-copy, #tp-gita .tp-copy, #tp-hawaii .tp-copy { top: 38%; left: 47%; }}

@media (min-width: 660px) {
	.tp-book-name { left: 50%; } #walk-name { margin-left: -10px; } .tp-book-cover { left: 12%; }
	#tp-walk .tp-copy { left: 50%; margin-left: -10px; }
	#tp-goku .tp-copy, #tp-gita .tp-copy, #tp-hawaii .tp-copy { left: 50%; }
}

/* -------------------------------------------
 Books Top
------------------------------------------- */
#bookList { padding: 45px 0 30px; }

#bookList h1 {
 color: #333; font-size: 3.2rem; font-weight: normal; text-align: center; letter-spacing: .15em; margin: 0; }

#bookList h1 em {
 color: #fff; background: #d2c2ae; font-size: 1.4rem; font-style: normal; font-weight: normal;
 width: 180px; margin: 6px auto 0; padding: .2em 0 .3em; display: block; }
.android #bookList h1 em { padding: .3em 0; }

#bookList h1 .st-letter { text-indent: .15em; }

#purchaseGuide { font-size: 1.6rem; text-align: center; letter-spacing: .12em; margin: 40px 0 0; }


/* Books Message */
#books-message { padding: 40px 0; }

#books-message h3 {
 font-size: 3rem; font-weight: normal; text-align: center; letter-spacing: .1em; margin: 30px 0 35px; }
#books-message h3 span { margin-right: -.1em; display: inline-block; }

#books-message p {
 font-size: 1.5rem; line-height: 1.8; text-align: center; letter-spacing: .1em; margin: .75em 3em 0; }

#books-message p#bmSign { font-size: 1.8rem; margin: 1em 0 0; }

/* Books Invitation */
#shop-invitation { padding: 40px 0; }

#shop-invitation h2 {
 color: #555; font-size: 2.8rem; font-weight: normal; text-align: center; letter-spacing: .1em; margin: 0; }

@media (max-width: 350px) { #books-message p { margin: .75em 2em 0; }}

@media (min-width: 560px) {
	#books-message p, #books-message p#bmSign { max-width: 470px; margin: .75em auto 0; }}

/* -------------------------------------------
 Books Detail
------------------------------------------- */
#booksDetail { padding-top: 45px; }

#BDContents h2 {
 color: #fff; font-size: 1.8rem; text-align: center; letter-spacing: .25em; margin: 0; position: relative; }
#BDContents h2 .stInBlock02 { background: #d2c2ae; width: 156px; padding: .75em 0 .5em .25em; }

#BDC-inner { margin: 40px auto 0; padding-bottom: 30px; position: relative; }

#BD-data { padding: 0 5%; position: relative; }

#BD-data.BD-type01 { padding-bottom: 30px; }

.BD-type02 { padding-top: 20px; }

#BD-data h1 {
 color: #1e7200; font-size: 3rem; text-align: center; font-weight: normal;
 letter-spacing: .1em; margin: 0; padding-bottom: 325px; }
#BDTitIB { position: relative;
 
}
#BD-data h1 small { color: #3e3e3e; font-size: 2rem; letter-spacing: .05em; vertical-align: .05em; }
#BD-data h1 .st-st02 { padding: 0; }
#BD-data h1 .pad { padding-bottom: .2em; }

#BD-data h1 #bdh-block { font-size: 1.8rem; margin-top: .5em; display: block; }

#BD-data p { font-size: 1.5rem; line-height: 1.8; letter-spacing: .075em; margin: 1em 0 0; }

#book-data, #digi-book-data {
 margin-top: 30px; padding: 20px 30px 0; border: 1px solid #ddd;
 -webkit-border-radius: 6px; border-radius: 6px; position: relative; }
#digi-book-data { max-width: 560px; margin: 20px auto 0; position: relative; }

#book-data ul, #digi-book-data ul, #purchase-area { width: auto; margin: 0; padding: 0; }
#digi-book-data ul { padding-bottom: 6px; }

#book-data li, #digi-book-data li { font-size: 1.4rem; line-height: 2; letter-spacing: .075em; }

#purchase-area { margin-top: 15px; }

#purchase-area p { font-size: 1.5rem; line-height: 1; letter-spacing: .075em; margin: 20px 0; }
#digi-book-data p { margin: .5em 0 0; padding-bottom: 30px; position: relative; }

#purchase-area p a:link, #purchase-area p a:visited { color: #09b; text-decoration: none; }

.texLink a { padding: 2px 0 3px; display: inline-block; position: relative; }

.book-cover {
 position: absolute; top: 60px; left: 0; text-align: center; width: 100%; margin: 0; }
.book-cover img { width: auto; height: 280px; vertical-align: top; }

.book-cover.spcover02 { top: 90px;　}
.book-cover.spcover03 { top: 105px;　}

#sales-type01, .sales-type02, .BD-list-link, .digi-list-link, .digi-list-link02 {
 margin: 0 auto 40px; padding: 35px 2em 0; border-top: 1px solid #f2e4cc; }
.sales-type02, .BD-list-link { margin-top: 0; }

.BD-list-link, .digi-list-link, .digi-list-link02 { padding-top: 5px; }
.digi-list-link { margin-top: -30px; }
.digi-list-link02 { margin-top: -10px; }

#sales-type01 h3, .sales-type02 h3 {
 font-size: 2rem; text-align: center; line-height: 1.5; letter-spacing: .1em; margin: 0 0 25px; }

#sales-type01 p, .sales-type02 p, .digi-book-guide p {
 font-size: 1.5rem; line-height: 2; word-wrap: break-word; letter-spacing: .075em; margin: .7em auto 0; }

#sales-type01 .sec, .sales-type02 .sec { margin-top: 2.5em; }

.sales-type02 a { position: relative; }

#sales-type01 .center, .sales-type02 .center { text-align: center; }

#SThanks { margin: 0 auto; padding: 1.5em 0 0; }
#SThanks li {
 font-size: 1.5rem; line-height: 2.2; white-space: nowrap; margin: 0; padding: 0 .75em; display: inline-block; }

.digi-book { font-size: 1.4rem; text-align: center; letter-spacing: .1em; margin: 0 0 12px; }

.digi-sign {
 color: #fff; background: #f79533; margin-right: .75em; padding: .6em .6em .3em .7em; display: inline-block; }
.digi-book em { color: #666; font-size: 1.8rem; vertical-align: -.1em; }

.digi-book-guide { max-width: 540px; margin: -30px auto 0; padding: 0 6% 40px; }

.bccks-bt {
 color: #333; background: #ffc977; font-size: 16px; font-weight: bold; letter-spacing: .075em;
 padding: .4em .6em .5em .75em;  }

.bccks-bt:link, .bccks-bt:visited { color: #333; text-decoration: none; }
.bccks-bt:hover { color: #fff; background: #7ec7dd; }

@media (max-width: 350px) { #BD-data { padding: 0 4%; } #BD-data h1 #bdh-block { font-size: 1.7rem; }}

@media (min-width: 600px) {
	#BD-data h1, .book-copy, .digi-book { text-align: left; padding: 0 0 0 250px; }
	.book-cover { top: 0; left: 7%; width: 190px; }
	.book-cover.spcover02, .book-cover.spcover03 { top: 0; }
	#book-data { margin-top: 25px; padding-bottom: 16px; }
	.book-copy { min-height: 200px; padding-top: 10px; } #BCLittle { min-height: 240px; }
	#book-data ul, #digi-book-data ul { float: left; width: 65%; } #purchase-area { float: left; width: 30%; }
	#book-data:after, #digi-book-data:after { content: ""; clear: both; display: block; }
	#digi-book-data #purchase-area { margin-top: 7px; }
	#sales-type01, .sales-type02 { padding: 35px 8% 0; }
}

/* -------------------------------------------
 Invitation
------------------------------------------- */
#invitation { padding: 45px 0 40px; }

#invitation h1, #invitation h2, #tradeTerms, #handled-shop h2 {
 color: #333; text-align: center; letter-spacing: .1em; margin: 0 1em; }
#invitation h1 b { margin-left: .1em; }

#invitation h1 em, #handled-shop h2 em {
 color: #fff; background: #d2c2ae; font-size: 1.4rem; font-style: normal; font-weight: bold;
 letter-spacing: .15em; width: 220px; margin: 4px auto 0; padding: 2px 0 4px; display: block; }
#invitation h1 em span { letter-spacing: 0; }
.android #invitation h1 em { padding: .35em 0 .3em; }

#invitation h1 { font-size: 3rem; font-weight: normal; }
#invitation h2 { font-size: 2.5rem; line-height: 1.4; letter-spacing: .1em; margin-top: 35px; }
#invitation h2 small { font-size: 2rem; margin: 0 -.35em; }

.invitationGuide { margin: 25px auto 0; padding: 0 6%; }

.invitationGuide p, .invitationGuide dl, .HS-Guide {
 font-size: 1.5rem; line-height: 2; letter-spacing: .1em; margin: 1em auto 0; }

.invitationGuide  p.IGPad { max-width: 28em; }
.IGPad span { color: #7e4400; padding-left: 3em; display: block; }

#tradeTerms { color: #663500; font-size: 2rem; margin-top: 1.5em; }

.invitationGuide dl { font-size: 1.4rem; padding: 0; }

.invitationGuide dt { color: #7e4e00; margin-top: .5em; }
.invitationGuide dd { line-height: 1.8; margin: 0 0 0 1em; }

#handled-shop { padding: 40px 6%; }

#handled-shop h2 { font-size: 2.5rem; font-weight: normal; margin-bottom: 25px; }
#handled-shop h2 em { width: 160px; margin-top: 12px; padding: 4px 0 0; }

.invitationGuide a, .HS-Guide a, #HS-List a {
 text-decoration: none; position: relative; }

#HS-List { margin: 0 auto; overflow: hidden; }

#HS-List div {
 background: #fff; color: #4e4e4e; letter-spacing: .075em;
 width: 100%; margin: 20px 0 0; padding: 18px 16px 18px 20px; border: 1px solid #ddd;
 -webkit-border-radius: 6px; border-radius: 6px; }

#HS-List h3 { font-size: 1.6rem; line-height: 1.5; margin: 0; }

#HS-List p { font-size: 1.4rem; line-height: 1.6; margin: .4em 0 0; }

#HS-List .telNum { line-height: 1; margin-top: .2em; }

#HS-List a { padding-right: 12px; }

.invitationGuide a:link, .invitationGuide a:visited, .HS-Guide a:link, .HS-Guide a:visited,
#HS-List a:link, #HS-List a:visited { color: #08a; }

.invitationGuide a, .HS-Guide a { border-bottom: 1px solid #99c9e5; }

#HS-List a:after {
 content: ''; position: absolute; top: 8px; right: 0; width: 5px; height: 5px; display: block;
 border-top: 1px solid #69a9c0; border-right: 1px solid #69a9c0;
 -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media (max-width: 350px) {
	#invitation h2 { margin: 35px .5em 0; } .invitationGuide { padding: 0 3%; }
	.invitationGuide dl { padding: 0 2%; } .invitationGuide dd { margin: 0; }}

@media (min-width: 560px) {
	.invitationGuide p.IGPad { margin-top: 0; } .IGPad span { padding-left: 0; display: inline; }
	.invitationGuide .spFalse { display: block !important; } .invitationGuide dl { max-width: 34.5em; }
	.invitationGuide dl:after { content: ""; clear: both; display: block; height: 0; }
	.invitationGuide dt { float: left; width: 7em; margin: 0; } .invitationGuide dd { line-height: 2; }}

@media (min-width: 600px) {
	#handled-shop { padding: 40px 4%; } .HS-Guide { max-width: 38em; }
	#HS-List div { width: 41.75%; }}

/* -------------------------------------------
 ABOUT
------------------------------------------- */
#about .contents-head { background: #f5f2ec; }
#about { position: relative; z-index: 5; }

#aboutTit, #about-books h2, #company-info h2, #our-mission h2 {
 color: #333; text-align: center; letter-spacing: .1em; margin: 0; }

#aboutTit {
 background: #f5f2ec; font-size: 3rem; font-weight: normal; width: 90%; max-width: 560px;
 margin: 35px auto -45px; padding-bottom: 20px; z-index: 10; position: relative; }
#aboutTit .st-letter { text-indent: .1em; }

#our-mission {
 background: #000; padding: 320px 0 20px; position: relative;
 border-bottom: 1px solid #fff; overflow: hidden; }

#our-mission h2 { color: #ccc; font-size: 2.6rem; letter-spacing: .1em; z-index: 5; position: relative; }
#our-mission h2 .st-letter { text-indent: .1em; }

#our-mission dl {
 color: #d2d2d2; width: auto; margin: 30px auto 0; padding: 0 6%; position: relative; z-index: 1; }
#our-mission dt { font-size: 1.8rem; letter-spacing: .15em; margin: 0; }
#our-mission dd { font-size: 1.4rem; letter-spacing: .075em; margin: 0; padding: 1em 0 2em .75em; }

#our-mission figure {
 position: absolute; top: 70px; left: 50%; width: 240px; height: 240px; margin-left: -120px; z-index: 1; }
#our-mission img { width: 100%; height: auto; }

#company-info { padding: 35px 6%; }

#company-info h2 { font-size: 2.4rem; letter-spacing: .05em; }
#company-info .stInBlock { padding-bottom: 10px; }

#compLogo {
 background: url(../about/images/logo02.png) no-repeat center top;
 background-size: 192px auto; width: 192px; height: 168px; margin: 30px auto 0; }

#compMessa { color: #69523e; text-align: center; letter-spacing: .075em; margin: 28px auto 0; }

#company-info dl { line-height: 1.8; margin: 10px auto 0; }
#company-info dt { font-size: 1.5rem; letter-spacing: .1em; margin: 0; padding-top: 1em; }
#company-info dd { font-size: 1.4rem; letter-spacing: .075em; margin: 0; padding-left: 1em; }
#company-info small { font-size: 1.3rem; }

#about-books { background: #fff; padding: 35px 4%; }
#about-books h2 em { font-size: 2.8rem; font-style: normal; letter-spacing: .1em; }
#about-books h2 span { font-size: 2.6rem; letter-spacing: 0; }

#aboutGuide { margin: 30px auto 0; }
#aboutGuide p { font-size: 1.4rem; text-align: center; line-height: 2.2; letter-spacing: .1em; margin: 0 auto; }

@media (max-width: 350px) {
	#our-mission dl { padding: 0 1%; }
	#company-info h2 { font-size: 2.3rem; } #company-info dl { margin-top: 15px; }
	#company-info .st-st01, #company-info .st-st03 { padding: 0 4px 10px; }
	#about-books h2 em { font-size: 2.6rem; } #about-books h2 span { font-size: 2.4rem; }
	#aboutGuide { margin-top: 25px; }}

@media (max-width: 355px) { #compMessa { font-size: 1.9rem; }}
@media (min-width: 356px) { #compMessa { font-size: 2.2rem; }}
@media (min-width: 370px) { #compMessa { font-size: 2.25rem; }}

@media (min-width: 400px) { #our-mission dl { width: 316px; padding: 0; }}
@media (min-width: 480px) { #company-info dl { width: 430px; }}

@media (min-width: 640px) {
	#our-mission { padding-top: 40px; } #our-mission h2 { margin-top: 35px; }
	#our-mission figure { top: 115px; left: 6%; margin-left: 0; }
	#our-mission dl { width: auto; padding-left: 48%; }}

@media (min-width: 700px) {
	#our-mission figure {  left: 10%; } #our-mission dl { padding-left: 50%; }}

/* -------------------------------------------
 Contact
------------------------------------------- */
#contact { padding: 50px 5% 40px; }

#contact h1 {
 color: #333; font-size: 3rem; font-weight: normal; text-align: center; letter-spacing: .15em; margin: 0; }

#contact h1 em {
 color: #fff; background: #d2c2ae; font-size: 1.4rem; font-style: normal; font-weight: normal;
 letter-spacing: .1em; width: 200px; margin: 6px auto 0; padding: .2em 0 .3em; display: block; }

.android #contact h1 em { padding: .3em 0; }

#contact h1 .st-letter { text-indent: .1em; }

#contactGuide { font-size: 1.4rem; text-align: center; line-height: 2; letter-spacing: .1em; margin: 30px 0 0; }

#contact-form { max-width: 480px; margin: 30px auto 0; }

#form-caution { line-height: 1.6; padding-top: 1em; border-top: 2px solid #eee; border-bottom: 2px solid #eee; }

#CFRequiredGuide, #CFOptionalGuide {
 font-size: 1.4rem; letter-spacing: .1em; margin: 1em 0; padding-left: 20px; position: relative; }

#CFOptionalGuide small { color: #895222; font-size: 1.3rem; }
#CFOptionalGuide .spBlock { margin-left: -.5em; }

/* Form */
#mailformpro p {
 font-size: 1.5rem; letter-spacing: .1em; margin: 0; padding: 30px 25px 0; position: relative; }

#mailformpro p.MFCaution { padding-bottom: 0; }

#mailformpro label span { padding-bottom: .6em; display: inline-block; }

#mailformpro .required:after, #mailformpro .optional:after,
#CFRequiredGuide:after, #CFOptionalGuide:after {
 content: '';  position: absolute; top: 2.1em; left: 0; display: block;
 -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

#CFRequiredGuide:after, #CFOptionalGuide:after { top: .35em; }
#mailformpro .optional:after,#CFOptionalGuide:after { left: 3px; }
#mailformpro .optional:after { top: 2.15em; }

#mailformpro .required:after, #CFRequiredGuide:after {
 width: 11px; height: 5px; border-left: 2px solid #f02e00; border-bottom: 2px solid #f02e00; }

#mailformpro .optional:after, #CFOptionalGuide:after { width: 8px; height: 8px; background-color: #44b73e; }

.inp01, #mailformpro select, #mailformpro textarea {
 color: #079; background: #eee; font-size: 15px; letter-spacing: .1em;
 margin: 0; padding: 15px 10px; border: none; outline: none; -webkit-border-radius: 5px; border-radius: 5px; }

.inp01, textarea { width: 95% !important; }
#mailformpro select { width: 100%; height: 3.2em; padding: 12px 10px; }

#mailformpro small {
 color: #895222; font-size: 1.3rem; line-height: 1.4; letter-spacing: .05em; padding-top: 12px; display: block; }
#mailformpro small span { color: #f02e00; font-size: 129%; margin: 0 .3em 0 -1em; vertical-align: top; }
#mailformpro textarea { height: 10em !important; }

#MF-BTArea { padding: 0 2%; }

#mailformpro p.TFSend, #mailformpro p.TFReset { background: transparent; padding: 0; }

#mailformpro .TFSend input, #mailformpro .TFReset input {
 color: #fff; font-size: 1.5rem; line-height: 2; font-weight: bold; letter-spacing: .1em;
 text-transform: uppercase; margin-top: 35px; padding: .45em 0 .35em .15em;
 border: none; outline: none; cursor: pointer;
 -webkit-appearance: none; -webkit-border-radius: 5px; border-radius: 5px; }

#mailformpro .TFSend input { float: left; width: 58%; background-color: #27a2d2; }

#mailformpro .TFReset input { float: right; width: 35%; background-color: #999; }

/* Completion */
#contact-completion { max-width: 550px; margin: 0 auto; }

#contact-completion h2 { font-size: 2.9rem; text-align: center; letter-spacing: .12em; margin: 40px 0; }
#contact-completion p { font-size: 1.5rem; line-height: 2; letter-spacing: .1em; margin: 1.25em 0 0; }
#contact-completion b { color: #c04e00; font-weight: normal; }

@media (max-width: 350px) {
	#contact { padding: 50px 2% 40px; } #CFRequiredGuide, #CFOptionalGuide { font-size: 1.3rem; }
	#mailformpro p { padding: 30px 18px 0 25px; } .inp01, textarea { width: 91%; }
	#MF-BTArea { padding: 0 4%; } #mailformpro .TFSend input { width: 60%; }
	#contact-completion h2 { font-size: 2.5rem; } #contact-completion { padding: 0 4%; }
}

/* Mail Form */
#mfp_hidden{overflow:hidden;width:1px;height:1px;padding:0;margin:0}#mfp_hidden input{margin:10px}.mfp_thanks{padding:30px}.mfp_thanks p{line-height:1.7em}.mfp_caution{margin:0;padding:0}.mfp_caution li{display:block;color:#C00;margin:0;padding:5px 0}#mfp_thanks{text-align:center;font-size:18px;padding:20px 0}#mfp_thanks strong{color:#C00;font-size:24px}#mfp_loading_screen{z-index:20000;opacity:.8;display:none;background-color:#000;position:absolute}#mfp_loading{z-index:20001;position:absolute;display:none;width:40px;height:40px;background-image:url(../contact/images/mfp_loading.gif)}.mfp_buttons{clear:both;padding:10px 0;text-align:center}#mfp_button_cancel,#mfp_button_send{color:#fff;font-size:1.6rem;background-color:#0e99c2;line-height:2;letter-spacing:.12em;font-weight:700;text-transform:uppercase;margin:.5em 15px;padding:4px 13px 4px 15px;border:none;-webkit-border-radius:4px;border-radius:4px;cursor:pointer}.mfp_buttons #mfp_button_send:hover{background-color: #00ae1e}.mfp_buttons #mfp_button_cancel{letter-spacing:0;background-color:#777}.mfp_buttons #mfp_button_cancel:hover{color:#333;background-color:#e5e5e5}.mfp_buttons .imagebutton{margin:0;padding:0;border:none;outline:0;background:0 0}#mfp_warning{background-color:#FEE;border:1px solid red;padding:10px;display:none}#mfp_warning p{padding:0;margin:0;font-size:14px;text-align:center}#mfp_warning p strong{font-size:18px;color:red}.mfp_next,.mfp_prev{font-size:18px;margin:10px;padding:5px 10px}.mfp_next{float:right}.mfp_prev{float:left}#mfp_phase_stat{padding:10px}#mfp_phase_stat li{float:left;padding:8px 15px;border-radius:3px;margin:5px;list-style:none;font-size:14px}#mfp_phase_stat li.mfp_phase_arrow{box-shadow:none;padding:8px 5px}ul#mfp_phase_stat li.mfp_active_phase{background-color:#E8EEF9;box-shadow:0 0 5px #000}ul#mfp_phase_stat li.mfp_inactive_phase{background-color:#CCC;color:#666;box-shadow:0 0 5px #CCC}.mfp_err{width: 100%;background:url(../contact/images/mfp_error.gif) no-repeat 0 1px;color:#d73300;font-size:14px;margin: 14px 0 0;padding:3px 0 0 17px;display:none}.problem,#mailformpro .problem{background-color:#fcc;}.mfp_parent_error{border:2px solid red}#mfp_error{background-color:#FEE;border:1px solid red;padding:10px;display:none}#mfp_error p{padding:0;margin:0;font-size:14px;text-align:center}#mfp_error p strong{font-size:18px;color:red}#mfp_confirm_table{border-spacing:0;border-collapse:collapse;border-bottom: 1px solid #ccc;width:100%}#mfp_confirm_table .mfp_colored{background-color:#F6F7F9}#mfp_overlay_inner,table#mfp_confirm_table .mfp_achroma{background-color:#FFF}#mfp_confirm_table td,#mfp_confirm_table th{text-align:left;font-size:1.5rem;border-top:solid 1px #CCC;padding:10px 5px 8px 6px}#mfp_confirm_table th{padding-right:12px;white-space:nowrap}#mfp_confirm_table td{line-height:1.5em;word-break:break-all}#mfp_phase_confirm{clear:both}#mfp_phase_confirm h4{font-size:36px;padding:10px 0 0;text-align:center}#mfp_overlay{position:absolute;display:none;z-index:10001}#mfp_overlay_inner{color:#333;padding:15px;margin:80px auto 0;-webkit-border-radius:5px;border-radius:5px;box-shadow:0 0 10px #000;width:85%}#mfp_overlay_inner h4{color:#d23900;font-size:2.2rem;text-align:center;margin:.5em 0 .75em}#mfp_overlay_background{background-color:#000;position:absolute;height:100vh !important;display:none;z-index:10000}.mfp_ok {display:none}

@media (min-width: 480px) { #mfp_overlay_inner{margin-top: 15px}}

/* -------------------------------------------
 Magazine & News
------------------------------------------- */
#magazine, #news { padding: 45px 0 0; }

#magazine-tit, #news-tit {
 color: #333; font-size: 3rem; font-weight: normal; text-align: center; letter-spacing: .1em; margin: 0; }

#magazine-tit em, #news-tit em {
 color: #fff; background: #d2c2ae; font-size: 1.4rem; font-style: normal; font-weight: normal;
 width: 190px; margin: 6px auto 0; padding: .2em 0 .3em; display: block; }
#news-tit em { letter-spacing: 0; width: 260px; }

.android #magazine-tit em, .android #news-tit em { padding: .3em 0; }

#magazine-tit .st-letter { text-indent: .12em; }
#news-tit .st-letter { text-indent: .035em; }

#magazineList, #news-toplist { margin: 0 auto; padding: 10px 10% 0; }

/* Magazine Top */
.ML-article , .NT-article { width: 100%; max-width: 300px; margin: 30px auto 0; }
.ML-article a, .NT-article a { text-decoration: none; }

#magazineList figure, #news-toplist figure { margin-bottom: 15px; }

#magazineList .TBLA figure, #news-toplist .TBLA figure { max-height: 200px; }
#magazineList .TBLA img, #news-toplist .TBLA img { max-height: 260px; }

#magazineList small, #magazineHead small {
 font-size: 1.4rem; letter-spacing: .2em; padding: .35em .35em .3em .5em; display: inline-block; }

#magazineList h3, #magazineHead h2 {
 font-size: 1.4rem; line-height: 1.4; letter-spacing: .05em; width: auto; margin: 0; padding: .15em 0 0 4em; }

#magazineList a h3 { color: #666; }

#magazineList h3.texin-wh { padding-bottom: .25em; }

#magazineList time { font-size: 1.4rem; padding: 12px 0 0; display: block; }

#magazineList p { font-size: 1.5rem; line-height: 1.6; margin: 5px 0 0; }
#magazineList p:before { content: ''; }

#magazineList a p { color: #444; }

a .seriesSign, #magazineHead .seriesSign { float: left; background: #f78962; color: #fff; }
a .shotSign, #magazineHead .shotSign { background: #fef579; color: #8c7e00; }
#magazineHead .shotSign.ind { float: left; letter-spacing: .1em; }

#news-toplist time, #newsHead time { font-size: 1.6rem; margin-left: .5em; padding: 0; }

a #magazineList time, a #news-toplist time { color: #888; }

#magazineList p span { position: relative; padding-bottom: 2px; }

#magazineList p span:after, .categoryLink a:before {
 content: ''; position: absolute; bottom: 0; left: 0;
 background: #f5a737; width: 0; height: 2px; display: block; }

@media (max-width: 350px) {
	#magazineList .TBLA figure, #news-toplist .TBLA figure { max-height: 180px; }
	#magazineList .TBLA img, #news-toplist .TBLA img { max-height: 220px; }}

@media (min-width: 560px) {
	#magazineList, #news-toplist { padding: 10px 3% 0; }
	.ML-article, .NT-article { width: 45%; margin-bottom: 0; }
	#magazineList .TBLA p { font-size: 1.4rem; margin-top: 5px; }
	#magazineList time { padding-top: 9px; }
	#magazineList small { padding: .35em .3em .2em .5em; }
	#magazineList h3, #news-toplist h4 { padding-top: .2em; }
	#magazineList h3, #magazineList small { font-size: 1.3rem; }
	#news-toplist h4 { font-size: 1.4rem; }
	#news-toplist time { font-size: 1.5rem; vertical-align: middle; }
	#news-toplist small { font-size: 1.4rem; padding: .4em .45em .1em .5em; }
	#magazineList .TBLA img, #magazineList .TBLA .im-in01, #magazineList .TBLA .im-out01,
	#news-toplist .TBLA img, #news-toplist .TBLA .im-in01, #news-toplist .TBLA .im-out01 {
		max-height: 200px; }
}

/* Category Navi */
#magazine-categoryNavi { margin: 0; padding: 30px 0 0; }

#MCNInner { background: #f9f7f4; padding: 40px 5% 35px; -webkit-border-radius: 6px; border-radius: 6px; }

#MCNInner h4 { font-size: 2.4rem; text-align: center; letter-spacing: .1em; margin: 0; }

#MCNInner h4:before {
 content: 'MAGAZINE'; color: #7e7e7e; font-size: 1.5rem; padding-bottom: 8px; display: block; }

#MCNavi ul { display: flex; justify-content: center; flex-flow: row wrap; margin: 0; padding: 15px 0 0; }

#MCNavi li {
 font-size: 1.5rem; letter-spacing: .1em; margin: 0 1em 0 .9em; padding: 12px 0;
 white-space: nowrap; display: inline-block; }
#MCNavi li span { font-size: 1.2rem; letter-spacing: 0; vertical-align: .1em; }

#MCNavi a { text-decoration: none; position: relative; }
#MCNavi a:link, #MCNavi a:visited { color: #753700; }
#MCNavi a:link span, #MCNavi a:visited span { color: #888; }

.CNHusSub { background: #fff; margin: 15px 0 0; -webkit-border-radius: 6px; border-radius: 6px; }

.CNHusSub p { font-size: 1.5rem; text-align: center; letter-spacing: .1em; margin: 0; padding-top: 1em; }

#MCNavi .CNSubCat { padding: .5em 0; }
#MCNavi .CNSubCat li { padding: .4em 0; }

.catLDQ, .catRDQ { color: #999; font-size: 1.8rem; }
.catLDQ { margin-right: 1px; } .catRDQ { margin-left: 1px; }

#MCNavi ul.texin-beige:after { padding-bottom: 3px; }

/* CML List Page Navi */
#PageNavi { margin: 0 auto; padding: 15px 0 0; }
#C-News #PageNavi { padding: 15px 0 30px; }

#PageNavi ul { text-align: center; margin: 0; padding: 0; }
#PageNavi li { font-size: 1.5rem; margin: 9px 0 0 9px; display: inline-block; }

#PageNavi a, .current_page {
 background: #fff; padding: .4em .5em; border: 2px solid #66b7d2;
 display: inline-block; cursor: pointer; -webkit-border-radius: 4px; border-radius: 4px; }

#PageNavi a:link, #PageNavi a:visited { color: #0097b7; text-decoration: none; }

.current_page { color: #f9f9f9; background: #b7c2cc; border-color: #b7c2cc; display: inline-block; }

#PageNavi .link_before, #PageNavi .link_next { display: none; }

@media (min-width: 600px) { #PageNavi .link_before, #PageNavi .link_next { display: inline-block; }}

/* News Top */
#newsHead small, .NT-article small{
 font-size: 1.6rem; letter-spacing: .05em; padding: .5em .45em .1em .5em; display: inline-block; }

.newsSign { background: #d5eef9; }
a .newsSign, #newsHead .newsSign { color: #0072bb; }
.eventSign { background: #fef579; }
a .eventSign, #newsHead .eventSign { color: #8c7e00; }

/* Individual */
#magazineAsset, #newsAsset { margin: 0 auto; padding: 0 6% 40px; }

#magazineHead, #newsHead { margin: 30px 0 0; position: relative; }

#magazineHead h1, #newsHead h1 { font-size: 1.8rem; line-height: 1.4; letter-spacing: .1em; margin: .4em 0 0; }
#newsHead h1 { margin-top: 1.5em; }

#magazineHead h2 a { text-decoration: none; padding-right: 15px; display: inline-block; position: relative; }
#magazineHead h2 a:after, .categoryLink a:after {
 content: ''; position: absolute; top: .375em; right: 3px; width: 5px; height: 5px;
 border-top: 2px solid #07b; border-right: 2px solid #07b;
 -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#magazineHead time, #newsHead time { letter-spacing: .1em; color: #888; }
#magazineHead time { font-size: 1.4rem; padding: 1.2em 0 0; display: block; }

#magazineBody { margin-top: 3rem; }
#magazineBody p, #newsBody p {
 font-size: 1.5rem; line-height: 2; letter-spacing: .1em; word-wrap: break-word; margin: 1.5em 0 0; }
#magazineBody p a, #newsBody p a { position: relative; text-decoration: none; }
#magazineBody img, #newsBody img {
 width: 100%; max-width: 280px; height: auto; margin: 0 auto; vertical-align: top; display: block; }
#magazineBody .texin-wh, #newsBody .texin-wh { padding-bottom: 1px; }

#magazineBody iframe, #magazineBody video, #newsBody iframe, #newsBody video { width: 100%; }

.categoryLink {
 font-size: 1.5rem; font-weight: bold; letter-spacing: .1em;
 margin: 1.5em 0 0; padding-top: 1.5em; border-top: 1px solid #ddd; }
.categoryLink a { padding: 0 15px 4px 0; display: inline-block; position: relative; }

/* Category */
#MagCategory-title {
 color: #773e00; font-size: 2.8rem; font-weight: bold; text-align: center; letter-spacing: .1em; margin: 30px 0 0; }

.MCTopCatname {
 font-size: 2.2rem; font-style: normal; letter-spacing: .035em; padding-bottom: .5em; display: inline-block; }

.MCTopCatname:before { content: '- '; } .MCTopCatname:after { content: ' -'; }

#MagCategory-title span {
 color: #333; font-size: 2rem; letter-spacing: 0; margin-top: .5em; vertical-align: .1em; display: block; }

@media (min-width: 560px) { #MagCategory-title span { margin-left: .2em; display: inline; }}

/* -------------------------------------------
Privacy Policy
------------------------------------------- */
#privacy { padding-top: 40px; }

#privacy h1, #privacy h2 {
 color: #333; font-size: 2.8rem; font-weight: normal; text-align: center; letter-spacing: .05em; margin: 0; }

#privacy h1 { margin-top: 10px; }
#privacy h1 em {
 color: #fff; background: #d2c2ae; font-size: 1.4rem; font-style: normal; font-weight: bold;
 letter-spacing: 0; width: 260px; margin: 4px auto 0; padding: 2px 0 4px; display: block; }

#privacy h1 .st-letter { text-indent: .1em; }

#privacy-policy { padding: 35px 0 35px; }
#site-policy { padding: 40px 0; }

#privacy h2 { font-size: 2.4rem; }
#privacy h2 .stInBlock { text-indent: .1em; padding-bottom: 12px; }

#privacy dl { letter-spacing: .1em; margin: 0 auto ; padding: 6px 6% 0; }
#privacy dt { font-size: 1.5rem; font-weight: bold; line-height: 1.4; margin: 2.5rem 0 0; }
#privacy dd { font-size: 1.4rem; line-height: 1.8; margin: 0; padding: .6em 0 0; }
#privacy dd a { display: inline-block; position: relative; }

#privacy ul { margin: 0; padding: 1rem 0 0 2rem; list-style-type: circle; }

.legalSign, .policySign {
 font-size: 1.4rem; line-height: 1.8; width: 88%;
 margin: 2rem auto 0; padding-top: 2rem; border-top: 2px solid #e5e5e5; }

@media (max-width: 350px) { #privacy h2 { font-size: 2.2rem; }}

@media (min-width: 600px) {
	#privacy dl { max-width: 560px; margin: 0 auto; padding: 6px 0 0; }
	.legalSign, .policySign { width: 100%; max-width: 560px; }
	.legalSign .spBlock, .policySign .spBlock { display: inline; }}

/* -------------------------------------------
 Displey Setting
------------------------------------------- */
#contactGuide a:link, #contactGuide a:visited, #privacy dd a, 
#magazineBody p a:link, #magazineBody p a:visited,
#newsBody p a:link, #newsBody p a:visited, .sales-type02 a:link, .sales-type02 a:visited {
 color: #07b; text-decoration: none; border-bottom: 1px solid #99c9e5; }

 #magazineHead h2 a:link, #magazineHead h2 a:visited, .categoryLink a:link, .categoryLink a:visited {
 color: #07b; text-decoration: none; }

#homeLogo, .tp-book-name, #returnBT a { text-indent: 100%; white-space: nowrap; overflow: hidden; }

#homeLogo, #homeLogo a, .homeLink, .bottom-sns a, #returnBT a,
.books-list a, #top-today-list a, .top-blog-list a, .bccks-bt a {
 text-decoration: none; display: block; cursor: pointer; overflow: hidden; }

.bottom-sns a, .bccks-bt { -webkit-border-radius: 5px; border-radius: 5px; }

/* -------------------------------------------
 Clearfix
------------------------------------------- */
.clearfix:after, #BDC-inner:after, #MF-BTArea:after, #magazineHead:after, #newsHead:after {
 content: ""; clear: both; display: block; height: 0; }