@charset "utf-8";
/*
Theme Name: magazineworld-2014
Theme URI: http://magazineworld.jp/
Version: [2014.0919]
Author: piichi.com
Author URI: http://piichi.com/
Description: based on pii_isogrid - made with love and passion in tokyo
Tags: virtual isotype grids, white, device-less ...

corporate:#222222;
grey=color:#ceccb8;


/* ///////// 1.0 Reset [2013.0717] /////////// */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent; }
footer, section, article, aside, nav, hgroup, figure { display: block; }
/* remember to define focus styles! */

:focus { outline: 0; }
body { line-height: 1; color: black; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*//////////////////// embedded fonts css [2013.0905] */


@font-face { font-family: 'Didot';
    src: url('../fonts/TheanoDidot-Regular-webfont.eot');
    src: url('../fonts/TheanoDidot-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TheanoDidot-Regular-webfont.woff') format('woff'),
         url('../fonts/TheanoDidot-Regular-webfont.ttf') format('truetype'),
         url('../fonts/TheanoDidot-Regular-webfont.svg#TheanoDidotRegular') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'Windsor';
    src: url('../fonts/windsor_ef_lightcondensed-webfont.eot');
    src: url('../fonts/windsor_ef_lightcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/windsor_ef_lightcondensed-webfont.woff') format('woff'),
         url('../fonts/windsor_ef_lightcondensed-webfont.ttf') format('truetype'),
         url('../fonts/windsor_ef_lightcondensed-webfont.svg#windsoref_lightcondensedRg') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('../fonts/helveticaneueltstd-bd-webfont.eot');
    src: url('../fonts/helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-bd-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-bd-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-bd-webfont.svg#HelveticaNeueLTStd75Bold') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('../fonts/helveticaneueltstd-lt-webfont.eot');
    src: url('../fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'HelveticaNormalRegular';
    src: url('../fonts/helvetic-webfont.eot');
    src: url('../fonts/helvetic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetic-webfont.woff') format('woff'),
         url('../fonts/helvetic-webfont.ttf') format('truetype'),
         url('../fonts/helvetic-webfont.svg#HelveticaNormalRegular') format('svg');
    font-weight: normal; font-style: normal;
}


.ft-windsor {font-family: Windsor, Garamond, "Times New Roman", serif; font-weight:normal;}
.ft-didot {font-family: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif; font-weight:normal;}
.ft-helvetica, .ft-helvetica-regular {font-family:'HelveticaNormalRegular';}
.ft-helvetica-bold {font-family: 'HelveticaNeueBold';}
.ft-helvetica-light {font-family: 'HelveticaNeueLight';}
.ft-courier { font-family:"Courier New", Courier, monospace;}

.ft-gothic {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; }
h1, h2, .ft-mincho {font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3" ,"Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", Georgia, Baskerville, Palatino, 'Times New Roman', Times, serif; }


/*//////////////////// piichi css [101013] */

* { margin:0; zoom: 1; }
html { margin: 0 ; padding: 0; width:100%; zoom: 1; background-color:#fff;}

body { font:13px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight:300; line-height: 2.1em; -webkit-font-smoothing: subpixel-antialiased; -webkit-text-size-adjust: none; width:100%; zoom: 1; background-color:#fff;}

@media screen and (max-width:786px) {body {font-size:14px;}}

table {font-size:inherit;font:100%;}
pre, code, kbd, samp, tt {font-family:monospace; *font-size:108%; line-height:100%;}
body article, body h1, body h2 { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}

/*body { border-top: .4em solid #f0efef; }
body { border-bottom: .4em solid #f0efef; }*/

.hide, .hide-old { display:none !important; }
.fadein { visibility:hidden; /*display:block; filter: alpha(opacity=0); -moz-opacity:0; opacity:0;*/}
.the_content img { /*visibility:hidden; display:block; filter: alpha(opacity=0); -moz-opacity:0; opacity:0;*/}

.post-edit-link { font-size:10px; color:#f30000 !important;}
.post-edit-link:hover { text-decoration:underline !important;}

li.wp-edit-link a, li.wp-edit-link a.post-edit-link { display:block; padding:3px; background-color:#f30000; color:#fff !important; margin:2px 0 0 3px;}
li.wp-edit-link a:hover, li.wp-edit-link a.post-edit-link:hover { text-decoration:underline !important;}
li.wp-edit-link.guide a, li.wp-edit-link.guide a.post-edit-link { background-color:#ddd;}
@media only screen and (max-width: 786px) {.wp-edit-link { display:none !important;}}

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}

.resetcache { display:block; padding:1em; background:#eee; text-align:center; margin-bottom:1em; color:#222 !important; text-decoration:none !important; }
.resetcache:hover { background:#f6f6f6; }


/*//////////////////// layout css [100613] */

div.page { width: 1020px; min-height:600px; padding:20px ; margin: 0 auto; /*background-color:#fff; -moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15); box-shadow:0 0 3px rgba(0, 0, 0, 0.15); display:block; clear:both; */}

article { width:700px; min-height:400px; float:right; margin:1em auto 0 auto;}
article.wide { width:100% !important; max-width:1020px; float:none; min-height:400px; margin:1em auto 0 auto;}
body.home article { margin:0em auto 0 auto;}

body.home article, 
/*body.category article,*/
body.author article,
body.tag article,
body.wide article { width:auto; float:none;}


h1, .h1 { color: #303030;font-weight:normal; font-size: 32px; margin:0 3em .9em 0; line-height:1.5em; word-wrap:break-word;}
h2 {font-size: 28px; margin:2em 0 .7em 0; line-height:1.5em; padding-bottom:.7em; border-bottom:thin solid #ddd; word-wrap:break-word;}

h1 span, .h1 span {margin:.1em 0; font-size:20px; display:block; clear:both; line-height:1.1em;}
h2 span {margin-top:2px; font-size:12px; display:block; line-height:1.3;}
h1 span p, .h1 span p, h2 span p { padding:0; }
h1 span span, h2 span span, h3 span span, h4 span span { display:inline-block;}
h1 p { padding:0; display:inline-block;}

.nihongo, .span, h1 span, .h1 span, h2 span, h4 span {font-family: HiraMinProN-W3, "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", Palatino Linotype, FreeSerif, serif;}

h4 { font-size:20px; font-weight:normal; margin-bottom:1em; }
h4.category {font-size: 26px; margin:0 0 .4em 0; padding:0 0 .1em .1em; border-bottom:thin solid #ddd; line-height:1.0em; max-height:1em; overflow:hidden; }
h4 span { margin-left:2px; font-size:11px; font-weight:normal; line-height:1.2em}
.nav-toggle h4.menu-toggle span br { display:none;}

aside.related-tags h4.category a { color:#ff5950 !important; text-decoration: none; }
aside.related-tags h4.category a:hover { text-decoration: underline; }

h5 { font-size:14px; margin:.5em 0 1em 0; line-height:1.6em;}
h6 { font-size:14px; font-weight:bold; margin-bottom:1em;}

h6 span { display:block; font-size:12px; font-weight:normal;}


body.single div.the_content h2 { border:none;}
body.single div.the_content h4 { border:none;}

h4.magazines, h4.mt3em {margin:3em 0 1em 0;}
h4.mt2em {margin:2em 0 1em 0;}
h4.mt1em {margin:1em 0 1em 0;}
h4.mt1emmb0 {margin:1em 0 0;}
h4.bb {border-bottom:thin solid #ddd !important;}

h2.first, h4.first, h5.first, h6.first {margin-top:0;}
body.kunel h4.magazines {margin:1em 0 1em 0;}

h4.mb1em {margin-bottom: 1em;}
h4.mb2em {margin-bottom: 2em;}

span.category-excerpt {font-size:12px; line-height:1.8em; display:block; clear:both; margin:1em 0; color:#222; overflow:hidden;}

span.category-excerpt h2 {font-size: 16px; margin:1em 0 2em 0; padding-bottom:.6em; border-bottom:thin solid #eee; line-height:1.2;}
span.category-excerpt h2 span {font-size:12px; display:block; margin:.3em 0;}

span.category-excerpt h4 {font-size: 16px; margin:1em 0 .6em 0; padding-bottom:.3em; border-bottom:thin solid #eee; line-height:1.2;}
span.category-excerpt h4 span {font-size:10px; display:block; }

span.category-excerpt h2 span span, 
span.category-excerpt h4 span span {display:inline-block; }

a:hover img { filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} 

span.category-excerpt h5 { display:none;}
/*.only-h5 { display:none;}
.only-h5 h5 { display:block !important;}*/

/*//////////////////// coloring css [2013.0704] */

a { color:#e60011;  text-decoration: none; /*text-shadow: 0 1px 1px #fff;*/}
input, .the_content a, aside a, .profile a, a img { -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; }
a:hover, input:hover, .profile a { /*-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;*/}
article a { word-wrap:break-word;} 


a:visited {/* color: #333; text-decoration: none; */}
a:hover { color:#ceccb8; text-decoration: none;}
a.active { text-decoration: none;}
a:hover.active { text-decoration: underline;}
a.current, a:active { color: #eee; text-decoration: none; }
body.home a.current, body.home a:active { color: #303030; }
a.current:hover, a:hover {/* color: #999; */text-decoration: underline; }
a, a:hover, a:active, a:visited { outline: 0px;}

hr.box {border: 0px; font-size: 10px; margin: .5em 0; width: 100%; text-transform: uppercase; background:#222; height:2px; display:block; clear:both; content:' ';}
hr.h4 {border: 0px; font-size: 10px; margin: .5em 0; width: 100%; text-transform: uppercase; background:#222; height:2px; display:block; clear:both; content:' ';}

header.local hr.box { margin:3px 0 0 0;}

hr.ul {border: 0px; font-size: 10px; margin: .5em 0; width: 100%; text-transform: uppercase; background:none; border-bottom:1px dotted #ddd; height:1px; display:block; clear:both; content:' ';}

body.home span.dashicons {color:#e60011;}


/*//////////////////// sub-coloring css [2013.0715] */

body.books a, 
.c-books { color:#ff5950; }
.bc-books { background-color:#ff5950 !important;}
body.books span.dashicons {color:#ff5950;}
body.books hr.box { background:#ff5950;}
body.books ul.menu li:before {color:#ff5950;}
.post.books span.category:before { content:'■'; color:#ff5950;}
ul.menu li.books:before { content:'● '; color:#ff5950;}


body.info a, 
.c-info { color:#e60011;}
.bc-info { background-color:#e60011 !important;}
body.info span.dashicons {color:#e60011;}
body.info hr.box { background:#e60011;}
body.info ul.menu li:before {color:#e60011;}
.post.info span.category:before { content:'■'; color:#e60011;}
ul.menu li.info:before { content:'● '; color:#e60011;}

body.news a, 
.c-news { color:#e60011;}
.bc-news { background-color:#e60011 !important;}
body.news span.dashicons {color:#e60011;}
body.news hr.box { background:#e60011;}
body.news ul.menu li:before {color:#e60011;}
.post.news span.category:before { content:'■'; color:#e60011;}
ul.menu li.news:before { content:'● '; color:#e60011;}

/*color:# e66 4b4;*/
body.anan a, 
.c-anan { color:#ea5532;}
.bc-anan { background-color:#ea5532 !important;}
body.anan span.dashicons {color:#ea5532;}
body.anan hr.box { background:#ea5532;}
body.anan ul.menu li:before {color:#ea5532;}
.post.anan span.category:before { content:'■'; color:#ea5532;}
ul.menu li.anan:before { content:'● '; color:#ea5532;}

body.anansoken a, 
.c-anansoken { color:#ff2d64;}
.bc-anansoken { background-color:#ff2d64 !important;}
body.anansoken span.dashicons {color:#ff2d64;}
body.anansoken hr.box { background:#ff2d64;}
body.anansoken ul.menu li:before {color:#ff2d64;}
.post.anansoken span.category:before { content:'■'; color:#ff2d64;}
ul.menu li.anansoken:before { content:'● '; color:#ff2d64;}


body.anannews a, 
.c-anannews { color:#d61bc4;}
.bc-anannews { background-color:#d61bc4 !important;}
body.anannews span.dashicons {color:#d61bc4;}
body.anannews hr.box { background:#d61bc4;}
body.anannews ul.menu li:before {color:#d61bc4;}
.post.anannews span.category:before { content:'■'; color:#d61bc4;}
ul.menu li.anannews:before { content:'● '; color:#d61bc4;}


body.ginza a, 
.c-ginza { color:#414141;}
.bc-ginza { background-color:#414141 !important;}
body.ginza span.dashicons {color:#414141;}
body.ginza hr.box { background:#414141;}
body.ginza ul.menu li:before {color:#414141;}
.post.ginza span.category:before { content:'■'; color:#414141;}
ul.menu li.ginza:before { content:'● '; color:#414141;}

body.popeye a, .c-popeye { color:#6d4114;}
.bc-popeye { background-color:#6d4114 !important;}
body.popeye span.dashicons {color:#6d4114;}
body.popeye hr.box { background:#6d4114;}
body.popeye ul.menu li:before {color:#6d4114;}
.post.popeye span.category:before { content:'■'; color:#6d4114;}
ul.menu li.popeye:before { content:'● '; color:#6d4114;}

body.brutus a, .c-brutus { color:#546382;}
.bc-brutus { background-color:#546382 !important;}
body.brutus span.dashicons {color:#546382;}
body.brutus hr.box { background:#546382;}
body.brutus ul.menu li:before {color:#546382;}
.post.brutus span.category:before { content:'■'; color:#546382;}
ul.menu li.brutus:before { content:'● '; color:#546382;}

body.casabrutus a, .c-casabrutus { color:#3ec5fd;}
.bc-casabrutus { background-color:#3ec5fd !important;}
body.casabrutus span.dashicons {color:#3ec5fd;}
body.casabrutus hr.box { background:#3ec5fd;}
body.casabrutus ul.menu li:before {color:#3ec5fd;}
body.casabrutus header h1 { width:131px; }
.post.casabrutus span.category:before { content:'■'; color:#3ec5fd;}
ul.menu li.casabrutus:before { content:'● '; color:#3ec5fd;}

body.tarzan a, .c-tarzan { color:#e7251d;}
.bc-tarzan { background-color:#e7251d !important;}
body.tarzan span.dashicons {color:#e7251d;}
body.tarzan hr.box { background:#e7251d;}
body.tarzan ul.menu li:before {color:#e7251d;}
.post.tarzan span.category:before { content:'■'; color:#e7251d;}
ul.menu li.tarzan:before { content:'● '; color:#e7251d;}

body.hanako a, .c-hanako { color:#45B145;}
.bc-hanako { background-color:#45B145 !important;}
body.hanako span.dashicons {color:#45B145;}
body.hanako hr.box { background:#45B145;}
body.hanako ul.menu li:before {color:#45B145;}
.post.hanako span.category:before { content:'■'; color:#45B145;}
ul.menu li.hanako:before { content:'● '; color:#45B145;}

body.hanakoformen a, .c-hanakoformen { color:#6b9cba;}
.bc-hanakoformen { background-color:#6b9cba !important;}
body.hanakoformen span.dashicons {color:#6b9cba;}
body.hanakoformen hr.box { background:#6b9cba;}
body.hanakoformen ul.menu li:before {color:#6b9cba;}
.post.hanakoformen span.category:before { content:'■'; color:#6b9cba;}
ul.menu li.hanakoformen:before { content:'● '; color:#6b9cba;}

body.hanakomama a, .c-hanakomama { color:#dc2715;}
.bc-hanakomama { background-color:#dc2715 !important;}
body.hanakomama span.dashicons {color:#dc2715;}
body.hanakomama hr.box { background:#dc2715;}
body.hanakomama ul.menu li:before {color:#dc2715;}
.post.hanakomama span.category:before { content:'■'; color:#dc2715;}
ul.menu li.hanakomama:before { content:'● '; color:#dc2715;}

body.kunel a, .c-kunel { color:#054a28;}
.bc-kunel { background-color:#054a28 !important;}
body.kunel span.dashicons {color:#054a28;}
body.kunel hr.box { background:#054a28;}
body.kunel ul.menu li:before {color:#054a28;}
.post.kunel span.category:before { content:'■'; color:#054a28;}
ul.menu li.kunel:before { content:'● '; color:#054a28;}

body.croissant a, .c-croissant { color:#757737;}
.bc-croissant { background-color:#757737 !important;}
body.croissant span.dashicons {color:#757737;}
body.croissant hr.box { background:#757737;}
body.croissant ul.menu li:before {color:#757737;}
.post.croissant span.category:before { content:'■'; color:#757737;}
ul.menu li.croissant:before { content:'● '; color:#757737;}

body.croissantclub a, .c-croissantclub { color:#757737;}
.bc-croissantclub { background-color:#757737 !important;}
body.croissantclub span.dashicons {color:#757737;}
body.croissantclub hr.box { background:#757737;}
body.croissantclub ul.menu li:before {color:#757737;}
.post.croissantclub span.category:before { content:'■'; color:#757737;}
ul.menu li.croissantclub:before { content:'● '; color:#757737;}

body.premium a, .c-premium { color:#4c4c4c;}
.bc-premium { background-color:#4c4c4c !important;}
body.premium span.dashicons {color:#4c4c4c;}
body.premium hr.box { background:#4c4c4c;}
body.premium ul.menu li:before {color:#4c4c4c;}
.post.premium span.category:before { content:'■'; color:#4c4c4c;}
ul.menu li.premium:before { content:'● '; color:#4c4c4c;}

body.lips a, .c-lips { color:#f530a9;}
.bc-lips { background-color:#f530a9 !important;}
body.lips span.dashicons {color:#f530a9;}
body.lips hr.box { background:#f530a9;}
body.lips ul.menu li:before {color:#f530a9;}
body.lips header h1 { width:140px;}
.post.lips span.category:before { content:'■'; color:#f530a9;}
ul.menu li.lips:before { content:'● '; color:#f530a9;}

body.colocal a, .c-colocal { color:#ccc;}
.bc-colocal { background-color:#ccc !important;}
body.colocal span.dashicons {color:#ccc;}
body.colocal hr.box { background:#ccc;}
body.colocal ul.menu li:before {color:#ccc;}
.post.colocal span.category:before { content:'■'; color:#ccc;}
ul.menu li.colocal:before { content:'● '; color:#ccc;}

body.dacapo a, .c-dacapo { color:#004080;}
.bc-dacapo { background-color:#004080 !important;}
body.dacapo span.dashicons {color:#004080;}
body.dacapo hr.box { background:#004080;}
body.dacapo ul.menu li:before {color:#004080;}
.post.dacapo span.category:before { content:'■'; color:#004080;}
ul.menu li.dacapo:before { content:'● '; color:#004080;}

body.hyakulife a, .c-hyakulife { color:#688092;}
.bc-hyakulife { background-color:#688092 !important;}
body.hyakulife span.dashicons {color:#688092;}
body.hyakulife hr.box { background:#688092;}
body.hyakulife ul.menu li:before {color:#688092;}
.post.hyakulife span.category:before { content:'■'; color:#688092;}
ul.menu li.hyakulife:before { content:'● '; color:#688092;}

body.showroom a, .c-showroom { color:#ff3300;}
.bc-showroom { background-color:#ff3300 !important;}
body.showroom span.dashicons {color:#ff3300;}
body.showroom hr.box { background:#ff3300;}
body.showroom ul.menu li:before {color:#ff3300;}
.post.showroom span.category:before { content:'■'; color:#ff3300;}
ul.menu li.showroom:before { content:'● '; color:#ff3300;}

body.pressroom a, .c-pressroom { color:#6c9cd3;}
.bc-pressroom { background-color:#6c9cd3 !important;}
body.pressroom span.dashicons {color:#6c9cd3;}
body.pressroom hr.box { background:#6c9cd3;}
body.pressroom ul.menu li:before {color:#6c9cd3;}
.post.pressroom span.category:before { content:'■'; color:#6c9cd3;}
ul.menu li.pressroom:before { content:'● '; color:#6c9cd3;}

body.crossmedia a, .c-crossmedia { color:#00a0e9;}
.bc-crossmedia { background-color:#00a0e9 !important;}
body.crossmedia span.dashicons {color:#00a0e9;}
body.crossmedia hr.box { background:#00a0e9;}
body.crossmedia ul.menu li:before {color:#00a0e9;}
.post.crossmedia span.category:before { content:'■'; color:#00a0e9;}
ul.menu li.crossmedia:before { content:'● '; color:#00a0e9;}

body.magazinehouseshop a, .c-magazinehouseshop { color:#ff3300;}
.bc-magazinehouseshop { background-color:#ff3300 !important;}
body.magazinehouseshop span.dashicons {color:#ff3300;}
body.magazinehouseshop hr.box { background:#ff3300;}
body.magazinehouseshop ul.menu li:before {color:#ff3300;}
.post.magazinehouseshop span.category:before { content:'■'; color:#ff3300;}

ul.list li.magazinehouseshop:before { content:'● '; color:#ff6600 !important;}
ul.list li.facebook:before { content:'● '; color:#3b5998 !important;}
ul.list li.twitter:before { content:'● '; color:#00b2f1 !important;}

.c-black, .c-kuro { color:#000 !important;}
.c-sumi { color:#444 !important;}
.bc-sumi { background-color:#444 !important;}

.c-red { color:#f30000 !important;}
.bc-red { background-color:#f30000 !important;}


/*//////////////////// nav.members + header.local css */

nav.headernavi ul.menu { margin:8px 5px 0 0; line-height:1.2em; float:right; text-align:left;}
body.home nav.headernavi ul.menu { float:left;  margin:0 5px 0 0;}
body.home header #menu-global-magazines { margin-top:12px;}

nav.headernavi ul.menu li { display: inline-block; margin: 0 5px 3px 0;}
nav.headernavi ul.menu li a { font-size:1.2em; font-family: Windsor, Garamond, "Times New Roman", serif; font-weight:normal; }

ul.menu { margin: 0 0 1em 0; padding:0; font-family: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif; font-weight:normal; list-style: none; }
ul.menu li { padding:0;  width: auto; margin: 0 5px 0 0;}
ul.menu li:before { content:'● '; color:#e60011; font-size:14px; font-family: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif; }
ul.menu li a { color:#303030; letter-spacing:normal; margin: 0px; text-align:left;}
ul.menu li a:hover { color:#ceccb8; text-decoration:none;}
ul.menu li a span.description { display:block; font-size:10px; font-weight:normal; margin-left:12px; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;}
ul.menu li a span.date { font-size:10px; font-weight:normal;}


ul.menu.bookmarks li a span.description { margin-left:0; display:inline;}
ul.menu.bookmarks li a span.description:before { content:' (';}
ul.menu.bookmarks li a span.description:after { content:')';}

/*//////////////////// navigations navbar-fixed css */

/*div.header-wrap {position: fixed; padding-top:9px; top: 0px; z-index: 99999; background-color:#fff; background-color: rgba(255, 255, 255, 0.89); display:block; width:100%; margin:0 auto; webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden;}

header.local { max-width:1060px; display:block; padding: 0 10px; webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
/*header.local hr.box {filter: alpha(opacity=70); -moz-opacity:.7; opacity:.7;}*/

header.fixed-box { /*height:130px; */}






/*//////////////////// header-local css */

div.header-wrap {overflow:hidden; z-index:8;}
header {margin:0 auto; max-width:1060px; display:block; padding: 0 10px; webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;overflow:hidden;}
header span.description {display:none;}
header h1 { height:50px; float:left; padding:0; margin:0; line-height:1; font-size:1px;}
header h1 a { height:50px; display:block; margin:0 0 0 8px;}
header h1 a img { width:auto !important; max-height:100% !important;}
header h1 a:hover img { filter: alpha(opacity=60); -moz-opacity:.6; opacity:.6; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} 


ul.local {list-style:none;float:right; margin-top:6px;line-height:1;}
ul.local li {float:left;overflow:hidden; height:32px;line-height:32px;position:relative;}
ul.local li:hover {background-color:#f4f4f4;}
ul.local li a {color:#000;text-decoration:none;font-size:10px;font-weight:bold; text-align:center;padding:0 9px;white-space:nowrap;line-height:1;text-transform:uppercase;}
ul.local li a br {display:none;}
ul.local li a:hover {color:#414141;text-decoration:none;}
ul.local li a.current {color:#414141;}
ul.local li.current-menu-item,ul.local li.current-menu-parent,ul.local li.current-post-parent {background-color:#f4f4f4;}

body.header-fixed { margin-top:50px;}
body.header-fixed.admin-bar { margin-top:0;}
body.header-fixed #wpadminbar {display:none;}
body.header-fixed section.header {padding:0;}
body.header-fixed div.header-wrap {position:fixed; width:100%; margin:0 auto;display:block;left:0;top:0; min-height:44px; background-color:#fff; background-color:rgba(255,255,255,0.89); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.1); box-shadow:1px 1px 1px rgba(0,0,0,0.1);}
body.header-fixed div.header-wrap header { margin:0 auto; width:1060px;}

body.header-fixed header h1 { height:44px;}
body.header-fixed header h1 a { height:35px; margin:4px 0 0 0;}

@media screen and (max-width:1060px) {
	body.header-fixed div.header-wrap header { margin: 0 5px; padding:0; width:auto;}
}

@media screen and (max-width:768px) {
	body.header-fixed div.header-wrap header { margin: 0 5px; padding:0; width:auto;}
	ul.local, nav.headernavi ul.menu {display:none;}	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	body.header-fixed div.header-wrap { /*position:relative;*/}
}


body.header-fixed header.local hr.box {display:none;}	

nav.members { clear:both; font-size: 10px; line-height:1.4em; font-family: Georgia, Baskerville, Palatino, Times; color:#848484; letter-spacing:normal; height:auto; width:100%; margin:0; }
nav.members .wrap { width:100%;}
nav.members a.global { cursor:pointer; float:left;}
/*nav.members a.global:hover { color:#ceccb8 !important; text-decoration:underline;}*/
nav.members ul.menuglobal { list-style:none; margin:0; overflow:hidden;}
nav.members ul.menuglobal li { display:block; margin:0; float:left;}

body.header-fixed nav.members { margin:0 0 0 0;}
body.header-fixed nav.members .wrap { display:none;}
@media screen and (max-width:420px) { body.header-fixed nav.members { display:none;}}



/*//////////////////// header-toggle css */

span.dashicons {display:block; width:44px; height: 44px; line-height:44px; float:right; margin:0; padding:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;user-select:none; text-align:center; color:#ceccb8;}
span.dashicons:before {display:inline-block;height:44px;line-height:44px;float:right; -webkit-font-smoothing:antialiased; margin:0; padding:0; cursor:pointer; }

span.toggle-global:before {content:"\f333";font:normal 30px 'dashicons'; margin:5px 7px 0 0;}
span.toggle-global:hover { color:#000 !important;}
body.toggle-global span.toggle-global:before {content:"\f158";font:normal 30px 'dashicons';}
body.toggle-global span.toggle-global {color:#222222 !important;}
body.toggle-global span.toggle-global:hover {color:#ceccb8 !important;}

span.toggle-search {color:#ceccb8 !important;}
span.toggle-search:before {content:"\f179"; font:normal 30px 'dashicons'; margin:6px 7px 0 0;}
span.toggle-search:hover { color:#000 !important}
.search-box-wrapper { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; display:none;}
.search-box { margin:1em 0 .4em 0; width:100%;display:block;clear:both;}

body.toggle-search .search-box-wrapper { display:block;} 
body.toggle-search span.toggle-search:before {color:#222222;}
nav.center-toggle-wrap { width:44px; margin:10px auto 25px auto; /*display:none;*/}

span.toggle-close:before {content:"\f158";font:normal 30px 'dashicons';}
span.toggle-close {color:#222222 !important;}
span.toggle-close:hover { color:#eee !important}



/*//////////////////// mw-header-global css [2014.0411] */

.global-wrap {font-family:'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic', Verdana, Arial, Helvetica, sans-serif; width:100%; max-width:768px; margin:0 auto 70px auto; display:none; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body.toggle-global .global-wrap { display:block; clear:both;} 
.global-wrap h6 {font-size:9px; letter-spacing:1px; /*color:#ceccb8;*/ font-weight:bold; text-align:center;text-transform:uppercase; padding:0; margin:0 0 17px 0;}
.global-wrap h6.home {width:250px; font-size:10px; color:#000; text-decoration:none; text-align:center; line-height:1em; margin: 50px auto 30px auto; display:block; clear:both; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.global-wrap h6.home a:hover {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.global-wrap h6.home span { display:block; clear:both;}

.global-wrap a.home-global { font-size:10px; color:#000; text-decoration:none; text-align:center; line-height:1em; margin: 30px auto; display:block; clear:both; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.global-wrap a.home-global:hover {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;-moz-transition:all.6s ease;transition:all.6s ease;}
.global-wrap a.home-global span { display:block; clear:both;}
.global-wrap a.home-global span.sub {font-size:11px;}
.global-wrap a.home-global span.title {font-size:16px; font-weight:bold; margin:.5em 0;}
.global-wrap a.home-global span.url { color:#ceccb8; font-size:9px;}

ul.global {display:block; width:100%; clear:both;line-height:1; margin:0 0 40px 0;padding:0; border-bottom:thin solid #f4f4f4; overflow:hidden; }
ul.global:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
ul.global li {display:block; position:relative; border-top:thin solid #f4f4f4; line-height:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; line-height:44px; height: 44px; margin:0; padding:0; border-left: 9px solid #f4f4f4; border-right: 1px solid #f4f4f4; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
ul.global li a {color:#000; text-transform:uppercase; text-decoration:none; font-size:13px; line-height:13px; font-weight:bold; margin:0; padding:13px 0 12px 0; text-indent:5px; white-space:nowrap; position:absolute; display:block; width:100%;}
ul.global li a span {color:#555; font-size:11px; font-weight:normal; text-transform:none; letter-spacing:normal; margin-left:3px;}
ul.global li a br {display:none;}
ul.global li a:before {content:"\f109";display:inline-block; -webkit-font-smoothing:antialiased; font:normal 13px 'dashicons'; color:#ceccb8; margin:0 9px 0 0;}

ul.global li:hover {background-color:#f4f4f4; border-left: 9px solid #e60011;}
ul.global li a:hover {color:#414141;text-decoration:none;}
ul.global li a:hover:before {color:#e60011;}

body.anan ul.global li.anan, 
body.brutus ul.global li.brutus, 
body.casabrutus ul.global li.casabrutus, 
body.croissant ul.global li.croissant, 
body.ginza ul.global li.ginza, 
body.hanako ul.global li.hanako, 
body.hanakomama ul.global li.hanakomama, 
body.hanakoformen ul.global li.hanakoformen, 
body.kunel ul.global li.kunel, 
body.popeye ul.global li.popeye, 
body.premium ul.global li.premium, 
body.tarzan ul.global li.tarzan, 

body.books ul.global li.books, 
body.paper ul.global li.paper, 
body.digital ul.global li.digital, 
body.nekomura ul.global li.nekomura, 
body.shoten ul.global li.shoten, 
body.app ul.global li.app, 

body.dacapo ul.global li.dacapo, 
body.colocal ul.global li.colocal, 
body.hyakulife ul.global li.hyakulife, 
body.anansoken ul.global li.anansoken, 
body.crossmedia ul.global li.crossmedia, 
body.showroom ul.global li.showroom, 
body.pressroom ul.global li.pressroom, 
body.archives ul.global li.archives, 

body.tag-fashion ul.global li.fashion, 
body.tag-beauty ul.global li.beauty, 
body.tag-food ul.global li.food, 
body.tag-health ul.global li.health, 
body.tag-culture ul.global li.culture, 
body.tag-design ul.global li.design, 
body.tag-travel ul.global li.travel, 
body.tag-column ul.global li.column, 

body.company ul.global li.company, 
body.privacy ul.global li.privacy, 
body.sns ul.global li.sns, 
body.faq ul.global li.faq, 

ul.global li.current-menu-item, 
ul.global li.current-post-ancestor, 
ul.global li.current-post-ancestor, 
ul.global li.current-post-parent { border-left: 9px solid #000;}

@media screen and (min-width:420px) {.global-wrap {width:420px;} ul.global li {width:auto;}}
@media screen and (min-width:769px) {.global-wrap {width:768px;} ul.global li {width:33.3333%; float:left; }}





/*//////////////////// pii_breadcrumb [2014.0411] css */

ul.breadcrumb { list-style:none; margin:0 0 5px 0; padding:0; font-size:10px; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color:#666; text-transform:uppercase; line-height:1.3em;}
ul.breadcrumb li { display:inline; margin: 0 .3em 0 0; padding:0; }
ul.breadcrumb li:before {content:"\f345";display:inline-block;-webkit-font-smoothing:antialiased; font:normal 10px 'dashicons'; color:#f30000; margin-right:.2em; vertical-align:text-top;}
ul.breadcrumb li.home:before {content:''; margin:0;}
ul.breadcrumb li.date {margin:0 1em 0 0; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;}
ul.breadcrumb li.date:before {content:"\f469";display:inline-block;-webkit-font-smoothing:antialiased; font:normal 10px 'dashicons'; color:#f30000; margin-right:.15em; vertical-align:text-top;}
ul.breadcrumb li a { color:#333; text-decoration:none; }
ul.breadcrumb li a:hover { color:#f30000; text-decoration:none; }
@media only screen and (max-width: 680px) {ul.breadcrumb { display:none;}} 




/*//////////////////// search css */

div.search {display:block; margin:1em 0 0 0; clear:both;  line-height:1;}
header .top-search .search { width:130px; display:block; float:right; margin: 0 0 5px 10px;}
header .top-search .search #searchform input {margin:0; font-size: 10px; padding: 9px 7px 5px 9px !important; }
div.search #searchform:hover input { border:thin solid #ff5950 !important; }

div.dashicons.dashicons-search.dashicons-search-books.c-books {font-size:143px; margin:0 0 0 60%;}
@media only screen and (max-width: 420px) {div.dashicons.dashicons-search.dashicons-search-books.c-books {font-size:143px; margin:0 0 0 165px;}} 

h1.h1-404 { font-size:500px; color:#efefef; line-height:.777; margin:0; padding:0; border:none;}

/*//////////////////// div.page */

article img { outline: 0px; border: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -webkit-user-drag: none; -moz-user-drag: none;}
img.noshadow, img.noshadow:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:none;}

img.border, span.img-holder.border img { border: thin solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
img.noborder { border:none !important;}
img.img_left { float:left; border-right:#efefef 1px dotted;  }

img.f_left {float:left; margin:0 7px 7px 0;}
img.f_right {float:right; margin:0 0 7px 7px;}


.the_content { display:block; clear:both; margin-top:5px;}

table {border-collapse:collapse;}
em { font-style: italic;}
strong, .strong { font-weight: bold;}
p { padding: 0px 0px 1em 0px; }
p.last { padding: 0px; }
sup { font-size:80%;}

.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}

.bottom {vertical-align:bottom;}
.middle {vertical-align:middle;}

.f_right {float:right;}
.f_center { margin:0 auto;}
.f_left {float:left;}


article blockquote { margin:1em 0; padding: 2em; background-image: url("../img/bot/blockquote.png"), url("../img/bot/blockquote-.png"); background-repeat: no-repeat; background-position: left top, right bottom; font-size:1.1em; line-height:2em; color:#444; /*border-right:1em solid #f7f3ed;*/ text-shadow: 0 1px 1px #efefef;}
article blockquote .caption { text-align:right;}
article blockquote p { padding: 0 !important;}


::selection { background: #ddd; color: #fff;}
::-moz-selection { background: #ddd; color: #fff;}
::-webkit-selection { background: #ddd; color: #fff;}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}



/*//////////////////// list style */

aside ul, article ul {list-style: disc outside; margin:0 0 2em 1.2em; line-height:1.5;}
aside ol, article ol {list-style: decimal outside; margin:.6em 0 2em 1.2em; line-height:1.5;}
aside ul li, article ol li, article ul li  {padding: 0px 0px 3px 0;}

article ul.wide li  {padding: 0px 0px 2em 0;}

article ul.line { list-style:none; margin:1em 0; padding:.3em 0 .2em 0; font-size:10px; line-height:1em; border-bottom: thin solid #ddd; border-top: thin solid #ddd;}
article ul.line li { display:inline-block; margin: 0 .3em 0 0; padding:0; }
article ul.line li:before {content:"\f345";display:inline-block; -webkit-font-smoothing:antialiased; font:normal 10px 'dashicons'; color:#e5006e; vertical-align:text-top; margin-right:-.2em;}
article ul.line li.active, article ul.line li.active a { color:#000; font-weight:bold;}
article ul.line li a { color:#333; text-decoration:none; }
article ul.line li a:hover { color:#e5006e; text-decoration:none; }


/*
article dl ul {list-style: disc outside; margin:0;}
article dl {padding-bottom:0.8em; display:block; clear:both;}
article dl dt { float:left; width:7em; clear:both; font-weight:bold; color:#555; padding-bottom:0.8em;}
article dl dd { margin-left:7.5em; padding-bottom:0.8em;}
article dl dd:after { clear:both;}
article dl.wide dt { width:6em; }
article dl.wide dd { margin-left:6.3em;}
*/



/*//////////////////// piichi columns [2014.0630] */

.column-2, .column-2i { float: left; width: 48%; }
.column-3 {float:left; width:32%; margin-right:2%;}
.column-32, .column-32i { float: left; width: 66%;}
.column-33, .column-33i, .column-3i { float: left; width: 33%;}

.column-43 { float: left; width: 74%;}
.column-4, .column-4i { float: left; width: 22%; margin-right: 3%;}
.column-5, .column-5i { float: left; width: 19%;}
.column-6, .column-6i { float: left; width: 16.5%;}

.column-1,
.column-2, .column-2i, 
.column-3, .column-32, .column-33, .column-3i, .column-32i, .column-33i, 
.column-4,.column-42,.column-43,
.column-5,.column-52,.column-53,.column-54,
.column-6,.column-62,.column-63,.column-64,.column-65,
.column-2x,.column-3x,.column-4x { -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

div.last {float:right; margin-right:0px;}
nav.last {float:right; margin-right:0px;}

.column-3 p, .column-4 p, .column-5 p, .column-6 p { padding: 0px 0px 1em 0px; }

.column-2x { -webkit-column-count: 2; -webkit-column-gap: 2.2em; -moz-column-count: 2; -moz-column-gap: 2.2em; column-count: 2; column-gap: 5%; word-wrap:break-word;  }
.column-3x { -webkit-column-count: 3; -webkit-column-gap: 2.2em; -moz-column-count: 3; -moz-column-gap: 2.2em; column-count: 3; column-gap: 5%; word-wrap:break-word;  }
.column-4x { -webkit-column-count: 4; -webkit-column-gap: 2.2em; -moz-column-count: 4; -moz-column-gap: 2.2em; column-count: 4; column-gap: 5%; word-wrap:break-word;  }

.column-2x p { padding:0px 0px 2em 0px;}
.column-2x p:last-child { padding:0;}

@media screen and (max-width:680px) {.column-1,.column-2,.column-3,.column-32,.column-4,.column-42,.column-43,.column-5,.column-52,.column-53,.column-54,.column-6,.column-62,.column-63,.column-64,.column-65,.column-2x,.column-3x,.column-4x {width:100%;float:none;}.column-2x,.column-3x,.column-4x, article .column {-webkit-column-count:1;-moz-column-count:1;column-count:1;}
}

@media screen and (max-width : 320px) {


}


/* //////////////////////// for category //////////////////////// */

img.newicon { margin: 0 .2em .2em 0; vertical-align:text-bottom;}
img.updateicon { margin:0 1px; vertical-align:text-bottom;}

h3, h3.category {font-size: 11px; line-height:1em; color:#848484; margin:0 0 .3em 0; padding:0; font-weight:normal; text-transform:capitalize; /*font-family: Georgia, Baskerville, Palatino, Times;*/}
h3.category a { text-transform:uppercase;}
h3.category span.breadcrumb { text-transform:uppercase; display:inline; font-size: 10px; line-height:1em; color:#ceccb8; }
h3.category span.breadcrumb a { color:#848484;}
h3.category span.breadcrumb a:hover { color:#ceccb8;}
h3.category span.breadcrumb br { display:none; }
h3.category span.title { color:#e60011;}

h3.title {border: 0px; font-size: 11px; margin: 2em 0; clear: both; background: transparent url("../img/bot/line.gif") 0 center repeat-x; color: #777; text-align: center; width: 100%; text-transform: uppercase; letter-spacing:4px;}
h3.title span { background: #fff; padding: 10px;}
h4 a, h3.title a { color:#303030 !important; text-decoration: none; }
h4 a:hover, h3.title a:hover { color:#777 !important; text-decoration: none; }

.freearea1 h3, freearea2 h3 { margin-bottom:1em;}

hr, .tenline {border: 0px; margin: 1em auto; clear: both; background: transparent url("../img/bot/line.gif") 0 center repeat-x; height:.5em; text-transform: uppercase; width:100%;}

h3.related { width:100%; display:block; clear:both; font-size: 10px; line-height:1.2em; font-family: Georgia, Baskerville, Palatino, Times; color:#848484; letter-spacing:normal; margin:2em 0; padding: 1em .3em; border-top:thin solid #ddd;}


/*//////////////////// profile css [120401] */

article .profile { font-size:11px; line-height:1.7em; width:100%; margin: 0 auto;}
article .profile img { width:130px !important; height:130px !important; float:left; margin:0 10px 10px 0; border:1px solid #efefef;}
article .profile img:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
article .profile .author_meta { display:block; margin-bottom:10px;}
article .profile .author_name { font-size:14px; font-weight:bold; margin-bottom:.9em; display:block;}
article .profile .description { line-height:1.8em;}
body.single div.profile div.description {margin:.6em 0; padding:0 0 0 0; border-bottom:none; border-top:none;}



/* //////////////////////// lists, backnumber, thumbails, grids [2013.0903] //////////////////////// */

/*
list : リスト
pull-down : プルダウン
page-numbers : 頁番号
thumb-grid : グリッド
thumb-list : サムリスト
0 : 無
*/

.tracking {}

div.horizontal-wrap { /*height:240px;*/ position:relative; z-index:0; overflow-y:hidden; overflow-x:scroll;  webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling:touch; }
div.horizontal-wrap::-webkit-scrollbar { display: none; }
div.horizontal-wrap::-moz-scrollbar { display: none; }
div.horizontal-wrap::-scrollbar { display: none; }


div.horizontal-wrap ul { overflow:hidden; min-width:1170px;}
div.horizontal-wrap div.wrap-1000 { overflow:hidden; min-width:1000px;}
div.horizontal-wrap div.wrap-700 { overflow:hidden; min-width:700px;}

div.horizontal-hide { max-width:100%; position:relative; z-index:0; overflow:hidden;}
div.horizontal-700 { width:700px;}


body.category div.horizontal-wrap ul { overflow:hidden; min-width:1020px;}
body.single div.horizontal-wrap ul { overflow:hidden; min-width:1020px;}
aside.books div.horizontal-wrap ul { overflow:hidden; min-width:965px;}

body.books div.horizontal-wrap ul.books-bestseller { overflow:hidden; min-width:1400px;}
body.books div.horizontal-wrap ul.books-latest { overflow:hidden; min-width:2100px;}
body.books div.horizontal-wrap ul.books-future { overflow:hidden; min-width:2100px;}
body.books ul.snsmenu li.mail { display:block;}

body.category.kunel div.horizontal-wrap ul.books-by-mag { overflow:auto; min-width:2522px;}
body.category.kunel ul.books-by-mag .post-110 { width:110px; height:250px; margin:0 10px;}
body.category.kunel ul.books-by-mag .post-110 span.img-holder { height:170px;}
body.kunel .post-90 { margin:0 3px;}

body.single ul.books-110 .post-110 { width:110px; height: 260px; margin:0 10px;}
body.single ul.books-110 .post-110 span.img-holder { min-height:165px;}

ul.thumb-list { clear:both; margin:0; padding:0; list-style:none;}
ul.thumb-list li { float:inherit;}

ul.thumb-grid { clear:both; margin:0; padding:0; list-style:none;}
ul.thumb-grid li { float:left;}

ul.thumb-list-grid { clear:both; margin:0; padding:0; list-style:none;}
ul.thumb-list-grid li { float:inherit;}


ul.list { clear:both; margin:0; padding:0; list-style:none;}
ul.list li { /*float:left;*/}

ul.backnumber { clear:both; margin:0; padding:0;}
ul.backnumber li { float:none;}

.hide-more { display:none;}
.hide-more { display:none;}

ul.blog li .post-145 span.title { font-weight:bold;}
ul.blog li .post-145 span.excerpt { display:block;}

/*ul.club-pickup { margin:0 0 3em 0;}*/
ul.backnumber-grid { margin-top:2em;}


/* //////////////////////// for ul.list + .post //////////////////////// */

ul.list { margin: 0 0 0 .5em;}
ul.list li { padding:0; margin:0; line-height:1.8em; }
ul.list li a, ul.list li p { text-decoration:none; color: #303030; line-height: 1.2em; font-family: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;}
ul.list li a br, ul.list li p br { display:none; }
ul.list li a em, ul.list li a em { display:none; }
ul.list li img.newicon { margin: 0 .2em .2em .2em; position:relative !important; top:auto;left: auto;}

ul.list li p { padding:0; margin:0; display:inline;}
ul.list li p span.date {font-size: 10px; font-weight: normal;}
ul.list li span.title { word-wrap:break-word; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight:bold;}
ul.list li span.excerpt { display:block; clear:both; color:#333; word-wrap:break-word; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size:11px; margin:.3em 0 1em 1.3em;}


ul.twitter_ul {}
ul.twitter_ul li { padding:0; margin:0 0 .6em 0; border-bottom:thin dotted #ddd; }
ul.twitter_ul li a { text-decoration:none; color: #303030; line-height: 1.2em; }
ul.twitter_ul li a:hover { color: #ddd;}


.box-210 { width:210px; margin:8px; display:block; position:relative; line-height: 1.7em;}
.box-210 .title { margin-bottom:.3em; font-weight:bold;}

.height-400 {height:400px;}
.height-300 {height:300px;}


.post-more {font-size:10px; line-height:1; display:inline-block; clear:both; width:auto; z-index:998; padding:8px; float:right;}
.post-more:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.post-more:hover {background-color:#f4f4f4; color:#000; text-decoration:none;}

.post {color:#000 !important; padding:0; margin:0 7px; display:block; position:relative; font-size: 11px; line-height: 1.7em; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

a.post:hover {-webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease;}

.post img.thumbnail, .post img.thumb { display:block; clear:both; border: thin solid #ddd; }
.post img.newicon { position:absolute; top:5px; left:-5px; z-index:1; width:20px; height:10px; border:none; }
.post span.img-holder { position:relative; display:block; z-index:0;}
.post span.title { font-size:12px; display:block; clear:both; margin:.6em 0; word-wrap:break-word;}
.post span.excerpt { display:block; clear:both; margin:.6em 0; color:#333; word-wrap:break-word;}
.post span.title span { /*color:#ceccb8; font-weight:normal; display:block; text-align:right;*/}

.post span.a-post-header {font-size:10px; line-height:12px; vertical-align: baseline; text-decoration:none; /*text-transform:capitalize;*/ display:block; clear:both; height:14px; position:relative;}

.post span.category {color:#000; font-size:10px; float:left; text-transform:uppercase; overflow:hidden; line-height:1.3em; position:absolute;}
.post span.category:before { content:'■'; color:#333; margin:0 .15em 0 .2em;}
.post span.date, h4 span.date { color:#ceccb8; font-size:10px; line-height:1; float:right;}
.post span.meta { display:inline; color:#aaa; font-size:10px; line-height:14px; display:block; clear:both; margin-top:.1em;}
/*.post.books span.meta {display:inline; clear:inherit; margin-top:0;}*/

.post span.a-post-footer { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; }

body.home h3.category { font-size:11px; line-height:17px; vertical-align: baseline; text-decoration:none; color:#303030; display:block; clear:both; text-transform:uppercase; font-weight:bold; margin:.6em 0 .3em 0;}
body.home h3.category {margin:3em 0 1em 0;}

a.post:hover, 
a.list:hover, 
a.post.current {filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; text-decoration:none;}

.post-110 { width:86px; /*height:200px;*/ margin:0 5px; /*float:left; */ line-height:1.4; }
.post-110 span.title {font-size:11px; margin:0; clear:none; display:inline; z-index:3;}
.post-110 span.title br { display:none; }
.post-110 span.meta { clear:none; display:inline;}
.post-110 span.date { display:block; clear:both; line-height:1.2; }
.post-110 span.img-holder { min-height:130px; display:block;}
.post-110 span.stock { color:#777; font-size:11px; margin-left:3px; text-align:right; display:block;}

.post-130 { width:130px; min-height:320px; margin:0 20px; line-height:1.4; }
.post-130 span.img-holder { min-height:185px; display:block;}
.post-130 span.title {font-size:11px; margin:7px 0 4px 0; clear:none; font-weight:bold;}
.post-130 span.author {font-size:12px; clear:none;}
.post-130 span.meta { clear:none; display:inline;}

body.category.books .post-110 span.img-holder { min-height:145px; display:block;}
body.category.books .post-110 span.title {font-size:12px; margin:9px 0 0 0; clear:none; font-weight:bold;min-height:2.8em;}

.post-150 { width:130px; margin:0 9px 0 5px; line-height:1.4; }
.post-150 span.img-holder { min-height:190px; display:block;}
.post-150 span.title {font-size:12px; margin:9px 0 0 0; clear:none; font-weight:bold; min-height:2.8em;}

.books-bestseller .post-150 { width:170px;}
.books-digital-latest .post-130 span.book-type { display:block; margin:0; line-height:1em; color:#ff5950;}
.books-digital-latest .post-130 span.title { margin:4px 0;}

.latest-now .post-150 { width:300px; min-height:500px; margin: 0 18px}
.latest-now .post-150 span.title { min-height:1.6em;}
.latest-now .post-130 span.meta { clear:none; display:inline;}

body.home aside.books .post-150 .a-post-header { display:none;}
body.home aside.books .post-150 .meta { display:none;}
body.home aside.books .post-150 { width:86px; margin:0 5px; line-height:1.4; }
body.home aside.books .post-150 span.img-holder { min-height:135px; display:block;}
body.home aside.books .post-150 span.title {font-size:11px; font-weight:normal; margin:0; clear:none; display:inline; z-index:3;}
body.home aside.books .post-150 span.title br { display:none; }

ul.latest-magazines .post-110 span.img-holder { min-height:125px; display:block;}

.small-books-110 .post-150 { width:86px; margin:0 5px; line-height:1.4; }
.small-books-110 .post-150 span.img-holder { min-height:135px; display:block;}
.small-books-110 .post-150 span.title {font-size:11px; font-weight:normal; margin:0; clear:none; display:inline; z-index:3;}
.small-books-110 .post-150 span.title br { display:none; }


body.home .post-110 .a-post-header { display:none;}
body.home .post-110 .meta { display:none;}

body.category .post-110 { width:91px;}
body.single .post-110 { width:91px;}

body.page-template-pagepage-backnumber-php div.horizontal-wrap,
body.page-template-pagepage-books-by-mag-php div.horizontal-wrap,
body.page-template-pagepage-info-now-php div.horizontal-wrap { position:relative; overflow-x:visible; overflow-y:visible;}
body.page-template-pagepage-backnumber-php div.horizontal-wrap ul,
body.page-template-pagepage-books-by-mag-php div.horizontal-wrap ul,
body.page-template-pagepage-info-now-php div.horizontal-wrap ul { overflow:visible; min-width:inherit;}

body.page-template-pagepage-backnumber-php .post-110,
body.page-template-pagepage-info-now-php .post-110 { width:110px; height:240px; margin:0 17px;}
body.page-template-pagepage-backnumber-php .post-110 span.img-holder,
body.page-template-pagepage-info-now-php .post-110 span.img-holder { min-height:152px;}
body.page-template-pagepage-backnumber-php .post-110 span.title,
body.page-template-pagepage-info-now-php .post-110 span.title {font-size:12px; font-weight:bold; margin:.5em 0 0 0; display:block;}

body.page-template-pagepage-books-by-mag-php .post-110 { width:133px; height:300px; margin:0 18px;}
body.page-template-pagepage-books-by-mag-php .post-110 span.img-holder { min-height:193px;}
body.page-template-pagepage-books-by-mag-php .post-110 span.title {font-size:12px; font-weight:bold; margin:.5em 0 0 0;}

.post-145 { width:145px; height:205px;}
.post-145 { margin:0 11px;}
.post-145 span.title br { display:none; }
.post-145 span.excerpt { display:none;}

.post-145.excerpt-145 { height:350px;}
.post-145.excerpt-145 span.title { font-weight:bold;}
.post-145.excerpt-145 span.excerpt { display:block; line-height:1.3em}

.post-230 { width:230px; height:335px; margin:0 12px;}
.post-230 span.title { font-weight:bold;}
.post-230 span.title br { /*display:none;*/}
.post-230 span.img-holder .img-holder-230-161 {display: block; clear:both; width:230px; height:161px; position: relative; overflow:hidden;border: thin solid #ddd;text-align:center;-webkit-transition:none;-moz-transition:none;transition:none;}
.post-230 span.img-holder .img-holder-230-161 img.thumbnail { height:161px !important; width:auto; max-width:none !important; margin:0 -100%;display: inline; border:none; }

.post-230.wide { width:inherit; height:inherit; margin:0 0 10px 0;}
.post-230.wide .img-holder { float:left; margin:0 12px 0 0;}
.post-230.wide .a-post-footer { width:250px; float:right;}

.thumb-grid-210 .post-230 { width:210px; height:325px; margin:0 8px;}




/*
.post-145.featured span.a-post-header { background:#ffff00; }
.post-145.featured img.thumbnail { border: thin solid #ffff00;}
*/

.post.thumb-list-145 { width:auto; display:block; clear:both;  padding:.5em 0; border-bottom:1px dotted #ddd; background: url(../img/bot/arrow-right.png) no-repeat 100% 50%; margin:0 10px; min-height:102px;}
p.post.thumb-list-145 { background:none; min-height:102px;}
.post.thumb-list-145 span.img-holder { float:left; width:21%; }
.post.thumb-list-145 span.a-post-header {float:right; width:76%;}
.post.thumb-list-145 span.a-post-footer { float:right; width:76%;}
.post.thumb-list-145 span.title { font-size:13px; font-weight:bold;  margin: 0 1.7em .6em 0; display:inline;}
.post.thumb-list-145 span.excerpt { word-wrap:break-word;  margin-right:2em;}
.post.thumb-list-145 span br { /*display:none;*/ }

.post.thumb-list-70 {width:auto; display:block; clear:both;  padding:.5em 0; border-bottom:1px dotted #ddd; background: url(../img/bot/arrow-right.png) no-repeat 100% 50%; margin:0 10px; line-height:1.4;}
.post.thumb-list-70 span.img-holder { float:left; width:18%; }
.post.thumb-list-70 img.photo, .post.thumb-list-70 img.thumbnail { border:solid thin #ddd; /*width:70px; height:70px;*/ }
.post.thumb-list-70 span.a-post-header {float:right; width:80%;}
.post.thumb-list-70 span.a-post-footer { float:right; width:80%;}
.post.thumb-list-70 span.title { font-size:12px; font-weight:bold;  margin-right:1.7em;}
.post.thumb-list-70 span.excerpt { word-wrap:break-word;  margin-right:2em;}

.post-issue  {margin:20px 40px 0 40px;}

.post-300 {width:300px; height:375px; margin:0 18px;}
.post-300 span.title { font-size:12px; font-weight:bold; display:block; margin-top:1.3em; line-height:1.5;}


span.post-issue-title { font-size:12px; font-weight:bold; display:block; margin-top:1.3em; line-height:1.2; max-width:180px;}
span.post-issue-meta { font-family: Georgia, Palatino, HiraMinProN-W3, "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", Palatino Linotype, FreeSerif, serif; line-height:1.2em; color:#ceccb8; font-weight:normal; font-size:11px; display:block; margin:0; padding:0;line-height:1.2;}

.post-700 { margin:0 auto !important; padding:0;}
.post-700 img.thumbnail { display:inherit; clear:none; margin:0 auto; border:none;}
.post-700 .caption { margin:.5em 0 0 0; color:#666666; font-size:10px; text-align:right; display:block; clear:both;}
.post-700 .caption:before { content:'▷ ';}
.post-700 span.title { font-size:15px; font-weight:bold; display:block; margin:1em; line-height:1.6;}
.post-700 span.title br { display:none; }
.post-700 span.excerpt { word-wrap:break-word;  margin:0 2em 2em 2em;}
.post-700.casamagazine img.thumbnail { border: thin solid #ddd;}

body.tags .post-700 { max-width:700px;}
body.tags .post-700 img.thumbnail {border: thin solid #ddd; margin:0; }
body.tags .post-700 span.title {margin:0 0 10px 0; min-height:2.6em;}
body.tags .post-700 span.title br { display:block;}
body.tags .post-700 span.excerpt {margin:0;}
body.tags .post-700 span.a-post-header {margin:10px 0 0 0;}

.post-900 { margin:0 auto !important; text-align:center; padding:0; border: thin solid #ddd;}
.post-900 img.thumbnail { display:inherit; clear:none; margin:0 auto; border:none;}
.post-900 span.title { font-size:12px; font-weight:bold; display:block; margin-top:1.3em; line-height:1.2; text-align:center;}
.post-900 span.title br { display:none;}

body.home .post-900 { border:none;}

.date, .meta { font-family: Georgia, Palatino, HiraMinProN-W3, "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", Palatino Linotype, FreeSerif, serif; line-height:1.2em; color:#ceccb8; font-weight:normal;}
h3 .date { color:#ceccb8; font-size:11px; }

img.thumbnail-700 { border: thin solid #ddd; margin:0; webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}





/*//////////////////// preview css */

.preview { margin:.5em 0 3em 0; padding:6px; line-height:1.5; border:1px dotted #f30000; background-color:#efefef;}
.preview h6 { font-size:15px; line-height:1.3; border-bottom:thin dotted #666; margin-bottom:1em; padding: .3em 0 0 .3em; width:96%;}
.preview .wrap-230 { border:1px dotted #f30000; padding:10px; margin:0 auto; width:230px; max-height:295px; background-color:#fff;}
.preview .wrap-145 { border:1px dotted #f30000; padding:10px; margin:0 auto; width:145px; max-height:180px; background-color:#fff;}

.preview a.post { position:relative; margin:0 !important; padding:0 !important;}
.preview a.post:hover { /*filter: alpha(opacity=100); -moz-opacity:1; opacity:1;*/ }
.preview ul.menu { margin:.6em .6em 0 .6em; padding:.6em; background-color:#fff;}

@media only screen and (max-width: 420px) {
	.preview { padding:0; border:none;}
	.preview .wrap-230 { width:auto;}
	.preview .wrap-145 { width:auto;}
	.preview ul.menu { margin:0; padding:0; background-color:#fff;}
}


/*//////////////////// banner css */

aside.adbar { display:block; clear:both; }
aside.adbar hr { display:none;}

ul.banner { clear:both; min-width: 310px;/*margin:0 auto;*/ padding:0; list-style:none; font-size:1px; line-height:1; text-align:center; margin:0 0 2em -8px;}
ul.banner li { display: inline-block; margin:3px; padding:0; /*max-width:290px !important; overflow:hidden;*/ -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }
ul.banner li * { padding:0; /*max-width:290px !important; overflow:hidden !important;*/}
ul.banner li iframe { padding:0; margin:0; /*max-width:290px !important; overflow:hidden !important;*/}
ul.banner li object { padding:0;margin:0; /*max-width:290px !important; overflow:hidden !important;*/}
ul.banner li a { display:block; margin:0; padding:0;}
ul.banner li a img { margin:0; padding:0; max-width:100% !important; overflow:hidden;}

/*@media only screen and (max-width: 690px) { ul.banner li { width:49%;} ul.banner li iframe {max-width:100% !important;}  ul.banner li { margin:0 5px 5px 0;}}*/
@media only screen and (max-width: 480px) { ul.banner li, ul.banner li iframe { width:48%;} }

aside.magazines-backnumber { margin-top:2em;}
.AR_1 .ob_org_header { border-bottom:#666 1pt solid !important; border-top:none !important;}

@media only screen and (min-width: 1024px) {}




/*//////////////////// asides css */


aside.sidebar { margin: 2.5em 0 2em 0; padding:0; float:left; max-width: 290px; }
aside.sidebar hr.box { display:none;}
body.search aside.sidebar { width:100% ; max-width:none; margin:0;}
body.tags aside.sidebar { width:100% ; max-width:none; margin:0;}

aside.sidebar h4, aside.adbar h4 { color:#333; padding-bottom: 3px; border-bottom: 2px solid #222; margin-bottom: 10px; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; }

aside.sidebar h4 span, aside.adbar h4 span { font-size:10px; font-weight:bold; display:inline-block; }
aside.sidebar h4 a, aside.adbar h4 a { color:#333 !important; text-decoration:none;} 
aside.sidebar h4 a:hover, aside.adbar h4 a:hover { color:#776e6a !important; text-decoration:none;}
aside.adbar nav.navigation { margin:0;}
aside.related-tags { margin-top:25px;}

/*//////////////////// aside.casa-magazine css */



@media screen and (min-width : 420px) {
	aside.casa-magazine { min-width:250px; background-color:#3ec5fd; margin-bottom:.5em;}
	body.category aside.casa-magazine { min-width:300px;}
	aside.casa-magazine nav.casanavi.navigation { margin:2em;}
	
	a.hide-on-toggled-on { width:230px; height:180px; margin:1em; display:block; float:left;}

	body.casabrutus aside.casa-magazine ul.casamagazine { margin:2em 0 0 0;}
	body.casabrutus aside.casa-magazine ul.menu li { font-size:16px; line-height:1.15em; color: #fff; font-family:'HelveticaNeueBold','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; margin-left:.5em;}
	body.casabrutus aside.casa-magazine ul.menu li:before {font-size:16px; line-height:1.15em; color:#fff; content:'_'}
	body.casabrutus aside.casa-magazine ul.menu li a { color: #fff; text-transform:uppercase; /*letter-spacing:-0.1em;*/ }
	body.casabrutus aside.casa-magazine ul.menu li a:hover {color: #000;}
	body.casabrutus aside.casa-magazine ul.menu li.current-menu-item a {color:#ddd;}
	body.casabrutus aside.casa-magazine ul.menu li.current-post-ancestor a {color:#ddd;}
	body.casabrutus aside.casa-magazine ul.menu li.current-menu-parent a {color:#ddd;}
	body.casabrutus aside.casa-magazine ul.menu li.current-post-parent a {color:#ddd;}

}

/*//////////////////// navigations css */

ul.menu, ul.list { margin: 0 0 1em 0; padding:0; list-style: none;}
aside ul.list {line-height:1.5em;}

ul.menu li, ul.list li { padding:0;  width: auto; margin: 0 7px 0 0;}
ul.menu li:before, ul.list li:before { content:'● '; color:#e60011; font-size:15px;}
ul.menu li a, ul.list li a, ul.menu li p, ul.list li p { color:#303030; letter-spacing:normal; margin: 0px;}
ul.menu li a:hover, ul.list li a:hover { color:#ceccb8; text-decoration:none;}
aside ul.list li a {line-height:1; font-size:12px;}

ul.menu li a span.description { display:block; font-size:10px; font-weight:normal; margin-left:12px; text-align:left;}
ul.menu li a span.date { font-size:10px; font-weight:normal;}

aside nav.navigation { margin: 0 0 2em 0;}
nav.navigation ul.menu li br { display:none; }
nav.navigation.side-navi ul.menu li { margin: 0 7px 7px 0;}

ul.copyright li.current a, ul.menu li.current a, ul.menu a.current, ul.menu li.current-page-item a, ul.menu li.current-post-item a, ul.menu li.current-menu-item a, ul.menu li.current-page-ancestor a, ul.menu li.current-menu-parent a, /*ul.menu li.current-category-ancestor a,*/ li.current_page_item a {color: #ddd}

body.paper ul.menu li.paper a {color: #ddd}
body.digital ul.menu li.digital a {color: #ddd}

ul.wp-tag-cloud, nav.tags { margin:2em 0 1em 0; font-family: Windsor, Garamond, "Times New Roman", serif; font-weight:normal;}
ul.wp-tag-cloud li { display:inline-block; margin:0 5px 9px 0; padding:0; }
ul.wp-tag-cloud li a, nav.tags a { color:#333; letter-spacing:normal;margin:0 5px 9px 0; line-height:1.1em;}
ul.wp-tag-cloud li a:hover, nav.tags a:hover { color:#ceccb8; text-decoration:none;}
ul.wp-tag-cloud li a:before, nav.tags a:before { content:'●'; font-size:1.1em; color:#ceccb8 /*e60011*/ ;}




/*//////////////////// footer css */

footer { clear:both; font-size: 10px; line-height:1.4em; font-family: Georgia, Baskerville, Palatino, Times; color:#848484; letter-spacing:normal; height:auto; max-width:1020px; margin:0 auto; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; margin-top:.5em;}

footer a {color:#333 !important; text-decoration: none;}
footer a:hover { color:#ceccb8 !important; text-decoration: none;}

footer .colophon { width:100%;}
footer .copyright { float:left; width:92%; margin:0;}

footer .copyright-sub { width:100%; margin:0;}
footer ul.copyright-sub li { padding:0; display: inline-block; margin:0 .3em; background:none;}
footer ul.copyright li a span { display:none;}

a.pdf {display:block; background: transparent url('../img/bot/pdf_icon.gif') no-repeat top left; padding-left:22px; line-height:1.4em;}

footer ul { list-style:none; margin:0;}
footer li { padding:0; display: inline-block; margin:0 .3em;}
footer li a { color:#333; float: left; margin: 0px 2px 0px 0px; padding:0; font-size:10px; }
footer li a:hover { color:#ceccb8; text-decoration:none;}

footer a.current, footer li.current-page-item a, footer li.current-post-item a, footer li.current-menu-item a, footer li.current-menu-parent a, footer li.current-category-ancestor a {color: #ddd !important;}

a.piichi span { display:none;}
a.piichi:hover span { display:inline;}

div.footer-right { /*width:29%; height: 10px;*/ float:right;}
footer a.top { padding: 0 0 0 0; font-weight: bold; display: block; /*width:100%; *//*text-transform:uppercase;*/}
footer a.top:hover, a.top:hover span { text-decoration: underline; color:#ceccb8;}

a.pdf {display:block; background: transparent url('../img/bot/pdf_icon.gif') no-repeat top left; padding-left:22px; line-height:1.4em;}



/*//////////////////// toggle menu css [2013.0916] */

.menu-toggle { display: none;}

.always-toggle .menu-toggle { cursor: pointer; display: block; clear:both; font-size:26px; color:#333; margin: 0; padding: 12px 0 12px 0; background:#fff url(../img/bot/arrow-bottom.png) no-repeat 98% 50%; border-bottom:thin solid #ddd; text-align:left; }

body.category.kunel .always-toggle h4.menu-toggle { font-size:20px; }
body.category.kunel .always-toggle h4.menu-toggle span { font-size: 82%; line-height:1.5;}

body.category.ginza nav#mokuji { border-top:thin solid #ddd;}

.always-toggle ul { display:none; float:none; margin:0;}
.always-toggle.toggled-on .menu-toggle { background: url(../img/bot/arrow-top.png) no-repeat 98% 50%; color:#aaa;}
.always-toggle.toggled-on ul { display:block; float:none; margin-bottom:.5em; }


@media only screen and (max-width: 420px) {

header.local { /*overflow-y:scroll;*/ margin:0;}
.hide-on-toggled-on { display:none;}

.nav-toggle .menu-toggle { cursor: pointer; display: block; clear:both; font-size:16px; color:#333; margin: 0; padding: 9px 0 9px 5px; background:#fff url(../img/bot/arrow-bottom.png) no-repeat 98% 50%; border-top:thin solid #ddd; border-bottom:thin solid #ddd; text-align:left;}

nav.headernavi.nav-toggle .menu-toggle { border-bottom:none;}
nav.headernavi.toggled-on .menu-toggle { border-bottom:thin solid #ddd;}

.toggled-on .menu-toggle { background: url(../img/bot/arrow-top.png) no-repeat 98% 50%; color:#aaa;}
.toggled-on.site-title { display:none;}

.nav-toggle ul { display:none; float:none; margin:0;}
.toggled-on ul { display:block; float:none; margin-bottom:.5em; }
.toggled-on ul.menu li, .toggled-on ul.copyright li { display:block !important; float:none; clear:both; background: url(../img/bot/arrow-right.png) no-repeat 98% 50%; border-bottom:thin solid #ddd; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; margin:0; padding:0;}

.toggled-on ul.menu li:before { content:'';}
.toggled-on ul.menu li a span.description { font-size:14px; display:inline-block; margin-left:5px;}
.toggled-on ul li:hover { background-color:#f0f0f0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
footer .toggled-on ul li:hover { background-color:#fff;}
.toggled-on ul.sub-menu li:hover { background-color:#fff;}

.toggled-on ul li a { display:block; float:none; clear:both; font-size:16px !important; color:#333 !important; margin: 0; padding: 11px 0 11px 5px;}


.nav-toggle li.current-page-item, .nav-toggle li.current-post-item, .nav-toggle li.current-menu-item /*, .nav-toggle li.current-menu-parent, .nav-toggle li.current-category-ancestor */{background-color:#efefef;}

footer { padding-top:0; border-top:none;}
footer ul.copyright { width:100%;}
.footer-right { width:100%; }

div.top-wrap { background-color: #f30000; height: 150px; width: 150px; border-radius:75px; -moz-border-radius:75px; -webkit-border-radius: 75px; margin:18px auto; padding:0; text-align:center; border:1px solid #f30000;}
div.top-wrap:hover { background-color: #fff; border:1px solid #fff; } 
footer a.top {color:#fff !important; line-height:150px; margin:0 0 40px 0; padding:0; }
footer a.top span { color:#fff;}
footer a.top:hover, footer a.top:hover span { text-decoration: none; color:#f30000 !important;}

.fixed-column-left { float: left; width: 49%; }
.fixed-column-right { float: right; width: 49%; }


}




/*//////////////////// sns-social-sidebar by piichi [120828] */

#social { border-bottom: 1px solid #ececec; border-top: 1px solid #ececec; clear:both; padding: 5px 0 0 5px; margin:2em 0 1em 0; z-index:9998; height: 25px;}
body.home #social { clear:both; padding: 5px 0 0 0; height: 25px; margin:10px 0 0 0; z-index:9998;}

#social ul.sns { list-style: none; display:block; clear:both; margin:0; padding:0; }
#social ul.sns li { list-style: none; float:left; padding:0; margin:0; font-size:11px;}
#social ul.sns li.twitter { width:115px; }
#social ul.sns li.facebook_like { width:130px; }

/*//////////////////// sns-social-headline by piichi [2013.0919] */

#social-headline { margin: 0 0 4em 0; clear:both; display:block; padding: 0; z-index:9996;}
#social-headline h4 { color:#333; padding-bottom: 3px; border-bottom: 2px solid #222; margin-bottom:7px; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; }
#social-headline ul.sns { list-style: none; display:block; clear:both; margin:0; padding:0; line-height:1.5em;}
#social-headline ul.sns li { width:130px; padding:0; margin:0 0 5px 0; font-size:11px;}

body.page #social-headline ul.sns li { float:left; margin:0 5px 0 0;}

@media only screen and (max-width: 680px) {
	#social-headline { width:100%; margin: 0 0 4em 0;}
	#social-headline ul.sns li { float:left; margin:0 5px 0 0;}
	.facebook_clear { display:none; }
}

div.fb-like-box { margin:2em 0 4em 0 !important; overflow:hidden; border:5px solid #ceccb8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:690px;}
div.fb-like-box:hover { background-color:#fbfbfb; border:5px solid #3b5998;}
div.fb-root { width:0; height:0; display:none; overflow:hidden;}


/*//////////////////// sns-social-icon-ul by piichi [2013.0919] */

ul.snsmenu { margin:0 0 1em 0; list-style:none; clear:both; display:block;}
ul.snsmenu li { display:inline-block; padding:0; margin:0 0 2px 3px; min-width:24%; height:30px; line-height:1.1em;}
body.home ul.snsmenu li { min-width:48%;}
ul.snsmenu li a { font-size: 14px; text-indent:35px; display:block; color:#333; text-decoration:none; margin:2px 0 0 0; }
ul.snsmenu li.facebook {background:url("/core/img/bot/sidebar-sns.png") no-repeat 0 0; }
ul.snsmenu li.twitter {background:url("/core/img/bot/sidebar-sns.png") no-repeat 0 0; background-position:0 -30px; }
ul.snsmenu li.shop {background:url("/core/img/bot/sidebar-sns.png") no-repeat 0 0; background-position:0 -60px; }
ul.snsmenu li.mail {background:url("/core/img/bot/sidebar-sns.png") no-repeat 0 0; background-position:0 -90px; }


ul.snsmenu li:hover { filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
ul.snsmenu li:hover a { color:#777;}
ul.snsmenu li a span.description { display:block; font-size:10px; font-weight:normal; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;}

/*//////////////////// felxslider-min [2014.0120] */

figure a:active, .flexslider a:active, figure a:focus, .flexslider a:focus  {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider, .flexsliderul, .flexslider ul li {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin: 0; padding: 0;} 
.flexslider .slides img {max-width: 100%; width:auto; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

.flexslider {position: relative; zoom: 1; margin:0 auto; box-shadow: 0 1px 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 5px rgba(0,0,0,.1); background:#fff; max-width:1020px;}

.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../img/flexslider/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px !important; -webkit-transition: all .3s ease; }
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: .7; filter:alpha(opacity=70);}
.flex-direction-nav {/*opacity: .8!important; filter:alpha(opacity=80);*/ cursor: default;}
.flex-disabled {opacity: 0 !important; filter:alpha(opacity=0) !important; cursor:default !important;}

.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center; z-index:9889;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #fff; /*background: rgba(0,0,0,0.9); */ cursor: default;}

.flex-slide-counter { width: 100%; text-align: center; display:block; clear:both;}
.flex-slide-counter { display:inline;}
.flexslider.border { border: thin solid #ddd; border-top:none;}

/*.flexslider:hover .flex-prev {opacity: 0.8; left: -30px;}
.flexslider:hover .flex-next {opacity: 0.8; right: -30px;}*/

@media screen and (min-width: 1024px) {
	.flex-direction-nav .flex-prev {opacity: 1; left: -35px;}
	.flex-direction-nav .flex-next {opacity: 1; right: -35px;}
}

@media screen and (max-width: 800px) {
	.flex-direction-nav .flex-prev {left: 5px;}
	.flex-direction-nav .flex-next {right: 5px;}
}

@media screen and (max-width: 420px) {
	.flexslider {margin:0 auto 45px auto; }
	.flex-direction-nav a {top: 100%; margin-top:10px;}
}

body.home div.flexslider { max-width:900px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin:15px auto;}
body.home div.flexslider .slides img { border:none;}
body.home div.flexslider .flex-control-nav { bottom:60px}
body.kunel.single-theater div.flexslider { max-width:500px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin:0;}
body.kunel.single-theater .flex-control-nav { position:relative; display:block; clear:both; margin-top:20px;}

@media screen and (max-width:680px) { body.home div.flexslider {margin:0 auto;}}


/*//////////////////// wp_deregister_style('contact-form-7'); + form css [2014.0420] */

.wpcf7 p { font-weight:bold; }
.wpcf7 span {padding:0;margin:0;}
.wpcf7 span.wpcf7-form-control-wrap { display:block !important;}
.wpcf7 div.screen-reader-response { display:none; }
.wpcf7 {overflow: hidden; margin: 0; padding:0; font-family: "Hiragino Kaku Gothic Pro", HiraGothicProN-W3,"ヒラギノ角ゴ ProW3",メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',Verdana, Arial, Helvetica, sans-serif;line-height:1.8em;color:#000; font-size:13px; -webkit-border-radius: 0px; text-shadow:none; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; } 
span[role="alert"], div[role="alert"] {color:#000; line-height:1.3em; font-weight:bold; display:block; clear:both; border: thin solid #f4f4f4; margin:1em 0; padding:7px 11px 5px 11px; border-left: 9px solid #f4f4f4; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-shadow:0 1px 1px #fff;background-color: #f4f4f4;}
div.wpcf7-response-output { }
div.wpcf7-mail-sent-ok { border-left: 9px solid #398f14;}
div.wpcf7-mail-sent-ng { border-left: 9px solid #ff0000;}
div.wpcf7-spam-blocked { border-left: 9px solid #ffa500;}
div.wpcf7-validation-errors, div.screen-reader-response[role="alert"] { border-left: 9px solid  #f7e700;}
span.wpcf7-not-valid-tip {border-left: 9px solid #f00; }
span.wpcf7-list-item {margin-left: 0.5em;}
.wpcf7-display-none {display: none; }
div.wpcf7 img.ajax-loader {border: none; vertical-align: middle;margin-left: 4px;}
div.wpcf7 div.ajax-error {display: none;}
div.wpcf7 .placeheld {color: #888;}

input[type="password"], input[type="text"], input[type="email"], input[type="tel"], textarea {width: 100%; margin:0; padding: 9px 11px !important; background-color:#fff !important; border: 1px solid #ddd !important ; font-size:1em; display:block; clear:both; -webkit-border-radius: 0px; -webkit-appearance:none; color:#000; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
input[type="radio"] {margin:0 .6em;}
input[type="checkbox"] {margin:0 .6em 0 .2em;}
input[type="password"] {/* margin:1.2em 0;*/}
input[type="submit"]::-moz-focus-inner {border:0;}
input[type="submit"]::-webkit-focus-inner {border:0;}

input[type="submit"], input[type="reset"] {margin: 5px 5px 0 0; padding: 7px 10px; /*display: inline-block;*/ vertical-align: baseline; outline: none; background-color: #ff3300; border: none; font-size: 11px; color: #fff !important; text-align: center; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; -webkit-appearance:none; text-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}

input[type="reset"] {margin: 5px 5px 0 0; padding: 7px 10px; /*display: inline-block;*/ vertical-align: baseline; outline: none; background-color: #ccc; border: none; font-size: 11px; color: #fff !important; text-align: center; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; -webkit-appearance:none;}

input[type="button"], a.amazon, a.amazon, a.cancel, button, a.button {margin: 0 5px 5px 0; padding: 7px 10px; vertical-align: baseline; outline: none; background-color: #ff3300; border: none; font-size: 11px; color: #fff !important; text-align: center; text-transform:none; letter-spacing: 1px; cursor: pointer; -webkit-appearance:none; text-shadow:none; }

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, a.button:hover, .post-issue-meta a.read:hover, a.cancel:hover, a.amazon:hover, a.wp_logout:hover {background-color: #777 !important; color: #fff; border:none !important; text-decoration:none;}

select {display:block; clear:both; width: 100%; margin: 0 0 .3em; padding: 9px 5px; background-color:#fff; border: 1px solid #ddd; font-size:1em; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
label {margin-right:1em;}

a.amazon, a.cancel { margin: 0 5px 5px 0; padding: 7px 10px; vertical-align: baseline; outline: none; background-color: #ff3300; border: none; font-size: 11px; color: #fff !important; text-align: center; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; -webkit-appearance:none; } 


/*//////////////////// magaha form css tommie [2013.0420] */

.post-issue-meta a.read { background-color: #fefefe; margin: 3px; padding: 7px 10px; vertical-align: baseline; outline: none; border: none; font-size: 11px; text-align: center; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; -webkit-appearance:none; clear:both;}


#form_rcuserinfo { margin-bottom:2em; clear:both; }
#form_rcuserinfo ul.userdata { background:#f6f6f6; padding:1em; margin:0 0 1em 0;}
#form_rcuserinfo ul.userdata li { list-style:none; }
#form_rcuserinfo ul.userdata li.addressname { float:left; }
#form_rcuserinfo ul.userdata li.edit { float:right; padding-top:1.5em; }
#form_rcuserinfo ul.userdata li.edit a { }
#form_rcuserinfo ul.userdata li strong { font-weight:normal; color:#f00; }
#form_rcuserinfo ul.userdata li.clear { height:1px; font-size:1px; line-height:1px; }
#form_rcuserinfo div.edit { clear:both; }


.column-32 input[type="email"] { width:80%; display:inline-block; margin:0; float:left;}
.column-32 input[type="submit"] { padding: 11px 11px !important; margin:0; float:right;}

#not-loggedin-form input[disabled],
#not-loggedin-form textarea[disabled],
#not-loggedin-form select[disabled] { background-color:#eee !important; }

form p.mi { font-weight:bold; padding:1em 0 .3em 0; }

/*//////////////////// tables [2013.0303] */

table {width:100%; margin:0 0 10px 0; border-collapse:collapse; background-color:#fff;}
table th, table td {border:1px solid #ccc; padding:12px; line-height:150%;}
table th { vertical-align:top; text-align:left; }
table td td {border:none; padding:5px; line-height:100%;}
table.mokuji th, table.mokuji td {border:none; padding:5px;}

/*//////////////////// shoten-buttons [2013.0303] */

ul.books-shoten { display:block; clear:both; padding: 0px; margin:0; list-style:none;}
ul.books-shoten li {  margin: 0 7px 7px 0; float:left;}
ul.books-shoten li a { display:block; height:40px; width: 100px; background:url("/core/img/header/books_shoten.png") no-repeat; overflow:hidden; text-indent:-9999px; border:1px solid #ddd; }
ul.books-shoten li a:hover { filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; border:1px solid #ff5950;} 
ul.books-shoten li a.amazonjp { background-position:0px 0px; }
ul.books-shoten li a.rakuten { background-position:0px -40px; }
ul.books-shoten li a.andy7 { background-position:0px -80px; }
ul.books-shoten li a.ehon { background-position:0px -120px; }
ul.books-shoten li a.tsutaya { background-position:0px -160px; }
ul.books-shoten li a.bk1 { background-position:0px -200px; }
ul.books-shoten li a.livedoor { background-position:0px -240px; }
ul.books-shoten li a.bookservice { background-position:0px -280px; }
ul.books-shoten li a.lbooks { background-position:0px -320px; }
ul.books-shoten li a.honto { background-position:0px -360px; }
ul.books-shoten li a.honyaclub { background-position:0px -400px; }

ul.books-digital { display:block; clear:both; padding: 0px; margin:0; list-style:none;}
ul.books-digital li {  margin: 0 7px 7px 0; float:left;}
ul.books-digital li a { display:block; height:40px; width: 100px; background:url("/core/img/header/books_digital.png") no-repeat; overflow:hidden; text-indent:-9999px; border:1px solid #ddd;}
ul.books-digital li a:hover { filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; border:1px solid #ff5950; } 
ul.books-digital li a.ibooks { background-position:0px 0px; border:none;}
ul.books-digital li a.ibooks:hover { border:none;}
ul.books-digital li a.kobo { background-position:0px -40px; }
ul.books-digital li a.ybooks { background-position:0px -80px; }
ul.books-digital li a.kindle { background-position:0px -120px; }
ul.books-digital li a.walker { background-position:0px -160px; }
ul.books-digital li a.dmagazine { background-position:0px -200px; }
ul.books-digital li a.honto { background-position:0px -240px; }
ul.books-digital li a.digipon { background-position:0px -280px; }
ul.books-digital li a.airbook { background-position:0px -320px; }
ul.books-digital li a.febe { background-position:0px -360px; }

ul.books-digital li a.inactive { filter: alpha(opacity=10); -moz-opacity:.1; opacity:.1; } 
ul.books-digital li a.inactive:hover { filter: alpha(opacity=0); -moz-opacity:0; opacity:0; } 

body.books span.img-holder, body.digital span.img-holder { position:relative; display:block; z-index:0; margin-bottom:9px;}
body.books img.newicon { position:absolute; top:5px; left:-5px; z-index:1; width:20px; height:10px; border:none; }
body.books .paper-description br:first-child { display:none;}

body.books p.book-type {color:#ff5950;font-size:11px; padding:0;}

/*//////////////////// frames [2014.0716] */

[class*='frame-'] {margin:0 auto;} .frame-950 { width:950px;} .frame-900 { width:900px;} .frame-850 { width:650px;} .frame-800 { width:650px;} .frame-750 { width:650px;} .frame-700 { width:650px;} .frame-650 { width:650px;} .frame-600 { width:600px;} .frame-550 { width:550px;} .frame-500 { width:500px;} .frame-450 { width:450px;} .frame-400 { width:400px;} .frame-300 { width:300px;} .frame-250 { width:250px;} .frame-200 { width:200px;} .frame-150 { width:150px;} .frame-100 { width:100px;} .frame-50 { width:50px;}

body.books .frame { position:relative;}

@media screen and (max-width : 680px) { .frame { width: 100%; float:none; } .frame, .frame-950, .frame-900, .frame-850, .frame-800, .frame-750, .frame-700, .frame-650, .frame-600, .frame-550, .frame-500, .frame-450 { width: 90%; float:none; }}

@media screen and (max-width : 420px) { .frame-400, .frame-350, .frame-300 { width: 90%; float:none;}}

@media print { .frame, .frame-950, .frame-900, .frame-850, .frame-800, .frame-750, .frame-700, .frame-650, .frame-600, .frame-550, .frame-500, .frame-450, .frame-400, .frame-350, .frame-300, .frame-250, .frame-200, .frame-150, .frame-100, .frame-50 { width: 100%; float:none;}}

/*//////////////////// frames [end] */


.waku {display: block; font-size: 12px; line-height:1.5em; margin:0; padding:.5em .5em 0 .5em; border: thin solid #eee; margin-bottom:.7em; webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
}

.waku-20 {display: block; padding:2em; border: thin solid #eee; margin-bottom:.7em; webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
}
.waku-10 {display: block; padding:1em; border: thin solid #eee; margin-bottom:.7em; webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
}

.form-waku {display: block; margin:1em 0; padding:1em 1em 0 1em; border: 1px solid #ddd; webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
}

@media screen and (max-width : 680px) {.form-waku {width:auto;}}

div.description {display: block; font-size: 12px; line-height:1.6em; margin:0; padding:1em 1em .7em 1em; border-bottom:1em solid #eee; border-top:1em solid #eee; margin-bottom:1.3em; }



/*//////////////////// 色々 */

.clear {display:block; clear:both; line-height:1px; font-size:1px; height:1px;}
.clearfix:after, section:after, article:after, aside:after, header:after, footer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
span:after {content: " ";}
small {font-size:.77em;}

.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright, .alignleft, .aligncenter { float:none; /*display:block;*/ clear:both; margin:0 5px 5px 0;}

.hide-on-smallscreen { display:block;}
.show-on-smallscreen { display:none;}



/*//////////////////// wp-caption & figure’s [110611] */

figure { width:100%; margin:0; padding:0; line-height:1; text-align:left; webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
figure div { /*text-align:center;*/ }
figure p, figure span { padding:0 1em; line-height:1; text-align:left;}
figure p.wp-caption-text { padding:0 1em !important; line-height:1; text-align:left;}
figure a, figure a:hover { color:#333; text-decoration:none;}

body.ginza figure { margin-bottom:1em;}

/*body.single figure iframe { display:none; }*/

/*
.caption { display:block; clear:both;}
.wp-caption { margin:0 0 1.2em 0;}
.caption img, .wp-caption img { margin: 0; padding:0; max-width:100% }
.caption, .wp-caption p.wp-caption-text { font-size: 10px; line-height:1.4; padding:0 .5em 0 0; margin-top:0; display:block;}
.caption:before, .wp-caption p.wp-caption-text:before, #fancybox-title-inside:before { content:'▲ ';}

*/

/*//////////////////// html 5 figure figure figcaption wp-caption [2015.0666] */

.caption { display:block; clear:both; font-size: 11px; line-height:1.4; }
.wp-caption { margin:0 0 1.2em 0; max-width:100% !important; font-size:11px; line-height:1.6em;}
.caption img, .wp-caption img { margin: 0 auto; padding:0; max-width:100% }
.wp-caption .wp-caption-text { font-size: 10px; line-height:1.4; padding:.5em; display:block;}
.wp-caption-text br { display:none;}


/*//////////////////// nav-below bot_prevnext css */

#nav-below { display:block; clear:both; width:100%;  text-indent:-9999px;}
#nav-below a { display: block; background:url("../img/bot/bot_prevnext.png") no-repeat; width: 32px; height: 32px; text-indent:-9999px; }
#nav-below .nav-previous a { background-position: 0 -32px; float: left; margin:1em 0;}
#nav-below .nav-previous a:hover { background-position: 0 -0px; }
#nav-below .nav-next a { background-position: 0 -96px; float: right;  margin:1em 0;}
#nav-below .nav-next a:hover { background-position: 0 -64px; }
#nav-below a:hover { text-decoration: none; }


/*//////////////////// pagination & hidefeed [2015.0444] css */

nav.pagination { font-size:16px; margin:2em 0 0 0; padding-top: 2em; border-top:1px solid #ececec;}
nav.pagination ul { margin:0; padding:0; list-style:none; text-align:center; }
nav.pagination li { display:inline-block; margin:0 5px; cursor:default;}
nav.pagination li span { display:block; padding:10px; width:30px; height:30px; line-height:30px; text-align:center;background-color:#fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-align: center; border: thin solid #efefef;}
nav.pagination li a { display:block; text-shadow:none; text-decoration:none; cursor:pointer;}
nav.pagination li a span {background-color:#efefef;}
nav.pagination li:hover a span { color:#fff; background-color:#777; }

.hidefeed {margin: 10px auto; padding: 9px 10px; vertical-align: baseline; outline: none; background-color: #ddd; border: none; font-size: 11px; color: #000; text-align: center; text-transform:none; letter-spacing: 1px; cursor: pointer; -webkit-appearance:none; text-shadow:none; max-width:280px; }
.hidefeed a {text-shadow:none; text-decoration:none;}
.hidefeed:hover {background-color: #ff2d64;}
.hidefeed:hover a {color: #fff; text-decoration:none;}


/*//////////////////// iPad css */

article img, figure img, aside img { max-width:100% !important; height:auto !important;}
article .the_content iframe, figure iframe { max-width: 100%;}
article ul.sns iframe { max-width:none !important;}
article .QTP, article video, .playContainer { max-width:100% !important; height:auto !important;}


/*//////////////////// customizable css */

.ft10 { font-size:77%; line-height:1.5em;}
.ft11 { font-size:85%; line-height:1.5em;}
.ft12 { font-size:93%; line-height:1.5em;}
.ft13 { font-size:100%; line-height:1.5em;}
.ft14 { font-size:108%; line-height:1.5em;}
.ft15 { font-size:116%; line-height:1.5em;}
.ft16 { font-size:123.1%; line-height:1.5em;}
.ft17 { font-size:131%; line-height:1.5em;}
.ft18 { font-size:138.5%; line-height:1.5em;}
.ft19 { font-size:146.5%; line-height:1.5em;}
.ft20 { font-size:153.9%; line-height:1.5em;}
.ft21 { font-size:161.6%; line-height:1.5em;}
.ft22 { font-size:167%; line-height:1.5em;}
.ft23 { font-size:174%; line-height:1.5em;}
.ft24 { font-size:182%; line-height:1.5em;}
.ft25 { font-size:189%; line-height:1.5em;}
.ft26 { font-size:197%; line-height:1.5em;}

.ft30 { font-size:30px; line-height:1.5em;}
.ft40 { font-size:40px; line-height:1.5em;}
.ft50 { font-size:50px; line-height:1.5em;}
.ft60 { font-size:60px; line-height:1.5em;}
.ft70 { font-size:70px; line-height:1.5em;}
.ft80 { font-size:80px; line-height:1.5em;}
.ft90 { font-size:90px; line-height:1.5em;}
.ft100 { font-size:100px; line-height:1.5em;}

.lh10 {line-height:1.0em !important;}
.lh11 {line-height:1.1em !important;}
.lh12 {line-height:1.2em !important;}
.lh13 {line-height:1.3em !important;}
.lh14 {line-height:1.4em !important;}
.lh15 {line-height:1.5em !important;}
.lh16 {line-height:1.6em !important;}
.lh17 {line-height:1.7em !important;}
.lh18 {line-height:1.8em !important;}
.lh19 {line-height:1.9em !important;}
.lh20 {line-height:2.0em !important;}
.lh21 {line-height:2.1em !important;}
.lh22 {line-height:2.2em !important;}
.lh23 {line-height:2.3em !important;}
.lh24 {line-height:2.4em !important;}
.lh25 {line-height:2.5em !important;}
.lh26 {line-height:2.6em !important;}
.lh27 {line-height:2.7em !important;}
.lh28 {line-height:2.8em !important;}
.lh29 {line-height:2.9em !important;}
.lh30 {line-height:3.0em !important;}

.mb0	{margin-bottom:0px;}
.mb5	{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}
.mb25	{margin-bottom:25px;}
.mb30	{margin-bottom:30px;}
.mb35	{margin-bottom:35px;}
.mb40	{margin-bottom:40px;}
.mb45	{margin-bottom:45px;}
.mb50	{margin-bottom:50px;}
.mb55	{margin-bottom:55px;}
.mb60	{margin-bottom:60px;}
.mb65	{margin-bottom:65px;}
.mb70	{margin-bottom:70px;}
.mb75	{margin-bottom:75px;}
.mb80	{margin-bottom:80px;}
.mb85	{margin-bottom:85px;}
.mb90	{margin-bottom:90px;}
.mb95	{margin-bottom:95px;}
.mb100	{margin-bottom:100px;}

.mt0	{margin-top:0px;}
.mt5	{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt25	{margin-top:25px;}
.mt30	{margin-top:30px;}
.mt35	{margin-top:35px;}
.mt40	{margin-top:40px;}
.mt45	{margin-top:45px;}
.mt50	{margin-top:50px;}
.mt55	{margin-top:55px;}
.mt60	{margin-top:60px;}
.mt65	{margin-top:65px;}
.mt70	{margin-top:70px;}
.mt75	{margin-top:75px;}
.mt80	{margin-top:80px;}
.mt85	{margin-top:85px;}
.mt90	{margin-top:90px;}
.mt95	{margin-top:95px;}
.mt100	{margin-top:100px;}

.ml0	{margin-left:0px;}
.ml5	{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml25	{margin-left:25px;}
.ml30	{margin-left:30px;}
.ml35	{margin-left:35px;}
.ml40	{margin-left:40px;}
.ml45	{margin-left:45px;}
.ml50	{margin-left:50px;}
.ml55	{margin-left:55px;}
.ml60	{margin-left:60px;}
.ml65	{margin-left:65px;}
.ml70	{margin-left:70px;}
.ml75	{margin-left:75px;}
.ml80	{margin-left:80px;}
.ml85	{margin-left:85px;}
.ml90	{margin-left:90px;}
.ml95	{margin-left:95px;}
.ml100	{margin-left:100px;}

.mr0	{margin-right:0px;}
.mr5	{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}
.mr25	{margin-right:25px;}
.mr30	{margin-right:30px;}
.mr35	{margin-right:35px;}
.mr40	{margin-right:40px;}
.mr45	{margin-right:45px;}
.mr50	{margin-right:50px;}
.mr55	{margin-right:55px;}
.mr60	{margin-right:60px;}
.mr65	{margin-right:65px;}
.mr70	{margin-right:70px;}
.mr75	{margin-right:75px;}
.mr80	{margin-right:80px;}
.mr85	{margin-right:85px;}
.mr90	{margin-right:90px;}
.mr95	{margin-right:95px;}
.mr100	{margin-right:100px;}

.p0 { padding:0;}
.p10 { padding:10px;}
.p20 { padding:20px;}
.p30 { padding:30px;}
.p40 { padding:40px;}
.p50 { padding:50px;}




/*//////////////////// responsive css */


body.single article { margin:2.5em 20px 0 auto; width: 700px;}
body.single aside.sidebar { margin: 2.5em 0 2em 20px; max-width:220px; }
body.single aside.sidebar a.post-issue {margin: 20px 20px 0 20px;}




@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	div.page { width:auto; padding:10px;}
	
	.post { margin:0 10px;}
	.post-110 { width:80px; margin:0 5px;}
	
	.post-300 { width:290px; margin:0 17px;}

}


@media screen and (max-width : 768px) {

div.page { width:auto; padding:15px;}
article, body.single article, article.wide { padding:0; width:auto; max-width:700px; float:none; margin:0 auto 0 auto;}
body.home article { max-width:none; margin:.5em auto 0 auto;}

aside.sidebar, body.single aside.sidebar { width:100%; max-width:700px; float:none; clear:both; margin: 0 auto 2em auto;}

/*header.local { width:auto; margin:0; padding:0;}
header h1 { float:none; margin:0 auto 0 auto;}
header .top-search { display:none;}

nav.headernavi { margin:5px auto; float:none; text-align:center; width:100%;}
nav.headernavi ul.menu { float:none; padding:0; position:inherit; right:auto; bottom:auto; margin:0 auto; text-align:center;}
body.home nav.headernavi ul.menu { float:none;}
nav.headernavi ul.menu li { float:none; text-align:left; margin:0;}
 */



.post-300 { width:auto; height:inherit; margin:0;}
.post-300 img.thumbnail { float:left; width:45%;}
.post-300 span.a-post-footer { float:right; width:52%;}

.post-110 { width:80px; margin:0 5px;}
.post-145 { margin:0 17px;}
.post-130 { margin:0 10px; }
.post-230 { margin:0 7px;}


div.post-issue-thumbnail { padding:20px;}
a.post-issue, body.single aside.sidebar a.post-issue { width:48%; float:left; margin:0;}
div.post-issue-meta { width:48%; float:right; margin:0;}

.column-32 input[type="email"] { width:70%;}
.post span.meta {display:inline; clear:inherit; margin-top:0;}


/*body.home .column-3, 
body.home .column-32 { width: 100%; float:none; }*/

body.category.books .column-3, 
body.category.books .column-32 { width: 100%; float:none; }

body.page-template-pagepage-backnumber-php .post-110,
body.page-template-pagepage-info-now-php .post-110 { margin:0 15px;}
body.page-template-pagepage-books-by-mag-php .post-110 { margin:0 16px;}


img { max-width:100% !important; height:auto !important;}

}



@media screen and (max-width : 680px) {


article { width:auto; float:none;}
aside.sidebar { width:auto ; max-width:none;}
article .the_content iframe, aside iframe, figure iframe {max-height:360px !important;}

/*ul.menu li a { margin: 1px 3px;}*/
ul.snsmenu li { min-width:48%;}

article div.wrap-the-title { height:inherit; min-height:none;}

h1, .h1 {margin:0 0 1.3em 0;}
.post-230.wide .a-post-footer { float:right; width:44%;}


}

@media screen and (max-width : 420px) {

div.page { padding:10px;}

/*header h1 { margin:-5px auto 0 auto;}
nav.headernavi { margin:-5px auto 5px auto; }*/


h1 br, h2 br, h3 br, h4 br, h5 br, h6 br { display:none;}

.hide-on-smallscreen { display:none !important;}
.show-on-smallscreen { display:block !important;}

article .the_content iframe, aside iframe, figure iframe {max-height:240px !important;}
footer { margin:1em 0 1.6em 0;}


div.wrap-ad-320 { width:auto; min-height:auto; float:none; margin:5px 5px;}
.column-32 input[type="email"] { width:60%;}


.post-300 img.thumbnail { float:none; width:100%;}
.post-300 span.a-post-footer { float:none; width:100%;}

.post-145 { margin:0 5px 0 0;}


.post.thumb-list-145 span.img-holder { float:left; width:40%;}
.post.thumb-list-145 span.a-post-header {float:right; width:57%;}
.post.thumb-list-145 span.a-post-footer {float:right; width:57%;}


.post-230.wide .img-holder { float:inherit; margin:0;}
.post-230, .thumb-grid-210 .post-230, .post-230.wide { float:none; display:block; clear:both; padding:.5em 0; border-top:1px dotted #ddd; min-height:130px; background: url(../img/bot/arrow-right.png) no-repeat 98% 50%; margin:0;  width:auto; height:inherit; margin:0;}
.post-230 img.thumbnail { float:left; width:44%;}
.post-230 span.a-post-footer, .post-230.wide .a-post-footer { float:right; width:54%;}
.post-230 span.title { margin:0;}
.post-230 span.excerpt { margin-right:1.7em;}

.post-more { margin:1em 0 0 0;}
.post span br { display:none; }

#social ul.sns li { width:30%; }
#social ul.sns li.twitter { width:97px; }

}

/* ///////// 9.0 Print [2013.1125] /////////// */

@media print {

html, body, div.page, article, footer { width: auto; margin:0; padding:0; height:auto;}
header, h3.category, .lang_sns, ul#menu-headmenu, #nav-below, h3.category, .post-edit-link, .wp-edit-link, aside, #fancybox-wrap, header.local div.search, #social  { display:none !important;}
body { margin:4em;}

.column-1, .column-2, .column-3, .column-32, .column-4, .column-42, .column-43, .column-5, .column-52, .column-53, .column-54, .column-6, .column-62, .column-63, .column-64, .column-65, .column-2x, .column-3x, .column-4x  { width: 100%; float:none; }
.column-2x, .column-3x, .column-4x { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }

}