@charset "utf-8";

/*
********************************************************************
サイト全体に共通の基本定義
********************************************************************
*/



*{list-style:none;margin:0px;padding: 0px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Helvetica ,sans-serif;}

body{margin:0px;padding:0px;}

/* -- ▼ floatをクリアするためのCSS ▼ -- */
.clearfix:after {content: " ";display: block;height: 0;visibility: hidden;clear: both;}

/* 基本レイアウト */
#header-navi,#header,#sitenavi,#contents,#footer .footer-inner,.footer-home .home-link{width:1000px;margin:0 auto;line-height:1.4;}
#contents-wrapper{border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;background:url(/common/images/v1/common/contents-wrap-bg.gif);}
#contents{margin:15px auto 20px auto;}
#contents.special{margin:15px auto 20px auto;background-color:#fff;border:solid 1px #dcdcdc;border-radius:3px;}
#main-column{width:690px;float:left;}
#main-column.detail{background-color:#fff;border:solid 1px #dcdcdc;border-radius:3px;padding-bottom:35px;}
#main-column.detail.store,#main-column.detail.category{background-color:transparent;padding-bottom:35px;border-style:none;}
#main-column-inner{padding:15px 20px;}
#main-column-inner.store,#main-column-inner.category{background-color:#fff;margin-bottom:10px;border-radius:0 0 3px 3px;border-left:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;border-right:solid 1px #dcdcdc;}
#sub-column{width:300px;float:right;}

