/* Minification failed. Returning unminified contents.
(131,1): run-time error CSS1019: Unexpected token, found '@charset'
(131,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(131,17): run-time error CSS1019: Unexpected token, found ';'
(206,80): run-time error CSS1031: Expected selector, found '/'
(206,80): run-time error CSS1025: Expected comma or open brace, found '/'
(234,122): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@includse'
 */
@charset "UTF-8";
* { margin: 0; padding: 0; zoom: 1; }
* html .clearfix, * html .group { height: 1%; }
* + html .clearfix, * + html .group { display: inline-block; }

html { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif; line-height: 1.5; text-align: left; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; -webkit-tap-highlight-color: transparent; }

body { max-width: 1024px; margin: 0 auto; background: #f0f0ea url(../images/store_background_ptn_2x.png) repeat 0 0; background-size: 256px auto; }

ol li { zoom: normal; }

a, button, #submit, #submit2 { text-decoration: none; cursor: pointer; }

a:link { color: #333; text-decoration: none; }

a.textlink:hover { text-decoration: underline; }

ul, ol { list-style: none; }

img { vertical-align: middle; border: none; }

b, strong, dfn { font-weight: bold; }

em, i, dfn { font-style: italic; }

img.centered, .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.alignright, img.alignleft, .d_inline { display: inline; }

.alignright, .alignleft { float: left; }

a, b, span, strong, div, i, em, s, sub, sup, p, img, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, label, input, textarea, article, aside, footer, header, hgroup, nav, section, figure, figcaption, .d_block { display: block; }

select, button { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif; }

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, figcaption { font-size: 1em; font-weight: normal; font-style: normal; }

h1 { font-size: 17px; line-height: 1.76em; }

h2 { font-size: 16px; line-height: 1.6em; }

h3 { font-size: 14px; line-height: 1.578em; }

h4 { font-size: 13px; line-height: 1.62em; }

li { font-size: 13px; line-height: 1.5294em; }

p { font-size: 12px; line-height: 1.466em; }

a { font-size: 13px; line-height: 1.4em; }

strong { font-weight: bold; }

fieldset, iframe { border: none; }

table { border-collapse: collapse; border-spacing: 0; }

input[type='text'], input[type='password'] { text-indent: .5em; }

input, textarea { margin: 0; position: 0; font-size: 0; line-height: 0; border: none; border-radius: 0; background: transparent; }

input:before, input:after { content: ''; margin: 0; position: 0; font-size: 0; line-height: 0; border: none; }

input[type=radio] { display: none; float: none; visibility: hidden; width: 0; height: 0; margin: 0; position: absolute; top: 0; }

input.search_bar { height: 30px; padding: 0 16.2px; -webkit-appearance: none; border-radius: 16.2px; border: 1px solid #bfbfbf; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px white; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px white; background: white; font-size: 13px; line-height: 27px; position: relative; text-indent: 0; }

#centering_wrapper { margin: 0; width: 100%; height: auto; }

.clearfix:after, .group:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { clear: both; }

.red, div.validation-summary-errors, div.validation-summary-errors * { color: #eb212e; }

.right { text-align: right; }

.center { text-align: center; }

#header-bar { width: 100%; height: 44px; position: fixed; top: 0; left: 0; overflow: hidden; z-index: 5; background: #ebebde url(../images/bar_background_ptn_2x.png) repeat 0 0; background-size: auto 44px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.65); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.65); }
#header-bar a, #header-bar h1 { display: block; text-align: center; overflow: hidden; }
#header-bar a { height: 32px; width: 58px; margin-top: 6px; display: block; height: 30px; width: 56px; border-radius: 5px; border: 1px solid #8c8c8c; background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))); background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background: rgba(0, 0, 0, 0) -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background: rgba(0, 0, 0, 0) -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background: rgba(0, 0, 0, 0) -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background: rgba(0, 0, 0, 0) linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); box-shadow: 0 1px 1px white, inset 0 1px 1px white; -webkit-box-shadow: 0 1px 1px white, inset 0 1px 1px white; text-align: center; font-weight: bold; color: #666666; line-height: 32px; text-shadow: #fff 0 1px 0; }
#header-bar a:active { background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0))); background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); background: rgba(0, 0, 0, 0) -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); background: rgba(0, 0, 0, 0) -o-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); background: rgba(0, 0, 0, 0) -ms-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); background: rgba(0, 0, 0, 0) linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); }
#header-bar h1 { width: auto; height: 100%; margin-right: 58px; line-height: 44px; color: #8c8c8c; font-size: 18px; font-weight: bold; line-height: 2.5em; text-align: center; text-shadow: #fff 0 1px 0; }
#header-bar .header-wrapper { width: 96.875%; margin: 0 auto; clear: both; }
#header-bar .header-wrapper .flexible-wrapper { width: 100%; height: 100%; clear: both; float: left; overflow: hidden; }
#header-bar .header-wrapper .flexible-wrapper a.left-button { float: left; }
#header-bar .header-wrapper a.right-button { float: right; margin-left: -58px; }

#header-bar a { width: 56px; }
#header-bar a.left-button:after { text-align: center; content: "戻る"; display: block; width: 100%; }
#header-bar a.right-button:after { text-align: center; content: "ストア"; display: block; width: 100%; }

footer #tab-bar { position: fixed; bottom: 0; left: 0; width: 100%; height: 44px; background: #ebebde url(../images/bar_background_ptn_2x.png) repeat 0 0; background-size: auto 44px; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4); z-index: 5; }
footer #tab-bar ul { height: 100%; }
footer #tab-bar ul li { width: 25%; float: left; height: 100%; margin: 0; padding: 0; position: relative; }
footer #tab-bar ul li a { display: block; height: 100%; line-height: 10px; font-size: 10px; text-align: center; padding: 0; color: #4a4a4a; text-shadow: 0 1px 1px #fff; border-left: 1px solid rgba(0, 0, 0, 0.4); }
footer #tab-bar ul li a:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
footer #tab-bar ul li a:before { content: "　"; display: block; height: 33px; width: 33px; margin: 0 auto; }
footer #tab-bar ul li a.member:before { background: url(../images/tab_member_2x.png) no-repeat left center; background-size: 33px auto; }
footer #tab-bar ul li a.myconts:before { background: url(../images/tab_myconts_2x.png) no-repeat left center; background-size: 33px auto; }
footer #tab-bar ul li a.store:before { background: url(../images/tab_store_2x.png) no-repeat left center; background-size: 33px auto; }
footer #tab-bar ul li a.cart:before { background: url(../images/tab_cart_2x.png) no-repeat left center; background-size: 33px auto; }
footer #tab-bar ul li a.selected, footer #tab-bar ul li a:active { height: 101%; color: #237dd0; background-color: #237dd0; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4), 0px 1px 1px rgba(0, 0, 0, 0.7); box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.45); -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.45); }
footer #tab-bar ul li a.selected.member:before, footer #tab-bar ul li a:active.member:before { background: url(../images/tab_member_hl_2x.png) no-repeat left center; background-size: 33px auto; }
footer #tab-bar ul li a.selected.myconts:before, footer #tab-bar ul li a:active.myconts:before { background: url(../images/tab_myconts_hl_2x.png) no-repeat left center; background-size: 33px auto; }
footer #tab-bar ul li a.selected.store:before, footer #tab-bar ul li a:active.store:before { background: url(../images/tab_store_hl_2x.png) no-repeat left center; background-size: 33px auto; }
footer #tab-bar ul li a.selected.cart:before, footer #tab-bar ul li a:active.cart:before { background: url(../images/tab_cart_hl_2x.png) no-repeat left center; background-size: 33px auto; }
footer #tab-bar ul li:first-child a { border-left: 0px; }
footer #tab-bar ul li span.badge { display: block; width: auto; min-width: 20px; height: 20px; float: right; position: absolute; top: -12px; right: 6%; color: white; font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; font-size: 15px; font-weight: bold; text-align: center; line-height: 1.3; background: #ff0056; border-radius: 14.4px; border: 2px solid white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); }

@media screen and (min-width: 768px) { #header-bar .header-wrapper a.right-button { margin-left: -94px; }
  #header-bar a { width: 92px; }
  #header-bar a.right-button:after { content: "ストアトップ"; }
  h1 { font-size: 24px; }
  p { font-size: 15px; }
  footer #tab-bar { height: 49px; background: #ebebde url(../images/bar_background_ptn_2x.png) repeat 0 0; background-size: auto 49px; }
  footer #tab-bar ul li a { font-size: 13px; line-height: 53px; font-weight: bold; }
  footer #tab-bar ul li a:before { display: inline-block; margin-right: 4px; height: 100%; }
  #header-bar { height: 65px; background: #ebebde url(../images/bar_background_ptn_2x.png) repeat 0 0; background-size: auto 65px; }
  #header-bar .header-wrapper a.right-button { margin-left: -110px; }
  #header-bar a { height: 39px; margin-top: 13px; display: block; height: 37px; width: 106px; border-radius: 5px; border: 1px solid #8c8c8c; background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))); background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background: rgba(0, 0, 0, 0) -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background: rgba(0, 0, 0, 0) -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background: rgba(0, 0, 0, 0) -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background: rgba(0, 0, 0, 0) linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); box-shadow: 0 1px 1px white, inset 0 1px 1px white; -webkit-box-shadow: 0 1px 1px white, inset 0 1px 1px white; text-align: center; font-weight: bold; color: #666666; line-height: 39px; text-shadow: #fff 0 1px 0; }
  #header-bar a:active { background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0))); background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); background: rgba(0, 0, 0, 0) -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); background: rgba(0, 0, 0, 0) -o-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); background: rgba(0, 0, 0, 0) -ms-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); background: rgba(0, 0, 0, 0) linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); }
  #header-bar h1 { margin-right: 108px; line-height: 65px; font-size: 27px; }
  input.search_bar { font-size: 13px; } }
div.validation-summary-errors { margin: 3% 6%; border: 1px solid red; background: #FFE; padding: 10px; }
div.validation-summary-errors:before { color: #eb212e; content: 'リクエスト処理中に問題が発生しました。'; font-weight: bold; display: block; }

.message-info { text-align: center; margin: 20px 10px; }

@charset "UTF-8";
#content { width: 90.625%; height: auto; max-width: 532px; margin: 0 auto; margin-top: 64px; padding: 2em 0 4em 0; background: #fafafa; box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px, inset white 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px, inset white 0 1px 1px; border-radius: 1px; }
#content h1 { width: 100%; color: #737373; line-height: 2em; text-align: center; text-shadow: white 0 1px 0; display: block; position: relative; }
#content h1:before, #content h1:after { content: ""; display: block; width: 100%; height: 100%; border: 1px; position: absolute; left: 0; }
#content h1:before { bottom: -3px; border-style: double none; border-width: 4px; border-color: #d9d9d9; }
#content h1:after { bottom: -4px; border-style: double none; border-width: 4px; border-color: white; }
#content ul, #content div.total { width: 94%; margin: 0 auto; }
#content ul.item-list { margin-top: 14px; }
#content ul.item-list li { width: 100%; height: 84px; margin-bottom: 20px; display: block; position: relative; color: #4d4d4d; }
#content ul.item-list li:before { content: ""; display: block; width: 100%; height: 0px; border: 1px; position: absolute; left: 0; bottom: -15px; border-bottom: 1px solid white; border-top: 1px solid #d9d9d9; }
#content ul.item-list li .flexible-wrapper { width: 100%; clear: both; float: left; overflow: hidden; }
#content ul.item-list li .flexible-wrapper:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
#content ul.item-list li .flexible-wrapper img.book-cover { float: left; width: 55px; margin: 2px 8px 2px 1px; border: 1px solid white; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); }
#content ul.item-list li .flexible-wrapper div.item-content { width: auto; margin-right: 52px; }
#content ul.item-list li .flexible-wrapper div.item-content:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
#content ul.item-list li .flexible-wrapper div.item-content h4 { padding-top: 4px; line-height: 1.4em; height: 2.6em; overflow: hidden; }
#content ul.item-list li .flexible-wrapper div.item-content span.file-type { position: relative; display: block; width: auto; height: 15px; }
#content ul.item-list li .flexible-wrapper div.item-content span.file-type:after { content: ""; display: block; height: 15px; position: absolute; top: -1px; left: 67px; background: url(../images/file_type_sprite_2x.png) no-repeat top left; background-size: auto 15px; }
#content ul.item-list li .flexible-wrapper div.item-content span.file-type.all-type:after { width: 52px; }
#content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="only"]:after { width: 16px; }
#content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="only"]:not(.only-app):after { left: 65px; }
#content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="only"]:not(.only-app).only-epub:after { -webkit-background-position: -17px 0; -moz-background-position: -17px 0; background-position: -17px 0; }
#content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="only"]:not(.only-app).only-pdf:after { -webkit-background-position: -34px 0; -moz-background-position: -34px 0; background-position: -34px 0; }
#content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="but"]:after { width: 34px; }
#content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="but"]:not(.but-pdf):after { left: 65px; }
#content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="but"]:not(.but-pdf).but-app:after { -webkit-background-position: -17px 0; -moz-background-position: -17px 0; background-position: -17px 0; }
#content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="but"]:not(.but-pdf).but-epub:after { -webkit-background-position: -34px 0; -moz-background-position: -34px 0; background-position: -34px 0; }
#content ul.item-list li .flexible-wrapper div.item-content img.file-type { width: auto; height: 1.2em; margin-top: 7px; float: left; }
#content ul.item-list li .flexible-wrapper div.item-content p.price { margin-top: 9px; width: auto; height: 100%; text-align: right; font-size: 14px; line-height: 1em; font-weight: bold; font-style: italic; color: #737373; text-shadow: white 0 1px 0; }
#content ul.item-list li a.delete-button { display: block; width: 44px; height: 57px; float: right; margin-left: -52px; margin-top: 13.5px; background: url(../images/trash_2x.png) no-repeat left center; background-size: 44px auto; }
#content ul.item-list li a.delete-button:after { content: "削除"; display: block; width: 100%; height: 100%; color: red; font-weight: bold; letter-spacing: .1em; line-height: 4.5em; text-align: center; }
#content ul.item-list li a.delete-button:active { position: relative; }
#content ul.item-list li a.delete-button:active:before { content: ""; display: block; width: 120%; height: 100%; position: absolute; top: -1%; left: -4px; background: rgba(255, 0, 0, 0.15); border-radius: 50px; box-shadow: 0 0 24px rgba(255, 0, 0, 0.3); -webkit-box-shadow: 0 0 24px rgba(255, 0, 0, 0.3); }
#content .total { width: 100%; height: 28px; font-weight: bold; color: #737373; text-shadow: white 0 1px 0; }
#content .total .flexible-wrapper { width: 100%; clear: both; float: left; overflow: hidden; }
#content .total .flexible-wrapper p { width: auto; height: 100%; margin-right: 96px; overflow: hidden; text-align: right; padding-right: 30px; padding-top: 4px; font-size: 15px; }
#content .total p.total-price { float: right; width: 96px; margin-left: -96px; overflow: hidden; font-size: 18px; font-style: italic; }

#bottom-area { margin-top: 20px; margin-bottom: 64px; }
#bottom-area a.big-circle-button { margin: 0 auto; margin-bottom: 20px; display: block; width: 106px; height: 106px; color: #de6000; text-align: center; font-size: 14px; line-height: 1.2em; text-shadow: white 0 1px 0; border-radius: 68.4px; border: 4px solid #ff7912; background: white; background: white -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.12))); background: white -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.12)); background: white -moz-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.12)); background: white -o-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.12)); background: white -ms-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.12)); background: white linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.12)); box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px; }
#bottom-area a.big-circle-button:before { content: "　"; display: block; width: 56px; height: 56px; margin: 0 auto; margin-top: 16px; margin-bottom: 2px; background: url(../images/orange_cart_2x.png) no-repeat center center; background-size: 56px auto; }
#bottom-area a.big-circle-button:active { background: white; background: white -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0.05))); background: white -webkit-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.05)); background: white -moz-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.05)); background: white -o-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.05)); background: white -ms-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.05)); background: white linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.05)); border: 4px solid #de6000; }
#bottom-area #next-page-header { width: 90.625%; height: 90px; max-width: 532px; margin: 0 auto; }
#bottom-area #next-page-header h1 { width: 100%; padding: 1.6em 0 4px 0; line-height: 1.647; text-align: center; text-shadow: white 0 1px 0; color: #666666; display: block; position: relative; }
#bottom-area #next-page-header h1:before, #bottom-area #next-page-header h1:after { content: ""; display: block; width: 100%; height: 1px; border: 1px; position: absolute; left: 0; background: #d9d9d9; box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.45); -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.45); }
#bottom-area #next-page-header h1:before { bottom: 3px; }
#bottom-area #next-page-header h1:after { bottom: 0px; }

.receipt-paper .receipt-header { position: relative; }
.receipt-paper .receipt-header:before { content: "　"; display: block; width: 102.75862%; height: 100%; position: absolute; left: -1.37931%; background: url(../images/receipt_top_320_2x.png) no-repeat left top; background-size: 100% 100%; z-index: -1; }

#store-info li:first-line { color: #333; }
#store-info a { color: #1792c3; text-decoration: underline; }
#store-info a:link { color: #1792c3; }


/*#content { width: 93.75%; margin: 0 auto; overflow: hidden; }
#content div.box { margin-bottom: 10px; padding: 10px 0 12px 0; border: 2px solid #fff; border-radius: 5px; background: #fbfbfb; background: #fbfbfb -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(whitesmoke)); background: #fbfbfb -webkit-linear-gradient(top, #fbfbfb, whitesmoke); background: #fbfbfb -moz-linear-gradient(top, #fbfbfb, whitesmoke); background: #fbfbfb -o-linear-gradient(top, #fbfbfb, whitesmoke); background: #fbfbfb -ms-linear-gradient(top, #fbfbfb, whitesmoke); background: #fbfbfb linear-gradient(top, #fbfbfb, whitesmoke); box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px; }
#content div #store-info h3, #content div #description h3 { display: block; position: relative; margin: 0 14px 12px 14px; }
#content div #store-info h3:before, #content div #store-info h3:after, #content div #description h3:before, #content div #description h3:after { content: ""; display: block; width: 105%; height: 1px; border: 1px; position: absolute; left: -2.5%; background: #d9d9d9; box-shadow: 0px 1px 1px white; -webkit-box-shadow: 0px 1px 1px white; }
#content div #store-info h3:before, #content div #description h3:before { bottom: -3px; }
#content div #store-info h3:after, #content div #description h3:after { bottom: -6px; }
#content div #info-and-search h3 { display: block; position: relative; }
#content div #info-and-search h3:before, #content div #info-and-search h3:after { content: ""; display: block; width: 105%; height: 1px; border: 1px; position: absolute; left: -2.5%; background: #d9d9d9; box-shadow: 0px 1px 1px white; -webkit-box-shadow: 0px 1px 1px white; }
#content div #info-and-search h3:before { bottom: -10px; }
#content div #info-and-search h3:after { bottom: -13px; }
#content div#description h3 { display: block; position: relative; }
#content div#description h3:before, #content div#description h3:after { content: ""; display: block; width: 105%; height: 1px; border: 1px; position: absolute; left: -2.5%; background: #d9d9d9; box-shadow: 0px 1px 1px white; -webkit-box-shadow: 0px 1px 1px white; }
#content div#description h3:before { bottom: -3px; }
#content div#description h3:after { bottom: -6px; }
#content div#info-area { margin: 0; padding: 0; width: 100%; }
#content div#info-area:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
#content div#info-area div ul { margin: 0 14px 0 14px; }
#content div#info-area #store-info { width: auto; }
/*#content div#info-area #store-info ul li { list-style-image: url(../images/balloon_2x.png); background: url(../images/balloon_2x.png) no-repeat left 0.15em; background-size: 14px auto; padding-left: 18px; }*/
/*#content div#info-area #store-info ul li:nth-child(n+4) { display: none; }*/*/

/*-------------------------------------------- メディアクエリ --------------------*/
@media screen and (max-width: 320px) { /* 	body {background: white;} */ }
@media screen and (min-width: 569px) { #next-page-header { height: 5px; } }
@media screen and (min-width: 680px) { h1 { font-size: 21px; }
  img.book-cover { width: 68px !important; margin-right: 8px; border: 1px solid white; }
  div.item-content h4 { font-size: 15px !important; }
  div.item-content img.file-type { height: 20px !important; margin-top: 9px !important; }
  div.item-content p.price { font-size: 16px !important; margin-top: 12px !important; }
  .total .flexible-wrapper p { font-size: 17px !important; }
  .total p.total-price { font-size: 20px !important; }
  #content { margin: 0 auto; margin-top: 64px; }
  #content ul, #content div.total { width: 80%; margin: 0 auto; }
  #content ul.item-list { margin-top: 14px; }
  #content ul.item-list li { height: 103px; margin-bottom: 24px; display: block; position: relative; }
  #content ul.item-list li:before { content: ""; display: block; width: 100%; height: 0px; border: 1px; position: absolute; left: 0; bottom: -17px; border-bottom: 1px solid white; border-top: 1px solid #d9d9d9; }
  #content ul.item-list li .flexible-wrapper img.book-cover { width: 68px; margin-right: 10px; }
  #content ul.item-list li .flexible-wrapper div.item-content { margin-right: 75px; }
  #content ul.item-list li .flexible-wrapper div.item-content span.file-type { height: 18px; }
  #content ul.item-list li .flexible-wrapper div.item-content span.file-type:after { content: ""; display: block; height: 18px; position: absolute; top: -2px; left: 80px; background: url(../images/file_type_sprite_2x.png) no-repeat top left; background-size: auto 18px; }
  #content ul.item-list li .flexible-wrapper div.item-content span.file-type.all-type:after { width: 62px; }
  #content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="only"]:after { width: 20px; }
  #content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="only"]:not(.only-app):after { left: 82px; }
  #content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="only"]:not(.only-app).only-epub:after { -webkit-background-position: -21px 0; -moz-background-position: -21px 0; background-position: -21px 0; }
  #content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="only"]:not(.only-app).only-pdf:after { -webkit-background-position: -42px 0; -moz-background-position: -42px 0; background-position: -42px 0; }
  #content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="but"]:after { width: 40px; }
  #content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="but"]:not(.but-pdf):after { left: 82px; }
  #content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="but"]:not(.but-pdf).but-app:after { @includse set_background_position(-21px, 0); }
  #content ul.item-list li .flexible-wrapper div.item-content span.file-type[class*="but"]:not(.but-pdf).but-epub:after { -webkit-background-position: -42px 0; -moz-background-position: -42px 0; background-position: -42px 0; }
  #content ul.item-list li a.delete-button { width: 55px; height: 70px; margin-left: -75px; margin-top: 19px; background: url(../images/trash_2x.png) no-repeat left center; background-size: 55px auto; }
  #content ul.item-list li a.delete-button:after { line-height: 5.5em; }
  #content .total .flexible-wrapper p { margin-right: 126px; padding-right: 30px; padding-top: 4px; }
  #content .total p.total-price { width: 126px; margin-left: -126px; }
  #bottom-area { margin-top: 40px; margin-bottom: 84px; }
  #bottom-area a.big-circle-button { margin: 0 auto; margin-bottom: 34px; display: block; width: 150px; height: 150px; color: #de6000; text-align: center; font-size: 20px; line-height: 1.2em; text-shadow: white 0 1px 0; border-radius: 97.2px; border: 6px solid #ff7912; background: white; background: white -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.12))); background: white -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.12)); background: white -moz-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.12)); background: white -o-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.12)); background: white -ms-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.12)); background: white linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.12)); box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px; }
  #bottom-area a.big-circle-button:before { content: "　"; display: block; width: 72px; height: 72px; margin: 0 auto; margin-top: 28px; margin-bottom: 2px; background: url(../images/orange_cart_2x.png) no-repeat center center; background-size: 72px auto; }
  #bottom-area a.big-circle-button:active { background: white; background: white -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0.05))); background: white -webkit-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.05)); background: white -moz-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.05)); background: white -o-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.05)); background: white -ms-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.05)); background: white linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.05)); border: 6px solid #de6000; }
  #bottom-area #next-page-header { width: 90.625%; height: 90px; max-width: 532px; margin: 0 auto; }
  #bottom-area #next-page-header h1 { width: 100%; padding: 1.6em 0 4px 0; line-height: 1.647; text-align: center; text-shadow: white 0 1px 0; color: #666666; display: block; position: relative; }
  #bottom-area #next-page-header h1:before, #bottom-area #next-page-header h1:after { content: ""; display: block; width: 100%; height: 1px; border: 1px; position: absolute; left: 0; background: #d9d9d9; box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.45); -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.45); }
  #bottom-area #next-page-header h1:before { bottom: 3px; }
  #bottom-area #next-page-header h1:after { bottom: 0px; } }
@media screen and (min-width: 768px) { #content { width: 530px; margin-top: 85px; } }
@media screen and (min-height: 1005px) { #next-page-header { visibility: hidden; background: red; } }