@import url('style_old.css');
@font-face {
  font-family: 'nudge';
  src: url('../font/nudge.eot?43482230');
  src: url('../font/nudge.eot?43482230#iefix') format('embedded-opentype'),
   	url('../font/nudge.woff2?43482230') format('woff2'),
   	url('../font/nudge.woff?43482230') format('woff'),
   	url('../font/nudge.ttf?43482230') format('truetype'),
   	url('../font/nudge.svg?43482230#nudge') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0;border-style: solid none none solid}
td,th{padding:0.5em 1em;border-style: none solid solid none}
table,th,td{border-width:1px}
th {background-color: #ededed;font-weight:normal;text-align:left}
th.dotted,td.dotted{border-style: none solid dotted none}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,button,input,select,textarea{
font-family:"游ゴシック","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
font-size:16px;font-size:1rem;line-height:1.8}
h1,h2,h3,h4,h5,h6{clear:both;margin-top:1em;margin-bottom:0.5em}
h1{font-size:1.4em;margin:.5em 0;}
h2{font-size:1.2em}
p{margin-bottom:1.5em}
dfn,cite,em,i{font-style:italic}
blockquote{margin:0 1.5em}
address{margin:0 0 1.5em}
pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}
code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:15px;font-size:.9375rem}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
mark,ins{background:#fff9c0;text-decoration:none}
big{font-size:125%}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html{box-sizing:border-box}
*,:before,:after{box-sizing:inherit}
body{background:#fff}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}
ul,ol{margin:0;padding:0;list-style:none}
li > ul,li > ol{margin-bottom:0;margin-left:1.5em}
nav ul,nav ol,nav li > ul{margin:0;padding:0;list-style:none}
dt{font-weight:700}
dd{margin:0 1.5em 1.5em}
img{height:auto;max-width:100%}
figure{margin:1em 0}
table{margin:0 0 1.5em;width:100%}
section{padding-bottom:30px}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,input[type="button"],input[type="reset"],input[type="submit"]{box-sizing:border-box;padding:.3em 1.8em;text-decoration:none;z-index:999;transition:.5s;outline:none;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-align:center;font-size:1em;border:none;color:#fff}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{opacity:.6}
button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{border-color:#aaa #bbb #bbb}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{border-radius:3px;padding:3px; border:2px solid #555;}
select{border:1px solid #ccc; height: 2em;}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111}
textarea{width:100%}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}
embed,iframe,object{max-width:100%}
/*--------------------------------------------------------------
## navigation
--------------------------------------------------------------*/
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{margin:0 0 1.5em;overflow:hidden}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{position:relative;float:left;width:50%;min-height:30px;box-sizing:border-box;padding-left:40px}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{position:relative;float:right;text-align:right;width:50%;min-height:30px;box-sizing:border-box;padding-right:40px}
.post-navigation a{color:#999;text-decoration:none}
.post-navigation a:hover{text-decoration:underline}
.post-navigation .nav-previous:before,.post-navigation .nav-next:after{position:absolute;display:block;font-family:"nudge";font-size:20px;margin-top:-20px;color:#ccc;top:50%}
.post-navigation .nav-previous:before{content:'\e803';left:0}
.post-navigation .nav-next:after{content:'\e804';right:0}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft{display:inline;float:left;margin-right:1.5em}
.alignright{display:inline;float:right;margin-left:1.5em}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
/*--------------------------------------------------------------
# Clear
--------------------------------------------------------------*/
.clear:before,.clear:after,.in:before,.in:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after,.post-item-books__inner:before,.post-item-books__inner:after{content:"";display:table;table-layout:fixed}
.clear:after,.in:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both}
/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
.flex,
.flexmobile {
	display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;
	-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-flex-pack:justify;-moz-flex-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;
}
.mobile-show {
	display: none;
}
.in {
	width: 1040px;
	margin: 0 auto;
}
.btn {
	margin: 0;
	padding: 0;
}
a.btn,
.btn > a,
.btn > span {
	box-sizing: border-box;
	padding: 0.6em 1.3em;
	text-decoration: none;
	text-align: center;
	z-index: 999;
	transition: 0.5s;
	outline: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #204C9C;
	color: #fff;
}
.btn > span {
	background-color: #ccc;
	color: #444;
}
.btn.delete > a {
	background-color: #fff;
	border: #204C9C 1px solid;
	color: #204C9C;
}
a.btn:hover,
.btn > a:hover {
	opacity:0.6;
}
.btn.delete > a :hover {
	opacity: 1;
	background-color: #204C9C;
	border: none;
	color: #fff;
}
a.btn.large,
.btn.large > a,
.btn.large > span {
	font-size: 1.2em;
	padding-left: 3em;
	padding-right: 3em;
}
.heading--h4, .post-body > h3, .post-body-accordion-index h3, .post-body-books-detail h3, .post-body-terms > h2, .post-body-terms > h3 {
	color: #204C9C;
	border-bottom: #204C9C 3px solid;
	background: #bec7d6;
	padding: 0.4em 0.8em;
	text-align: center;;
}
.mark-corner {
	height: 50px;
	width: 50px;
	position: relative;
}
.item-mark-new,
.item-mark-star,
.item-mark-soldout, 
.item-mark-sale{
	position: relative;
}
.item-mark-new:before {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 50px solid transparent;
	border-left: 50px solid #ffce00;
	position: absolute;
	z-index: 100;
}
.mark-corner:before,
.item-mark-star:before,
.item-mark-soldout:before, 
.item-mark-sale:before {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 50px solid transparent;
	border-left: 50px solid #204C9C;
	position: absolute;
	z-index: 100;
}
.mark-corner:after,
.item-mark-new:after,
.item-mark-star:after,
.item-mark-soldout:after,
.item-mark-sale:after {
	display: block;
	top: 6px;
	left: 2px;
	transform: rotate(-45deg);
	color: #fff;
	position: absolute;
	font-size: 0.8em;
	z-index: 101;
}
.mark-corner--new:after,
.item-mark-new:after {
	content: "New";
}
.mark-corner--star:before,
.item-mark-star:before {
	border-left: 50px solid #ffce00;
}
.mark-corner--star:after,
.item-mark-star:after {
  font-family: "nudge";
  font-style: normal;
  font-weight: normal;
	content: '\e80e';
	left: 8px;
}
.item-mark-soldout:before {
	border-left: 70px solid #777;
	border-bottom: 70px solid transparent;
}
.item-mark-soldout:after {
	content: "SOLD\AOUT";
	font-size: 0.8em;
	top: 10px;
	left: 6px;
	white-space: pre;
	line-height: 1;
}

.mark-corner--sale:after,
.item-mark-sale:after {
	content: "Sale";
}

.bread-crumb {
	background-color: #e5e5e5;
	color: #666;
}
.page__main-wrapper {
	margin-bottom: 40px;
}
/* Header */
.site-header .in {
	position: relative;
	margin-top: 20px;
	
}
.site-header .site-logo {
	margin: 0;
	width: 370px;
	height: 90px;
}
.site-header .site-logo a {
	display: block;
	height: 100%;
	/*background: url(../img/site-logo.gif);*/
	background: url(../user_data/banner/logo-1.png);
	background-size: 100% 100%;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: 0;
}
.site-header .top_nav {
	position: absolute;
	top: 0;
	right: 0;
}
.site-header .top_nav .login {
	padding-left: 0.5em;
}
.site-header .top_nav.mobile-show .login {
	padding-left: 0;
}
.site-header .top_nav .cart a:before,
.site-header .top_nav .login a:before,
#rwdMenuWrap ul li.cart a:before,
#rwdMenuWrap ul li.login a:before {
	font-family: "nudge";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.8em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
}
.site-header .top_nav.mobile-show .cart a:before,
.site-header .top_nav.mobile-show .login a:before {
	display: none;
}
.site-header .top_nav .cart a:before,
#rwdMenuWrap ul li.cart a:before {
	content: '\e806';
}
.site-header .top_nav .login a:before,
#rwdMenuWrap ul li.login a:before {
	content: '\e807';
}
.site-header .top_nav.mobile-show .btn a,
.site-header .top_nav.mobile-show .btn span {
	font-family: "nudge";
	font-style: normal;
	font-weight: normal;
	speak: none;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	font-size: 1.2em;
	color: #204C9C;
	background-color: #fff;
	padding: 0.6em;
}
.top_nav .cart {
	position: relative;
}
.top_nav .cart .cart_str {
	position: absolute;
	top: -7px;
	right: -7px;
	font-weight: normal;
	border: #204C9C 1px solid;
	background-color: #fff;
	color: #204C9C;
	display: block;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	font-size: 0.8em;
	position: absolute;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}
.site-header .main_nav {
	background-color: #204C9C;
	font-size: 18px;
}
.site-header .main_nav > ul > li {
	position: relative;
	width: 20%;
	padding: 0.5em 0;
}
.site-header .main_nav > ul > li.cart,
.site-header .main_nav > ul > li.login {
	display: none;
}
.site-header .main_nav > ul > li:hover {
	background-color: #a0afcc;
}
.site-header .main_nav > ul > li > a,
.site-header .main_nav > ul > li > span {
	display: block;
	padding: 0.2em;
	color: #FFFF;
	font-size: 0.9em;
	font-weight: 700;
	text-align: center;
	border-right: rgba(255,255,255,0.5) 1px dotted;
	cursor: pointer;
}
.site-header .main_nav > ul > li:first-child > a {
	border-left: rgba(255,255,255,0.5) 1px dotted;
}
.site-header .main_nav li ul {
	position: absolute;
	top: 60px;
	left: -55px;
	display: inline-block;
	width: auto;
	min-width: 120px;
	background: rgba(255,255,255,0.9);
	border: #204C9C 2px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	z-index: 99;
	overflow: auto;
	display: none;
}
.site-header .main_nav li ul:after {
	content: "";
	position: absolute;
	top: -16px; left: 50%;
	margin-left: -12px;
	display: block;
	width: 0;
	height: 0;
	/*
	border-style: solid;
	border-width: 0 10px 12px 10px;
	border-color: transparent transparent #204C9C transparent;
	*/
	z-index: 98;
}
.site-header .main_nav li ul li {
	float: none;
	height: auto;
}
.site-header .main_nav li ul li:last-child {
	padding-bottom: 0;
}
.site-header .main_nav li ul li a {
	display: block;
	width: 100%;
	padding: 15px;
	background: none;
	text-indent: 0;
	color: #444;
	text-decoration: none;
	white-space: nowrap;
	font-size: 0.9em;
	font-weight: 500;
	text-align: left;
}
.site-header .main_nav li ul li:first-child a {
	background: #fff;
	color: #555;
}
.site-header .main_nav li ul li a:hover {
	background: #a0afcc;
	color: #444;
}
.search-window {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 300px;
}
.header-bread-crumb {
	margin-bottom: 10px;
}
.header-bread-crumb ol {
	width: 1040px;
	padding: 0.5em 0;
}
/* Footer */
.site-footer {
	background-color: #204C9C;
	/* background: repeating-linear-gradient(-45deg, #87bf94, #87bf94 5px, #EFF8DD 0, #EFF8DD 10px) ; */
	color: #fff;
	font-weight: 700;
}
.site-footer .bread-crumb ol {
	width: 940px;
	padding: 1em 0;
}
.site-footer .scroll-top {
	display: block;
	width: 100px;
	text-align: center;
	background-color: #666;
	color: #fff;
	font-size: 0.8em;
}
.site-footer .scroll-top:before {
  font-family: "nudge";
  font-style: normal;
  font-weight: normal;
  font-size: 2em;
  padding: 0.2em 0 0;
  line-height: 1;
  speak: none;
  display: block;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  content: '\f106';
}
.site-footer .footer-title {
	width: 340px;
	padding-top: 1.4em;
	margin-bottom: 0;
	font-size: 0.8em;
}
.site-footer .footer-title strong {
	display: block;
	font-size: 1.2rem;
}
.site-footer .footer_nav {
	width: 700px;
	padding-top: 1.8em;
	text-align: right;
	font-weight: 700;
}
.site-footer .footer_nav li {
	display: inline-block;
	font-size: 0.9em;
	padding: 0 1em;
}
.site-footer .copyright {
	padding: 1em;
	text-align: center;
	font-size: 0.9em;
	opacity: 0.8;
}


/*--------------------------------------------------------------
# Top
--------------------------------------------------------------*/
.top-latest-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.top-latest-info ul li {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: #ddd 1px dotted;
}
.top-latest-info ul li:last-child {
	border-bottom: none;
}
.top-latest-info ul li .post-date {
	padding-right: 1em;
	color: #999;
}
.top-latest-info ul li .post-title {
	font-weight: bold;
}
.top-latest-info ul li .post-header {
	cursor: pointer;
}
.top-latest-info ul li .post-header:hover,
.top-latest-info ul li .post-header.active {
	color: #204C9C;
}
.top-latest-info ul li .post-content {
	display: none;
}
.top-ranking ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.top-ranking ol li {
	padding-bottom: 1em;
}
.top-ranking ol li a {
	display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;
	-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-flex-pack:justify;-moz-flex-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;
}
.top-ranking ol li .img-wrap:before {
	display: block;
	width: 28px;
	height: 18px;
	text-align: center;
	/*line-height: 28px;*/
	/*font-size: 0.8em;*/
	/*background-color: #dedede;*/
	position: absolute;
	/*background-size: cover;*/
	/*background-position: right;*/
	/*
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;*/
}
/*.top-ranking ol li:first-child .img-wrap:before {*/
/*	content: "";*/
	/*background-color: #fff400;*/
/*	background-image: url("../user_data/ranking/ranking_1.png");*/
/*}*/
/*.top-ranking ol li:nth-child(2) .img-wrap:before {*/
/*	content: "";*/
	/*background-color: #ffc300;*/
/*	background-image: url("../user_data/ranking/ranking_2.png");*/
/*}*/
/*.top-ranking ol li:nth-child(3) .img-wrap:before {*/
/*	content: "";*/
	/*background-color: #ffa100;*/
/*	background-image: url("../user_data/ranking/ranking_3.png");*/
/*}*/
.top-ranking ol li:nth-child(1) .img-wrap:before {content: "1";}
.top-ranking ol li:nth-child(2) .img-wrap:before {content: "2";}
.top-ranking ol li:nth-child(3) .img-wrap:before {content: "3";}
.top-ranking ol li:nth-child(4) .img-wrap:before {content: "4";}
.top-ranking ol li:nth-child(5) .img-wrap:before {content: "5";}
.top-ranking ol li:nth-child(6) .img-wrap:before {content: "6";}
.top-ranking ol li:nth-child(7) .img-wrap:before {content: "7";}
.top-ranking ol li:nth-child(8) .img-wrap:before {content: "8";}
.top-ranking ol li:nth-child(9) .img-wrap:before {content: "9";}
.top-ranking ol li:nth-child(10) .img-wrap:before {content: "10";}

.top-ranking ol .img-wrap {
	width: 100px;
	text-align: right;
	position: relative;
}
.top-ranking ol .img-wrap img {
	width: 60px;
	height: auto;
}
.top-ranking ol h3 {
	width: 180px;
	margin: 0;
	font-size: 0.8rem;
}

/*--------------------------------------------------------------
# Product
--------------------------------------------------------------*/
.post-header-books__zaiko p {
	float: left;
	padding-right: 1em;
}
.zaiko-str {
	#width: auto;
	width: 660px;
	float: left;
}
.post-header-books__kikaku_selector,
.post-header-books__quantity_selector {
	padding: 0.2em 0.5em;
}
.product-info {
	width: 100%;
}
.post-header-books__cover {
	margin-bottom: 0;
}
.product_qanda{
	color: #204C9C !important;
	font-weight: 550;
}
.product_qanda_img{
	vertical-align: middle;
	height: 30px;
}
.product_qanda_tab{

    padding-left: 5px;
	vertical-align: middle;
	height: 17px;
}
/*--------------------------------------------------------------
# guide
--------------------------------------------------------------*/
.ship-table{
	width: 100%;
	white-space: nowrap;
	display: block;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	
}

.ship-th{
	font-size: 13px !important; 
}
.ship-td{
	font-size: 13px !important;
}

.ship-href  {
	padding-top: 5px;
	display: inline-flex;
	align-items: center;
	color: #204C9C !important;
	font-weight: bold;
}
.ship-href img{
	height: 18px;
	margin: 0 4px 0;
}



/*--------------------------------------------------------------
# Cart
--------------------------------------------------------------*/
.cart-proceed {
	padding-top: 2em;
	padding-bottom: 2em;
}
.cart-proceed .grid__item {
	width: 100%;
}
.cart-proceed .post-item-books__top-wrap {
	float: left;
	width: 19%;
}
.cart-proceed .post-item-books__img > img {
	max-width: 100px;
	max-height: 180px;
	width: auto;
	height: auto;
}
.cart-proceed .post-item-books__text {
	float: right;
	width: 79%;
}
.cart-proceed .subtitles {
	display: table;
}
.cart-proceed .post-item-books__subtitle {
	display:inline-block; table-cell;
	padding: 0.1em 0.3em 0.1em 0.2em;
}
.cart-proceed .post-item-books__subtitle input {
	width: 2em;
	padding: 0;
	text-align: center;
	line-height: 1.4;
}
.form-nav--3-steps .form-nav__item {
	width: 20%;
}
.membership-reminder .form-nav--3-steps .form-nav__item {
	width: 33.33329%;
}
.step-bubble {
	font-size: 16px;
}
.form-list__item {
	padding: 0;
	margin: 0 0 0.5em 0;
}
.form-list__item p {
	margin: 0;
}
.form-list__item select {
	-webkit-appearance: none;
	-moz-appearance: none;
}
.membership-entry__steps {
  text-align: center;
}
.membership-entry__form-list {
	padding-top: 0;
}
.form-list__item + .form-list__item {
	padding-top: 0;
}
.form-widget-pay__choice {
	display: block;
}
.form-widget-pay__choice + .form-widget-pay__choice {
	margin-left: 0;
	padding-left: 0;
}
.form-widget-pay__choice img {
	max-width: 180px;
	margin-left: 0.5em;
	vertical-align: middle;
}
.btn-submit--primary.btn-history-back {
	border: #204C9C 1px solid;
	background: #fff;
	color: #204C9C;
}
.btn-submit--primary.btn-history-back .btn-submit__icon {
	top: 11px;
	left: 20px;
	right: auto;
	transform: rotate(-180deg);
}
.btn-submit--primary.btn-history-back .btn-submit__icon > .svg-icon .stroke {
	stroke: #204C9C;
}
@media only screen and (max-width: 768px) {
	.mobile-hide {
		display: none !important;
	}
	.mobile-show {
		display: block !important;
	}
	.page {
		padding-top: 0;
	}
	.in {
		box-sizing: border-box !important;
		width:100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.flex {
		display: block;
	}
	.flexmobile {
		display:-webkit-box !important;
		display:-moz-box !important;
		display:-ms-box !important;
		display:-webkit-flexbox !important;
		display:-moz-flexbox !important;
		display:-ms-flexbox !important;
		display:-webkit-flex !important;
		display:-moz-flex !important;
		display:-ms-flex !important;
		display:flex !important;
	}
	.site-header .main_nav ul,
	.search-window {
		display: none;
	}
	.search-input__submit {
		text-indent: -9999px;
	}
	#menuOverlay {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.8);
		display: none;
		position: fixed;
		z-index: 9997;
	}
	#switchBtnArea {
		position: relative;
		height: 60px;
	}
	#switchBtnArea #switchBtn {
		top: 10px;
		left: 10px;
		width: 140px;
		height: 40px;
		display: block;
		position: absolute;
		z-index: 9998;
		padding: 0;
		color: #fff;
	}
	#switchBtnArea #switchBtn:hover {
		color: #fff;
	}
	#switchBtnArea #switchBtn strong {
		display: block;
		position: absolute;
		top: 5px;
		left: 42px;
	}
	#switchBtnArea #switchBtn span {
		left: 8px;
		width: 24px;
		height: 4px;
		display: block;
		position: absolute;
		background-color: #fff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		transition: all 0.2s linear;
		padding: 0;
	}
	#switchBtnArea #switchBtn span:nth-of-type(1) {
		top: 10px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	#switchBtnArea #switchBtn span:nth-of-type(2) {
		top: 18px;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	#switchBtnArea #switchBtn span:nth-of-type(3) {
		bottom: 10px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	#switchBtnArea #switchBtn.btnClose {
		background: transparent;
	}
	#switchBtnArea #switchBtn.btnClose span {
		background-color: #fff;
	}
	#switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
		top: 18px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	#switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
		bottom: 18px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#rwdMenuWrap {
		top: 0;
		left: -200px;
		width: 200px;
		height: 100%;
		overflow: auto;
		position: fixed;
		background-color: #204C9C;
		z-index: 9999;
	}
	#rwdMenuWrap ul {
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 0; 
	}
	#rwdMenuWrap ul li {
		width: 100%;
		margin: 0;
	}
	#rwdMenuWrap > ul > li > a,
	#rwdMenuWrap > ul > li > span {
		display: block;
		text-decoration: none;
		color: #fff;
		background: none;
		vertical-align: middle;
		padding: 0.5em;
		border-bottom: rgba(255,255,255,0.5) 1px solid;
	}
	#rwdMenuWrap ul li.cart a,
	#rwdMenuWrap ul li.login a {
		background: rgba(255,255,255,0.2);
	}
	/*
	#rwdMenuWrap ul li > a:before,
	#rwdMenuWrap ul li > span:before {
		display: inline-block;
		font-size: 24px;
		width: 36px;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		vertical-align: middle;
	}
	*/
	#rwdMenuWrap ul li ul {
		display: none;
		background-color: rgba(255,255,255,0.6);
	}
	#rwdMenuWrap ul li ul li a {
		display: block;
		color: #204C9C;
		padding: 0.5em;
	}
	.site-header .site-logo {
		width: 200px;
		height: 49px;
		margin-bottom: 15px;
		margin-left: 5px;
	}
	.site-header .site-logo a {
		background-size: contain;
    background-repeat: no-repeat;
	}
	.site-footer {
		padding-top: 0;
	}
	.site-footer .footer-title {
		box-sizing: border-box;
		width: 100%;
		padding: 5%;
	}
	.site-footer .footer_nav {
		width: 100%;
		text-align: left;
	}
	.site-footer .footer_nav li {
		display: block;
	}
	.page__site-sidebar-inner {
		padding-left: 5%;
		padding-right: 5%;
	}
	.heading--h4, .post-body > h3, .post-body-accordion-index h3, .post-body-books-detail h3, .post-body-terms > h2, .post-body-terms > h3 {
		margin-left: -6%;
		margin-right: -6%;
	}
	.top-latest-info ul li {
		font-size: 0.9em;
	}
	.top-latest-info ul li .post-date {
		display: block;
	}
	.mark-corner--new:after {
		top:2px;
		left: 0;
		width: 37px;
	}
	.grid--pc3col-sp3col .grid__item {
		width: 100%;
	}
	.page-header--with-menu.page-header--with-books .page-header__item,
	.page-header--with-menu.page-header--with-authors .page-header__item {
		width: 170px;
	}
	.page-header__center{
		color: #204C9C;
	}
	.post-header-books__purchasing {
		display: block;
	}
	.post-header-books__cover-wrapper,
	.post-header-books__details {
		clear: both;
		display: block;
		width: 100%;
	}
	.product-info {
		box-sizing: border-box;
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.pagination-nav__cover {
		margin: 0;
	}
	.cart-proceed .subtitles,
	.cart-proceed .post-item-books__subtitle {
		margin: 0;
	}
	.cart-proceed .subtitles:last-child .post-item-books__subtitle:last-child {
		margin-top: 1em;
	}
	.cart-proceed .post-item-books__img > img {
		max-width: 100%;
		max-height: 180px;
		width: auto;
		height: auto;
	}
	.form-list__item p.form-widget-postal-num__send {
		width: 90%;
		margin: 5px auto 0;
	}
	.form-nav--3-steps .form-nav__item {
		width: 50%;
		margin-bottom: 10px
	}
	.step-bubble {
		font-size: 16px;
	}
}