/* アンカー指定 */
a{text-decoration:underline;color:#111;}
a:hover{text-decoration:none;}
a img{border-style:none;vertical-align:bottom;}

/* -- 全体で使う画像 -- */
.sprite{background:url(/common/images/v2/common/main-bg.png) no-repeat;display:block;}
.sprite a{background:url(/common/images/v2/common/main-bg.png) no-repeat;display:block;}

.new{background:url(/common/gplus/images/v1/newmark.png) no-repeat;z-index:999;width:68px;height:68px;display:block;text-indent:150%;overflow:hidden;white-space:nowrap;}
.member{background:url(/common/gplus/images/v1/membermark.png) no-repeat;z-index:999;width:68px;height:68px;display:block;text-indent:150%;overflow:hidden;white-space:nowrap;}

/* 会員用吹き出し（ストアに似たもの） */
#store-main-login{float:right;width:390px;font-size:13px;}
#store-dropdown{width:230px;float:left;background:url(/common/images/v2/store/arrow_dropdown.png) no-repeat 210px 10px;border-radius:6px;z-index:1000;position:relative;margin-top:10px;}
#store-dropdown a{display:block;text-decoration:none;background:url(/common/images/v2/store/account_icon.png) no-repeat 11px 8px;padding:5px 20px 5px 34px;}
#store-dropdown.menu-on{background:url(/common/images/v2/store/arrow_dropdown.png) no-repeat 210px 10px #fff !important;z-index:1000;border-radius:6px 6px 0 0;}
#store-dropdown.menu-on a,#store-dropdown.menu-on a:hover{display:block;border-radius:6px 6px 0 0;border-bottom:none;border-right:solid 1px #ccc;border-left:solid 1px #ccc;border-top:solid 1px #ccc;}
#cart-check{width:145px;float:left;border-radius:3px;margin-top:10px;}
#cart-check a{display:block;width:102px;text-decoration:none;background:url(/common/images/v2/store/cart_icon.png) no-repeat 11px 6px;padding:5px 0 5px 41px;}

#cart-check a:hover{background-color:#fff;}
#store-dropdown-body{display:none;position:absolute;top:72px;min-width:228px;margin:0px;background-color:#fff;border:solid 1px #ccc;border-radius:6px 0 6px 6px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px; z-index:600;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
#store-dropdown-body ul{margin:10px 0;}
#store-dropdown-body ul li a{display:block;padding:8px 10px 8px 20px;font-size:13px;text-decoration:none;}
#store-dropdown-body ul li a:hover{background-image: -moz-linear-gradient(top, #eee, #ddd);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #eee), color-stop(1.0, #ddd));text-shadow:0 1px 0 #fff;}
#store-dropdown-body .store-login{border-top:solid 1px #ddd;background-color:#f2f2f2;color:#999;font-size:13px;padding:15px 20px;border-radius:0 0 6px 6px;}

/*
********************************************************************
ヘッダーの指定
********************************************************************
*/
#header-navi-wrap{border-bottom:solid 1px #dcdcdc;}
.header-navi-left{float:left;width:350px;}
.header-navi-right{float:right;width:650px;}
.header-navi-left p.catch{font-size:12px;font-weight:bold;padding:10px 0;}
ul#header-sub-menu,ul#header-main-menu,ul#header-sns-menu{float:right;}

.header-navi-left.v2{float:left;width:340px;}
.header-navi-right.v2{float:right;width:660px;}

ul#header-sub-menu{padding:11px 0;margin:0 10px 0 0;}
ul#header-sub-menu li{font-size:11px;float:left;}
ul#header-sub-menu li span{padding:0 5px;}
ul#header-sub-menu.v2 li span{padding:0 3px;}

ul#header-main-menu li{float:left;font-size:13px;border-left:solid 1px #dcdcdc;}
ul#header-main-menu li.member-regist{background-color:#f00;}
ul#header-main-menu li.login{background-color:#000;}
ul#header-main-menu li a{color:#fff;text-decoration:none;display:block;padding:10px;}
ul#header-main-menu li.mypage a{background-position:-700px -23px;background-color:#000;font-weight:bold;}
ul#header-main-menu li.mypage a:hover{background-position:-700px 10px;background-color:#fff;color:#000;}
ul#header-main-menu li.bookshelf a{background-position:-826px -22px;background-color:#000;font-weight:bold;}
ul#header-main-menu li.bookshelf a:hover{background-position:-826px 11px;background-color:#fff;color:#000;}
ul#header-main-menu li.mypage a span,ul#header-main-menu li.bookshelf a span{padding-left:15px;}

ul#header-sns-menu{border-left:solid 1px #dcdcdc;border-right:solid 1px #dcdcdc;padding:9px 12px;}
ul#header-sns-menu li{float:left;}
ul#header-sns-menu li a{width:20px;height:20px;display:block;}
ul#header-sns-menu li.facebook a{background-position:-940px 0;}
ul#header-sns-menu li.twitter a{background-position:-960px 0;margin-left:10px;}
ul#header-sns-menu li .ico{display:none;}

/* ヘッダー検索 */
#header{position:relative;height:80px;}
#header.print{width:auto;padding:10px;border-bottom:solid 1px #dcdcdc;}
#header.print .header-sub-area{float:right;}
#header.print .header-sub-area ul li{float:left;margin-left:7px;}
#logo-banner{width:600px;float:left;}
.logo{float:left;width:275px;margin-top:12px;}
.logo img{padding-top:6px;}
.header-banner{width:300px;height:60px;display:block;float:right;background-color:#f00;color:#fff;text-align:center;font-size:20px;line-height:60px;margin-top:10px;}
.header-search{width:353px;float:left;background-color:#fff;margin-top:10px;}
.header-search.store-header{clear:right;}
.header-search p{float:right;font-size:12px;}
.search-box{float:left;}
.search-box select{float:left;width:120px;display:none;}
.search-box input{width:245px;height:28px;border:solid 1px #ccc;float:left;box-sizing:border-box;}
.search-box button{width:28px;height:28px;background:url(/common/gplus/images/v1/icon-search.png) no-repeat #000 center;border-radius:6px;display:block;border-style:none;float:right;margin-left:5px;cursor:pointer;border-width:0;}
.search-box button span{display:none;}

/* 検索ページ下の検索ボックス */
.bottom-area-search{width:433px;background-color:#fff;margin:10px auto;}
.bottom-area-search .heading{font-weight:bold;text-align:center;font-size:18px;margin-bottom:10px;}
.bottom-area-search .search-box{float:left;}
.bottom-area-search .search-box select{display:none;}
.bottom-area-search .search-box input{width:380px;height:28px;border:solid 1px #ccc;float:left;box-sizing:border-box;padding:5px;box-sizing:border-box;}
.bottom-area-search .search-box button{width:28px;height:28px;background:url(/common/gplus/images/v1/icon-search.png) no-repeat #000 center;border-radius:6px;display:block;border-style:none;float:right;margin-left:5px;cursor:pointer;border-width:0;}
.bottom-area-search .search-box button span{display:none;}


/* ヘッダー下のお知らせ用 */
#top-header-info{clear:both;width:950px;margin:5px auto;font-size:13px;text-align:left;background-color:#fff;padding:10px;border:solid 1px #ccc;}
#top-header-info{font-weight:bold;background:url(/common/images/v2/common/attention.gif) no-repeat 10px center #fff;padding-left:40px;}
#top-header-info p{display:inline-block;}

/* ログインボタン系 */
.login-search-block::after{content:"";display:block;clear:both;}
.login-search-block{position:relative;}
.login-search-block .login-badge{width:100px;height:38px;display:block;box-sizing:border-box;position:absolute;top:0;right:0;}
.login-search-block .login-badge a{display:block;text-decoration:none;font-size:14px;font-weight:bold;line-height:38px;color:#fff;text-align:center;background-repeat:no-repeat;}
.login-search-block .login-badge .mypage a{background-image:url(/common/gplus/images/v1/icon-member.png);background-color:#050;background-position:7px 7px;}
.login-search-block .login-badge .login a{background-image:url(/common/gplus/images/v1/icon-login.png);background-color:#ff7f00;background-position:10px 7px;}
.login-search-block .login-badge a span{padding-left:20px;}

/*
********************************************************************
グローバルナビの指定
********************************************************************
*/
#sitenavi{margin-top:15px;}
ul.sitenavi-menu{width:1000px;height:42px;}
ul.sitenavi-menu li{float:left;height:42px;text-align:center;vertical-align:middle;line-height:42px;position:relative;}
ul.sitenavi-menu{background-position:0 -58px;}
ul.sitenavi-menu a{color:#fff;font-size:16px;font-weight:bold;text-decoration:none;display:block;}
ul.sitenavi-menu a:hover,ul.sitenavi-menu a.current{color:#000;}

ul.sitenavi-menu li#nav1 a{width:247px;}
ul.sitenavi-menu li#nav2 a{width:249px;margin-left:4px;}
ul.sitenavi-menu li#nav3 a{width:246px;margin-left:3px;}
ul.sitenavi-menu li#nav4 a{width:247px;margin-left:4px;}
ul.sitenavi-menu li#nav1 a:hover,ul.sitenavi-menu li#nav1 a.current{background-position:0 -100px;}
ul.sitenavi-menu li#nav2 a:hover,ul.sitenavi-menu li#nav2 a.current{background-position:-251px -100px;}
ul.sitenavi-menu li#nav3 a:hover,ul.sitenavi-menu li#nav3 a.current{background-position:-503px -100px;}
ul.sitenavi-menu li#nav4 a:hover,ul.sitenavi-menu li#nav4 a.current{background-position:-753px -100px;}

#sitenavi li div#d1{
  display: none;
  position: absolute;
  top: 42px;
  padding: 5px;
  width: 300px;
  background: #fff;
  box-shadow:rgba(0, 0, 0, 0.388235) 1px 1px 5px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.388235) 1px 1px 5px;
  -moz-box-shadow:rgba(0, 0, 0, 0.388235) 1px 1px 5px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  z-index:9999;
}
#sitenavi li div#d2{
  display: none;
  position: absolute;
  top: 42px;
  padding: 5px;
  width: 236px;
  background: #fff;
  box-shadow:rgba(0, 0, 0, 0.388235) 1px 1px 5px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.388235) 1px 1px 5px;
  -moz-box-shadow:rgba(0, 0, 0, 0.388235) 1px 1px 5px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  z-index:9999;
}

#sitenavi li div#d1 {left: 4px;}
#sitenavi li div#d2 {left: 3px;}

#sitenavi li div#d1 a,#sitenavi li div#d2 a{
width:auto;
height:auto;
background-image:none;
color:#000 !important;
float:none;
line-height:21px;
}

.dropdown ul {display: block;margin:0;padding:0 0 10px 5px;float:left;background: #fff;border-right: solid 1px #ccc;}
.dropdown ul.last {border-right: none;}
.dropdown ul.second,.dropdown ul.last {padding-left:10px;}
.dropdown ul.one-third{width:30%;}
.dropdown ul.half-left{width:57%;}
.dropdown ul.half-right{width:37%;}
.dropdown ul li {margin: 0;padding: 3px 0;border: none;text-align:left;float:none;height:auto;}
.dropdown ul li a {display: block;height: 20px;font-size:0.7em;text-decoration:underline;}
.dropdown ul li a:hover{text-decoration:none;}

/*
********************************************************************
フッターの指定
********************************************************************
*/

#footer .footer-home{border-bottom:solid 1px #dcdcdc;padding:10px 0;}
#footer .footer-home a{text-decoration:none;}
.footer-inner{padding:30px 0 50px 0;}
.footer-inner .footer-logo{float:left;width:335px;}
.footer-inner .footer-logo p.copyright{font-size:11px;}
.footer-inner .footer-logo .g-logo-plus{margin-bottom:63px;}
.footer-inner .footer-logo .g-logo{margin-bottom:13px;}
.footer-inner .footer-menu{float:left;width:550px;}
.footer-inner .footer-menu ul.menu-line{
  font-size:11px;
  border-left:solid 1px #dcdcdc;
  padding-left:10px;
  float:left;
  margin-right:35px;
}
.footer-inner .footer-menu ul.menu-line li{margin-bottom:10px;}
.footer-inner .footer-menu ul.footer-sns{float:left;}
.footer-inner .footer-menu ul.footer-sns li{margin-bottom:5px;}
.footer-inner .footer-menu ul.footer-sns .rss a{width:21px;height:20px;display:block;background-position:-919px 0;}
.footer-inner .footer-menu ul.footer-sns .rss span{display:none;}
.footer-inner .footer-totop{float:left;width:115px;}
.footer-inner .footer-totop p{font-size:12px;background-position:-899px -31px;padding-right:30px;float:right;}

#footer.print{padding:10px;border-top:solid 1px #dcdcdc;}
#footer.print p{font-size:13px;text-align:center;}

/*
********************************************************************
サブカラムの指定
********************************************************************
*/

.ad-bnr,.bnr-space{margin-bottom:10px;}

/* ピックアップ */
#members-section{margin-bottom:10px;border:solid 1px #dcdcdc;background:#fff;}
#members-section .heading{color:#000;font-size:18px;font-weight:bold;border-top:solid 1px #000;border-bottom:solid 1px #000;padding:10px 10px 10px 20px;line-height:1;background:url(/common/gplus/images/v1/heading-bg.png?rd=20171110) no-repeat left;}

#members-section .article-list{margin-bottom:0;}
#members-section ul li{border-bottom:solid 1px #dcdcdc;padding:10px;position:relative;margin-bottom:0;}
#members-section ul li .new{position:absolute;top:5px;left:5px;}
#members-section ul li .member{position:absolute;top:34px;left:98px;width:50px;height:50;background-size:50px 50px;-webkit-background-size:50px 50px;-moz-background-size:50px 50px;}
#members-section ul li span{display:block;}
#members-section ul li a{text-decoration:none;}
#members-section ul li .img{margin-bottom:10px;width:135px;float:left;position:relative;}
#members-section ul li .img img{width:100%;}
#members-section ul li .img .icon{position:relative;padding-top:52.5%;display:block;overflow:hidden;}
#members-section ul li .img .icon img{width:100%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#members-section ul li .txt{float:right;width:130px;}
#members-section ul li .headline{font-size:12px;color:#050;font-weight:bold;}
#members-section ul li .title{font-weight:bold;font-size:12px;}
#members-section ul li .author{font-size:12px;color:#676767;margin-top:5px;}

#members-section ul li:first-child .img,
#members-section ul li:first-child .txt{float:none;width:auto;}
#members-section ul li:first-child .category{font-size:14px;}
#members-section ul li:first-child .title{font-size:15px;}
#members-section ul li:first-child .member{position:absolute;top:92px;left:initial;right:6px;width:68px;height:68;background-size:68px 68px;-webkit-background-size:68px 68px;-moz-background-size:68px 68px;}
#members-section ul li:last-child{border-bottom:none;}

/* ランキング */
#ranking-section{margin-bottom:10px;border:solid 1px #dcdcdc;background:#fff;}
#ranking-section .heading{color:#000;font-size:18px;font-weight:bold;border-top:solid 1px #000;border-bottom:solid 1px #000;padding:10px 10px 10px 20px;line-height:1;background:url(/common/gplus/images/v1/heading-bg.png) no-repeat left;}

#ranking-section-inner ul li{border-bottom:solid 1px #dcdcdc;padding:10px;}
#ranking-section-inner ul li span{display:block;}
#ranking-section-inner ul li a{text-decoration:none;}
#ranking-section-inner ul li .img{margin-bottom:10px;width:135px;float:left;position:relative;}
#ranking-section-inner ul li .img img{width:100%;}
#ranking-section-inner ul li .rank{position:absolute;top:0;left:0;background:url(/common/gplus/images/v1/rank-bg-s.png) no-repeat top left;width:40px;height:40px;display:block;color:#050;font-size:14px;font-weight:bold;z-index:500;}
#ranking-section-inner ul li .rank .num{padding:6px;line-height:1;}
#ranking-section-inner ul li:first-child .rank{background:url(/common/gplus/images/v1/rank-bg.png) no-repeat top left;width:48px;height:48px;font-size:16px;}
#ranking-section-inner ul li:first-child .rank span{padding:8px;}
#ranking-section-inner ul li .img span.icon{position:relative;padding-top:52.5%;display:block;overflow:hidden;}
#ranking-section-inner ul li .img span.icon img{width:100%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#ranking-section-inner ul li .txt{float:right;width:130px;}
#ranking-section-inner ul li .title{font-weight:bold;font-size:12px;}
#ranking-section-inner ul li .author{font-size:12px;color:#676767;margin-top:5px;}

#ranking-section-inner ul li:first-child .img,
#ranking-section-inner ul li:first-child .txt{float:none;width:auto;}
#ranking-section-inner ul li:first-child .title{font-size:15px;}
#ranking-section-inner ul li:last-child{border-bottom:none;}

#ranking-section .more{margin:0 10px 10px;}
#ranking-section .more a{background:#050;color:#fff;text-align:center;text-decoration:none;font-size:14px;font-weight:bold;display:block;height:40px;line-height:40px;position:relative;}
#ranking-section .more a::after{content:"";display:block;width:8px;height:8px;border-top:solid 4px #fff;border-right:solid 4px #fff;transform:rotate(45deg);position:absolute;top:13px;right:10px;}

/* facebook */
#fb-likebox{margin-bottom:10px;background-color:#fff;}

#sub-column .text-ad{margin-bottom:10px;}

/* その他共通（タイトル部分） */
.sec-title{border-radius:4px 4px 0 0;color:#fff;padding:5px;font-size:15px;font-weight:bold;}
#breadcrumb{padding:15px 20px 12px 20px;border-bottom:solid 1px #dcdcdc;}
#breadcrumb.store,#breadcrumb.category{background-color:#fff;border:solid 1px #dcdcdc;border-radius:3px 3px 0 0;}
#breadcrumb ul li,#footer-breadcrumb ul li{float:left;font-size:11px;background-position:0 -324px;margin-left:10px;padding-left:15px;}
#breadcrumb ul li a,#footer-breadcrumb ul li a{font-weight:bold;}
#breadcrumb ul li.home,#footer-breadcrumb ul li.home{margin-left:0;padding-left:0;}

/* ページネーション */
#pagination{margin-bottom:20px;clear:both;text-align:center;}
#pagination span{display:inline-block;}
#pagination .prev a{font-size:13px;font-weight:bold;background-position:0 -384px;margin-right:10px;padding-left:10px;}
#pagination .next a{font-size:13px;font-weight:bold;background-position:70px -322px;margin-left:20px;padding-right:10px;}
#pagination .other{background-color:#000;color:#fff;border:solid 1px #000;text-decoration:none;font-size:15px;padding:2px 5px;margin-left:5px;line-height:100%;box-sizing:border-box;line-height:1;}
#pagination .other a{color:#fff;display:block;text-decoration:none;}
#pagination .current{background-color:#fff;color:#000;border:solid 1px #000;text-decoration:none;font-size:15px;padding:2px 5px;margin-left:5px;line-height:100%;}

.next-page-info{clear:both;margin:20px auto;}
.next-page-info a{display:block;background:#050;color:#fff !important;text-decoration:none;height:60px;line-height:60px;font-size:18px;font-weight:bold;text-align:center;position:relative;}
.next-page-info a::after{content:"";display:block;width:8px;height:8px;border-top:solid 5px #fff;border-right:solid 5px #fff;transform:rotate(45deg);position:absolute;top:23px;right:20px;}

#category-page-feed{clear:both;margin:20px 0;}
#category-page-feed .prev{float:left;width:48%;box-sizing:border-box;}
#category-page-feed .next{float:right;width:48%;box-sizing:border-box;}
#category-page-feed .prev a,
#category-page-feed .next a{display:block;color:#fff;text-decoration:none;position:relative;font-size:18px;font-weight:bold;height:60px;line-height:60px;position:relative;}
#category-page-feed .prev a{background:#999;text-align:left;padding-left:35px;}
#category-page-feed .next a{background:#050;text-align:right;padding-right:35px;}
#category-page-feed .prev a::after{content:"";display:block;width:8px;height:8px;border-bottom:solid 5px #fff;border-left:solid 5px #fff;transform:rotate(45deg);position:absolute;top:23px;left:10px;}
#category-page-feed .next a::after{content:"";display:block;width:8px;height:8px;border-top:solid 5px #fff;border-right:solid 5px #fff;transform:rotate(45deg);position:absolute;top:23px;right:10px;}

/* -- ページ送り -- */
#feed-page{display:block !important;border-top:solid 1px #dcdcdc;padding-top:20px;}
#feed-page .heading{font-size:18px;font-weight:bold;margin-bottom:5px;}
#feed-page .prev-page{float:left;width:48%;box-sizing:border-box;display:table;}
#feed-page .next-page{float:right;width:48%;box-sizing:border-box;display:table;}
#feed-page .prev-page a,
#feed-page .next-page a{display:block;color:#fff;text-decoration:none;position:relative;font-size:14px;font-weight:bold;height:60px;position:relative;display:table-cell;vertical-align:middle;}
#feed-page .prev-page a{background:#999;text-align:left;padding-left:35px;padding-right:10px;}
#feed-page .next-page a{background:#050;text-align:right;padding-right:35px;padding-left:10px;}
#feed-page .prev-page a::after{content:"";display:block;width:8px;height:8px;border-bottom:solid 5px #fff;border-left:solid 5px #fff;transform:rotate(45deg);position:absolute;top:23px;left:10px;}
#feed-page .next-page a::after{content:"";display:block;width:8px;height:8px;border-top:solid 5px #fff;border-right:solid 5px #fff;transform:rotate(45deg);position:absolute;top:23px;right:10px;}

#page-backnumber{margin-top:20px;}
#page-backnumber .column-article-list{width:40%;float:left;font-size:14px;}
#page-backnumber .column-bn{float:right;width:30%;}
#page-backnumber .column-bn select{width:100%;}


/* not-found */
#not-found{border:solid 1px #dcdcdc;border-radius:3px;background-color:#fff;padding:25px 30px;}
#not-found h1{font-size:28px;margin-bottom:1em;}
#not-found ul li{
  font-size:15px;
  margin-bottom:5px;
  list-style-type:disc;
  padding-left:5px;
  margin-left:20px;
}
#not-found p{font-size:15px;margin:1em 0;}
#not-found .btn{width:520px;margin:40px auto 0 auto;}
#not-found .sitemap,#not-found .totop{width:250px;float:left;}
#not-found .sitemap{margin-right:20px;}
#not-found .sitemap a,#not-found .totop a{
  border:solid 1px #bcbcbc;
  border-radius:3px;
  text-align:center;
  font-size:18px;
  display: block;
  padding:15px 0;
}

/* ログイン画面 */
#login-top-info{
  clear:both;
  background:#e6ffe6;
  padding:20px 20px 0;
  text-align:center;
}
#login-top-info h1#login{background:url(/common/gplus/images/v1/icon-key.png) no-repeat left;padding-left:50px;font-size:20px;display:inline-block;line-height:2;margin-bottom:10px;}

#login-top-info .regist a{display:block;background:#ff7f00;color:#fff;font-size:18px;font-weight:bold;text-align:center;text-decoration:none;height:60px;line-height:60px;position:relative;}
#login-top-info .regist a::after{content:"";display:block;width:10px;height:10px;border-top:solid 6px #fff;border-right:solid 6px #fff;transform:rotate(45deg);position:absolute;top:23px;right:20px;}

#login-frame{
  margin:30px;
  border:solid 1px #bcbcbc;
  padding:15px;
  border-radius:3px;
}

#login-frame h4{background-color:#ededed;border:solid 1px #dcdcdc;font-size:13px;font-weight:bold;padding:5px;margin:1em 0;}

#login-frame p{font-size:14px;}

#login-frame .input-area{margin:15px 0;}
#login-frame .input-area .name{background-color:#dcdcdc;padding:5px;border-bottom:solid 1px #fff;width:100px;display:block;float:left;}
#login-frame .input-area .box{padding:5px;}
#login-frame .input-area .box input{padding:3px;font-size:16px;}

#login-frame .login-btn{width:200px;margin:20px auto;}
#login-frame .login-btn input{
  background-color:#333;
  color:#fff;
  border:solid 1px #666;
  font-weight:bold;
  border-radius:3px;
  padding:8px 10px;
  cursor:pointer;
  width:200px;
}
#login-frame ul li{background-position:0 -322px;padding-left:10px;font-size:13px;margin-bottom:5px;}


#regist a {
    background-color: #FF0000;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
  font-weight:bold;
    margin: 20px auto;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    width: 200px;
}

/* tooltip用スタイル */
.tooltip {
    background: url("/common/js/lib/tooltip/images/white_arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #333333;
    display: none;
    font-size: 14px;
    height: 92px;
    line-height: 1.4;
    margin:0px;
    padding: 15px 15px;
    width: 179px;
    border:none;
    z-index: 1000;
}
.tooltip p a.normal,.tooltip p a.normal:visited{
    background:none!important;
    display:inline;
    font-size:14px!important;
    margin:auto;
    padding:auto;
    border:none;
    color:#000!important;
}

/* 特集出しわけ用 */
.a_disp_pc{display:block;}
.a_disp_sp{display:none;}

/* 会員特典 */
#common-members-section{border:solid 1px #dcdcdc;background-color:#e6ffe6;padding:20px;}
#common-members-section.article{border-style:none;}
#common-members-section .sec-title .ttl{color:#000;font-size:18px;}
#common-members-section .sec-title .more a{color:#000;float:right;font-weight:normal;font-size:14px;padding-top:2px;color:#00f;}
#common-members-section .regist a{display:block;background:#ff7f00;color:#fff;font-size:18px;font-weight:bold;text-align:center;text-decoration:none;height:60px;line-height:60px;position:relative;}
#common-members-section .regist a::after{content:"";display:block;width:10px;height:10px;border-top:solid 6px #fff;border-right:solid 6px #fff;transform:rotate(45deg);position:absolute;top:23px;right:20px;}

#common-members-section-inner{margin:15px 20px 5px;}
#common-members-section-inner ul li{font-size:16px;float:left;width:50%;box-sizing:border-box;margin-bottom:10px;background:url(/common/gplus/images/v1/icon-check.png) no-repeat left;padding-left:26px;}

/* バナーエリア */
#top-bnr-section{margin:30px 25px 10px 25px;}
#top-bnr-section .bnr-area ul li{float:left;width:300px;text-align:center;margin-bottom:20px;margin:0 10px 10px 10px;min-height:80px;}

/* SNSボタン */
.sns-area.v2 div{float:left;margin-right:2px;width:120px;}
.sns-area.v2 a{display:block;width:120px;height:40px;text-indent:200%;overflow:hidden;white-space:nowrap;background-repeat:no-repeat;background-position:center;}
.sns-area.v2 .facebook{background-color:#3b5998;}
.sns-area.v2 .twitter{background-color:#55acee;}
.sns-area.v2 .hatena{
background: rgb(28,153,205); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(28,153,205,1) 0%, rgba(28,153,205,1) 50%, rgba(36,134,201,1) 50%, rgba(36,134,201,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(28,153,205,1)), color-stop(50%,rgba(28,153,205,1)), color-stop(50%,rgba(36,134,201,1)), color-stop(100%,rgba(36,134,201,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(28,153,205,1) 0%,rgba(28,153,205,1) 50%,rgba(36,134,201,1) 50%,rgba(36,134,201,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(28,153,205,1) 0%,rgba(28,153,205,1) 50%,rgba(36,134,201,1) 50%,rgba(36,134,201,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(28,153,205,1) 0%,rgba(28,153,205,1) 50%,rgba(36,134,201,1) 50%,rgba(36,134,201,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(28,153,205,1) 0%,rgba(28,153,205,1) 50%,rgba(36,134,201,1) 50%,rgba(36,134,201,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c99cd', endColorstr='#2486c9',GradientType=0 ); /* IE6-9 */
}
.sns-area.v2 .facebook a{
  background-image:url(/common/images/v2/common/sns-fb.png);
  background-size:9px 20px;
  -moz-background-size:9px 20px;
  -webkit-background-size:9px 20px;
}
.sns-area.v2 .twitter a{
  background-image:url(/common/images/v2/common/sns-tw.png);
  background-size:25px 20px;
  -moz-background-size:25px 20px;
  -webkit-background-size:25px 20px;
}
.sns-area.v2 .hatena a{
  background-image:url(/common/images/v2/common/sns-hatena.png);
  background-size:24px 20px;
  -moz-background-size:24px 20px;
  -webkit-background-size:24px 20px;
}

/*
********************************************************************
トップページに関する指定
********************************************************************
*/

/* トップ記事リスト */
#top-latest{background:#fff;border:solid 1px #dcdcdc;margin-bottom:20px;}
#top-latest .heading{color:#000;font-size:18px;font-weight:bold;border-top:solid 1px #000;border-bottom:solid 1px #000;padding:10px 10px 10px 20px;line-height:1;background:url(/common/gplus/images/v1/heading-bg.png) no-repeat left;margin-bottom:10px;}
#top-latest ul{width:100%;box-sizing:border-box;padding:10px 5px;}
#top-latest ul li{margin-bottom:10px;position:relative;}
#top-latest ul li.small{min-height:275px;}
#top-latest ul li .new{position:absolute;top:-4px;left:1px;}
#top-latest ul li .member{position:absolute;top:107px;right:-4px;}
#top-latest ul li a{text-decoration:none;}
#top-latest ul li{float:left;width:50%;padding:0 5px;box-sizing:border-box;}
#top-latest ul li span{display:block;}
#top-latest ul li .icon{margin-bottom:10px;padding-top:52.5%;position:relative;overflow:hidden;}
#top-latest ul li .icon img{width:100%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#top-latest ul li .title{font-size:16px;font-weight:bold;}
#top-latest ul li .author{font-size:14px;color:#676767;line-height:1.6;}
#top-latest ul li .author span{display:inline;}
#top-latest ul li .summary{font-size:14px;color:#676767;line-height:1.6;margin-top:15px;}
#top-latest ul li.small .summary{display:none;}
#top-latest ul li .txt{min-height:70px;}
#top-latest ul li.large{float:none;clear:both;width:100%;}
#top-latest ul li.large::after{content:"";display:block;clear:both;}
#top-latest ul li.large .icon{float:left;width:449px;margin-bottom:10px;padding-top:36.5%;position:relative;overflow:hidden;}
#top-latest ul li.large .txt{float:right;width:210px;}
#top-latest .more{margin:20px 44px;}
#top-latest .more a{display:block;height:60px;line-height:60px;text-decoration:none;font-size:18px;color:#fff;font-weight:bold;text-align:center;background:#050;position:relative;}
#top-latest .more a::after{content:"";display:block;width:10px;height:10px;border-top:solid 6px #fff;border-right:solid 6px #fff;transform:rotate(45deg);position:absolute;top:23px;right:20px;}

/*
**************************************************************
カテゴリ一覧系
**************************************************************
*/
#category-body{margin:20px;line-height:1.5;}
#category-body.nomargin{margin:0;}
#category-top-info h1.category-title{font-size:18px;line-height:1.4em;}
#category-top-info h1.category-title span{font-weight:normal;}
#category-top-info .leaf{width:230px;float:left;margin-right:15px;}
#category-top-info .text{float:left;width:400px;}
#category-top-info .text p{font-size:14px;}

#category-top-info h1{font-size:28px;}
#category-top-info h1#series{background-position:-973px -537px;padding-left:40px;}
#category-top-info h1#special{background-position:-966px -591px;padding-left:40px;}
#category-top-info h1#special-event{background-position:-966px -1668px;padding-left:40px;}
#category-top-info h1#event{background-position:-968px -752px;padding-left:40px;}
#category-top-info h1#books{background-position:-970px -700px;padding-left:40px;}
#category-top-info h1#ranking{background-position:-968px -803px;padding-left:40px;}
#category-top-info h1#ranking.best{background-position:-958px -1535px;padding-left:50px;}
#category-top-info .summary{font-size:13px;}
#category-top-info .summary.storetopspecial{margin:20px auto;}
#category-top-info .author-list{float:right;font-size:12px;background-position:0 -323px;padding-left:10px;}
#category-top-info .page-switch{float:right;margin-top:10px;clear:right;}
#category-top-info .page-switch select{width:150px;}

.top-bookmark-and-rss{width:180px;}
.top-bookmark-and-rss .rss a{float:right;width:21px;height:20px;display:block;background-position:-919px 0;margin:10px 0 0 5px;}
.top-bookmark-and-rss .rss span{display:none;}

/* bookmark 2015 */
.category-sns-tools{float:right;margin-top:15px;}
.category-sns-tools ul li{float:left;display:block;line-height:1;vertical-align:baseline;margin-right:10px;}
.category-sns-tools ul li:last-child{margin-right:0;}
.category-sns-tools ul li.twitter,.category-sns-tools ul li.facebook{width:75px;height:20px;}
.category-sns-tools .rss a{width:21px;height:20px;display:block;background-position:-919px 0;}
.category-sns-tools .rss span{display:none;}
.category-sns-tools .bookmark.top{margin-top:0;}
.category-sns-tools .bookmark.top a{line-height:16px;}

.category-sns-tools li.facebook a,
.category-sns-tools li.twitter a{text-indent:200%;overflow:hidden;white-space:nowrap;display:block;border-radius:3px;background-repeat:no-repeat;background-position:center;}
.category-sns-tools li.facebook a{
background-image:url(/common/images/v2/common/sns-fb.png);
background-size:7px 15px;
-moz-background-size:7px 15px;
-webkit-background-size:7px 15px;
background-color:#3b5998;
padding:3px 11px;
}
.category-sns-tools li.twitter a{
background-image:url(/common/images/v2/common/sns-tw.png);
background-size:18px 15px;
-moz-background-size:18px 15px;
-webkit-background-size:18px 15px;
background-color:#55acee;
padding:3px 5px;
}


/* 特集と連載とイベントはタイトルにRSSが入ります */
#category-top-info h1#special{float:left;}
#category-top-info h1#special-event{float:left;}
#category-top-info h1#series{float:left;}
#category-top-info h1#event{float:left;}
.cat-sp-ttl .rss a{float:right;width:21px;height:20px;display:block;background-position:-919px 0;margin-top:7px;}
.cat-sp-ttl .rss span{display:none;}


/* お気に入りボタン */
.bookmark a{
  background-color:#f66;
  border-radius:3px;
  padding:3px 5px;
  color:#fff;
  font-size:11px;
  text-decoration:none;
  display:block;
}
.bookmark.top{float:left;margin-top:10px;}
.bookmark.top a span{background-position:-987px -942px;padding-left:20px;}
.bookmark.article{float:right;}
.bookmark.article a span{background-position:-987px -982px;padding-left:20px;}
.bookmark.article.series a span{background-position:-987px -942px;padding-left:20px;}

.bookmark-and-rss{float:right;width:200px;}
.bookmark-and-rss .rss a{float:right;width:21px;height:20px;display:block;background-position:-919px 0;margin:1px 0 0 5px;}
.bookmark-and-rss .rss span{display:none;}

/* コラム一覧メニュー */
.category-menu{margin:15px 0 0 45px;}
.category-menu ul{margin-right:50px;}
.category-menu ul li{margin:0 0 5px 25px;font-size:13px;float:left;}

/* 一覧 */
#category-top-list{padding-top:50px;clear:both;}
#category-top-list.search{padding:20px;}
#category-top-list ul{width:100%;}
#category-top-list ul li{margin-bottom:10px;position:relative;}
#category-top-list ul li .new{position:absolute;top:-4px;left:-4px;}
#category-top-list ul li .member{position:absolute;top:102px;right:-4px;}
#category-top-list ul li a{text-decoration:none;}
#category-top-list ul li:nth-child(odd){float:left;width:49%;clear:both;}
#category-top-list ul li:nth-child(even){float:right;width:49%;}
#category-top-list ul li span{display:block;}
#category-top-list ul li .icon{margin-bottom:10px;padding-top:52.5%;position:relative;overflow:hidden;}
#category-top-list ul li .icon img{width:100%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#category-top-list ul li .title{font-size:16px;font-weight:bold;}
#category-top-list ul li .author{font-size:14px;color:#676767;line-height:1.6;}
#category-top-list ul li .date{font-size:12px;color:#676767;line-height:1.6;}

#category-top-search .heading{color:#000;font-size:18px;font-weight:bold;border-top:solid 1px #000;border-bottom:solid 1px #000;padding:10px 10px 10px 20px;line-height:1;background:url(/common/gplus/images/v1/heading-bg.png) no-repeat left;}

/* ランキング一覧 */
#category-ranking-list{padding-top:30px;clear:right;}
#category-ranking-list .article-list{border:solid 1px #dcdcdc;padding:30px;margin-bottom:25px;position:relative;}
#category-ranking-list .article-list .new{position:absolute;top:-4px;left:-4px;}
#category-ranking-list .article-list .ttl{font-size:15px;font-weight:bold;margin-bottom:5px;}
#category-ranking-list .article-list.premium .ttl{background:url(/common/images/v2/common/members-ico.png) no-repeat right bottom;padding-bottom:20px;}
#category-ranking-list .article-list .ttl .rank{font-size:17px;margin-right:10px;color:#fb0;}
#category-ranking-list .article-list .summary{color:#666;font-size:13px;min-height:65px;}
#category-ranking-list .article-list p.date{font-size:11px;color:#999;float:left;}
#category-ranking-list .article-list img.cover{width:70px;float:left;margin-right:20px;}
#category-ranking-list .article-list.column{border-style:none;border-bottom:solid 1px #dcdcdc;padding:0 0 10px 0;margin-bottom:15px;position:relative;}
#category-ranking-list .article-list.column .ico{width:230px;float:left;}
#category-ranking-list .article-list.column .text{float:left;padding:10px 10px 5px 10px;width:390px;}
#category-ranking-list .article-list.column.subcat{border-style:none;border-bottom:solid 1px #dcdcdc;padding:0 0 10px 0;margin-bottom:15px;position:relative;}

/* 書店ランキング */
#category-top-list.ranking{padding-top:30px;clear:right;}
#category-top-list.ranking .article-list .book-info{float:left;width:400px;}
#category-top-list.ranking .article-list .extra{float:right;width:200px;}
#category-top-list.ranking .article-list .ttl{font-weight:normal;font-size:17px;}
#category-top-list.ranking .article-list .ttl .author{margin-left:5px;font-size:14px;}
#category-top-list.ranking .article-list .ttl .rank{font-weight:bold;}
#category-top-list.ranking .article-list p.price{font-weight:bold;font-size:14px;margin-top:30px;}
#category-top-list.ranking .article-list p.price span{font-weight:normal;font-size:13px;}
#category-top-list.ranking .article-list .extra p.tachiyomi{font-size:13px;text-align:right;}
#category-top-list.ranking .article-list .extra .login a,#category-top-list.ranking .article-list .extra .cart a{
  background:#000;
  color:#fff;
  font-weight:bold;
  border-radius:3px;
  font-size:11px;
  text-decoration:none;
  padding:5px 15px;
  display:block;
  margin:7px 0;
  float:right;
}
#category-top-list.ranking .article-list{border:solid 1px #dcdcdc;padding:20px 15px 20px 28px;margin-bottom:25px;position:relative;}
#category-top-list.ranking .article-list.premium .ttl{background:url(/common/images/v2/common/members-ico.png) no-repeat right bottom;padding-bottom:20px;}
#category-top-list.ranking .article-list img.cover{width:70px;float:left;margin-right:20px;}



/* お気に入り一覧 */
#category-favorite-list{margin-top:20px;}
#category-favorite-list ul li{margin-bottom:20px;position:relative;border-bottom:solid 1px #dcdcdc;padding:10px 0;}
#category-favorite-list ul li .icon{margin-right:10px;float:left;width:50px;}
#category-favorite-list ul li .title{float:left;width:530px;}
#category-favorite-list ul li .ttl{font-weight:bold;}
#category-favorite-list ul li .type{font-size:12px;margin-left:20px;}
#category-favorite-list ul li .column-ttl{display:block;margin-top:5px;}
#category-favorite-list ul li a .date{color:#666;font-size:11px;text-align:right;display:block;text-decoration:none;}
#category-favorite-list ul li .remove{position:absolute;right:5px;top:5px;cursor:pointer;border:solid 1px #ccc;padding:0 5px;}

/* 本棚系一覧 */
#book-stand-all{clear:right;margin-bottom:40px;}
#book-stand-all.list{border-top:solid 1px #dcdcdc;}
#book-stand-all .heading{color:#000;font-size:18px;font-weight:bold;border-top:solid 1px #000;border-bottom:solid 1px #000;padding:10px 10px 10px 20px;line-height:1;background:url(/common/gplus/images/v1/heading-bg.png) no-repeat left;}
#book-stand-all #store-search{padding:20px;}
#book-stand-all .book-detail-box{
  border:solid 1px #dcdcdc;
  padding:10px;
  text-align:center;
  margin:0 20px 20px 0;
  width:125px;
  height:195px;
  overflow:hidden;
  float:left;
  font-size:13px;
}
#book-stand-all .book-detail-box a,#book-stand-all .book-detail-box a:hover .title{text-decoration:none;}
#book-stand-all .book-detail-box a .title{text-decoration:underline;}
#book-stand-all .book-detail-box.last{margin-right:0;}
#book-stand-all .book-detail-box span{display:block;margin-bottom:8px;}
#book-stand-all .book-detail-box a .author{margin-bottom:0;color:#666;}

#book-stand-all .book-detail-list,#store-search .book-detail-list{
  border-bottom:solid 1px #dcdcdc;
  padding:10px 0;
  margin:0 0 10px 0;
  font-size:13px;
}
#book-stand-all .book-detail-list .cover,#store-search .book-detail-list .cover{float:left;width:75px;margin-right:15px;}
#book-stand-all .book-detail-list .list,#store-search .book-detail-list .list{float:left;width:80%;}
#book-stand-all .book-detail-list .list span,#store-search .book-detail-list .list span{display:block;}
#book-stand-all .book-detail-list .list .title,#store-search .book-detail-list .list .title{font-size:15px;font-weight:bold;margin-bottom:10px;}
#book-stand-all .book-detail-list a .list .title,#store-search .book-detail-list a .list .title{text-decoration:underline;}
#book-stand-all .book-detail-list a:hover .list .title,#store-search .book-detail-list a:hover .list .title{text-decoration:none;}
#book-stand-all .book-detail-list a .list .author,#store-search .book-detail-list a .list .author{color:#666;}
#book-stand-all .more{margin:20px;}
#book-stand-all .more a{background:#050;color:#fff;text-align:center;text-decoration:none;font-size:18px;font-weight:bold;display:block;height:60px;line-height:60px;position:relative;}
#book-stand-all .more a::after{content:"";display:block;width:10px;height:10px;border-top:solid 6px #fff;border-right:solid 6px #fff;transform:rotate(45deg);position:absolute;top:23px;right:20px;}
#store-search .book-detail-list a .list .date{color:#666;}

#book-stand-list-style{float:right;width:68px;margin:0 2px 20px 0;}
#book-stand-list-style .style-box{width:34px;height:30px;background-position:-932px -1105px;float:left;}
#book-stand-list-style .style-box.current{background-position:-932px -1135px;}
#book-stand-list-style .style-list{width:34px;height:30px;background-position:-966px -1105px;float:left;}
#book-stand-list-style .style-list.current{background-position:-966px -1135px;}
#book-stand-list-style span{display:none;}


/* 告知系のページ */
#announcement-page{margin:20px;line-height:1.5;}
#announcement-page h1{font-size:28px;}
#announcement-page h3{font-size:17px;border:solid 1px #dcdcdc;margin-bottom:15px;background-color:#ededed;padding:5px;}
#announcement-page table{border-collapse:collapse;width:500px;margin:0 0 15px 0;}
#announcement-page th{border:solid 1px #dcdcdc;padding:5px;font-size:13px;font-weight:normal;text-align:left;background-color:#ededed;}
#announcement-page td{border:solid 1px #dcdcdc;padding:5px;font-size:13px;}
#announcement-page p{font-size:13px;}
#announcement-page ul,#announcement-page ol{margin:10px 15px;}
#announcement-page li{font-size:13px;margin-bottom:5px;}

#announcement-page .page-inner{padding-top:50px;}

#announcement-page .page-inner.author h2{font-size:17px;border:solid 1px #dcdcdc;margin-bottom:15px;background-color:#ededed;padding:5px;}
#announcement-page dt{margin-top:15px;background-position:-982px -483px;padding-left:25px;font-size:16px;font-weight:bold;}
#announcement-page dt:first-child{margin-top:0;}
#announcement-page dd{font-size:13px;padding-left:25px;}

#announcement-page dl.author dd{background-position:25px -322px;padding-left:35px;}

#announcement-page .terms-section{margin-bottom:25px;}

#regist a{border-radius:3px;background-color:#f00;text-align:center;width:250px;padding:15px 0;margin:20px auto;color:#fff;display:block;font-size:18px;text-decoration:none;}
#regist.member a{background-color:#ff8a00;}
#regist.contact a{background-color:#0082cc;width:350px;}

#how-to-use,#how-to-login,#about-store,#about-ebook,#about-event,#about-shipment,#about-gpoint,#about-articles,#about-fromg{margin-bottom:45px;}
.page-description{margin:0 15px 65px 15px;}

ul#faq-list li{background-position:0 -324px;padding-left:10px;float:left;margin:0 35px 15px 0;}
ul#faq-list.author li{margin-right:25px;}
.sec-q{font-weight:bold;border-bottom:solid 1px #dcdcdc;margin-bottom:10px;}
.sec-a{font-size:15px;}
.sec-small{margin:15px 0;}

#faq-list-menu{border-top:solid 1px #dcdcdc;padding-top:10px;}
#faq-list-menu .ttl{font-weight:bold;}

ul.faq-list-menu li{background-position:0 -324px;padding-left:10px;margin-bottom:5px;}
ul.links li{background-position:0 -324px;padding-left:10px;margin-bottom:5px;}

/* -- 画像 -- */
.figure-left{float:left;margin:0 15px 15px 0;}
.figure-right{float:right;margin:0 0 15px 15px;}
.figure-center{margin:0 auto 15px auto;}
.figure-left span,
.figure-right span,
.figure-center span{font-size:12px;color:#676b6c;line-height:1.5;}
.caption{font-size:12px;color:#676b6c;line-height:1.5;margin-top:3px;}
.caption a.figure-expand{
  background:url(/common/images/v2/common/zoom.gif) no-repeat 0 5px;
  padding:3px 0 3px 20px;
  font-size:12px;
}

/* 電子書籍の読み方・買い方 */
.ebook-description{margin-bottom:65px;}
.ebook-description p{margin-bottom:1em;}
.ebook-description p.link{background-position:0 -322px;padding-left:10px;}
.ebook-description p.font-b{font-weight:bold;}
.ebook-description h4.ttl{border-bottom:solid 1px #dcdcdc;margin-bottom:1em;}
.ebook-description .sec-ttl{font-weight:bold;margin-bottom:5px;font-size:14px;}

/* サイトマップ */
#sitemap{margin-top:30px;}
#sitemap .sec-left-box{float:left;width:300px;margin-bottom:30px;}
#sitemap .sec-right-box{float:right;width:300px;margin-bottom:30px;}

#sitemap .title{margin-bottom:10px;}
#sitemap .title.special{background-position:-984px -482px;padding-left:25px;font-size:18px;font-weight:bold;}
#sitemap .title.event-special{background-position:-982px -1627px;padding-left:25px;font-size:18px;font-weight:bold;}
#sitemap .title.series{background-position:-982px -457px;padding-left:25px;font-size:18px;font-weight:bold;margin-bottom:0;}
#sitemap .title.event{background-position:-980px -507px;padding-left:25px;font-size:18px;font-weight:bold;}
#sitemap .title.store{background-position:-980px -1355px;padding-left:25px;font-size:18px;font-weight:bold;margin-bottom:0;}
#sitemap .title.fromg{background-position:-980px -1274px;padding-left:25px;font-size:18px;}
#sitemap .title.best{background-position:-980px -1503px;padding-left:25px;font-size:18px;}
#sitemap .title.ranking{background-position:-980px -1317px;padding-left:25px;font-size:18px;margin-bottom:0;}
#sitemap .title.ranking.store{background-position:-980px -1317px;padding-left:25px;font-size:18px;font-weight:normal;margin-bottom:10px;}
#sitemap .twitter{background-position:-980px -1393px;padding-left:25px;}
#sitemap .facebook{background-position:-980px -1427px;padding-left:25px;}

#sitemap .series-all{text-align:right;font-size:13px;}

#sitemap .sec-right-box.small .title{font-size:13px;margin-bottom:5px;}

#sitemap ul{margin:3px 0 10px 25px;}
#sitemap ul li{font-size:15px;}

#sitemap .sec-bottom-box{margin-top:30px;}
#sitemap .sec-bottom-box ul{margin-left:0;}


/* thankyouページ */
.thankyou{padding:20px;}
.thankyou .login-name{text-align:right;margin-bottom:15px;}
.thankyou h2{font-size:1.2em;margin-bottom:.5em;}
.thankyou h3{font-size:1.1em;}
.thankyou p{line-height:1.4em;}
.thankyou p.attention{color:#f00;margin-bottom:1em;}
.thankyou .reading-backnumber,.thankyou .ebookstore{margin:20px 0 20px 60px;float:left;width:400px;}
.thankyou .more{margin:5px 15px 15px;}
.thankyou .more a{
  background-color: #0099CC;
  background-position:350px -445px;
  border-radius:3px;
  color: #FFF;
  padding: 7px 10px;
  display:block;
  text-decoration:none;
  font-weight:bold;
  line-height:1;
}

.detail h1.store{font-size:28px;background-position:-963px -645px;padding-left:50px;margin-bottom:15px;}

/* 著者一覧 */
ul#authors-list{margin:15px;}
ul#authors-list li{background-position:0 -322px;padding-left:10px;float:left;margin:0 35px 15px 0;}
ul#authors-list li{margin-right:25px;font-size:13px;}

.authors-section{margin-bottom:20px;}
.authors-section .kana-title{border:solid 1px #dcdcdc;margin-bottom:15px;background-color:#ededed;padding:5px;}
.authors-section h2{font-size:17px;float:left;}
.authors-section .kana-title ul{float:right;width:150px;}
.authors-section .kana-title ul li{float:left;margin-left:10px;}
.authors-section h3{font-size:17px;margin:0 0 10px 15px;display:block;border-bottom:solid 1px #ccc;}
.authors-section p{margin:0 0 .7em 1em;}

.for-top{margin-bottom:20px;text-align:right;font-size:12px;}

/* 著者ページ */
.author-profile{margin-bottom:20px;}
.author-profile .photo{float:left;width:100px;margin:0 10px 0 0;}
.author-profile .profile.block{float:left;width:538px;}
.author-profile .profile h1{font-size:22px;margin-bottom:10px;line-height:1;}
.author-profile .profile h1 span,.author-profile .profile h3 span{font-weight:normal;font-size:14px;}
.author-profile .profile .shozoku{clear:both;}
.author-profile .profile p{font-size:13px;line-height:1.5;}
.author-profile .category-sns-tools{margin-top:0;}

.author-column-list h2.title{font-size:17px;border:solid 1px #dcdcdc;margin-bottom:15px;background-color:#ededed;padding:5px;}
.author-column-list ul{margin:0 20px;}
.author-column-list ul li{background-image:url(/common/images/v2/common/arrow.gif);background-position:0 7px;background-repeat:no-repeat;padding-left:10px;margin:0 35px 15px 0;}
.author-column-list ul li .member-mark{font-size:11px;background-color:#f30;color:#fff;padding:2px 8px;padding-left:20px;background-position:-985px -1785px;float:left;}
.author-column-list ul li .member-mark.text-list{float:right;}

/* カテゴリで探す一覧 */
.category-genre-list{float:left;width:250px;margin-left:45px;}
.category-subgenre-list{float:right;width:250px;padding-left:50px;border-left:solid 1px #ccc;}

.category-genre-list ul li,.category-subgenre-list ul li{margin-bottom:0.5em;}

/*
*********************************************************
記事周り
*********************************************************
*/
/* タイトル周り */
#signage{margin:20px;}

#title-parts{margin-bottom:10px;}
#title-parts .column-ttl{font-size:15px;}

/* 2014-06-22 */
#title-parts .column-bn,#title-parts .column-bn form select{float:right;width:225px;}

#title-parts #series.column-ttl{background-image:url(/common/images/v2/common/series-column-title.png);background-position:left top;background-repeat:none;padding-left:25px;}
#title-parts #series.column-ttl a{color:#00f;}
#title-parts #special.column-ttl{background-image:url(/common/images/v2/common/special-column-title.png);background-position:left 2px;background-repeat:none;padding-left:25px;}
#title-parts #event.column-ttl{background-position:-980px -510px;padding-left:25px;}
#title-parts #information.column-ttl{background-position:-980px -510px;padding-left:25px;}

#date-parts{margin:5px 0;text-align:left;float:left;}
#date-parts .date{color:#999;font-size:13px;}

#title-parts-header-right{float:right;width:30%;}
/*2014-06-25*/
/*#title-parts-header-left{float:left;width:55%;}*/
#title-parts-header-left{float:left;width:420px;}
#title-parts-right{float:right;width:520px;}
#title-parts-left{float:left;width:120px;margin-right:10px;}

#title-login-parts{margin:0 0 10px 0;float:right;}
#title-login-parts .column-bn form{float:right;}
#title-login-parts .user-login-btn{width:220px;}
#title-login-parts .user-login-btn a{background-color:#f30;display:block;color:#fff;font-size:11px;padding:5px;text-decoration:none;border-radius:4px;padding-left:20px;background-position:-785px -1847px;line-height:1.5;}
.column-bn form select option.more{background-color:#dcdcdc;}

ul.ico-service{clear:right;}
ul.ico-service{float:right;}
ul.ico-service li{float:right;margin-left:10px;line-height:100%;}
ul.ico-service li.rss a{background-position:-919px 0;width:21px;height:21px;display:block;}
ul.ico-service li.rss a span{display:none;}
ul.ico-service li.print a{background-color:#000;border-radius:3px;font-size:11px;color:#fff;text-decoration:none;padding:3px 5px;}
ul.ico-service li.print a span{background-position:-986px -877px;padding-left:20px;}
ul.ico-service li.bookmark a{background-color:#f66;border-radius:3px;font-size:11px;color:#fff;text-decoration:none;padding:3px 5px;}
ul.ico-service li.bookmark a span{background-position:-992px -983px;padding-left:12px;}

ul.ico-service li.facebook{height:22px;width:75px;}
ul.ico-service li.twitter{height:22px;width:75px;}

ul.ico-service li.facebook a,
ul.ico-service li.twitter a{text-indent:200%;overflow:hidden;white-space:nowrap;display:block;border-radius:3px;background-repeat:no-repeat;background-position:center;}
ul.ico-service li.facebook a{
background-image:url(/common/images/v2/common/sns-fb.png);
background-size:7px 15px;
-moz-background-size:7px 15px;
-webkit-background-size:7px 15px;
background-color:#3b5998;
padding:3px 11px;
}
ul.ico-service li.twitter a{
background-image:url(/common/images/v2/common/sns-tw.png);
background-size:18px 15px;
-moz-background-size:18px 15px;
-webkit-background-size:18px 15px;
background-color:#55acee;
padding:3px 5px;
}

#title-parts-right .column-title{clear:both;}


/* プリント */
.print #series.column-ttl{background-image:none;padding-left:0;}
.print #special.column-ttl{background-image:none;padding-left:0;}
.print #event.column-ttl{background-image:none;padding-left:0;}
.print .date{float:right;width:auto;}


#signage h1{font-size:25px;font-weight:normal;}
#signage h2{font-size:19px;font-weight:normal;}

/* 記事本文 */
.article-body{margin:0 20px 20px 20px;}
.article-body a{color:#00f;}
.article-body.special{margin:20px;}
.article-body p{line-height:1.8;margin-bottom:1em;}
.article-body h4{margin-bottom:1em;font-size:1.2em;border-left:10px solid #050;border-bottom:1px solid #999;margin-top:2em;padding:9px 0 8px 6px;}
.article-body hr{clear:both;border-style:none;}
.article-body blockquote{margin:0 1em 1em 1em;}

.article-body a[target="_blank"]{background:url(/common/gplus/images/v1/target_blank.png) no-repeat right 4px;padding-right:15px;margin-right:5px;}
.article-body a[href^="https://www.amazon.co.jp/"]{background:url(/common/gplus/images/v1/target_amazon.png) no-repeat right 4px;padding-right:15px;margin-right:5px;}
.article-body a[href^="http://www.amazon.co.jp/"]{background:url(/common/gplus/images/v1/target_amazon.png) no-repeat right 4px;padding-right:15px;margin-right:5px;}

/* -- 画像 -- */
.figure-left{float:left;margin:0 15px 15px 0;}
.figure-right{float:right;margin:0 0 15px 15px;}
.figure-center{margin:0 auto 15px auto;}
.figure-left span,
.figure-right span,
.figure-center span{font-size:12px;color:#676b6c;line-height:1.5;}
.caption{font-size:12px;color:#676b6c;line-height:1.5;margin-top:3px;}
.caption a.figure-expand{
  background:url(/common/images/v2/common/zoom.gif) no-repeat 0 5px;
  padding:3px 0 3px 20px;
  font-size:12px;
}

/* -- 動画 -- */
.article-body .video{
clear:both;
position:relative;
height:0;
overflow:hidden;
margin-top:20px;
margin-bottom:4px;
padding-bottom:56.25%;
padding-top:30px;
}
.article-body .video iframe{
margin:0px auto;
}

/* 記事下 */
#article-bottom{margin:0 20px 20px 20px;}
#article-bottom .title{background-color:#ededed;border:solid 1px #dcdcdc;font-size:13px;font-weight:bold;padding:5px;margin-bottom:20px;}
#article-bottom .title span.comment{float:right;font-weight:normal;font-size:12px;}
#article-bottom .text-ad{margin:10px auto 30px auto;}


/* 記事下告知スペース */
#article-end-information,#article-end-category-information{border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;padding:10px 0;margin:10px 0 25px 0;clear:both;}

/* -- SNSボタン -- */
#article-sns-service{padding:15px 0;clear:both;}
#article-sns-service .heading{font-size:18px;font-weight:bold;margin-bottom:5px;}
#article-sns-service .facebook,#article-sns-service .twitter,#article-sns-service .mixi,#article-sns-service .gplus,#article-sns-service .hatena,#article-sns-service .pocket{float:left;margin-right:7px;width:100px;}
/*2014-06-25*/
/*
#article-sns-service .gplus{width:70px;}
#article-sns-service .hatena{width:20px;margin-right:0;}
*/
#article-sns-service .hatena{width:110px;}
#article-sns-service .sns-area{float:left;width:70%;}

.sns-area.v2 div{width:auto !important;margin-right:2px !important;}

/* -- 著者プロフィール -- */
.article-author .author-photo{width:120px;margin-right:20px;float:left;}
.article-author .author-profile{overflow:hidden;zoom:1;}
.article-author .author-profile .author-name{font-size:15px;font-weight:bold;margin-bottom:10px;}
.article-author .author-profile p{font-size:13px;text-indent:0 !important;line-height:1.4 !important;}

/* 記事下コメント */
#article-comment{margin-bottom:30px;}
#article-comment .reader-comment{border-bottom:solid 1px #dcdcdc;padding:15px 0 0 0;}
#article-comment .reader-comment .name{margin-bottom:7px;}
#article-comment .reader-comment .name{font-size:13px;font-weight:bold;}
#article-comment .reader-comment .date{font-size:11px;color:#999;margin-left:15px;font-weight:normal;}
#article-comment .reader-comment .text p{font-size:13px;line-height:1.6;margin-bottom:1em;}
#article-comment #fb-more{float:right;font-size:13px;margin-top:10px;background-position:135px -323px;padding-right:10px;}

#comment-form{width:550px;padding:10px;}
#comment-form h3{border-bottom:solid 1px #dcdcdc;font-size:16px;margin-bottom:12px;}

#comment-title,#comment-body{margin-bottom:10px;}
#comment-title .ttl,#comment-body .ttl{float:left;}
#comment-title input,#comment-body textarea{background-color:#ededed;border:solid 1px #dcdcdc;}

#comment-btn{margin-bottom:10px;text-align:center;}
#comment-btn .submit-btn{
  background-color:#333;
  color:#fff;
  border:solid 1px #666;
  font-weight:bold;
  border-radius:3px;
  padding:5px 10px;
  cursor:pointer;
}

#comment-note{border-top:solid 1px #dcdcdc;padding-top:10px;}
#comment-note h4{font-size:14px;}
#comment-note ul{margin-left:10px;}
#comment-note ul li{font-size:13px;line-height:1.5;margin-bottom:5px;}
#comment-thanks{display:none;font-size:14px;margin:10px 0px;color:red;font-weight:bold;text-align:center;}

/* 記事下ブロック */
.block-left{float:left;width:315px;}
.block-right{float:right;width:315px;}
.article-list{margin-bottom:25px;}
.article-list ul li{margin-bottom:15px;}
.article-list .ico{width:50px;margin-right:10px;float:left;}
.article-list .txt{width:245px;float:left;}
.article-list a .ttl{font-size:13px;text-decoration:underline;display:block;}
.article-list a:hover .ttl{text-decoration:none;}
.article-list a .column-ttl{font-size:12px;color:#666;text-decoration:none;display:block;}

.book-lineup{margin:25px 5px;}
.book-lineup .lineup-prev,.book-lineup .lineup-next{float:left;width:65px;}
.book-lineup .lineup-prev a{display:block;background-position:0 -1540px;padding-top:200px;}
.book-lineup .lineup-next a{display:block;background-position:-605px -1540px;padding-top:200px;}
.book-lineup .lineup-prev a span,.book-lineup .lineup-next a span{display:none;}
.book-lineup .jCarouselLite{float:left;width:510px !important;}
.book-lineup .lineup-list .book-detail{float:left;width:115px;height:195px;text-align:center;padding:0 5px;}
.book-lineup .lineup-list .book-detail span{display:block;}
.book-lineup .lineup-list .book-detail img{margin-bottom:5px;}
.book-lineup .lineup-list .book-detail .ttl{font-size:13px;margin-bottom:5px;}
.book-lineup .lineup-list .book-detail .author{color:#666;font-size:13px;margin-bottom:5px;}
.book-lineup .lineup-list .book-detail .date{color:#999;font-size:11px;}

/* 記事下関連書籍のテンプレート */
.article-end-books{clear:both;margin-bottom:30px;}
.article-end-books::after{content:"";display:block;clear:both;}
.article-end-books .cover{float:left;width:150px;box-sizing:border-box;}
.article-end-books .cover img{width:100%;border:solid 1px #ccc;}
.article-end-books .text{float:right;width:480px;}
.article-end-books .title{font-size:16px;font-weight:bold;}
.article-end-books p{font-size:12px;line-height:1.6;}
.article-end-books .btns::after{content:"";display:block;clear:both;}
.article-end-books .store{float:left;width:49%;box-sizing:border-box;}
.article-end-books .amazon{float:right;width:49%;}
.article-end-books .store a{display:block;background:#050;color:#fff !important;text-align:center;font-size:14px;text-align:center;position:relative;height:40px;line-height:40px;text-decoration:none;font-weight:bold;padding-right:15px;}
.article-end-books .store a::after{content:"";display:block;width:8px;height:8px;border-top:solid 4px #fff;border-right:solid 4px #fff;transform:rotate(45deg);position:absolute;top:13px;right:10px;}
.article-end-books .amazon a{display:block;background:url(/common/gplus/images/v1/external-link.png) no-repeat 210px 11px #000 !important;color:#f8991d !important;text-align:center;font-size:14px;text-align:center;position:relative;height:40px;line-height:40px;text-decoration:none;font-weight:bold;}

/* 記事下会員特典 */
.regist-campaign{margin-bottom:20px;}
#common-members-section{margin-bottom:20px;}
#common-members-section-inner{padding:15px 10px;}
#common-members-section-inner .registration{margin-right:20px;}

/* トップスライダー */
#top-slider{margin-bottom:10px;height:199px;}
#top-slider-inner{position:relative;}
#top-slider-img{width:260px;height:173px;overflow:hidden;position:absolute;top:12px;left:0;z-index:1;}
#top-slider-text{width:397px;position:absolute;top:12px;left:253px;z-index:2;}
#top-slider-text ul li{font-size:14px;font-weight:bold;padding-left:7px;}
#top-slider-text ul li a{padding:10px;display:block;background-color:#e5e5e5;text-decoration:none;border-bottom:solid 1px #fff;line-height:100%;}
#top-slider-text ul li a span{background-position:364px -324px;}
#top-slider-text ul li.current a{
  background-color:#fff;
  text-decoration:underline;
}
#top-slider-text ul li.current{background-position:0 -1789px;}