@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/NotoSansCJKjp-Thin.woff") format('woff'), url("../fonts/NotoSansCJKjp-Thin.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/NotoSansCJKjp-Light.woff") format('woff'), url("../fonts/NotoSansCJKjp-Light.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/NotoSansCJKjp-DemiLight.woff") format('woff'), url("../fonts/NotoSansCJKjp-DemiLight.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansCJKjp-Regular.woff") format('woff'), url("../fonts/NotoSansCJKjp-Regular.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansCJKjp-Medium.woff") format('woff'), url("../fonts/NotoSansCJKjp-Medium.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansCJKjp-Bold.woff") format('woff'), url("../fonts/NotoSansCJKjp-Bold.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/NotoSansCJKjp-Black.woff") format('woff'), url("../fonts/NotoSansCJKjp-Black.ttf") format('truetype');
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-size: 12px;
  color: #565656;
  overflow-x: hidden;
  font-family: 'Noto Sans Japanese', sans-serif;
}
body,
html,
div,
span,
ul,
ol,
li,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
textarea {
  padding: 0;
  margin: 0;
  border: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
}
ul,
ol {
  list-style: none;
}
form,
input,
textarea,
select,
option,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
select::-ms-expand {
  display: none;
}
img {
  vertical-align: bottom;
}
a {
  text-decoration: none;
  color: #565656;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
a img {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
a:hover {
  text-decoration: underline;
}
a:hover img {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
@media (max-width: 767px) {
  body {
    font-size: 11px;
    padding-top: 75px;
  }
  img {
    max-width: 100%;
  }
}
.sp {
  display: none !important;
}
@media (max-width: 767px) {
  .sp {
    display: block !important;
  }
}
@media (max-width: 767px) {
  span.sp,
  a.sp,
  img.sp {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
.categoryTag {
  color: #fff;
  text-align: center;
  font-size: 10px;
  line-height: 16px;
  width: 58px;
}
.categoryTag.gyousei_jichi {
  background-color: #9e323f;
}
.categoryTag.kyouiku_bunka {
  background-color: #77b46f;
}
.categoryTag.housou_houmu {
  background-color: #9a6389;
}
.categoryTag.zeimu_keiei {
  background-color: #ab966f;
}
.categoryTag.kyouyou_ippan {
  background-color: #5c6e91;
}
.categoryTag.magazine {
  background-color: #78a9ac;
}
.categoryTag.kajyoshiki {
  background-color: #ffac8a;
}
.statusTag {
  font-size: 10px;
  border: 1px solid;
  display: inline-block;
  padding: 0 0.25em;
  margin: 0 3px 3px 0;
}
.statusTag +.title {
  margin-top: -3px;
}
.statusTag.accepting,
.statusTag.hotSeller,
.statusTag.interview,
.statusTag.browse,
.statusTag.recommended,
.statusTag.specialPage,
.statusTag.green {
  color: #384;
}

.statusTagRed {
  font-size: 14px;
  border: 1px solid;
  display: inline-block;
  padding: 0 0.25em;
  margin: 0 3px 3px 0;
}
.statusTagRed +.title {
  margin-top: -3px;
}
.statusTagRed.accepting,
.statusTagRed.hotSeller,
.statusTagRed.interview,
.statusTagRed.browse,
.statusTagRed.recommended,
.statusTagRed.specialPage,
.statusTagRed.green {
  color: #f30;
}

.inner {
  width: 1000px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .inner {
    width: auto;
  }
}
#header .headerMain {
  padding: 23px 0 8px;
  font-size: 0;
}
#header .headerMain .inner {
  position: relative;
}
#header .headerMain .inner > p {
  padding: 0 0 5px 0;
  font-size: 12px;
  color: #384;
}
#header .headerMain .logo,
#header .headerMain .search,
#header .headerMain .nav {
  display: inline-block;
  vertical-align: top;
}
#header .headerMain .search {
  width: 430px;
  padding-left: 23px;
}
#header .headerMain .search a {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
}
#header .headerMain .search form {
  font-size: 0;
  margin-bottom: 19px;
}
#header .headerMain .search form input {
  font-size: 14px;
  height: 36px;
  vertical-align: top;
}
#header .headerMain .search form input[type="text"] {
  border: 1px solid #e5e5e5;
  border-right: 0;
  width: 287px;
  border-radius: 4px 0 0 4px;
  padding: 5px;
}
#header .headerMain .search form input[type="submit"] {
  background-color: #384;
  color: #fff;
  border-radius: 0 4px 4px 0;
  width: 50px;
  cursor: pointer;
}
#header .headerMain .search form a {
  display: inline-block;
  font-size: 12px;
  color: #384;
  line-height: 36px;
  width: 70px;
  text-align: center;
}
#header .headerMain .nav {
  margin-right: -12px;
}
#header .headerMain .nav li {
  display: inline-block;
  font-size: 10px;
}
#header .headerMain .nav li span {
  display: block;
  text-align: center;
  line-height: 1em;
  padding-top: 5px;
}
#header .headerMain .nav li +li {
  border-left: 1px solid #e5e5e5;
}
#header .hotKeywords {
  background-color: #e1ede3;
  padding: 12px 0;
  line-height: 26px;
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
}
#header .hotKeywords p,
#header .hotKeywords ul,
#header .hotKeywords li {
  display: inline-block;
}
#header .hotKeywords p {
  font-size: 14px;
  color: #384;
  margin-right: 20px;
  font-weight: bold;
}
#header .hotKeywords li a {
  display: block;
  border-radius: 26px;
  background-color: #fff;
  padding: 0 1em;
}
#header .hotKeywords li a:hover {
  background-color: #384;
  color: #fff;
  text-decoration: none;
}
#header .hotKeywords li +li {
  margin-left: 13px;
}
#header .breadcrumb {
  background-color: #f2f2f2;
  font-weight: bold;
}
#header .breadcrumb ul {
  margin: 0 auto;
  width: 1000px;
  line-height: 40px;
}
#header .breadcrumb ul li {
  display: inline-block;
  padding-right: 1em;
}
#header .breadcrumb ul li a {
  color: #384;
}
#header .breadcrumb ul li +li:before {
  content: '＞';
  margin-right: 1em;
  display: inline-block;
  -webkit-transform: scaleX(0.75) scaleY(1.5);
  -moz-transform: scaleX(0.75) scaleY(1.5);
  -o-transform: scaleX(0.75) scaleY(1.5);
  -ms-transform: scaleX(0.75) scaleY(1.5);
  transform: scaleX(0.75) scaleY(1.5);
}
#header a.to_coSite.pc {
  font-size: 10px;
  line-height: 18px;
  display: block;
  position: absolute;
  right: 0;
  bottom: -2px;
  background-color: #f5f9f5;
  padding: 0 0.5em 0 2em;
  border-radius: 18px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
#header a.to_coSite.pc:before,
#header a.to_coSite.pc:after {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 3px;
  top: 3px;
}
#header a.to_coSite.pc:before {
  content: "";
  background-color: #fff;
  border-radius: 50%;
}
#header a.to_coSite.pc:after {
  content: ">";
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  -webkit-transform: scaleX(0.5);
  -moz-transform: scaleX(0.5);
  -o-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
#header .headerMain .find li {
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
}
#header .headerMain .find li a {
  display: block;
  padding-right: 1em;
  color: #384;
}
#header .headerMain .find li +li a {
  padding-left: 1em;
  border-left: 1px solid #e1ede3;
}
#header .spSideBar {
  display: none;
}
@media (max-width: 767px) {
  #header {
    width: auto;
  }
  #header .inner {
    padding: 0 3.125%;
  }
  #header .headerMain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background-color: #fff;
    z-index: 98;
    padding: 10px 0;
  }
  #header .headerMain > .inner {
    height: 75px;
  }
  #header .headerMain .search,
  #header .headerMain ul.nav,
  #header .headerMain .find {
    display: none;
  }
  #header .headerMain .logo {
    width: 50%;
  }
  #header .headerMain .logo img {
    width: 100%;
    max-width: 240px;
  }
  #header .spHeaderNav {
    position: absolute;
    right: 16%;
    top: 17px;
  }
  #header .spSearch,
  #header .spCart {
    position: absolute;
    width: 13.625%;
    height: 100%;
    top: 17px;
  }
  #header .spSearch img,
  #header .spCart img {
    width: 60%;
    max-width: 43px;
  }
  #header .spSearch {
    right: 18%;
  }
  #header .spCart {
    right: 9%;
  }
  #header .spSearchArea form {
    position: absolute;
    width: 100%;
    top: 65px;
    left: 0;
    z-index: 98;
    padding: 15px 3.125%;
    background: rgba(255,255,255,0.7);
    font-size: 0;
  }
  #header .spSearchArea form input {
    font-size: 12px;
  }
  #header .spSearchArea form input[type="text"] {
    width: 84%;
    border-radius: 5px 0 0 5px;
    border: 1px solid #e5e5e5;
    line-height: 38px;
    padding: 0 5%;
  }
  #header .spSearchArea form input[type="submit"] {
    background-color: #384;
    color: #fff;
    width: 16%;
    border-radius: 0 5px 5px 0;
    line-height: 40px;
    letter-spacing: 0.1em;
  }
  #header .headerMain .hamburger {
    position: absolute;
    width: 13.625%;
    height: 100%;
    right: 0;
    top: 17px;
    text-align: center;
  }
  #header .headerMain .hamburger img {
    width: 60%;
    max-width: 53px;
  }
  #header .hotKeywords {
    padding: 0;
  }
  #header .hotKeywords h2 {
    font-size: 12px;
    display: block;
    line-height: 22px;
    margin-bottom: 0.25em;
  }
  #header .hotKeywords ul li {
    vertical-align: top;
    line-height: 18px;
    margin: -2px 1em 3.125% 0;
  }
  #header .breadcrumb {
    padding: 0 3.125%;
  }
  #header .breadcrumb ul {
    width: auto;
    line-height: 30px;
    font-size: 10px;
  }
  #header .spSideBar {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #header .spSideBar .overLay {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
  }
  #header .spSideBar .closeButton {
    position: absolute;
    top: 0;
    left: 0;
    width: 15.625%;
    height: 0;
    padding-top: 15.625%;
    background-image: url("../img/common/sp/spSideBarClose.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
  }
  #header .spSideBar .sideBar {
    position: absolute;
    top: 0;
    right: -100%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    width: 84.375%;
    height: 100%;
    background-color: #f7f8f9;
    padding: 7.4% 3.7% 0;
  }
  #header .spSideBar .sideBar form .advancedFind {
    display: block;
    text-align: right;
  }
  #header .spSideBar .sideBar form .advancedFind a {
    display: inline-block;
    padding: 0 0.5em 0 1em;
    font-size: 11px;
    line-height: 40px;
    color: #384;
  }
  #header .spSideBar .sideBar ul li {
    border-bottom: 1px solid;
  }
  #header .spSideBar .sideBar ul li a {
    padding: 5% 0;
    display: block;
  }
  #header .spSideBar .sideBar ul.nav {
    font-size: 15px;
  }
  #header .spSideBar .sideBar ul.nav li {
    border-color: #e5e5e5;
  }
  #header .spSideBar .sideBar ul.nav li a {
    padding-left: 26%;
    -webkit-background-size: 12% auto;
    -moz-background-size: 12% auto;
    background-size: 12% auto;
    background-repeat: no-repeat;
    background-position: 6% center;
  }
  #header .spSideBar .sideBar ul.nav li.signIn a,
  #header .spSideBar .sideBar ul.nav li.myPage a {
    background-image: url("../img/common/sp/sideBar_you.png");
  }
  #header .spSideBar .sideBar ul.nav li.logIn a {
    background-image: url("../img/common/sp/sideBar_login.png");
  }
  #header .spSideBar .sideBar ul.nav li.logOut a {
    background-image: url("../img/common/sp/sideBar_logout.png");
  }
  #header .spSideBar .sideBar ul.nav li.inquiry a {
    background-image: url("../img/common/sp/sideBar_inquiry.png");
  }
  #header .spSideBar .sideBar ul.nav li.help a {
    background-image: url("../img/common/sp/sideBar_help.png");
  }
  #header .spSideBar .sideBar ul.find {
    font-size: 15px;
  }
  #header .spSideBar .sideBar ul.find li {
    border-color: #e1ede3;
  }
  #header .spSideBar .sideBar ul.find li a {
    color: #384;
    padding-left: 6%;
    position: relative;
  }
  #header .spSideBar .sideBar ul.find li a:after {
    content: '';
    width: 15px;
    height: 15px;
    right: 5%;
    top: 50%;
    margin-top: -7.5px;
    border-color: #384;
    border-width: 2px;
    border-style: solid solid none none;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #header .spSideBar .sideBar a.to_coSite {
    padding: 5% 0 5% 6%;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px;
  }
  #header .spSideBar.open .sideBar {
    right: 0;
  }
}
#footer {
  background-color: #565656;
  color: #fff;
  padding: 16px 0 18px;
  letter-spacing: 0.1em;
  text-align: center;
}
#footer #pagetop {
  display: block;
  width: 44px;
  height: 44px;
  position: fixed;
  z-index: 9999;
  right: 0;
  bottom: 60px;
  background-color: #f2f2f2;
  font-size: 0;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
#footer #pagetop:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 18px;
  left: 50%;
  margin-left: -8px;
  border: 0 solid;
  border-top-width: 1px;
  border-left-width: 1px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#footer #pagetop.shop:before {
  display: none;
}
#footer #pagetop.shop img {
  width: 44px;
  height: 44px;
}
#footer .inner {
  position: relative;
}
#footer .nav {
  margin-bottom: 20px;
}
#footer .nav li {
  display: inline-block;
  margin-right: 1.5em;
}
#footer .nav li a {
  color: #fff;
}
#footer small {
  font-size: 12px;
}
#footer .banners {
  position: absolute;
  right: 0;
  top: 0.25em;
}
#footer .banners img {
  height: 57px;
}
#footer .banners img:first-child {
  margin-right: 5px;
}
@media (max-width: 767px) {
  #footer {
    text-align: center;
    padding: 0;
    position: relative;
  }
  #footer #pagetop {
    position: absolute;
  }
  #footer .nav {
    margin-bottom: 0;
    font-size: 13px;
  }
  #footer .nav li {
    margin: 0;
    display: block;
    padding: 4.5% 0;
    border-bottom: 1px solid #8c8c8c;
  }
  #footer small {
    font-size: 8px;
    display: block;
    padding: 4.5% 0;
  }
  #footer .banners {
    padding: 0 6.25%;
    position: static;
  }
  #footer .banners img {
    height: auto;
  }
  #footer .banners img:first-child {
    width: 45%;
    margin-right: 2%;
  }
  #footer .banners img:first-child +img {
    width: 53%;
  }
}
#taxonomy {
  background-color: #f2f2f2;
  padding-top: 35px;
}
#taxonomy .yakumono {
  display: inline-block;
  margin: 0 -0.2em;
}
#taxonomy a:hover .yakumono {
  text-decoration: underline;
}
#taxonomy .inner {
  font-size: 0;
}
#taxonomy .category {
  display: inline-block;
  vertical-align: top;
  margin-left: 70px;
}
#taxonomy .category p {
  font-size: 16px;
  padding-bottom: 8px;
  margin-bottom: 5px;
  border-bottom: 1px solid #d9d9d9;
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  font-weight: bold;
}
#taxonomy .category p a {
  color: #384;
}
#taxonomy .category p a:hover {
  text-decoration: none;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
#taxonomy .category.kajyoshiki {
  width: 260px;
  margin-bottom: 35px;
}
#taxonomy .category.gyousei_jichi {
  margin-left: 0;
}
#taxonomy .category ul {
  font-size: 12px;
  line-height: 2em;
}
#taxonomy .category ul:after {
  content: '';
  display: block;
  clear: both;
}
#taxonomy .category ul .left {
  width: 60%;
  float: left;
  clear: left;
}
#taxonomy .categoryLine {
  display: inline-block;
  vertical-align: top;
  width: 200px;
}
#taxonomy .categoryLine .category {
  width: 130px;
  margin-bottom: 34px;
}
@media (max-width: 767px) {
  #taxonomy {
    padding: 6.25% 6.25% 0;
  }
  #taxonomy .category {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 10%;
    width: auto !important;
    display: block;
  }
  #taxonomy .category.gyousei_jichi,
  #taxonomy .category.kajyoshiki {
    display: block;
    width: auto;
  }
  #taxonomy .category h3 {
    font-size: 14px;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
  }
  #taxonomy .category ul .left {
    width: 55%;
  }
  #taxonomy .categoryLine {
    display: block;
    width: auto;
  }
}
.header_message {
  padding: 10px 0;
  color: #c50018;
  font-size: 14px;
}
.header_message img {
  vertical-align: middle;
}
.header_message span {
  color: #565656;
}
@media (max-width: 767px) {
  .header_message {
    padding: 10px 3.125%;
  }
}
#contents {
  padding: 10px 0 80px;
}
@media (max-width: 767px) {
  #contents {
    padding: 0;
  }
}
#main {
  width: 1000px;
}
#main:after {
  content: '';
  display: block;
  clear: both;
}
@media (max-width: 767px) {
  #main {
    width: auto;
  }
}
#mainInner {
  width: 760px;
  float: left;
}
@media (max-width: 767px) {
  #mainInner {
    width: auto;
    float: none;
  }
}
#rightBar {
  width: 210px;
  float: right;
}
#rightBar ul.banner img {
  width: 100%;
}
#rightBar ul.banner li+li {
  margin-top: 15px;
}
#rightBar ul.banner.banner01,
#rightBar ul.banner.banner02 {
  margin-bottom: 30px;
}
#rightBar .booksBlock +.booksBlock {
  margin-top: 30px;
}
#rightBar .booksBlock .blockInner {
  background-color: #f5f9f5;
  border-radius: 10px;
  padding-bottom: 5px;
}
#rightBar .booksBlock h2 {
  color: #275a2f;
  font-size: 16px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding: 6px 15px 6px 10px;
  border-bottom: 1px solid #e1ede3;
  letter-spacing: 0.1em;
}
#rightBar .booksBlock ul li {
  padding: 15px 15px 15px 10px;
  font-size: 0;
}
#rightBar .booksBlock ul li +li {
  border-top: 1px dotted #dedfde;
}
#rightBar .booksBlock ul .img,
#rightBar .booksBlock ul .text {
  display: inline-block;
  vertical-align: bottom;
}
#rightBar .booksBlock ul .img {
  margin-right: 10px;
  width: 60px;
}
#rightBar .booksBlock ul .img img {
  max-width: 100%;
  height: auto;
}
#rightBar .booksBlock ul .text {
  width: 115px;
  font-size: 12px;
}
#rightBar .booksBlock ul .text .categoryTag {
  margin-bottom: 3px;
}
#rightBar .booksBlock ul .text .title {
  line-height: 16px;
  max-height: 32px;
  overflow: hidden;
  margin-bottom: 3px;
  color: #000;
  text-align: justify;
  display: block;
}
#rightBar .booksBlock .to_list {
  text-align: right;
  padding: 5px 15px 0 0;
}
#rightBar .booksBlock +.banner {
  margin-top: 27px;
}
#rightBar .hotSeller {
  margin-top: 30px;
}
#rightBar .hotSeller .blockInner {
  background-color: #f5f9f5;
  border-radius: 10px;
  padding-bottom: 5px;
}
#rightBar .hotSeller h2 {
  color: #275a2f;
  font-size: 16px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding: 6px 15px 6px 10px;
  border-bottom: 1px solid #e1ede3;
  letter-spacing: 0.1em;
}
#rightBar .hotSeller ul li {
  padding: 40px 15px 15px 10px;
  font-size: 0;
  position: relative;
}
#rightBar .hotSeller ul li +li {
  border-top: 1px dotted #dedfde;
}
#rightBar .hotSeller ul .img,
#rightBar .hotSeller ul .text {
  display: inline-block;
  vertical-align: bottom;
}
#rightBar .hotSeller ul .img {
  margin-right: 10px;
  width: 60px;
}
#rightBar .hotSeller ul .img img {
  max-width: 100%;
  height: auto;
}
#rightBar .hotSeller ul .text {
  width: 115px;
  font-size: 12px;
}
#rightBar .hotSeller ul .text .rank {
  width: 55px;
  position: absolute;
  top: 13px;
  left: 10px;
}
#rightBar .hotSeller ul .text .rank img {
  max-width: 100%;
}
#rightBar .hotSeller ul .text .categoryTag {
  margin-bottom: 3px;
}
#rightBar .hotSeller ul .text .title {
  line-height: 16px;
  max-height: 32px;
  overflow: hidden;
  margin-bottom: 3px;
  color: #000;
  text-align: justify;
  display: block;
}
#rightBar .hotSeller .to_list {
  text-align: right;
  padding: 5px 15px 0 0;
}
#rightBar .hotSeller +.banner {
  margin-top: 30px;
}
#rightBar .signs {
  font-size: 0;
}
#rightBar .signs li {
  display: inline-block;
}
#rightBar .signs li +li {
  margin-left: 15px;
}
@media (max-width: 767px) {
  #rightBar {
    width: auto;
    float: none;
    padding: 6.6666666666% 3.125% 10%;
  }
  #rightBar ul.banner {
    padding: 0 3.3333333333%;
  }
  #rightBar ul.banner li +li {
    margin-top: 6.6666666666%;
  }
  #rightBar ul.banner li img {
    width: 100%;
  }
  #rightBar ul.banner.banner01,
  #rightBar ul.banner.banner02 {
    margin-bottom: 6.6666666666%;
  }
  #rightBar ul.banner.banner03 {
    font-size: 0;
  }
  #rightBar ul.banner.banner03 li {
    display: inline-block;
    width: 45%;
  }
  #rightBar ul.banner.banner03 li +li {
    margin: 0 0 0 10%;
  }
  #rightBar .booksBlock h2 {
    font-size: 15px;
    padding: 4.75% 3.3333333333%;
  }
  #rightBar .booksBlock ul {
    font-size: 0;
    padding: 6.6666666666% 3.3333333333% 5.8333333333%;
    white-space: nowrap;
    overflow: hidden;
  }
  #rightBar .booksBlock ul li {
    vertical-align: top;
    display: inline-block;
    font-size: 12px;
    width: 46.428571428571%;
    padding: 0;
  }
  #rightBar .booksBlock ul li .text,
  #rightBar .booksBlock ul li .img {
    display: block;
    white-space: normal;
  }
  #rightBar .booksBlock ul li .img {
    width: auto;
    text-align: center;
    margin-bottom: 15%;
  }
  #rightBar .booksBlock ul li .img img {
    width: 65%;
  }
  #rightBar .booksBlock ul li .text {
    width: auto;
  }
  #rightBar .booksBlock ul li .text .title {
    line-height: 20px;
    max-height: 40px;
  }
  #rightBar .booksBlock ul li +li {
    border-top: none;
    margin-left: 7.142857142857%;
  }
  #rightBar .booksBlock .to_list {
    font-size: 12px;
    padding-right: 3.3333333333%;
  }
  #rightBar .hotSeller {
    margin-top: 6.6666666666%;
  }
  #rightBar .hotSeller .blockInner {
    background-color: #f5f9f5;
    border-radius: 10px;
    padding-bottom: 5px;
  }
  #rightBar .hotSeller .blockInner h2 {
    font-size: 15px;
    padding: 4.75% 3.3333333333%;
    color: #275a2f;
    border-bottom: 1px solid #e1ede3;
    letter-spacing: 0.1em;
  }
  #rightBar .hotSeller .blockInner ul li {
    padding: 6.6666666666% 3.3333333333%;
    font-size: 0;
  }
  #rightBar .hotSeller .blockInner ul li +li {
    border-top: 1px dotted #dedfde;
  }
  #rightBar .hotSeller .blockInner ul .img,
  #rightBar .hotSeller .blockInner ul .text {
    display: inline-block;
    vertical-align: bottom;
    width: 50%;
  }
  #rightBar .hotSeller .blockInner ul .img {
    text-align: center;
    margin-right: 0;
  }
  #rightBar .hotSeller .blockInner ul .img img {
    max-width: 62%;
    height: auto;
  }
  #rightBar .hotSeller .blockInner ul .text {
    padding-left: 3.3333333333%;
    font-size: 12px;
  }
  #rightBar .hotSeller .blockInner ul .text .rank {
    position: static;
    margin-bottom: 6.6666666666%;
    width: 40%;
  }
  #rightBar .hotSeller .blockInner ul .text .categoryTag {
    margin-bottom: 3px;
  }
  #rightBar .hotSeller .blockInner ul .text .title {
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    margin-bottom: 3px;
    color: #000;
    text-align: justify;
  }
  #rightBar .hotSeller .to_list {
    text-align: right;
    font-size: 12px;
    padding: 5px 3.3333333333% 0 0;
  }
  #rightBar .signs {
    text-align: center;
  }
  #rightBar .signs li:first-child {
    width: 28%;
  }
  #rightBar .signs li +li {
    width: 40%;
    margin-left: 7%;
  }
}
.taxobox_contents {
  display: none;
}
.taxoBox {
  margin-bottom: 25px;
  position: relative;
}
.taxoBox h2 {
  color: #384;
  background-color: #f5f9f5;
  font-size: 18px;
  letter-spacing: 0.1em;
  padding: 6px 0 6px 20px;
  margin-bottom: 20px;
}
.taxoBox ul.tabs {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
}
.taxoBox ul.tabs li {
  display: table-cell;
  height: 101px;
  border: 1px solid #d9d9d9;
  background-position: center top;
  cursor: pointer;
}
.taxoBox ul.tabs li:hover {
  background-position: center -100%;
}
.taxoBox ul.tabs li.current {
  background-position: center -200%;
}
.taxoBox ul.tabs li.gyousei_jichi {
  background-image: url("../img/common/taxoBox_gyousei_jichi.jpg");
}
.taxoBox ul.tabs li.kyouiku_bunka {
  background-image: url("../img/common/taxoBox_kyouiku_bunka.jpg");
}
.taxoBox ul.tabs li.housou_houmu {
  background-image: url("../img/common/taxoBox_housou_houmu.jpg");
}
.taxoBox ul.tabs li.zeimu_keiei {
  background-image: url("../img/common/taxoBox_zeimu_keiei.jpg");
}
.taxoBox ul.tabs li.kyouyou_ippan {
  background-image: url("../img/common/taxoBox_kyouyou_ippan.jpg");
}
.taxoBox ul.tabs li.magazine {
  background-image: url("../img/common/taxoBox_magazine.jpg");
}
.taxoBox ul.tabs li.kajyoshiki {
  background-image: url("../img/common/taxoBox_kajyoshiki.jpg");
}
.taxoBox ul.tabs li.allCat {
  background-image: url("../img/common/taxoBox_allCat.jpg");
}
.taxoBox ul.tabs li.allCat a {
  display: block;
  width: 100%;
  height: 100%;
}
.taxoBox .tabContainer .tabContent {
  border-width: 1px 2px;
  border-color: #d9d9d9;
  border-style: solid;
  padding: 40px 0 20px;
  overflow: hidden;
  display: none;
}
.taxoBox .tabContainer .tabContent >ul {
  margin-bottom: 35px;
  height: 224px;
  position: relative;
  left: 30px;
  overflow: hidden;
}
.taxoBox .tabContainer .tabContent >ul ul li:before {
  content: '└';
  display: inline-block;
}
.taxoBox .tabContainer .tabContent >ul ul li.ttl:before {
  content: none;
}
.taxoBox .tabContainer .tabContent >ul li.link {
  position: relative;
  width: 233px;
  font-size: 12px;
  line-height: 28px;
  white-space: nowrap;
}
.taxoBox .tabContainer .tabContent >ul li.link a {
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  -ms-transition: 0s;
  transition: 0s;
}
.taxoBox .tabContainer .tabContent .closeButton {
  font-size: 14px;
  width: 696px;
  text-align: center;
  margin: 0 auto;
  line-height: 35px;
  cursor: pointer;
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
}
.taxoBox .tabContainer .tabContent .closeButton span {
  display: inline-block;
  margin-left: 0.5em;
  font-size: 20px;
  vertical-align: sub;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 100;
  line-height: 1em;
}
.taxoBox .tabContainer .tabContent.gyousei_jichi .closeButton {
  color: #9e323f;
  background-color: #faf5f5;
}
.taxoBox .tabContainer .tabContent.kyouiku_bunka .closeButton {
  color: #77b46f;
  background-color: #f8fbf8;
}
.taxoBox .tabContainer .tabContent.housou_houmu .closeButton {
  color: #9a6389;
  background-color: #faf7f9;
}
.taxoBox .tabContainer .tabContent.zeimu_keiei .closeButton {
  color: #ab966f;
  background-color: #fbfaf8;
}
.taxoBox .tabContainer .tabContent.kyouyou_ippan .closeButton {
  color: #5c6e91;
  background-color: #f7f8f9;
}
.taxoBox .tabContainer .tabContent.magazine .closeButton {
  color: #78a9ac;
  background-color: #f8fbfb;
}
.taxoBox .tabContainer .tabContent.kajyoshiki .closeButton {
  color: #ffac8a;
  background-color: #fffbf9;
}
@media (max-width: 767px) {
  .taxoBox {
    width: auto;
  }
  .taxoBox h2 {
    font-size: 15px;
    padding: 3.125%;
  }
  .taxoBox ul.tabs {
    display: block;
    font-size: 0;
  }
  .taxoBox ul.tabs li {
    display: inline-block;
    width: 50%;
    height: auto;
    padding-top: 20%;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    border: none;
  }
  .taxoBox ul.tabs li:hover {
    background-position: center 0;
  }
  .taxoBox ul.tabs li.current {
    background-position: center -100%;
  }
  .taxoBox ul.tabs li.gyousei_jichi {
    background-image: url("../img/common/sp/taxoBox_gyousei_jichi.jpg");
  }
  .taxoBox ul.tabs li.kyouiku_bunka {
    background-image: url("../img/common/sp/taxoBox_kyouiku_bunka.jpg");
  }
  .taxoBox ul.tabs li.housou_houmu {
    background-image: url("../img/common/sp/taxoBox_housou_houmu.jpg");
  }
  .taxoBox ul.tabs li.zeimu_keiei {
    background-image: url("../img/common/sp/taxoBox_zeimu_keiei.jpg");
  }
  .taxoBox ul.tabs li.kyouyou_ippan {
    background-image: url("../img/common/sp/taxoBox_kyouyou_ippan.jpg");
  }
  .taxoBox ul.tabs li.magazine {
    background-image: url("../img/common/sp/taxoBox_magazine.jpg");
  }
  .taxoBox ul.tabs li.kajyoshiki {
    background-image: url("../img/common/sp/taxoBox_kajyoshiki.jpg");
  }
  .taxoBox ul.tabs li.allCat {
    /*.background-image: url("../img/common/sp/taxoBox_allCat.jpg");*/
    padding-top: 0;
    background-image: none;
  }
  .taxoBox ul.tabs li.allCat img {
    width: 100%;
  }
  .taxoBox .tabContainer .tabContent {
    padding: 3.125% 5%;
    border: none;
  }
  .taxoBox .tabContainer .tabContent >ul {
    height: auto;
    position: static;
  }
  .taxoBox .tabContainer .tabContent >ul li.link {
    width: auto;
    position: static;
    font-size: 11px;
    white-space: normal;
    padding: 0 1em 0 0;
  }
  .taxoBox .tabContainer .tabContent >ul li.link:before {
    margin: 0 -0.25em;
  }
  .taxoBox .tabContainer .tabContent >ul li.link.left {
    width: 50.1%;
    float: left;
    clear: left;
  }
  .taxoBox .tabContainer .tabContent .closeButton {
    width: auto;
  }
}
ul.pagenation {
  font-size: 0;
  text-align: center;
  margin: 0 auto;
}
ul.pagenation li {
  display: inline-block;
  height: 47px;
  width: 44px;
  position: relative;
  margin: 0 -0.5px;
}
ul.pagenation li a {
  color: #384;
  border: 1px solid #d9d9d9;
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  font-size: 18px;
  line-height: 45px;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  -ms-transition: 0s;
  transition: 0s;
}
ul.pagenation li:hover,
ul.pagenation li.current {
  z-index: 2;
}
ul.pagenation li:hover a,
ul.pagenation li.current a {
  background-color: #384;
  color: #fff;
  border-color: #384;
  text-decoration: none;
}
ul.pagenation li.prev a,
ul.pagenation li.next a {
  font-size: 0;
  background-position: center center;
  background-repeat: no-repeat;
}
ul.pagenation li.prev a {
  background-image: url("../img/product/pagenation_prev.png");
}
ul.pagenation li.prev a:hover {
  background-image: url("../img/product/pagenation_prev_hov.png");
}
ul.pagenation li.next a {
  background-image: url("../img/product/pagenation_next.png");
}
ul.pagenation li.next a:hover {
  background-image: url("../img/product/pagenation_next_hov.png");
}
@media (max-width: 767px) {
  ul.pagenation ul.pagenation {
    padding: 0 6.25%;
  }
  ul.pagenation ul.pagenation li {
    font-size: 16px;
    width: 14.5%;
  }
}
.bookShelfText {
  text-align: left;
  color: #384;
  font-size: 14px;
}
#bookShelf {
  height: 250px;
  background-image: url("../img/top/bookShelf.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
  line-height: 210px;
  position: relative;
}
#bookShelf ul {
  display: inline-block;
  text-align: center;
  width: 100%;
  bottom: 0;
  vertical-align: bottom;
  overflow: 0;
  top: 0;
}
#bookShelf ul li {
  display: inline-block;
  vertical-align: bottom;
  width: 115px;
}
#bookShelf ul li a:hover img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  animation: bookShelf 1s infinite;
}
@keyframes bookShelf {
  0% {
    transform: translate(1px, 0px);
  }
  5% {
    transform: translate(-1px, 0px);
  }
  10% {
    transform: translate(1px, 0px);
  }
  15% {
    transform: translate(-1px, 0px);
  }
  20% {
    transform: translate(1px, 0px);
  }
  25% {
    transform: translate(-1px, 0px);
  }
  30% {
    transform: translate(0px, 0px);
  }
}
#bookShelf ul li img {
  width: 100%;
}
#bookShelf ul li +li {
  margin-left: 55px;
}
#bookShelf .button .arrow {
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  top: 50%;
  margin-top: -15px;
  background-position: top left;
  background-repeat: no-repeat;
  cursor: pointer;
}
#bookShelf .button .arrow.left {
  left: 20px;
  background-image: url("../img/top/bookShelf_arrow_l.png");
}
#bookShelf .button .arrow.right {
  right: 20px;
  background-image: url("../img/top/bookShelf_arrow_r.png");
}
#bookShelf +.node {
  width: 100%;
  text-align: center;
  height: 40px;
  position: relative;
}
#bookShelf +.node ol {
  width: 100%;
  height: 10px;
  line-height: 10px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
}
#bookShelf +.node li {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #d9d9d9;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
#bookShelf +.node li.current {
  background-color: #384;
}
#bookShelf +.node li +li {
  margin-left: 12px;
}
@media (max-width: 767px) {
  .bookShelfText {
    padding: 0 3.125%;
    text-align: center;
    font-size: 13px;
  }
  #bookShelf {
    background-image: url("../img/top/sp/bookShelf.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    height: 0;
    padding-top: 50%;
    margin-bottom: 0;
    line-height: normal;
  }
  #bookShelf .plate {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  #bookShelf ul {
    padding-bottom: 7.5%;
  }
  #bookShelf ul li {
    width: 21.875%;
  }
  #bookShelf ul li +li {
    margin-left: 5%;
  }
  #bookShelf .button .arrow {
    width: 23px;
    height: 23px;
    margin-top: -11.5px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
  }
  #bookShelf .button .arrow.left {
    left: 3.125%;
  }
  #bookShelf .button .arrow.right {
    right: 3.125%;
  }
  #bookShelf +.node {
    height: 0;
    padding-top: 9.375%;
  }
}
.adSlider {
  padding: 30px;
  background-color: #f2f2f2;
  margin-top: 30px;
  font-size: 0;
}
.adSlider ul {
  display: flex;
  flex-wrap: wrap;
}
.adSlider ul li {
  display: inline-block;
  width: 150px;
}
.adSlider ul li img {
  width: 100%;
}
.adSlider ul li + li {
  margin-left: 30px;
}
.adSlider ul li:nth-child(4n+1) {
  margin-left: 0;
}
.adSlider ul li:nth-child(n+5) {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .adSlider {
    width: 100%;
    padding: 0;
  }
  .adSlider ul {
    padding: 5% 8% 8%;
  }
  .adSlider ul li {
    width: 46.333333333333336%;
  }
  .adSlider ul li + li,
  .adSlider ul li:nth-child(4n+1) {
    margin-left: 3.3333333333%;
  }
  .adSlider ul li:nth-child(n+3) {
    margin-top: 15px;
  }
}
#mainInner .booksBlock.newBooks {
  margin-bottom: 30px;
}
#mainInner .booksBlock.newBooks h2 {
  color: #384;
  background-color: #f5f9f5;
  font-size: 18px;
  letter-spacing: 0.1em;
  padding: 6px 0 6px 20px;
  margin-bottom: 20px;
}
#mainInner .booksBlock.newBooks ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
#mainInner .booksBlock.newBooks ul li {
  width: 32.1%;
  padding: 10px;
  background: #f5f9f5;
}
#mainInner .booksBlock.newBooks ul li + li {
  margin-left: 12px;
}
#mainInner .booksBlock.newBooks ul li .img {
  display: inline-block;
  width: 105px;
  margin-right: 8px;
}
#mainInner .booksBlock.newBooks ul li .img img {
  width: 100%;
}
#mainInner .booksBlock.newBooks ul li .text {
  display: inline-block;
  font-size: 14px;
  width:105px;
}
#mainInner .booksBlock.newBooks ul li .text .categoryTag {
  display: inline-block;
}
#mainInner .booksBlock.newBooks .to_list a {
  display: block;
  width: 360px;
  margin: 0 auto;
  padding: 0.5rem;
  text-align: center;
  background: #9e323f;
  color: #fff;
}
#mainInner .booksBlock.newBooks .to_list a:hover {
  text-decoration: none;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
@media (max-width: 767px) {
  #mainInner .booksBlock.newBooks h2 {
    font-size: 15px;
    padding: 3.125%;
  }
  #mainInner .booksBlock.newBooks ul {
    margin-bottom: 3%;
  }
  #mainInner .booksBlock.newBooks ul li {
    width: 100%;
    padding: 12% 5% 12% 11.875%;
    margin-bottom: 3px;
  }
  .booksBlock.newBooks ul li + li {
    margin-left: 0;
  }
  #mainInner .booksBlock.newBooks ul li:nth-child(n + 3) {
    display: none;
  }
  #mainInner .booksBlock.newBooks ul li .img {
    width: 30.357142857142854%;
    margin-right: 15%;
    vertical-align: top;
  }
  #mainInner .booksBlock.newBooks ul li .text {
    width: 10em;
    font-size: 12px;
  }
  #mainInner .booksBlock.newBooks .to_list a {
    width: auto;
    margin: 0 5%;
  }
}
.recommendedBooks {
  margin-bottom: 30px;
}
.recommendedBooks h2 {
  color: #384;
  background-color: #f5f9f5;
  font-size: 18px;
  letter-spacing: 0.1em;
  padding: 6px 0 6px 20px;
  margin-bottom: 20px;
}
.recommendedBooks .tabBox h3 {
  font-size: 18px;
  width: 100%;
  text-align: center;
  background-color: #384;
  color: #fff;
  letter-spacing: 0.1em;
  padding: 14px 0 10px;
  border-radius: 10px 10px 0 0;
}
.recommendedBooks .tabBox .tabContainer {
  margin-bottom: 30px;
  border: 2px solid #384;
}
.recommendedBooks .tabBox .tabContainer .tabContent {
  padding: 30px 5px 23px 16px;
}
.recommendedBooks .tabBox .tabContainer .tabContent +.tabContent {
  display: none;
}
.recommendedBooks .tabBox .tabContainer .tabContent ul {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}
.recommendedBooks .tabBox .tabContainer .tabContent ul li {
  width: 31.3%;
}
.recommendedBooks .tabBox .tabContainer .tabContent ul li .rank {
  margin-bottom: 13px;
}
.recommendedBooks .tabBox .tabContainer .tabContent ul li .product .img,
.recommendedBooks .tabBox .tabContainer .tabContent ul li .product .text {
  display: inline-block;
  vertical-align: bottom;
}
.recommendedBooks .tabBox .tabContainer .tabContent ul li .product .img {
  margin-right: 8px;
  width: 105px;
}
.recommendedBooks .tabBox .tabContainer .tabContent ul li .product .img img {
  width: 100%;
}
.recommendedBooks .tabBox .tabContainer .tabContent ul li .product .text {
  font-size: 14px;
}
.recommendedBooks .tabBox .tabContainer .tabContent ul li .product .text .categoryTag {
  margin-bottom: 7px;
}
.recommendedBooks .tabBox .tabContainer .tabContent ul li .product .text .title {
  display: block;
  width: 7em;
  line-height: 18px;
  margin-bottom: 5px;
}
.recommendedBooks .tabBox .tabContainer .tabContent ul li .product .text .pricetag {
  color: #777;
  line-height: 1em;
}
.recommendedBooks .tabBox .tabContainer .tabContent ul li + li {
  margin-left: 12px;
}
.recommendedBooks .tabBox .tabContainer .tabContent ul li:nth-child(3n+1) {
  margin-left: 0;
} 
.recommendedBooks .tabBox .tabContainer .tabContent ul li:nth-child(n+4) {
  margin-top: 12px;
}
.recommendedBooks .tabBox .tabContainer .tabContent .to_list a {
  display: block;
  width: 360px;
  margin: 0 auto;
  padding: 0.5rem;
  text-align: center;
  background: #9e323f;
  color: #fff;
}
.recommendedBooks .tabBox .tabContainer .tabContent .to_list a:hover {
  text-decoration: none;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
@media (max-width: 767px) {
  .recommendedBooks h2 {
    margin-bottom: 0;
    font-size: 15px;
    padding: 3.125%;
  }
  .recommendedBooks .tabBox h3 {
    border-radius: 0;
    font-size: 13px;
  }
  .recommendedBooks .tabBox .tabContainer {
    border-width: 4px;
  }
  .recommendedBooks .tabBox .tabContainer .tabContent {
    padding: 0 0 4.5%;
  }
  .recommendedBooks .tabBox .tabContainer .tabContent ul {
    padding: 0 5%;
    margin-bottom: 0;
  }
  .recommendedBooks .tabBox .tabContainer .tabContent ul li {
    display: block;
    padding: 12% 0;
    padding-left: 6.875%;
    position: relative;
    width: 100%;
  }
  .recommendedBooks .tabBox .tabContainer .tabContent ul li .rank {
    position: absolute;
    left: 49%;
    top: 0;
    padding-top: 16%;
  }
  .recommendedBooks .tabBox .tabContainer .tabContent ul li .product .img {
    width: 30.357142857142854%;
    margin-right: 15%;
  }
  .recommendedBooks .tabBox .tabContainer .tabContent ul li .product .text {
    width: 10em;
    font-size: 12px;
  }
  .recommendedBooks .tabBox .tabContainer .tabContent ul li .product .text .title {
    width: auto;
  }
  .recommendedBooks .tabBox .tabContainer .tabContent ul li +li {
    margin-left: 0;
    border-top: 1px dotted #dbdbdb;
  }
  .recommendedBooks .tabBox .tabContainer .tabContent .to_list a {
    width: auto;
    margin: 0 5%;
  }
}
@media (max-width: 767px) {
  .recommendedBooks ul.slider {
    position: relative;
  }
  .recommendedBooks ul.slider {
    padding: 0 6.25%;
  }
  .recommendedBooks ul.slider button {
    display: block;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #4b4b4b;
    border-radius: 50%;
    background-color: transparent;
    -webkit-background-size: 100% 100%;
      -moz-background-size: 100% 100%;
            background-size: 100% 100%;
    font-size: 0;
    -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
            transition: 0.3s;
    -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .recommendedBooks ul.slider button.slick-prev {
    left: 3.125%;
    background-image: url("../img/top/bookShelf_arrow_l.png");
  }
  .recommendedBooks ul.slider button.slick-next {
    right: 3.125%;
    background-image: url("../img/top/bookShelf_arrow_r.png");
  }
  .recommendedBooks ul.slider {
    overflow: hidden !important;
    width: auto !important;
    margin: 0 auto;
    text-align: center;
  }
  .recommendedBooks .tabBox .tabContainer .tabContent ul.slider li {
    display: inline-block !important;
    padding: 1.333% 0 1.333% 2%;
    border-top: none;
  }
  .recommendedBooks .tabBox .tabContainer .tabContent ul.slider li .product {
    display: flex;
    width: 100%;
  }
  .recommendedBooks .tabBox .tabContainer .tabContent ul.slider li .rankText {
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  .recommendedBooks .tabBox .tabContainer .tabContent ul.slider li .rank {
    position: static;
    padding-top: 0;
  }
}
.greenBox {
  background-color: #f5f9f5;
  padding: 0 20px 20px;
}
.greenBox +.greenBox {
  margin-top: 30px;
}
.greenBox >.title {
  font-size: 0;
  padding: 16px 0;
}
.greenBox >.title h2,
.greenBox >.title .to_list {
  display: inline-block;
  width: 50%;
}
.greenBox >.title h2 {
  font-size: 18px;
  color: #384;
  letter-spacing: 0.1em;
}
.greenBox >.title .to_list {
  font-size: 12px;
  text-align: right;
}
.greenBox .boxInner {
  background-color: #fff;
  padding: 0 20px 25px;
}
.greenBox .boxInner ul +ul {
  border-top: 1px dotted #dedfde;
  margin-bottom: 10px;
}
.greenBox .boxInner ul li {
  display: table;
  font-size: 14px;
  width: 100%;
}
.greenBox .boxInner ul li +li {
  border-top: 1px dotted #dedfde;
}
.greenBox .boxInner ul li .attr,
.greenBox .boxInner ul li .title {
  display: table-cell;
  padding-top: 27px;
  padding-bottom: 27px;
}
.greenBox .boxInner ul li .attr {
  width: 235px;
}
.greenBox .boxInner ul li .attr time,
.greenBox .boxInner ul li .attr .categoryTag {
  display: inline-block;
  vertical-align: middle;
}
.greenBox .boxInner ul li .attr time {
  margin-right: 0.5em;
}
.greenBox .boxInner ul li .title {
  line-height: 20px;
}
.greenBox .boxInner .more {
  display: block;
  padding: 6px 0;
  font-size: 14px;
  text-align: center;
  background-color: #f2f2f2;
  cursor: pointer;
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
}
.greenBox .boxInner .more .arrow {
  width: 18px;
  height: 10px;
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5em;
  background-image: url("../img/top/arrowDown.png");
  background-repeat: no-repeat;
}
.greenBox .boxInner .more .arrow.up {
  background-image: url("../img/top/arrowUp.png");
}
@media (max-width: 767px) {
  .greenBox {
    padding: 0 3.125% 3.125%;
  }
  .greenBox +.greenBox {
    margin-top: 9.375%;
  }
  .greenBox .title {
    padding: 5% 3.125%;
  }
  .greenBox .title h2 {
    font-size: 15px;
  }
  .greenBox .title .to_list {
    font-size: 12px;
  }
  .greenBox .boxInner {
    padding: 0 3.125% 3.125%;
  }
  .greenBox .boxInner ul {
    margin-bottom: 0;
  }
  .greenBox .boxInner ul li {
    display: block;
    padding: 1em 0;
    font-size: 12px;
  }
  .greenBox .boxInner ul li .attr,
  .greenBox .boxInner ul li .title {
    padding: 0;
    display: block;
  }
  .greenBox .boxInner ul li .attr {
    margin-bottom: 0.5em;
  }
}
#page_homepage #rightBar .booksBlock.recommended,
#page_homepage #rightBar .hotSeller {
  display: none;
}
.productsBox {
  margin-top: 50px;
  margin-bottom: 5.78125%;
}
.productsBox >.title {
  background-color: #f5f9f5;
  font-size: 0;
  padding: 6.5px 20px;
  margin-bottom: 40px;
}
.productsBox >.title:after {
  content: '';
  display: block;
  clear: both;
}
.productsBox >.title h1 {
  color: #384;
  font-size: 18px;
  float: left;
}
.productsBox >.title .button {
  width: 70%;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 14px;
  text-align: right;
  float: right;
}
.productsBox >.title .button >div {
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  position: relative;
}
.productsBox >.title .button >div:after {
  content: '';
  content: none 9;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 13px;
  height: 7px;
  margin-top: -2.5px;
  background-image: url("../img/product/selectArrow.png");
  background-repeat: no-repeat;
  vertical-align: baseline;
}
.productsBox >.title .button >div:not(:target):after {
  content: none 9;
}
.productsBox >.title .button >div +div {
  margin-left: 1em;
}
.productsBox >.title .button select {
  font-family: 'Noto Sans Japanese', sans-serif;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  font-size: 14px;
  color: #384;
  padding: 0 6em 0 0;
  margin-right: -4.5em;
  border-radius: 0;
}
.productsBox >.title .button select option {
  padding: 0;
  min-height: auto;
}
.productsBox ul.products {
  font-size: 0;
}
.productsBox ul.products li {
  display: inline-block;
  width: 20%;
  margin: 0 5% 50px 0;
  vertical-align: top;
  position: relative;
}
.productsBox ul.products li .new {
  position: absolute;
  width: 30px;
  height: 30px;
  top: -15px;
  right: -15px;
}
.productsBox ul.products li .new img {
  width: 100%;
}
.productsBox ul.products li .rank {
  font-size: 14px;
  margin-bottom: 20px;
  letter-spacing: 0.1em;
}
.productsBox ul.products li .rank .new {
  top: 30px;
  right: 15px;
}
.productsBox ul.products li .rank .num {
  font-size: 20px;
  display: inline-block;
}
.productsBox ul.products li .img {
  text-align: center;
  margin-bottom: 20px;
}
.productsBox ul.products li .img img {
  height: 160px;
}
.productsBox ul.products li .detail .title {
  font-size: 14px;
  font-weight: bold;
  padding: 0.5em 0;
}
.productsBox ul.products li .detail dl {
  font-size: 12px;
  line-height: 18px;
}
.productsBox ul.products li .detail dl +dl {
  margin-top: 0.75em;
}
.productsBox ul.products li.best_1,
.productsBox ul.products li.best_2,
.productsBox ul.products li.best_3 {
  width: 30%;
  margin-right: 0;
}
.productsBox ul.products li.best_1 .rank:before,
.productsBox ul.products li.best_2 .rank:before,
.productsBox ul.products li.best_3 .rank:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 14px;
  vertical-align: baseline;
  background-repeat: no-repeat;
  margin-right: 0.5em;
}
.productsBox ul.products li.best_1 .rank {
  color: #c3a355;
}
.productsBox ul.products li.best_1 .rank:before {
  background-image: url("../img/product/crown_1.png");
}
.productsBox ul.products li.best_2 {
  margin-left: 5%;
}
.productsBox ul.products li.best_2 .rank {
  color: #a6a6a6;
}
.productsBox ul.products li.best_2 .rank:before {
  background-image: url("../img/product/crown_2.png");
}
.productsBox ul.products li.best_3 {
  margin-left: 5%;
}
.productsBox ul.products li.best_3 .rank {
  color: #c1937b;
}
.productsBox ul.products li.best_3 .rank:before {
  background-image: url("../img/product/crown_3.png");
}
@media (max-width: 767px) {
  .productsBox .title {
    background-color: transparent;
    padding: 0;
    margin-bottom: 6.25%;
  }
  .productsBox .title h2,
  .productsBox .title .button {
    display: block;
    width: auto;
    float: none;
  }
  .productsBox .title h2 {
    padding: 5.703125% 6.25%;
    background-color: #f5f9f5;
    margin-bottom: 4px;
  }
  .productsBox .title .button {
    font-size: 12px;
    padding: 0 3.125%;
    line-height: 25px;
  }
  .productsBox .title .button >div {
    width: auto;
    margin-right: 0;
  }
  .productsBox .title .button >div:after {
    width: 15px;
    height: 8px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    right: 3.125%;
  }
  .productsBox .title .button select {
    font-size: 12px;
  }
  .productsBox .title .button >div:first-child {
    padding-right: 1em;
    border-right: 1px solid #dadada;
  }
  .productsBox .title .button >div:first-child +div {
    padding-left: 1em;
  }
  .productsBox ul.products {
    padding: 0 6.25%;
  }
  .productsBox ul.products li {
    width: 45%;
    font-size: 0;
    margin: 0 0 10.3125% 0;
  }
  .productsBox ul.products li:nth-of-type(odd) {
    margin-right: 4%;
  }
  .productsBox ul.products li .new {
    width: 35px;
    right: 0;
    top: 0;
    padding-top: 70%;
  }
  .productsBox ul.products li .rank {
    position: absolute;
    margin-bottom: 0;
    left: 42%;
    line-height: 1em;
  }
  .productsBox ul.products li .rank ~.detail {
    padding-top: 8%;
  }
  .productsBox ul.products li .img img {
    width: 65%;
    height: auto;
  }
  .productsBox ul.products li .detail .title {
    font-size: 12px;
    line-height: 20px;
  }
  .productsBox ul.products li .detail dl {
    font-size: 12px;
    line-height: 18px;
  }
  .productsBox ul.products li .detail dl +dl {
    margin-top: 0.25em;
  }
  .productsBox ul.products.ranking li {
    display: block;
    width: auto;
  }
  .productsBox ul.products.ranking li .new {
    width: 45px;
    right: 10%;
    padding-top: 8%;
  }
  .productsBox ul.products.ranking li .img,
  .productsBox ul.products.ranking li .detail {
    display: inline-block;
    vertical-align: top;
  }
  .productsBox ul.products.ranking li .img {
    width: 40%;
    padding-right: 5%;
  }
  .productsBox ul.products.ranking li .detail {
    width: 60%;
  }
  .productsBox ul.products.ranking li .detail .title {
    font-size: 15px;
  }
  .productsBox ul.products.ranking li.best_1,
  .productsBox ul.products.ranking li.best_2,
  .productsBox ul.products.ranking li.best_3 {
    margin: 0 0 9.375% 0;
    width: auto;
  }
  .productsBox ul.products.ranking li.best_1 .rank,
  .productsBox ul.products.ranking li.best_2 .rank,
  .productsBox ul.products.ranking li.best_3 .rank {
    margin-bottom: 4.6875%;
    position: static;
    font-size: 19px;
  }
  .productsBox ul.products.ranking li.best_1 .rank .num,
  .productsBox ul.products.ranking li.best_2 .rank .num,
  .productsBox ul.products.ranking li.best_3 .rank .num {
    font-size: 27px;
  }
  .productsBox ul.products.ranking li.best_1 .rank:before,
  .productsBox ul.products.ranking li.best_2 .rank:before,
  .productsBox ul.products.ranking li.best_3 .rank:before {
    margin-right: 0;
    width: 10%;
    height: 1em;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }
  .productsBox ul.products.ranking li.best_1 .img,
  .productsBox ul.products.ranking li.best_2 .img,
  .productsBox ul.products.ranking li.best_3 .img {
    width: auto;
    display: block;
    padding-right: 0;
    margin-bottom: 6.25%;
  }
  .productsBox ul.products.ranking li.best_1 .img img,
  .productsBox ul.products.ranking li.best_2 .img img,
  .productsBox ul.products.ranking li.best_3 .img img {
    width: 45%;
  }
  .productsBox ul.products.ranking li.best_1 .detail,
  .productsBox ul.products.ranking li.best_2 .detail,
  .productsBox ul.products.ranking li.best_3 .detail {
    padding-top: 0;
    width: auto;
    display: block;
  }
  .productsBox ul.products.ranking li.best_1 .detail .title,
  .productsBox ul.products.ranking li.best_2 .detail .title,
  .productsBox ul.products.ranking li.best_3 .detail .title {
    margin-bottom: 0;
  }
  .productsBox ul.products.ranking li.best_2,
  .productsBox ul.products.ranking li.best_3 {
    margin-left: 0;
  }
}
.productContents .mainContent {
  font-size: 0;
  margin-bottom: 50px;
}
.remodal .productContents .mainContent{
  margin-bottom: 10px;
}
.productContents .mainContent .left,
.productContents .mainContent .right {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.productContents .mainContent .left {
  width: 350px;
  margin-right: 30px;
  position: relative;
}
.productContents .mainContent .left .new {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
}
.productContents .mainContent .left .new img {
  width: 100%;
}
.productContents .mainContent .left .img {
  padding-top: 35px;
  text-align: center;
  margin-bottom: 55px;
}
.remodal .productContents .mainContent .left .img{
  margin-bottom: 16px;
}
.productContents .mainContent .left >ul {
  font-size: 0;
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
}
.productContents .mainContent .left >ul li {
  display: inline-block;
  color: #384;
  position: relative;
  font-size: 14px;
}
.productContents .mainContent .left >ul li a {
  color: inherit;
  display: block;
}
.productContents .mainContent .left >ul li a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #384;
  border-color: #384;
}
.productContents .mainContent .left >ul li.browse,
.productContents .mainContent .left >ul li.interview,
.productContents .mainContent .left >ul li.specialPage {
  margin: 0 6px 1em 0;
}
.productContents .mainContent .left >ul li.browse a,
.productContents .mainContent .left >ul li.interview a,
.productContents .mainContent .left >ul li.specialPage a {
  border: 1px solid;
  line-height: 28px;
  padding: 0 23px 0 15px;
  border-radius: 14px;
  position: relative;
}
.productContents .mainContent .left >ul li.browse a:after,
.productContents .mainContent .left >ul li.interview a:after,
.productContents .mainContent .left >ul li.specialPage a:after {
  font-family: 'Noto Sans Japanese', sans-serif;
  content: "＞";
  position: absolute;
  display: block;
  -webkit-transform: scaleX(0.5);
  -moz-transform: scaleX(0.5);
  -o-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  font-weight: 400;
  top: 0;
  right: 5px;
}
.productContents .mainContent .left >ul li.browse {
  width: 100%;
  text-align: center;
  font-size: 16px;
}
.productContents .mainContent .left >ul li.browse a {
  width: 75%;
  margin: 0 auto;
  padding: 5px 23px 5px 15px;
  text-align: center;
  border-radius: 20px;
}
.productContents .mainContent .left >ul li.browse a:after {
  top: 15%;
}
.productContents .mainContent .left >ul li.backNumber a {
  padding-bottom: 0.2em;
  border-bottom: 1px solid;
}
.productContents .mainContent .left >ul li.backNumber a:hover {
  padding: 0 0.5em 0.2em;
  margin: 0 -0.5em;
}
.productContents .mainContent .right {
  width: 380px;
}
.productContents .mainContent .right .details .statusTag {
  margin-bottom: 1em;
}
.productContents .mainContent .right .details .title {
  font-size: 22px;
  line-height: 34px;
  color: #333;
}
.productContents .mainContent .right .details .title .subTitle {
  display: block;
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 1em;
}
.productContents .mainContent .right .details .data dl {
  line-height: 22px;
}
.productContents .mainContent .right .details .data dl dt,
.productContents .mainContent .right .details .data dl dd {
  display: inline-block;
  vertical-align: top;
}
.productContents .mainContent .right .details .data dl dt {
  width: 6em;
  position: relative;
}
.productContents .mainContent .right .details .data dl dt:after {
  content: ":";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.productContents .mainContent .right .details .data dl dd {
  padding-left: 1em;
  width: 20em;
}
.productContents .mainContent .right .details form.shopping {
  margin-bottom: 20px;
}
.productContents .mainContent .right .details form.shopping >.type {
  margin-bottom: 20px;
}
.productContents .mainContent .right .details form.shopping >.type .radio {
  padding-left: 38px;
  position: relative;
}
.productContents .mainContent .right .details form.shopping >.type .radio +.radio {
  margin-top: 15px;
}
.productContents .mainContent .right .details form.shopping >.type .radio label {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 33px;
  border-radius: 3px;
  background-color: #f2f2f2;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
}
.productContents .mainContent .right .details form.shopping >.type .radio label:before {
  content: '';
  display: block;
  position: absolute;
  vertical-align: bottom;
  width: 16px;
  height: 16px;
  border: 1px solid #565656;
  border-radius: 50%;
  top: 50%;
  left: 10px;
  margin-top: -9px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.productContents .mainContent .right .details form.shopping >.type .radio label:after {
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  margin-top: -4px;
  left: 15px;
  border-radius: 50%;
  background-color: #384;
}
.productContents .mainContent .right .details form.shopping >.type .radio label.checked {
  background-color: #384;
  color: #fff;
}
.productContents .mainContent .right .details form.shopping >.type .radio label.checked:after {
  content: '';
}
.productContents .mainContent .right .details form.shopping >.type .radio label input {
  display: none;
}
.productContents .mainContent .right .details form.shopping >.type .radio label div {
  display: inline-block;
  text-align: left;
}
.productContents .mainContent .right .details form.shopping >.type .radio label .type {
  width: 4.5em;
  position: relative;
}
.productContents .mainContent .right .details form.shopping >.type .radio label .type:after {
  content: ":";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.productContents .mainContent .right .details form.shopping >.type .radio label .price {
  padding-left: 0.25em;
  letter-spacing: 0.05em;
}
.productContents .mainContent .right .details form.shopping dl {
  color: #384;
}
.productContents .mainContent .right .details form.shopping dl +dl {
  margin-top: 0.5em;
}
.productContents .mainContent .right .details form.shopping dl dt {
  font-size: 14px;
  line-height: 30px;
}
.productContents .mainContent .right .details form.shopping dl dd {
  position: relative;
}
.productContents .mainContent .right .details form.shopping dl dd:after {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 7px;
  background-image: url("../img/product/selectArrow.png");
  top: 50%;
  right: 20px;
  margin-top: -3.5px;
}
.productContents .mainContent .right .details form.shopping dl dd select,
.productContents .mainContent .right .details form.shopping dl dd input {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  font-size: 18px;
  line-height: 33px;
  height: 35px;
  border-radius: 3px;
  background-color: #f5f9f5;
  color: #384;
  border: 1px solid;
  width: 100%;
  padding-left: 0.5em;
}
.productContents .mainContent .right .details form.shopping dl dd select option,
.productContents .mainContent .right .details form.shopping dl dd input option {
  text-align: center;
  padding: 0;
}
.productContents .mainContent .right .details form.shopping dl.quantity dd input {
  width: 74px;
}
.productContents .mainContent .right .details form.shopping dl.quantity dd:after {
  content: none;
}
.productContents .mainContent .right .details form.shopping button {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  display: block;
  font-size: 18px;
  width: 100%;
  line-height: 50px;
  text-align: center;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background-color: #f2f2f2;
  color: #565656;
}
.productContents .mainContent .right .details form.shopping button:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.productContents .mainContent .right .details form.shopping button:before {
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  margin: 0.5em 0.5em 0 0;
  margin-right: 0.5em;
}
.productContents .mainContent .right .details form.shopping button:first-child {
  margin-top: 35px;
}
.productContents .mainContent .right .details form.shopping button:first-child +button {
  margin-top: 15px;
}
.productContents .mainContent .right .details form.shopping button.addToCart {
  background-color: #c50018;
  color: #fff;
}
.productContents .mainContent .right .details form.shopping button.addToCart:before {
  width: 26px;
  height: 28px;
  margin-top: 11px;
  background-image: url("../img/common/mark_cart.png");
}
.productContents .mainContent .right .details form.shopping button.addToFavorites:before {
  width: 27px;
  height: 24px;
  margin-top: 13px;
  background-image: url("../img/common/mark_favo.png");
}
.productContents .mainContent .right .details form.shopping p.message {
  padding-top: 0.5em;
  color: #384;
}
.productContents .section h2 {
  background-color: #f5f9f5;
  color: #384;
  font-size: 18px;
  line-height: 40px;
  padding-left: 20px;
}
.productContents .section h2.content_close {
  position: relative;
  margin-bottom: 20px;
  cursor: pointer;
}
.productContents .section h2.content_close:before {
  position: absolute;
  top: 35%;
  right: 5em;
  font-size: 0.9em;
  content: '';
  width: 12px;
  height: 12px;
  border: 0 solid;
  border-top-width: 1.5px;
  border-left-width: 1.5px;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  transition: all 0.3s;
}
.productContents .section h2.content_close.content_open:before {
  transform: rotate(45deg);
}
.productContents .section .content h2 {
  margin-bottom: 10px;
}
.productContents .section .content h3 {
  font-size: 16px;
  padding-bottom: 8px;
  margin-bottom: 5px;
  border-bottom: 1px solid #d9d9d9;
  color: #384;
}
.productContents .section .content {
  font-size: 14px;
  line-height: 24px;
  padding: 15px 0 25px 20px;
}
.productContents .section .content a {
  color: #384;
}
.productContents .section .content p +p {
  margin-top: 1.5em;
}
.productContents .section .content ol {
  font-size: 14px;
  line-height: 24px;
}
.productContents .section .content ol li {
  padding-left: 2em;
  text-indent: -2em;
}
.productContents .section .content ol li span {
  display: inline-block;
  width: 2em;
  text-indent: 0;
}
.productContents .section .content ul {
  font-size: 0;
  font-size: 12px;
}
.productContents .section .content ul li {
  display: inline-block;
  position: relative;
}
.productContents .section .content ul li +li {
  margin-left: 10px;
}
.productContents .section .content ul li +li:before {
  display: inline-block;
  margin-right: 10px;
  font-family: 'Noto Sans Japanese', sans-serif;
  content: "＞";
  -webkit-transform: scaleX(0.5);
  -moz-transform: scaleX(0.5);
  -o-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  font-weight: 400;
  vertical-align: baseline;
}
.productContents .slider +.slider {
  margin-top: 40px;
}
.productContents .slider h3 {
  background-color: #f2f2f2;
  font-size: 18px;
  line-height: 40px;
  padding-left: 20px;
}
.productContents .slider .container {
  border: 1px solid #d9d9d9;
  height: 267px;
  position: relative;
}
.productContents .slider .container ul {
  font-size: 0;
  text-align: center;
  position: absolute;
  width: 580px;
  left: 50%;
  margin-left: -290px;
  top: 0;
  padding-top: 30px;
  white-space: nowrap;
  overflow: hidden;
}
.productContents .slider .container ul li {
  display: inline-block;
  position: relative;
  width: 170px;
  vertical-align: top;
}
.productContents .slider .container ul li .img {
  margin-bottom: 15px;
}
.productContents .slider .container ul li .img img {
  max-width: 110px;
}
.productContents .slider .container ul li .title {
  text-align: justify;
  white-space: normal;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
}
.productContents .slider .container ul li +li {
  margin-left: 35px;
}
.productContents .slider .container .button .arrow {
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  top: 50%;
  margin-top: -15px;
  font-size: 0;
  background-position: top left;
  background-repeat: no-repeat;
  cursor: pointer;
}
.productContents .slider .container .button .arrow.left {
  left: 20px;
  background-image: url("../img/common/Slider_arrow_l.png");
}
.productContents .slider .container .button .arrow.right {
  right: 20px;
  background-image: url("../img/common/Slider_arrow_r.png");
}
@media (max-width: 767px) {
  .productContents .mainContent {
    padding: 10.9375% 6.25% 0;
  }
  .productContents .mainContent .left,
  .productContents .mainContent .right {
    display: block;
    width: auto;
  }
  .productContents .mainContent .left {
    margin: 0 0 10.15625% 0;
  }
  .productContents .mainContent .left .new {
    width: 45px;
    margin-top: -3.125%;
    right: 7%;
  }
  .productContents .mainContent .left .img {
    padding-top: 0;
    margin-bottom: 0;
  }
  .productContents .mainContent .left .img img {
    width: 45.535714285714285%;
  }
  .productContents .mainContent .left ul {
    display: none;
  }
  .productContents .mainContent .right .details .statusTag {
    margin-bottom: 1%;
  }
  .productContents .mainContent .right .details .title {
    font-size: 15px;
    line-height: 24px;
  }
  .productContents .mainContent .right .details .title .subTitle {
    display: block;
    font-size: 12px;
    line-height: 24px;
  }
  .productContents .mainContent .right .details >ul {
    font-size: 0;
    font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
    margin-bottom: 4.6875%;
  }
  .productContents .mainContent .right .details >ul li {
    display: inline-block;
    color: #384;
    position: relative;
    font-size: 12px;
  }
  .productContents .mainContent .right .details >ul li a {
    color: inherit;
    display: block;
  }
  .productContents .mainContent .right .details >ul li.browse,
  .productContents .mainContent .right .details >ul li.interview,
  .productContents .mainContent .right .details >ul li.specialPage {
    margin: 0 5px 1em 0;
  }
  .productContents .mainContent .right .details >ul li.browse a,
  .productContents .mainContent .right .details >ul li.interview a,
  .productContents .mainContent .right .details >ul li.specialPage a {
    border: 1px solid;
    line-height: 24px;
    padding: 0 1.3em 0 0.75em;
    border-radius: 14px;
    position: relative;
  }
  .productContents .mainContent .right .details >ul li.browse a:after,
  .productContents .mainContent .right .details >ul li.interview a:after,
  .productContents .mainContent .right .details >ul li.specialPage a:after {
    font-family: 'Noto Sans Japanese', sans-serif;
    content: "＞";
    position: absolute;
    display: block;
    -webkit-transform: scaleX(0.5);
    -moz-transform: scaleX(0.5);
    -o-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5);
    top: 0;
    right: 0.2em;
  }
  .productContents .mainContent .right .details >ul li.browse {
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .productContents .mainContent .right .details >ul li.browse a {
    padding: 3px 1.3em 3px 0.75em;
    text-align: center;
    border-radius: 18px;
  }
  .productContents .mainContent .right .details >ul li.browse a:after {
    top: 15%;
  }
  .productContents .mainContent .right .details >ul li.backNumber {
    display: block;
    text-align: right;
  }
  .productContents .mainContent .right .details >ul li.backNumber a {
    display: inline-block;
    padding-bottom: 0.2em;
    border-bottom: 1px solid;
  }
  .productContents .mainContent .right .details .data {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 8.59375%;
  }
  .productContents .mainContent .right .details .data dl {
    font-size: 12px;
    line-height: 20px;
  }
  .productContents .mainContent .right .details form.shopping .type .radio {
    padding-left: 10%;
  }
  .productContents .mainContent .right .details form.shopping .type .radio label {
    line-height: 40px;
  }
  .productContents .mainContent .right .details form.shopping .type .radio label +label {
    margin-top: 5%;
  }
  .productContents .mainContent .right .details form.shopping .type .radio label:before {
    left: 0;
  }
  .productContents .mainContent .right .details form.shopping .type .radio label:after {
    left: 5px;
  }
  .productContents .mainContent .right .details form.shopping dl dt {
    line-height: 27px;
    font-size: 13px;
  }
  .productContents .mainContent .right .details form.shopping dl dd select,
  .productContents .mainContent .right .details form.shopping dl dd input {
    line-height: 38px;
    height: 40px;
  }
  .productContents .mainContent .right .details form.shopping dl.quantity dd input {
    width: 25%;
  }
  .productContents .mainContent .right .details form.shopping button:before {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    margin-right: 0.5em;
  }
  .productContents .mainContent .right .details form.shopping button.addToCart {
    margin-top: 10.9375%;
  }
  .productContents .mainContent .right .details form.shopping button.addToCart:before {
    margin-top: 0.75em;
    width: 1.2em;
    height: 1.2em;
  }
  .productContents .mainContent .right .details form.shopping button.addToFavorites {
    margin-top: 5.46875%;
  }
  .productContents .mainContent .right .details form.shopping button.addToFavorites:before {
    margin-top: 0.75em;
    width: 1.2em;
    height: 1.2em;
  }
  .productContents .section h3 {
    padding: 0 6.25%;
    font-size: 15px;
    line-height: 30px;
  }
  .productContents .section .content {
    padding: 3.125% 6.25% 6.25%;
  }
  .productContents .section .content p {
    font-size: 12px;
    line-height: 18px;
  }
  .productContents .section .content p +p {
    margin-top: 1em;
  }
  .productContents .section .content ol {
    font-size: 12px;
  }
  .productContents .section .content ul {
    font-size: 10px;
    line-height: 20px;
  }
  .productContents .section .content ul li +li {
    margin-left: 0.25em;
  }
  .productContents .section .content ul li +li:before {
    margin-right: 0.25em;
  }
  .productContents .slider h3 {
    font-size: 12px;
    line-height: 30px;
  }
  .productContents .slider .container {
    padding: 4.375% 6.25% 12.5%;
    height: auto;
    border: none;
  }
  .productContents .slider .container .button {
    display: none;
  }
  .productContents .slider .container ul {
    position: static;
    width: auto;
    margin: 0;
    padding: 0;
  }
  .productContents .slider .container ul li {
    width: 30%;
    padding-left: 0;
  }
  .productContents .slider .container ul li .img img {
    max-width: 100%;
  }
  .productContents .slider .container ul li .title {
    font-size: 11px;
  }
  .productContents .slider .container ul li +li {
    margin-left: 5%;
  }
}
.articles h2 {
  color: #384;
  padding-left: 20px;
  font-size: 18px;
  line-height: 40px;
  background-color: #f5f9f5;
  margin-bottom: 25px;
}
.articles ul.categories {
  margin-bottom: 20px;
  font-size: 0;
}
.articles ul.categories li {
  line-height: 16px;
  font-size: 12px;
  display: inline-block;
  padding: 0 1em;
}
.articles ul.categories li.current a {
  color: #384;
}
.articles ul.categories li +li {
  border-left: 1px solid #e1ede3;
}
.articles .artiInner {
  margin-bottom: 60px;
}
.articles .artiInner ul li {
  display: table;
  font-size: 14px;
  width: 100%;
  border-bottom: 1px dotted #dedfde;
}
.articles .artiInner ul li .attr,
.articles .artiInner ul li .title {
  display: table-cell;
  padding-top: 27px;
  padding-bottom: 27px;
}
.articles .artiInner ul li .attr {
  width: 260px;
  padding-left: 20px;
}
.articles .artiInner ul li .attr time,
.articles .artiInner ul li .attr .categoryTag {
  display: inline-block;
  vertical-align: middle;
}
.articles .artiInner ul li .attr time {
  margin-right: 0.5em;
}
.articles .artiInner ul li .title {
  line-height: 20px;
}
@media (max-width: 767px) {
  .articles {
    padding-top: 7.8125%;
    margin-bottom: 15.625%;
  }
  .articles h2 {
    line-height: 50px;
    font-size: 15px;
    padding: 0 6.25%;
    margin-bottom: 0;
  }
  .articles ul.categories {
    padding: 7.03125% 0 3.125%;
    margin-bottom: 0;
  }
  .articles .artiInner {
    padding: 0 6.25%;
    margin-bottom: 3%;
  }
  .articles .artiInner ul {
    margin-bottom: 0;
  }
  .articles .artiInner ul li {
    display: block;
    padding: 5.46875% 0;
    border-bottom: none;
  }
  .articles .artiInner ul li +li {
    border-top: 1px dotted #dedfde;
  }
  .articles .artiInner ul li .attr,
  .articles .artiInner ul li .title {
    display: block;
    width: auto;
  }
  .articles .artiInner ul li .attr {
    padding: 0 0 0.5em;
    font-size: 15px;
  }
  .articles .artiInner ul li .title {
    padding: 0;
    font-size: 11px;
    line-height: 18px;
  }
}
.articleContents .headData .attr time,
.articleContents .headData .attr .categoryTag {
  display: inline-block;
}
.articleContents .headData .attr time {
  font-size: 14px;
  margin-right: 0.5em;
}
.articleContents .headData h2 {
  font-size: 22px;
  line-height: 60px;
  border-bottom: 1px solid #e5e5e5;
}
.articleContents .detail a,
.articleContents .summary a {
  color: #384;
}
.articleContents .detail {
  padding: 15px 0 45px 20px;
  font-size: 14px;
  line-height: 20px;
}
.articleContents .summary {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
}
.articleContents .summary h3 {
  font-size: 14px;
  line-height: 40px;
  background-color: #f2f2f2;
  padding-left: 20px;
  margin-bottom: 20px;
}
.articleContents .summary .contents {
  display: table;
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-bottom: 40px;
}
.articleContents .summary .contents dl {
  display: table-row;
}
.articleContents .summary .contents dl dt,
.articleContents .summary .contents dl dd {
  display: table-cell;
  border: 1px solid #d9d9d9;
  padding: 15px 0;
  line-height: 24px;
}
.articleContents .summary .contents dl dt {
  background-color: #f5f9f5;
  border-right: none;
  padding-left: 15px;
}
.articleContents .summary .contents dl dd {
  border-left: none;
  padding-left: 25px;
}
.articleContents .prevPage {
  text-align: center;
}
.articleContents .prevPage a {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  display: inline-block;
  width: 180px;
  line-height: 35px;
  font-size: 14px;
  position: relative;
  background-color: #f2f2f2;
}
.articleContents .prevPage a:hover {
  background-color: #384;
  color: #fff;
  text-decoration: none;
}
.articleContents .prevPage a:after {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 20px;
  content: "＞";
  position: absolute;
  display: block;
  -webkit-transform: scaleX(0.5);
  -moz-transform: scaleX(0.5);
  -o-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  font-weight: 100;
  top: 0;
  right: 10px;
}
@media (max-width: 767px) {
  .articleContents {
    padding: 4.6875% 0 5.625%;
  }
  .articleContents .headData {
    padding: 0 6.25%;
  }
  .articleContents .headData .attr {
    margin-bottom: 3.75%;
  }
  .articleContents .headData .attr time {
    font-size: 15px;
    line-height: 1em;
  }
  .articleContents .headData .attr .categoryTag {
    vertical-align: top;
  }
  .articleContents .headData h2 {
    padding-bottom: 4.0625%;
    font-size: 18px;
    line-height: 25px;
  }
  .articleContents .detail {
    font-size: 11px;
    line-height: 15px;
    padding: 4.6875% 6.25% 10.9375%;
  }
  .articleContents .summary h3 {
    font-size: 12px;
    line-height: 35px;
    margin-bottom: 7.8125%;
  }
  .articleContents .summary .contents {
    display: block;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #f5f9f5;
    margin-bottom: 7.8125%;
  }
  .articleContents .summary .contents dl {
    display: block;
  }
  .articleContents .summary .contents dl dt,
  .articleContents .summary .contents dl dd {
    display: block;
    border: none;
    padding: 3.59375% 3.125%;
  }
  .articleContents .prevPage a {
    width: 48.4375%;
    font-size: 12px;
    line-height: 30px;
  }
  .articleContents .prevPage a:after {
    font-size: 16px;
  }
}
.tradePage h2 {
  font-size: 18px;
  line-height: 40px;
  padding-left: 20px;
  color: #384;
  background-color: #f5f9f5;
  margin-bottom: 20px;
}
.tradePage .contents {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  display: table;
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-bottom: 40px;
}
.tradePage .contents dl {
  display: table-row;
}
.tradePage .contents dl dt,
.tradePage .contents dl dd {
  display: table-cell;
  border: 1px solid #d9d9d9;
  padding: 15px 0;
  line-height: 24px;
}
.tradePage .contents dl dt {
  width: 130px;
  background-color: #f5f9f5;
  border-right: none;
  padding-left: 15px;
}
.tradePage .contents dl dd {
  border-left: none;
  padding-left: 25px;
}
@media (max-width: 767px) {
  .tradePage {
    padding-top: 7.8125%;
  }
  .tradePage h2 {
    font-size: 15px;
    margin-bottom: 4.0625%;
    line-height: 50px;
    padding: 0 6.25%;
  }
  .tradePage .contents {
    display: block;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #f5f9f5;
    margin-bottom: 7.8125%;
  }
  .tradePage .contents dl {
    display: block;
  }
  .tradePage .contents dl dt,
  .tradePage .contents dl dd {
    font-size: 12px;
    line-height: 18px;
    width: auto;
    display: block;
    border: none;
    padding: 2.65625% 6.25%;
  }
}
.userPolicy h2 {
  font-size: 18px;
  color: #384;
  background-color: #f5f9f5;
  line-height: 40px;
  padding-left: 20px;
}
.userPolicy >p.lead {
  padding: 20px;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
}
.userPolicy .container {
  font-size: 14px;
}
.userPolicy .container h3 {
  line-height: 40px;
  padding-left: 20px;
  background-color: #f2f2f2;
}
.userPolicy .container .contents {
  padding: 20px;
  line-height: 24px;
}
.userPolicy .container .contents ol >li .title {
  color: #384;
}
.userPolicy .container .contents ol >li .content {
  padding-left: 0.75em;
}
.userPolicy .container .contents ol >li a {
  display: inline-block;
  margin-right: 0.5em;
}
.userPolicy .container .contents ol >li +li {
  margin-top: 20px;
}
.userPolicy .container .contents ol >li >ul {
  padding-left: 1.75em;
}
.userPolicy .container .contents ol >li >ul >li {
  text-indent: -1em;
}
.userPolicy .container .contents ol >li >ul >li:before {
  content: '○';
  color: #384;
}
.userPolicy .container .contents ol >li >ul >li ul {
  padding-left: 1em;
}
.userPolicy .container .contents ol >li >ul >li ul li {
  text-indent: -1em;
}
.userPolicy .container .contents ol >li >ul >li ul li:before {
  content: "・";
}
.userPolicy .container .contents >ul {
  padding-left: 1.75em;
}
.userPolicy .container .contents >ul >li {
  text-indent: -1em;
}
.userPolicy .container .contents >ul >li:before {
  content: '○';
  color: #384;
}
@media (max-width: 767px) {
  .userPolicy {
    padding-top: 7.8125%;
  }
  .userPolicy h2 {
    font-size: 15px;
    line-height: 50px;
  }
  .userPolicy >p.lead {
    font-size: 12px;
    line-height: 22px;
    padding: 3.125% 6.25% 9.375%;
  }
  .userPolicy .container {
    font-size: 12px;
  }
  .userPolicy .container h3 {
    line-height: 37.5px;
    padding: 0 6.25%;
  }
  .userPolicy .container .contents {
    line-height: 22px;
    padding: 3.125% 6.25% 9.375%;
  }
  .userPolicy .container .contents ol >li >.content {
    padding-left: 0;
  }
  .userPolicy .container .contents ol >li +li {
    margin-top: 1.5em;
  }
  .userPolicy .container .contents ol >li >ul {
    padding-left: 1em;
  }
  .userPolicy .container .contents ol >li >ul >li ul {
    padding-left: 0;
  }
}
.form input {
  vertical-align: baseline;
}
.form input[type="checkbox"] {
  display: none;
}
.form input[type="checkbox"] +.checker {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0.75em 0 0;
  width: 16px;
  height: 16px;
  background-color: #384;
  border-radius: 3px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.form input[type="checkbox"]:checked +.checker {
  background-image: url("../img/common/check_white.png");
}
.form input[type="radio"] {
  display: none;
}
.form input[type="radio"] +.checker {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0.75em 0 0;
  width: 16px;
  height: 16px;
  border: 1px solid;
  border-radius: 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.form input[type="radio"] +.checker:after {
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 3px;
  left: 3px;
  border-radius: 50%;
  background-color: currentColor;
}
.form input[type="radio"]:checked +.checker:after {
  content: '';
}
.form input[type="text"],
.form input[type="password"],
.form input[type="email"],
.form input[type="tel"] {
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  padding: 10px;
  background-color: #f6f6f6;
}
.form input[type="text"] {
  width: 200px;
}
.form select {
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  padding: 10px;
  background-color: #f6f6f6;
  height: 39px;
  vertical-align: bottom;
}
.form h2 {
  font-size: 18px;
  line-height: 40px;
  padding-left: 20px;
  color: #384;
  background-color: #f5f9f5;
  margin-bottom: 25px;
}
.form .myPageHead {
  padding-bottom: 45px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 25px;
}
.form .myPageHead ul.myPageNav {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  font-size: 0;
  margin-bottom: 45px;
}
.form .myPageHead ul.myPageNav li {
  display: inline-block;
  position: relative;
}
.form .myPageHead ul.myPageNav li a {
  display: block;
  font-size: 18px;
  line-height: 68px;
  width: 201px;
  border: 1px solid #f2f2f2;
  margin-left: -1px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.form .myPageHead ul.myPageNav li a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #384;
  border-color: #384;
}
.form .myPageHead ul.myPageNav li.current a {
  text-decoration: none;
  color: #fff;
  background-color: #384;
  border-color: #384;
}
.form .myPageHead p.welcome {
  text-align: center;
  font-size: 14px;
}
.form .shopping_flow,
.form .guestShopping_flow {
  padding-top: 20px;
}
.form .shopping_flow ol,
.form .guestShopping_flow ol {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  font-size: 0;
  display: block;
  text-align: center;
  position: relative;
}
.form .shopping_flow ol:before,
.form .guestShopping_flow ol:before {
  content: '';
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  margin: auto;
  height: 2px;
  background-color: #e1ede3;
}
.form .shopping_flow ol li,
.form .guestShopping_flow ol li {
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 150px;
}
.form .shopping_flow ol li .num,
.form .guestShopping_flow ol li .num {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  border-radius: 50%;
  background-color: #e1ede3;
  color: #fff;
  margin: 0 auto 10px;
}
.form .shopping_flow ol li.current .num,
.form .guestShopping_flow ol li.current .num {
  background-color: #384;
}
.form .shopping_flow ol li.current .title,
.form .guestShopping_flow ol li.current .title {
  color: #384;
}
.form .shopping_flow {
  margin-bottom: 40px;
}
.form .shopping_flow ol:before {
  width: 300px;
}
.form .guestShopping_flow {
  margin-bottom: 50px;
}
.form .guestShopping_flow ol:before {
  width: 440px;
}
.form .privacyPolicy h3 {
  font-size: 18px;
  margin-bottom: 25px;
  text-align: center;
}
.form .privacyPolicy p.lead {
  font-size: 14px;
  line-height: 24px;
  padding: 0 20px;
  margin-bottom: 30px;
}
.form .privacyPolicy .container {
  background-color: #f2f2f2;
  padding: 35px 30px 20px;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 50px;
}
.form .privacyPolicy .container h4 {
  margin-bottom: 20px;
  font-size: 18px;
  text-align: center;
}
.form .privacyPolicy .container .body {
  margin-bottom: 45px;
}
.form .privacyPolicy .container .data {
  text-align: right;
  margin-bottom: 25px;
}
.form .privacyPolicy .container .agree {
  text-align: center;
}
.form .privacyPolicy .container .agree label {
  display: inline-block;
  padding: 7px 25px;
  line-height: 1em;
  font-size: 16px;
  background-color: #fff;
  border-radius: 16px;
}
.form .privacyPolicy .container .agree label span {
  letter-spacing: 0.05em;
}
.form .privacyPolicy .container .agree p {
  font-size: 14px;
  color: #c50018;
}
.form .formContainer {
  display: table;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}
.form .formContainer p.errormsg {
  line-height: normal;
  padding: 0.75em 0;
  color: #384;
  font-size: 12px;
}
.form .formContainer .row {
  border-top: 1px dotted #d9d9d9;
  display: table-row;
}
.form .formContainer .row .label,
.form .formContainer .row .inputs,
.form .formContainer .row .confirms {
  display: table-cell;
}
.form .formContainer .row .label {
  width: 290px;
  position: relative;
  font-size: 14px;
  padding: 27px 0 27px 20px;
  vertical-align: top;
}
.form .formContainer .row .label .required {
  display: block;
  position: absolute;
  top: 30px;
  right: 0;
  font-size: 10px;
  color: #fff;
  background-color: #565656;
  line-height: 16px;
  padding: 0 0.3em;
}
.form .formContainer .row .inputs {
  padding: 17px 20px 17px 30px;
  line-height: 30px;
}
.form .formContainer .row .inputs input,
.form .formContainer .row .inputs select {
  font-size: 14px;
}
.form .formContainer .row .inputs label {
  font-size: 16px;
}
.form .formContainer .row .confirms {
  padding: 27px 20px 27px 30px;
  font-size: 14px;
  vertical-align: top;
  line-height: 24px;
}
.form .formContainer .row.customerClass .inputs label .checker {
  bottom: 8.5px;
}
.form .formContainer .row.customerClass .inputs label +label {
  margin-left: 1em;
}
.form .formContainer .row.name .inputs input +input,
.form .formContainer .row.furigana .inputs input +input {
  margin-left: 1em;
}
.form .formContainer .row.address .inputs .te {
  display: inline-block;
  color: #b1b1b1;
  margin-right: 0.5em;
}
.form .formContainer .row.address .inputs .input_zip {
  color: #b1b1b1;
}
.form .formContainer .row.address .inputs input[id^="zip"] {
  width: 100px;
}
.form .formContainer .row.address .inputs input#zip01 {
  margin-right: 1em;
}
.form .formContainer .row.address .inputs input#zip02 {
  margin-right: 0.75em;
}
.form .formContainer .row.address .inputs input[id*="addr"] {
  display: block;
  width: 100%;
  margin: 0;
}
.form .formContainer .row.address .inputs input[id="addr02"],
.form .formContainer .row.address .inputs input[id="entry_address_addr03"] {
  margin-top: 15px;
}
.form .formContainer .row.address .inputs input +input {
  margin-left: 1em;
}
.form .formContainer .row.address .inputs label.pref {
  display: block;
  vertical-align: bottom;
  position: relative;
  width: 150px;
  margin-bottom: 15px;
}
.form .formContainer .row.address .inputs label.pref select {
  width: 150px;
}
.form .formContainer .row.address .inputs label.pref select option {
  width: 150px;
}
.form .formContainer .row.address .inputs label.pref:after {
  content: '';
  display: block;
  position: absolute;
  top: 17px;
  right: 10px;
  width: 13px;
  height: 7px;
  background-image: url("../img/common/select_arrow.png");
}
.form .formContainer .row.address .inputs a.help {
  display: inline-block;
  margin-left: 10px;
}
.form .formContainer .row.address .inputs a.help:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: baseline;
  position: relative;
  top: 3px;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/common/mark_help.png");
  margin-right: 0.5em;
}
.form .formContainer .row.address .inputs a.autoInput {
  display: block;
  width: 10em;
  color: #384;
  margin: 5px 0 5px 1.5em;
}
.form .formContainer .row.address .label {
  width: 290px;
  padding: 27px 0 27px 20px;
  box-sizing: border-box;
}
.form .formContainer .row.address .label .address-note {
  display: block;
  font-size: 0.9em;
  line-height: 1.4;
  word-break: break-word;
  margin-top: 27px;
}
.form .formContainer .row.tel .inputs,
.form .formContainer .row.fax .inputs {
  color: #b1b1b1;
  line-height: 39px;
}
.form .formContainer .row.tel .inputs input,
.form .formContainer .row.fax .inputs input {
  line-height: normal;
  width: 100px;
  margin-right: 1em;
}
.form .formContainer .row.tel .inputs input +input,
.form .formContainer .row.fax .inputs input +input {
  margin-left: 0.75em;
}
.form .formContainer .row.email .inputs input,
.form .formContainer .row.password .inputs input {
  display: block;
  width: 100%;
}
.form .formContainer .row.email .inputs input +input,
.form .formContainer .row.password .inputs input +input {
  margin-top: 15px;
}
.form .formContainer .row.password .inputs input {
  width: 420px;
}
.form .formContainer .row.receipt_name .inputs input {
  display: block;
  width: 330px;
  box-sizing: border-box;
}
.form .formContainer .row.receipt_name .inputs .receipt-note {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.6;
  color: #ff0000;
}
.form .formContainer .row.mailMagazine .inputs label {
  display: inline-block;
  width: 280px;
  line-height: 45px;
}
.form .formContainer .row.mailMagazine .inputs label .checker {
  bottom: 14px;
}
.form .agreement {
  text-align: center;
  font-size: 14px;
  margin-bottom: 40px;
}
.form .agreement a {
  color: #384;
}
.form .submits {
  text-align: center;
}
.form .submits button,
.form .submits a {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  display: inline-block;
  vertical-align: top;
  line-height: 50px;
  height: 50px;
  width: 280px;
  padding: 0;
  border: none;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
  letter-spacing: 0.1em;
  cursor: pointer;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  -ms-transition: 0s;
  transition: 0s;
}
.form .submits button:hover,
.form .submits a:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  text-decoration: none;
}
.form .submits button.disagree,
.form .submits a.disagree,
.form .submits button.amend,
.form .submits a.amend,
.form .submits button.return,
.form .submits a.return {
  background-color: #f2f2f2;
  color: #565656;
  margin-right: 25px;
}
.form .submits button.agree,
.form .submits a.agree,
.form .submits button.submit,
.form .submits a.submit {
  background-color: #384;
  color: #fff;
}
.form.confirm >p.lead {
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 24px;
  padding-left: 20px;
}
.form.confirm .formContainer {
  margin-bottom: 50px;
}
.form.change.input .formContainer {
  margin-bottom: 50px;
}
.form.complete h3 {
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
  color: #384;
}
.form.complete p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 45px;
  text-align: center;
}
.form.complete .toHomepage {
  text-align: center;
}
.form.complete .toHomepage a {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  display: inline-block;
  width: 280px;
  line-height: 50px;
  padding: 0;
  border: none;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
  letter-spacing: 0.1em;
  cursor: pointer;
  background-color: #f2f2f2;
  color: #565656;
}
.form.complete .toHomepage a:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  text-decoration: none;
}
.form.logIn .boxes {
  font-size: 0;
}
.form.logIn .box {
  display: inline-block;
  vertical-align: top;
  width: 490px;
  font-size: 14px;
  padding-bottom: 15px;
}
.form.logIn .box h3 {
  line-height: 44px;
  padding-left: 20px;
  letter-spacing: 0.1em;
  border-bottom: 1px solid;
}
.form.logIn .box .boxInner {
  margin-bottom: 10px;
}
.form.logIn .box .boxInner .button {
  text-align: center;
}
.form.logIn .box .boxInner .button button,
.form.logIn .box .boxInner .button a {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  font-weight: bold;
  display: inline-block;
  width: 280px;
  height: 50px;
  line-height: 50px;
  border: none;
  color: #fff;
  font-size: 18px;
  border-radius: 5px;
}
.form.logIn .box .boxInner .button button:hover,
.form.logIn .box .boxInner .button a:hover {
  text-decoration: none;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.form.logIn .box >p {
  text-align: right;
  padding-right: 20px;
  font-size: 12px;
}
.form.logIn .members {
  background-color: #f5f9f5;
}
.form.logIn .members h3 {
  color: #384;
  border-color: #e1ede3;
}
.form.logIn .members .boxInner {
  padding: 30px 40px 0;
}
.form.logIn .members .boxInner .container {
  margin-bottom: 27px;
}
.form.logIn .members .boxInner .container input {
  display: block;
  width: 100%;
  border: none;
  background-color: #fff;
  padding: 13.5px 10px;
}
.form.logIn .members .boxInner .container input +input {
  margin-top: 20px;
}
.form.logIn .members .boxInner #mypage_login_box__error_message {
  margin: -13px 0 13px;
  color: #384;
}
.form.logIn .members .boxInner .button button {
  padding: 0;
  background-color: #384;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.form.logIn .signIn {
  background-color: #fdf9f7;
  margin-left: 20px;
  padding-bottom: 25px;
}
.form.logIn .signIn h3 {
  color: #da8267;
  border-color: #e5e5e5;
  padding-right: 20px;
}
.form.logIn .signIn h3 span {
  display: block;
  float: right;
  font-size: 0.8em;
}
.form.logIn .signIn .boxInner {
  padding: 15px 15px 0;
  margin-bottom: 0;
}
.form.logIn .signIn .boxInner .baloon {
  background-color: #da8267;
  color: #fff;
  display: inline-block;
  vertical-align: bottom;
  line-height: 24px;
  padding: 0 1em;
  border-radius: 12px;
  position: relative;
  margin-bottom: 13px;
  margin-left: 5px;
}
.form.logIn .signIn .boxInner .baloon:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  top: 100%;
  left: 13px;
  position: absolute;
  border-style: solid;
  border-width: 8px 4px 0 0px;
  border-color: #da8267 transparent transparent transparent;
}
.form.logIn .signIn .boxInner ol {
  padding-left: 5px;
  margin-bottom: 11px;
}
.form.logIn .signIn .boxInner ol li {
  position: relative;
  line-height: 28px;
  padding-left: 36px;
}
.form.logIn .signIn .boxInner ol li.two {
  padding-left: 30px;
  letter-spacing: -0.025em;
}
.form.logIn .signIn .boxInner ol li.two span {
  white-space: nowrap;
}
.form.logIn .signIn .boxInner ol li .num {
  position: absolute;
  height: 28px;
  width: 28px;
  text-align: center;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #da8267;
  color: #fff;
}
.form.logIn .signIn .boxInner ol li +li {
  margin-top: 5px;
}
.form.logIn .signIn .boxInner .button a {
  background-color: #da8267;
  width: 350px;
}
.form.logIn .guestShopping {
  padding-bottom: 30px;
  margin-top: 20px;
  width: auto;
  display: block;
  background-color: #f2f2f2;
}
.form.logIn .guestShopping h3 {
  border-color: #e5e5e5;
}
.form.logIn .guestShopping .boxInner {
  padding: 30px 20px 0;
  margin-bottom: 0;
}
.form.logIn .guestShopping .container,
.form.logIn .guestShopping .button {
  display: inline-block;
  vertical-align: top;
}
.form.logIn .guestShopping .container {
  margin-right: 30px;
}
.form.logIn .guestShopping .button a {
  background-color: #565656;
}
.form.shoppingOrder .message {
  text-align: center;
  font-size: 14px;
  margin-bottom: 1em;
  color: #c50018;
}
.form.shoppingOrder p.price {
  font-size: 14px;
  margin-bottom: 35px;
  text-align: center;
}
.form.shoppingOrder .cartContents {
  margin-bottom: 45px;
}
.form.shoppingOrder .cartContents h3 {
  font-size: 14px;
  line-height: 40px;
  padding-left: 20px;
  background-color: #f2f2f2;
  margin-bottom: 20px;
}
.form.shoppingOrder .cartContents table.cart {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-bottom: 25px;
}
.form.shoppingOrder .cartContents table.cart thead {
  background-color: #f2f2f2;
}
.form.shoppingOrder .cartContents table.cart thead tr.items {
  height: 55px;
  font-size: 14px;
}
.form.shoppingOrder .cartContents table.cart thead tr.items th {
  padding: 0;
  border: none;
}
.form.shoppingOrder .cartContents table.cart thead tr.items th.delete {
  width: 60px;
}
.form.shoppingOrder .cartContents table.cart thead tr.items th.product_rownumber {
  width: 2em;
  text-align:center;
}

.form.shoppingOrder .cartContents table.cart thead tr.items th.product_img {
  width: 100px;
}
.form.shoppingOrder .cartContents table.cart thead tr.items th.product_img img {
  width: 50px;
}
.form.shoppingOrder .cartContents table.cart thead tr.items th.product_num {
  width: 80px;
}
.form.shoppingOrder .cartContents table.cart thead tr.items th.subtotal {
  width: 150px;
}
.form.shoppingOrder .cartContents table.cart tbody tr.product {
  height: 100px;
  border-bottom: 1px solid #f2f2f2;
}
.form.shoppingOrder .cartContents table.cart tbody tr.product.coupon-cart{
  height: 112px;
}
.form.shoppingOrder .cartContents table.cart tbody tr.product td {
  padding: 0;
  border: none;
}
.form.shoppingOrder .cartContents table.cart tbody tr.product td.delete a {
  text-align: center;
  display: block;
  width: 100%;
  padding: 1em 0;
  background-color: transparent;
  border: none;
  font-size: 18px;
  font-weight: 200;
  color: #565656;
}
.form.shoppingOrder .cartContents table.cart tbody tr.product td.delete a:hover {
  text-decoration: none;
}
.form.shoppingOrder .cartContents table.cart tbody tr.product td.product_rownumber {
  width:2em;
  text-align: center;
}
.form.shoppingOrder .cartContents table.cart tbody tr.product td.product_img {
  text-align: center;
}
.form.shoppingOrder .cartContents table.cart tbody tr.product td.product_img img {
  width: 50px;
}
.form.shoppingOrder .cartContents table.cart tbody tr.product td.product_detail {
  padding-left: 10px;
  font-size: 14px;
  line-height: 26px;
}
.form.shoppingOrder .cartContents table.cart tbody tr.product.coupon-cart td.product_detail .title{
  font-weight:bold;
}
.form.shoppingOrder .cartContents table.cart tbody tr.product td.product_num {
  width: 80px;
  text-align: center;
}
.form.shoppingOrder .cartContents table.cart tbody tr.product td.product_num .num {
  font-size: 16px;
  text-align: center;
  display: block;
  width: 100%;
  padding: 0;
  height: auto;
  background-color: transparent;
  border: none;
  margin-bottom: 5px;
}
.form.shoppingOrder .cartContents table.cart tbody tr.product td.product_num button {
  background-color: #565656;
  width: 24px;
  height: 24px;
  line-height: 20px;
  font-size: 20px;
  border: none;
  border-radius: 50%;
  padding: 0 0 2px 0;
  color: #fff;
}
.form.shoppingOrder .cartContents table.cart tbody tr.product td.subtotal {
  text-align: right;
  font-size: 14px;
}
.form.shoppingOrder .cartContents .total {
  text-align: right;
  letter-spacing: 0.1em;
}
.form.shoppingOrder .cartContents .total span {
  display: inline-block;
  vertical-align: bottom;
}
.form.shoppingOrder .cartContents .total span:first-child {
  font-size: 14px;
  margin-right: 20px;
}
.form.shoppingOrder .cartContents .total span.price {
  font-size: 22px;
}
.form.shoppingConfirm .confirmContent:after,
.form.purchaseHistoryDetail .confirmContent:after,
.form.shoppingConfirm .historyContent:after,
.form.purchaseHistoryDetail .historyContent:after {
  content: '';
  display: block;
  clear: both;
}
.form.shoppingConfirm .confirmContent .maincolumn,
.form.purchaseHistoryDetail .confirmContent .maincolumn,
.form.shoppingConfirm .historyContent .maincolumn,
.form.purchaseHistoryDetail .historyContent .maincolumn {
  float: left;
  width: 760px;
}
.form.shoppingConfirm .confirmContent .subcolumnContainer,
.form.purchaseHistoryDetail .confirmContent .subcolumnContainer,
.form.shoppingConfirm .historyContent .subcolumnContainer,
.form.purchaseHistoryDetail .historyContent .subcolumnContainer {
  width: 1000px;
}
.form.shoppingConfirm .confirmContent .subcolumn,
.form.purchaseHistoryDetail .confirmContent .subcolumn,
.form.shoppingConfirm .historyContent .subcolumn,
.form.purchaseHistoryDetail .historyContent .subcolumn {
  position: relative;
  float: right;
  width: 210px;
  background-color: #f5f9f5;
  border-radius: 5px;
  letter-spacing: 0.1em;
}
.form.shoppingConfirm .confirmContent .subcolumn .upperBlock,
.form.purchaseHistoryDetail .confirmContent .subcolumn .upperBlock,
.form.shoppingConfirm .historyContent .subcolumn .upperBlock,
.form.purchaseHistoryDetail .historyContent .subcolumn .upperBlock {
  padding: 12px 20px;
  border-bottom: 1px dotted #ddd;
}
.form.shoppingConfirm .confirmContent .subcolumn .upperBlock div,
.form.purchaseHistoryDetail .confirmContent .subcolumn .upperBlock div,
.form.shoppingConfirm .historyContent .subcolumn .upperBlock div,
.form.purchaseHistoryDetail .historyContent .subcolumn .upperBlock div {
  line-height: 30px;
  font-size: 14px;
}
.form.shoppingConfirm .confirmContent .subcolumn .upperBlock div span,
.form.purchaseHistoryDetail .confirmContent .subcolumn .upperBlock div span,
.form.shoppingConfirm .historyContent .subcolumn .upperBlock div span,
.form.purchaseHistoryDetail .historyContent .subcolumn .upperBlock div span {
  display: inline-block;
  padding-left: 1em;
}
.form.shoppingConfirm .confirmContent .subcolumn .upperBlock div div,
.form.purchaseHistoryDetail .confirmContent .subcolumn .upperBlock div div,
.form.shoppingConfirm .historyContent .subcolumn .upperBlock div div,
.form.purchaseHistoryDetail .historyContent .subcolumn .upperBlock div div {
  display: inline-block;
}
.form.shoppingConfirm .confirmContent .subcolumn .lowerBlock,
.form.purchaseHistoryDetail .confirmContent .subcolumn .lowerBlock,
.form.shoppingConfirm .historyContent .subcolumn .lowerBlock,
.form.purchaseHistoryDetail .historyContent .subcolumn .lowerBlock {
  padding: 14px 20px 24px;
}
.form.shoppingConfirm .confirmContent .subcolumn .lowerBlock >div,
.form.purchaseHistoryDetail .confirmContent .subcolumn .lowerBlock >div,
.form.shoppingConfirm .historyContent .subcolumn .lowerBlock >div,
.form.purchaseHistoryDetail .historyContent .subcolumn .lowerBlock >div {
  text-align: right;
  margin-bottom: 16px;
}
.form.shoppingConfirm .confirmContent .subcolumn .lowerBlock >div:after,
.form.purchaseHistoryDetail .confirmContent .subcolumn .lowerBlock >div:after,
.form.shoppingConfirm .historyContent .subcolumn .lowerBlock >div:after,
.form.purchaseHistoryDetail .historyContent .subcolumn .lowerBlock >div:after {
  content: '';
  display: block;
  clear: both;
}
.form.shoppingConfirm .confirmContent .subcolumn .lowerBlock >div span:first-child,
.form.purchaseHistoryDetail .confirmContent .subcolumn .lowerBlock >div span:first-child,
.form.shoppingConfirm .historyContent .subcolumn .lowerBlock >div span:first-child,
.form.purchaseHistoryDetail .historyContent .subcolumn .lowerBlock >div span:first-child {
  display: block;
  float: left;
  line-height: 1em;
  margin-top: 15px;
}
.form.shoppingConfirm .confirmContent .subcolumn .lowerBlock >div .total,
.form.purchaseHistoryDetail .confirmContent .subcolumn .lowerBlock >div .total,
.form.shoppingConfirm .historyContent .subcolumn .lowerBlock >div .total,
.form.purchaseHistoryDetail .historyContent .subcolumn .lowerBlock >div .total {
  display: inline-block;
  font-size: 22px;
  color: #384;
}
.form.shoppingConfirm .confirmContent .subcolumn .lowerBlock >div .small,
.form.purchaseHistoryDetail .confirmContent .subcolumn .lowerBlock >div .small,
.form.shoppingConfirm .historyContent .subcolumn .lowerBlock >div .small,
.form.purchaseHistoryDetail .historyContent .subcolumn .lowerBlock >div .small {
  display: inline-block;
  font-size: 12px;
  color: #384;
  padding-left: 0.25em;
}
.form.shoppingConfirm .confirmContent .subcolumn .lowerBlock button,
.form.purchaseHistoryDetail .confirmContent .subcolumn .lowerBlock button,
.form.shoppingConfirm .historyContent .subcolumn .lowerBlock button,
.form.purchaseHistoryDetail .historyContent .subcolumn .lowerBlock button,
.form.shoppingConfirm .confirmContent .subcolumn .lowerBlock a,
.form.purchaseHistoryDetail .confirmContent .subcolumn .lowerBlock a,
.form.shoppingConfirm .historyContent .subcolumn .lowerBlock a,
.form.purchaseHistoryDetail .historyContent .subcolumn .lowerBlock a {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  display: block;
  text-align: center;
  width: 100%;
  border: none;
  background-color: #384;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  padding: 10px 0;
}
.form.purchaseHistoryDetail .historyContent .subcolumn .lowerBlock a.receipt-btn,
.form.shoppingConfirm .historyContent .subcolumn .lowerBlock a.receipt-btn,
.form.purchaseHistoryDetail .confirmContent .subcolumn .lowerBlock a.receipt-btn,
.form.shoppingConfirm .confirmContent .subcolumn .lowerBlock a.receipt-btn {
  background-color: #0056B3;
  color: #fff;
  margin-top: 8px;
}
.form.purchaseHistoryDetail .subcolumn .lowerBlock a.receipt-btn:hover {
  background-color: #003f8f;
}
.form.shoppingConfirm .confirmContent .subcolumn .lowerBlock button img,
.form.purchaseHistoryDetail .confirmContent .subcolumn .lowerBlock button img,
.form.shoppingConfirm .historyContent .subcolumn .lowerBlock button img,
.form.purchaseHistoryDetail .historyContent .subcolumn .lowerBlock button img,
.form.shoppingConfirm .confirmContent .subcolumn .lowerBlock a img,
.form.purchaseHistoryDetail .confirmContent .subcolumn .lowerBlock a img,
.form.shoppingConfirm .historyContent .subcolumn .lowerBlock a img,
.form.purchaseHistoryDetail .historyContent .subcolumn .lowerBlock a img {
  width: 90%;
}
.form.shoppingConfirm .confirmContent .subcolumn .lowerBlock button:hover,
.form.purchaseHistoryDetail .confirmContent .subcolumn .lowerBlock button:hover,
.form.shoppingConfirm .historyContent .subcolumn .lowerBlock button:hover,
.form.purchaseHistoryDetail .historyContent .subcolumn .lowerBlock button:hover,
.form.shoppingConfirm .confirmContent .subcolumn .lowerBlock a:hover,
.form.purchaseHistoryDetail .confirmContent .subcolumn .lowerBlock a:hover,
.form.shoppingConfirm .historyContent .subcolumn .lowerBlock a:hover,
.form.purchaseHistoryDetail .historyContent .subcolumn .lowerBlock a:hover {
  text-decoration: none;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.form.shoppingConfirm p.price {
  font-size: 14px;
  margin-bottom: 35px;
  text-align: center;
}
.form.shoppingConfirm .confirmContent .maincolumn >.product {
  display: table;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 25px;
}
.form.shoppingConfirm .confirmContent .maincolumn >.product .row {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.form.shoppingConfirm .confirmContent .maincolumn >.product .row .img,
.form.shoppingConfirm .confirmContent .maincolumn >.product .row .detail {
  display: table-cell;
  vertical-align: middle;
  padding-top: 14px;
  padding-bottom: 14px;
}
.form.shoppingConfirm .confirmContent .maincolumn >.product .row .img {
  width: 110px;
  text-align: center;
}
.form.shoppingConfirm .confirmContent .maincolumn >.product .row .img img {
  width: 50px;
}
.form.shoppingConfirm .confirmContent .maincolumn >.product .row .detail .delivery {
  font-size: 14px;
  line-height: 26px;
}
.form.shoppingConfirm .confirmContent .maincolumn >.product .row .detail .price .num {
  display: inline-block;
  margin-right: 2em;
}
.form.shoppingConfirm .confirmContent .maincolumn >.product .delivery {
  vertical-align: middle;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
}
.form.shoppingConfirm .confirmContent .maincolumn >.product +.checkbox {
  float: left;
}
.form.shoppingConfirm .confirmContent .maincolumn .changeOrDelete {
  padding-left: 20px;
  margin-bottom: 30px;
  text-align: right;
}
.form.shoppingConfirm .confirmContent .maincolumn .changeOrDelete:after {
  content: '';
  display: block;
  clear: both;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy {
  margin-bottom: 40px;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy h3 {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy h3 div {
  color: #c50018;
  font-size: 16pt;
  margin-bottom: 10px;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy p.note_text {
  font-size: 14px;
  line-height: 18px;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 15px;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy p.note {
  font-size: 14px;
  line-height: 18px;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 15px;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box {
  padding: 0 20px 20px;
  background-color: #f2f2f2;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box h4 {
  line-height: 55px;
  color: #565656;
  font-size: 14px;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box .boxInner {
  background-color: #fff;
  padding: 18px 20px 30px;
  height: 273px;
  overflow: scroll;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 26px;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box .boxInner p.lead,
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box .boxInner h6 {
  margin-bottom: 1.5em;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box .boxInner ol {
  margin-bottom: 1em;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box .boxInner ol li +li {
  margin-top: 1.5em;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box .boxInner ol .title {
  color: #384;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box .boxInner ol .title .num,
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box .boxInner ol .title span {
  display: inline-block;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box .boxInner ol .title .num {
  margin-right: 0.5em;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box .agree {
  text-align: right;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box .agree label {
  display: inline-block;
  padding: 7px 25px;
  line-height: 1em;
  font-size: 16px;
  background-color: #fff;
  border-radius: 16px;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box .agree label span {
  letter-spacing: 0.05em;
}
.form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box .agree p {
  font-size: 12px;
  color: #c50018;
}
.form.shoppingConfirm .confirmContent .maincolumn .customerData h3,
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo h3,
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod h3 {
  font-size: 14px;
  line-height: 40px;
  padding-left: 20px;
  background-color: #f2f2f2;
}
.form.shoppingConfirm .confirmContent .maincolumn .customerData .content,
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content,
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .content {
  position: relative;
}
.form.shoppingConfirm .confirmContent .maincolumn .customerData a.change,
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo a.change {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  display: block;
  position: absolute;
  line-height: 28px;
  font-size: 14px;
  padding: 0 1.5em 0 1em;
  border-radius: 14px;
  color: #384;
  border: 1px solid;
  top: 12px;
  right: 20px;
}
.form.shoppingConfirm .confirmContent .maincolumn .customerData a.change:after,
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo a.change:after {
  font-family: 'Noto Sans Japanese', sans-serif;
  content: "＞";
  position: absolute;
  display: block;
  -webkit-transform: scaleX(0.5);
  -moz-transform: scaleX(0.5);
  -o-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  font-weight: 400;
  top: 0;
  right: 5px;
}
.form.shoppingConfirm .confirmContent .maincolumn .customerData a.change:hover,
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo a.change:hover {
  text-decoration: none;
  background-color: #384;
  color: #fff;
  border-color: #384;
}
.form.shoppingConfirm .confirmContent .maincolumn .customerData .content {
  padding: 16px 20px;
  font-size: 14px;
  line-height: 26px;
}
.form.shoppingConfirm .confirmContent .maincolumn .customerData .content .name span,
.form.shoppingConfirm .confirmContent .maincolumn .customerData .content .address span {
  display: inline-block;
}
.form.shoppingConfirm .confirmContent .maincolumn .customerData .content .name .name,
.form.shoppingConfirm .confirmContent .maincolumn .customerData .content .address .postcode {
  margin-right: 0.5em;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content {
  padding-bottom: 30px;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content h4 {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: normal;
  font-size: 14px;
  padding: 17px 20px;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .product {
  display: table;
  width: 100%;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .product .img,
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .product .detail {
  display: table-cell;
  vertical-align: middle;
  padding-top: 14px;
  padding-bottom: 14px;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .product .img {
  width: 110px;
  text-align: center;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .product .img img {
  width: 50px;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .product .detail {
  font-size: 14px;
  line-height: 26px;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .product .detail .num {
  display: inline-block;
  margin-right: 2em;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .receiversAddress {
  padding: 16px 20px;
  font-size: 14px;
  line-height: 26px;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .receiversAddress .name span,
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .receiversAddress .address span {
  display: inline-block;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .receiversAddress .name .name,
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .receiversAddress .address .postcode {
  margin-right: 0.5em;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .selects {
  padding: 0 20px 0;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .selects .selectBox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .selects .selectBox:after {
  content: '';
  display: block;
  position: absolute;
  top: 17px;
  right: 10px;
  width: 13px;
  height: 7px;
  background-image: url("../img/common/select_arrow.png");
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .selects .selectBox select {
  padding-right: 40px;
  font-size: 14px;
  color: #565656;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .selects label {
  line-height: 39px;
  padding-right: 1em;
  display: inline-block;
  font-weight: bold;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .selects .shippingMethod {
  margin-bottom: 20px;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .selects .deliveryDate,
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .selects .deliveryTime {
  display: inline-block;
}
.form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .selects .deliveryDate {
  margin-right: 1em;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .formContainer {
  table-layout: fixed;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .row {
  border-top: 0;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .row.paymentMethod .inputs {
  padding-bottom: 30px;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .inputs {
  padding-right: 0;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .label p.note {
  color: #f00;
  font-size: 12px;
  line-height: 20px;
  padding-left: 1em;
  text-indent: -1em;
  width: 215px;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .label p.note +div {
  width: 215px;
  text-align: right;
  font-size: 12px;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item {
  padding: 25px 20px 25px 0;
  font-size: 14px;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item +.item {
  border-top: 1px dotted #ddd;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item .part {
  font-size: 14px;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item .part .checker {
  vertical-align: middle;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item .part ~* {
  padding-left: 26px;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item p {
  line-height: 24px;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item .block label {
  font-size: 14px;
  display: block;
  width: 300px;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item .block input[type="text"] {
  width: 300px;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item .block +.block {
  margin-top: 10px;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item .block .selectBox {
  display: inline-block;
  position: relative;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item .block .selectBox:after {
  content: '';
  display: block;
  position: absolute;
  top: 17px;
  right: 10px;
  width: 13px;
  height: 7px;
  background-image: url("../img/common/select_arrow.png");
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item .block .selectBox +.selectBox {
  margin-left: 15px;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item .block .selectBox select {
  padding-right: 40px;
  color: #565656;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item .block.paymentMethod {
  margin-bottom: 32px;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item.paper {
  margin-top: -20px;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item.creditCard .part +p {
  margin-bottom: 25px;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item.creditCard img.cardCo {
  margin: 1em 0;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item.convini {
  padding-bottom: 0;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item.convini p em {
  font-style: normal;
  color: #f00;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item.convini img.convini {
  margin: 2em 0;
  max-width: 100%;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item.convini img.convini +p {
  margin-bottom: 1em;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item.convini .selectBox {
  width: 180px;
  overflow: hidden;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .item.convini .selectBox select {
  border: none;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .notes .inputs {
  padding: 30px 0 30px 55px;
}
.form.shoppingConfirm .confirmContent .maincolumn .paymentMethod .notes .inputs textarea {
  width: 100%;
  height: 200px;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  padding: 10px;
  background-color: #f6f6f6;
}
.form.purchaseHistoryDetail .myPageHead {
  margin-bottom: 0;
}
.form.purchaseHistoryDetail .historyContent .historyData {
  width: 760px;
  border-bottom: 1px solid #f2f2f2;
  font-size: 14px;
  line-height: 26px;
  padding: 20px;
  letter-spacing: 0.05em;
}
.form.purchaseHistoryDetail .historyContent .historyData .time {
  font-weight: bold;
}
.form.purchaseHistoryDetail .historyContent .historyData .time .date,
.form.purchaseHistoryDetail .historyContent .historyData .time .time {
  display: inline-block;
}
.form.purchaseHistoryDetail .historyContent .historyData .time .date {
  margin-right: 0.25em;
}
.form.purchaseHistoryDetail .historyContent .historyData dl dt,
.form.purchaseHistoryDetail .historyContent .historyData dl dd {
  display: inline-block;
}
.form.purchaseHistoryDetail .maincolumn >.product {
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 40px;
  font-size: 0;
}
.form.purchaseHistoryDetail .maincolumn >.product .img,
.form.purchaseHistoryDetail .maincolumn >.product .detail {
  display: inline-block;
  padding: 30px 0;
  vertical-align: middle;
}
.form.purchaseHistoryDetail .maincolumn >.product .img {
  padding-left: 20px;
  width: 170px;
}
.form.purchaseHistoryDetail .maincolumn >.product .img img {
  width: 90px;
}
.form.purchaseHistoryDetail .maincolumn >.product .detail {
  width: 590px;
  font-size: 14px;
  line-height: 26px;
}
.form.purchaseHistoryDetail .maincolumn .redirectInfo h3,
.form.purchaseHistoryDetail .maincolumn .paymentMethod h3,
.form.purchaseHistoryDetail .maincolumn .notes h3,
.form.purchaseHistoryDetail .maincolumn .mailLog h3 {
  font-size: 14px;
  line-height: 40px;
  background-color: #f2f2f2;
  padding-left: 20px;
}
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content {
  padding-bottom: 35px;
}
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content h4 {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding: 17px 20px;
  border-bottom: 1px solid #f2f2f2;
}
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content .product {
  display: table;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 15px;
}
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content .product .img,
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content .product .detail {
  display: table-cell;
  vertical-align: middle;
  padding: 14px 0;
}
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content .product .img {
  width: 110px;
  padding-left: 30px;
}
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content .product .img img {
  width: 50px;
}
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content .product .detail {
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.05em;
}
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content .product .detail .num {
  display: inline-block;
  margin-right: 1em;
}
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content .data {
  padding: 0 20px;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.05em;
}
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content .data .receiversAddress {
  margin-bottom: 10px;
}
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content .data .receiversAddress .name .name,
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content .data .receiversAddress .address .postcode {
  display: inline-block;
  margin-right: 0.25em;
}
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content .data dl dt,
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content .data dl dd {
  display: inline-block;
}
.form.purchaseHistoryDetail .maincolumn .redirectInfo .content .data dl dt {
  margin-right: 0.5em;
}
.form.purchaseHistoryDetail .maincolumn .paymentMethod .content,
.form.purchaseHistoryDetail .maincolumn .notes .content,
.form.purchaseHistoryDetail .maincolumn .mailLog .content {
  padding: 15px 20px 35px;
  font-size: 14px;
  line-height: 26px;
}
.form.purchaseHistoryDetail .maincolumn .paymentMethod .content dl dt,
.form.purchaseHistoryDetail .maincolumn .paymentMethod .content dl dd {
  display: inline-block;
}
.form.purchaseHistoryDetail .maincolumn .paymentMethod .content dl dt {
  margin-right: 0.25em;
}
.form.purchaseHistoryDetail .maincolumn .mailLog dl dt .date,
.form.purchaseHistoryDetail .maincolumn .mailLog dl dt .time {
  display: inline-block;
}
.form.purchaseHistoryDetail .maincolumn .mailLog dl dt .date {
  margin-right: 0.25em;
}
.form.purchaseHistoryDetail .maincolumn .mailLog dl dd a {
  color: #384;
}
.form.purchaseHistoryDetail .maincolumn .return {
  text-align: center;
}
.form.purchaseHistoryDetail .maincolumn .return button,
.form.purchaseHistoryDetail .maincolumn .return a {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  display: inline-block;
  line-height: 50px;
  width: 280px;
  padding: 0;
  border: none;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
  letter-spacing: 0.1em;
  cursor: pointer;
  background-color: #f2f2f2;
  color: #565656;
}
.form.purchaseHistoryDetail .maincolumn .return button:hover,
.form.purchaseHistoryDetail .maincolumn .return a:hover {
  text-decoration: none;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.form.purchaseHistory .myPageHead,
.form.favorites .myPageHead,
.form.addressEdit .myPageHead {
  border-bottom: none;
  margin-bottom: 0;
}
.form.purchaseHistory .purchaseHistory >.title,
.form.favorites .purchaseHistory >.title,
.form.addressEdit .purchaseHistory >.title,
.form.purchaseHistory .favorites >.title,
.form.favorites .favorites >.title,
.form.addressEdit .favorites >.title,
.form.purchaseHistory .addressEdit >.title,
.form.favorites .addressEdit >.title,
.form.addressEdit .addressEdit >.title {
  background-color: #f2f2f2;
  font-size: 0;
  padding: 6.5px 20px;
}
.form.purchaseHistory .purchaseHistory >.title h3,
.form.favorites .purchaseHistory >.title h3,
.form.addressEdit .purchaseHistory >.title h3,
.form.purchaseHistory .favorites >.title h3,
.form.favorites .favorites >.title h3,
.form.addressEdit .favorites >.title h3,
.form.purchaseHistory .addressEdit >.title h3,
.form.favorites .addressEdit >.title h3,
.form.addressEdit .addressEdit >.title h3,
.form.purchaseHistory .purchaseHistory >.title .button,
.form.favorites .purchaseHistory >.title .button,
.form.addressEdit .purchaseHistory >.title .button,
.form.purchaseHistory .favorites >.title .button,
.form.favorites .favorites >.title .button,
.form.addressEdit .favorites >.title .button,
.form.purchaseHistory .addressEdit >.title .button,
.form.favorites .addressEdit >.title .button,
.form.addressEdit .addressEdit >.title .button {
  width: 50%;
  display: inline-block;
}
.form.purchaseHistory .purchaseHistory >.title h3,
.form.favorites .purchaseHistory >.title h3,
.form.addressEdit .purchaseHistory >.title h3,
.form.purchaseHistory .favorites >.title h3,
.form.favorites .favorites >.title h3,
.form.addressEdit .favorites >.title h3,
.form.purchaseHistory .addressEdit >.title h3,
.form.favorites .addressEdit >.title h3,
.form.addressEdit .addressEdit >.title h3 {
  font-size: 14px;
}
.form.purchaseHistory .purchaseHistory >.title .button {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 14px;
  text-align: right;
}
.form.purchaseHistory .purchaseHistory >.title .button >div {
  display: inline-block;
}
.form.purchaseHistory .purchaseHistory >.title .button >div:after {
  content: '';
  display: inline-block;
  margin: -0.25em 0 0 0.5em;
  width: 13px;
  height: 7px;
  background-image: url("../img/product/selectArrow.png");
  background-repeat: no-repeat;
  vertical-align: baseline;
}
.form.purchaseHistory .purchaseHistory >.title .button >div +div {
  margin-left: 1em;
}
.form.purchaseHistory .purchaseHistory >.title .button select {
  font-family: 'Noto Sans Japanese', sans-serif;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  font-size: 14px;
  color: #384;
  padding: 0;
  border-radius: 0;
  height: auto;
  width: auto;
}
.form.purchaseHistory .purchaseHistory >.title .button select option {
  padding: 0;
  min-height: auto;
}
.form.purchaseHistory .purchaseHistory .container {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.form.purchaseHistory .purchaseHistory .container .row {
  width: 100%;
  display: table-row;
  font-size: 14px;
  line-height: 26px;
}
.form.purchaseHistory .purchaseHistory .container .row .data,
.form.purchaseHistory .purchaseHistory .container .row .products {
  border-bottom: 1px solid #f2f2f2;
  display: table-cell;
  vertical-align: top;
}
.form.purchaseHistory .purchaseHistory .container .row .data {
  padding: 24px 0;
  padding-left: 20px;
  width: 260px;
}
.form.purchaseHistory .purchaseHistory .container .row .data .time {
  font-weight: bold;
}
.form.purchaseHistory .purchaseHistory .container .row .data .time .date,
.form.purchaseHistory .purchaseHistory .container .row .data .time .time {
  display: inline-block;
}
.form.purchaseHistory .purchaseHistory .container .row .data a {
  color: #384;
}
.form.purchaseHistory .purchaseHistory .container .row .products .product {
  display: table;
}
.form.purchaseHistory .purchaseHistory .container .row .products .product +.product {
  border-top: 1px solid #f2f2f2;
}
.form.purchaseHistory .purchaseHistory .container .row .products .product .img,
.form.purchaseHistory .purchaseHistory .container .row .products .product >.detail {
  display: table-cell;
  vertical-align: middle;
  padding: 24px 0;
}
.form.purchaseHistory .purchaseHistory .container .row .products .product .img {
  width: 90px;
}
.form.purchaseHistory .purchaseHistory .container .row .products .product .img img {
  width: 100%;
}
.form.purchaseHistory .purchaseHistory .container .row .products .product >.detail {
  width: 650px;
  padding-left: 65px;
  position: relative;
}
.form.purchaseHistory .purchaseHistory .container .row .products .product >.detail a.download {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  line-height: 30px;
  display: block;
  font-size: 14px;
  padding: 0 30px 0 15px;
  border-radius: 14px;
  background-color: #384;
  color: #fff;
  right: 20px;
}
.form.purchaseHistory .purchaseHistory .container .row .products .product >.detail a.download:after {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  right: 11px;
  width: 13px;
  height: 7px;
  background-image: url("../img/shopping/selectArrow_white.png");
}
.form.purchaseHistory .purchaseHistory .container .row .products .product >.detail a.download:hover {
  text-decoration: none;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.form.favorites .favorites .container ul {
  font-size: 0;
  padding-top: 20px;
}
.form.favorites .favorites .container ul li {
  vertical-align: top;
  display: inline-block;
  width: 20%;
  position: relative;
  padding: 20px 20px 0;
  margin-top: 26px;
  position: relative;
}
.form.favorites .favorites .container ul li .delete {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0;
  vertical-align: middle;
  border: none;
  padding: 0;
  font-size: 15px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 20px;
  background-color: #f2f2f2;
  text-align: center;
  cursor: pointer;
}
.form.favorites .favorites .container ul li .img {
  text-align: center;
  margin-bottom: 40px;
}
.form.favorites .favorites .container ul li .img img {
  width: 90px;
}
.form.favorites .favorites .container ul li .detail {
  font-size: 14px;
  line-height: 20px;
}
.form.favorites .favorites .container ul li .detail .price {
  font-weight: bold;
}
.form.addressEdit .container .newAddressAdd {
  padding: 20px;
}
.form.addressEdit .container .newAddressAdd a {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  position: relative;
  display: inline-block;
  line-height: 28px;
  font-size: 14px;
  padding: 0 1.5em 0 1em;
  border-radius: 14px;
  color: #384;
  border: 1px solid;
}
.form.addressEdit .container .newAddressAdd a:after {
  font-family: 'Noto Sans Japanese', sans-serif;
  content: "＞";
  position: absolute;
  display: block;
  -webkit-transform: scaleX(0.5);
  -moz-transform: scaleX(0.5);
  -o-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  font-weight: 400;
  top: 0;
  right: 5px;
}
.form.addressEdit .container .newAddressAdd a:hover {
  text-decoration: none;
  background-color: #384;
  color: #fff;
  border-color: #384;
}
.form.addressEdit .container ul {
  border-top: 1px solid #f2f2f2;
}
.form.addressEdit .container ul li {
  position: relative;
  padding: 20px;
  font-size: 14px;
  line-height: 26px;
  border-bottom: 1px solid #f2f2f2;
}
.form.addressEdit .container ul li .address .postcode {
  display: inline-block;
  margin-right: 1em;
}
.form.addressEdit .container ul li a.change {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  position: absolute;
  display: block;
  line-height: 28px;
  font-size: 14px;
  padding: 0 1.5em 0 1em;
  border-radius: 14px;
  color: #384;
  border: 1px solid;
  top: 50%;
  margin-top: -15px;
  right: 20px;
}
.form.addressEdit .container ul li a.change:after {
  font-family: 'Noto Sans Japanese', sans-serif;
  content: "＞";
  position: absolute;
  display: block;
  -webkit-transform: scaleX(0.5);
  -moz-transform: scaleX(0.5);
  -o-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  font-weight: 400;
  top: 0;
  right: 5px;
}
.form.addressEdit .container ul li a.change:hover {
  text-decoration: none;
  background-color: #384;
  color: #fff;
  border-color: #384;
}
.form.unsubscribed .myPageHead {
  margin-bottom: 45px;
}
.form.unsubscribed .unsubscribed h3 {
  font-size: 22px;
  margin-bottom: 15px;
  text-align: center;
}
.form.unsubscribed .unsubscribed p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 45px;
  text-align: center;
}
.form.unsubscribed .procedure {
  text-align: center;
}
.form.unsubscribed .procedure a {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  display: inline-block;
  width: 280px;
  line-height: 50px;
  padding: 0;
  border: none;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
  letter-spacing: 0.1em;
  cursor: pointer;
  background-color: #f2f2f2;
  color: #565656;
}
.form.unsubscribed .procedure a:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  text-decoration: none;
}
.form.unsubscribed .procedure a.do,
.form.unsubscribed .procedure a.no {
  display: block;
  margin: auto;
}
.form.unsubscribed .procedure a.no {
  background-color: #384;
  color: #fff;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .form {
    padding: 7.8125% 0 11.71875%;
  }
  .form input[type="text"],
  .form input[type="password"] {
    display: block;
    width: 100%;
  }
  .form h2 {
    font-size: 15px;
    line-height: 50px;
    padding: 0 6.25%;
    margin-bottom: 6.25%;
  }
  .form .myPageHead {
    padding-bottom: 10.3125%;
  }
  .form .myPageHead ul.myPageNav {
    margin: -6.25% 0 10%;
  }
  .form .myPageHead ul.myPageNav li {
    width: 50%;
    border: 1px solid #f2f2f2;
  }
  .form .myPageHead ul.myPageNav li a {
    font-size: 16px;
    width: auto;
    border: none;
    margin: 0;
    line-height: 48px;
  }
  .form .shopping_flow,
  .form .guestShopping_flow {
    padding-top: 10px;
    margin-bottom: 8.125%;
  }
  .form .shopping_flow ol:before,
  .form .guestShopping_flow ol:before {
    top: 17.5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    height: 2px;
    background-color: #e1ede3;
  }
  .form .shopping_flow ol li,
  .form .guestShopping_flow ol li {
    font-size: 10px;
    vertical-align: top;
  }
  .form .shopping_flow ol li .num,
  .form .guestShopping_flow ol li .num {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    margin: 0 auto 5px;
  }
  .form .shopping_flow ol li {
    width: 33.33333%;
  }
  .form .shopping_flow ol:before {
    width: 65%;
  }
  .form .guestShopping_flow ol li {
    width: 25%;
  }
  .form .guestShopping_flow ol:before {
    width: 80%;
  }
  .form .privacyPolicy {
    padding: 0 3.125%;
  }
  .form .privacyPolicy h3 {
    margin-bottom: 6.25%;
    font-size: 15px;
    line-height: 24px;
  }
  .form .privacyPolicy p.lead {
    padding: 0 3.125%;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10%;
  }
  .form .privacyPolicy .container {
    padding: 6.25% 3.125% 11.25%;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 11.71875%;
  }
  .form .privacyPolicy .container h4 {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 4.6875%;
  }
  .form .privacyPolicy .container .body,
  .form .privacyPolicy .container .data {
    margin-bottom: 11.25%;
  }
  .form .privacyPolicy .container .agree {
    text-align: center;
  }
  .form .formContainer {
    width: 87.5%;
    margin: 0 auto 11.25%;
    display: block;
  }
  .form .formContainer .row {
    display: block;
    padding: 5% 0 7.5%;
  }
  .form .formContainer .row .label,
  .form .formContainer .row .inputs,
  .form .formContainer .row .confirms {
    display: block;
    width: auto;
  }
  .form .formContainer .row .label {
    font-size: 15px;
    margin-bottom: 5%;
    padding: 0;
  }
  .form .formContainer .row .label .required {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.75em;
  }
  .form .formContainer .row .inputs,
  .form .formContainer .row .confirms {
    padding: 0;
  }
  .form .formContainer .row .confirms {
    font-size: 15px;
    line-height: 24px;
  }
  .form .formContainer .row.password .inputs input {
    width: 100%;
  }
  .form .formContainer .row.customerClass .label .sp {
    float: right;
    font-size: 11px;
    width: 50%;
    margin-top: 5px;
  }
  .form .formContainer .row.customerClass .inputs:after {
    content: '';
    display: block;
    clear: both;
  }
  .form .formContainer .row.customerClass .inputs label {
    font-size: 16px;
    width: 50%;
    display: block;
    float: left;
  }
  .form .formContainer .row.customerClass .inputs label .checker {
    bottom: 6px;
  }
  .form .formContainer .row.customerClass .inputs label +label {
    margin-left: 0;
  }
  .form .formContainer .row.name .inputs input +input,
  .form .formContainer .row.furigana .inputs input +input,
  .form .formContainer .row.email .inputs input +input,
  .form .formContainer .row.password .inputs input +input {
    margin: 7.8125% 0 0;
  }
  .form .formContainer .row.address .inputs .postcode {
    font-size: 0;
  }
  .form .formContainer .row.address .inputs .postcode a.help {
    font-size: 10px;
    float: right;
    margin-top: 2.5%;
  }
  .form .formContainer .row.address .inputs .postcode a.autoInput {
    font-size: 12px;
    line-height: normal;
    margin: 4.6875% 0;
  }
  .form .formContainer .row.address .inputs input[id^="zip"] {
    font-size: 14px;
    display: inline-block;
    width: 40%;
    margin-bottom: 7.8125%;
  }
  .form .formContainer .row.address .inputs input#zip01 {
    margin-right: 3%;
  }
  .form .formContainer .row.address .inputs input#zip02 {
    margin-left: 2.5%;
  }
  .form .formContainer .row.address .inputs select {
    margin-bottom: 7.8125%;
  }
  .form .formContainer .row.tel .inputs input,
  .form .formContainer .row.fax .inputs input {
    display: inline-block;
    width: 26.6666666666%;
    font-size: 14px;
    margin-right: 2.5%;
  }
  .form .formContainer .row.tel .inputs input +input,
  .form .formContainer .row.fax .inputs input +input {
    margin-left: 2.5%;
  }
  .form .formContainer .row.mailMagazine .inputs label {
    display: block;
    width: auto;
    line-height: normal;
  }
  .form .formContainer .row.mailMagazine .inputs label +label {
    margin-top: 0.75em;
  }
  .form .formContainer .row.mailMagazine .inputs label .checker {
    bottom: 4px;
  }
  .form .agreement {
    margin-bottom: 11.25%;
  }
  .form .submits {
    margin: 0 6.25%;
    position: relative;
  }
  .form .submits button,
  .form .submits a {
    margin: 0;
    width: 100%;
  }
  .form .submits button.sp,
  .form .submits a.sp {
    display: block !important;
  }
  .form .submits button.agree,
  .form .submits a.agree,
  .form .submits button.submit,
  .form .submits a.submit {
    margin-bottom: 7.8125%;
  }
  .form.confirm >p.lead {
    margin-bottom: 6.25%;
    font-size: 15px;
    line-height: 23px;
    padding: 0 6.25%;
  }
  .form.confirm .formContainer {
    margin-bottom: 11.71875%;
  }
  .form.complete h3 {
    font-size: 16px;
    margin-bottom: 8.59375%;
    text-align: center;
    color: #384;
  }
  .form.complete p {
    font-size: 15px;
    margin-bottom: 10%;
    text-align: center;
  }
  .form.complete .toHomepage {
    padding: 0 6.25%;
  }
  .form.complete .toHomepage a {
    display: block;
    width: auto;
  }
  .form.complete.shoppingOrder h3,
  .form.complete.guestShopping h3 {
    margin-bottom: 5.625%;
  }
  .form.complete.shoppingOrder p,
  .form.complete.guestShopping p {
    text-align: justify;
    padding: 0 6.25%;
  }
  .form.logIn .boxes {
    padding: 0 3.125%;
  }
  .form.logIn .boxes .box {
    display: block;
    width: auto;
  }
  .form.logIn .boxes .box h3 {
    font-size: 14px;
    line-height: 21px;
    padding: 3.335% 5.625%;
  }
  .form.logIn .members,
  .form.logIn .signIn,
  .form.logIn .guestShopping {
    padding-bottom: 7.8125%;
  }
  .form.logIn .members .boxInner,
  .form.logIn .signIn .boxInner,
  .form.logIn .guestShopping .boxInner {
    padding: 7.8125% 3.125% 0;
  }
  .form.logIn .members {
    margin-bottom: 11.71875%;
  }
  .form.logIn .members .boxInner {
    margin-bottom: 6.25%;
  }
  .form.logIn .members .boxInner .container {
    margin-bottom: 7.8125%;
  }
  .form.logIn .members .boxInner .container input +input {
    margin-top: 7.8125%;
  }
  .form.logIn .signIn {
    margin: 0 0 11.71875% 0;
  }
  .form.logIn .signIn h3 span {
    float: none;
    line-height: normal;
  }
  .form.logIn .signIn .boxInner {
    margin-bottom: 0;
  }
  .form.logIn .signIn .boxInner .baloon {
    margin-left: 0;
    font-size: 13px;
    line-height: 22px;
  }
  .form.logIn .signIn .boxInner ol {
    padding: 0;
    margin-bottom: 7.8125%;
  }
  .form.logIn .signIn .boxInner ol li {
    font-size: 12px;
    line-height: 18px;
    padding-left: 0;
  }
  .form.logIn .signIn .boxInner ol li .num {
    position: static;
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 25px;
    line-height: 25px;
    top: 3px;
    margin-right: 0.5em;
  }
  .form.logIn .signIn .boxInner ol li span {
    display: inline-block;
    width: 85%;
  }
  .form.logIn .signIn .boxInner ol li.two {
    padding-left: 0;
  }
  .form.logIn .signIn .boxInner ol li.two span {
    white-space: normal;
  }
  .form.logIn .signIn .boxInner ol li.three {
    line-height: 25px;
  }
  .form.logIn .signIn .boxInner ol li.three .num {
    top: 0;
  }
  .form.logIn .signIn .boxInner .button a {
    width: 100%;
  }
  .form.logIn .guestShopping .container {
    margin: 0 0 6.25% 0;
    font-size: 12px;
    line-height: 18px;
  }
  .form.logIn .guestShopping .container p +p {
    margin-top: 1em;
  }
  .form.shoppingOrder .message {
    font-size: 13px;
  }
  .form.shoppingOrder p.price {
    font-size: 12px;
    margin-bottom: 7.03125%;
  }
  .form.shoppingOrder .cartContents {
    margin-bottom: 10.9375%;
  }
  .form.shoppingOrder .cartContents h3 {
    font-size: 12px;
    line-height: 37.5px;
    padding-left: 20px;
    padding: 0 6.25%;
    margin-bottom: 0;
  }
  .form.shoppingOrder .cartContents table.cart {
    width: 87.5%;
    margin: 0 auto;
  }
  .form.shoppingOrder .cartContents table.cart tbody tr.product {
    height: auto;
  }
  .form.shoppingOrder .cartContents table.cart tbody tr.product td {
    padding: 7.03125% 0;
    border: none;
  }
  .form.shoppingOrder .cartContents table.cart tbody tr.product td.delete {
    position: relative;
    width: 10%;
  }
  .form.shoppingOrder .cartContents table.cart tbody tr.product td.delete a {
    font-weight: 300;
    text-align: left;
    color: #c1c1c1;
  }
  .form.shoppingOrder .cartContents table.cart tbody tr.product td.product_img {
    text-align: center;
    width: 15%;
  }
  .form.shoppingOrder .cartContents table.cart tbody tr.product td.product_img img {
    width: 100%;
  }
  .form.shoppingOrder .cartContents table.cart tbody tr.product td.product_detail {
    padding-left: 10px;
    font-size: 11px;
    line-height: 15px;
    font-weight: 600;
  }
  .form.shoppingOrder .cartContents table.cart tbody tr.product td.product_detail .sp {
    margin-top: 0.5em;
    font-weight: normal;
  }
  .form.shoppingOrder .cartContents table.cart tbody tr.product td.product_num {
    text-align: center;
    width: 25%;
  }
  .form.shoppingOrder .cartContents table.cart tbody tr.product td.product_num span {
    font-size: 13px;
  }
  .form.shoppingOrder .cartContents table.cart tbody tr.product td.product_num .num {
    display: inline-block;
    width: 1em;
    text-align: left;
    font-size: 15px;
  }
  .form.shoppingOrder .cartContents table.cart tbody tr.product td.product_num button {
    width: 32px;
    height: 32px;
    font-size: 25px;
  }
  .form.shoppingOrder .cartContents .total {
    padding: 0 6.25%;
  }
  .form.shoppingOrder .cartContents .total span {
    display: inline-block;
    vertical-align: bottom;
    line-height: 25px;
  }
  .form.shoppingOrder .cartContents .total span:first-child {
    font-size: 15px;
    margin-right: 2em;
  }
  .form.shoppingOrder .cartContents .total span.price {
    font-size: 15px;
  }
  .form.shoppingConfirm .confirmContent .maincolumn,
  .form.purchaseHistoryDetail .confirmContent .maincolumn,
  .form.shoppingConfirm .historyContent .maincolumn,
  .form.purchaseHistoryDetail .historyContent .maincolumn,
  .form.shoppingConfirm .confirmContent .subcolumnContainer,
  .form.purchaseHistoryDetail .confirmContent .subcolumnContainer,
  .form.shoppingConfirm .historyContent .subcolumnContainer,
  .form.purchaseHistoryDetail .historyContent .subcolumnContainer,
  .form.shoppingConfirm .confirmContent .subcolumn,
  .form.purchaseHistoryDetail .confirmContent .subcolumn,
  .form.shoppingConfirm .historyContent .subcolumn,
  .form.purchaseHistoryDetail .historyContent .subcolumn {
    float: none;
    width: auto;
  }
  .form.shoppingConfirm .confirmContent .subcolumnContainer,
  .form.purchaseHistoryDetail .confirmContent .subcolumnContainer,
  .form.shoppingConfirm .historyContent .subcolumnContainer,
  .form.purchaseHistoryDetail .historyContent .subcolumnContainer {
    width: auto;
    padding: 0 3.125%;
  }
  .form.shoppingConfirm .confirmContent .subcolumnContainer .subcolumn,
  .form.purchaseHistoryDetail .confirmContent .subcolumnContainer .subcolumn,
  .form.shoppingConfirm .historyContent .subcolumnContainer .subcolumn,
  .form.purchaseHistoryDetail .historyContent .subcolumnContainer .subcolumn {
    background-color: #f2f2f2;
    padding: 0 3.125%;
  }
  .form.shoppingConfirm .confirmContent .subcolumnContainer .subcolumn .upperBlock,
  .form.purchaseHistoryDetail .confirmContent .subcolumnContainer .subcolumn .upperBlock,
  .form.shoppingConfirm .historyContent .subcolumnContainer .subcolumn .upperBlock,
  .form.purchaseHistoryDetail .historyContent .subcolumnContainer .subcolumn .upperBlock,
  .form.shoppingConfirm .confirmContent .subcolumnContainer .subcolumn .lowerBlock,
  .form.purchaseHistoryDetail .confirmContent .subcolumnContainer .subcolumn .lowerBlock,
  .form.shoppingConfirm .historyContent .subcolumnContainer .subcolumn .lowerBlock,
  .form.purchaseHistoryDetail .historyContent .subcolumnContainer .subcolumn .lowerBlock {
    padding: 5.625% 0;
    font-size: 15px;
  }
  .form.shoppingConfirm .confirmContent .subcolumnContainer .subcolumn .upperBlock,
  .form.purchaseHistoryDetail .confirmContent .subcolumnContainer .subcolumn .upperBlock,
  .form.shoppingConfirm .historyContent .subcolumnContainer .subcolumn .upperBlock,
  .form.purchaseHistoryDetail .historyContent .subcolumnContainer .subcolumn .upperBlock {
    line-height: 26px;
  }
  .form.shoppingConfirm .confirmContent .subcolumnContainer .subcolumn .upperBlock div:after,
  .form.purchaseHistoryDetail .confirmContent .subcolumnContainer .subcolumn .upperBlock div:after,
  .form.shoppingConfirm .historyContent .subcolumnContainer .subcolumn .upperBlock div:after,
  .form.purchaseHistoryDetail .historyContent .subcolumnContainer .subcolumn .upperBlock div:after {
    content: '';
    display: block;
    clear: both;
  }
  .form.shoppingConfirm .confirmContent .subcolumnContainer .subcolumn .upperBlock div .price,
  .form.purchaseHistoryDetail .confirmContent .subcolumnContainer .subcolumn .upperBlock div .price,
  .form.shoppingConfirm .historyContent .subcolumnContainer .subcolumn .upperBlock div .price,
  .form.purchaseHistoryDetail .historyContent .subcolumnContainer .subcolumn .upperBlock div .price {
    float: right;
  }
  .form.shoppingConfirm .confirmContent .subcolumnContainer .subcolumn .lowerBlock div,
  .form.purchaseHistoryDetail .confirmContent .subcolumnContainer .subcolumn .lowerBlock div,
  .form.shoppingConfirm .historyContent .subcolumnContainer .subcolumn .lowerBlock div,
  .form.purchaseHistoryDetail .historyContent .subcolumnContainer .subcolumn .lowerBlock div {
    margin-bottom: 5.625%;
  }
  .form.shoppingConfirm .confirmContent .subcolumnContainer .subcolumn .lowerBlock div .total,
  .form.purchaseHistoryDetail .confirmContent .subcolumnContainer .subcolumn .lowerBlock div .total,
  .form.shoppingConfirm .historyContent .subcolumnContainer .subcolumn .lowerBlock div .total,
  .form.purchaseHistoryDetail .historyContent .subcolumnContainer .subcolumn .lowerBlock div .total {
    color: #384;
    margin-bottom: 0;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.product {
    width: 87.5%;
    margin: 0 auto 6.25%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.product .row .img,
  .form.shoppingConfirm .confirmContent .maincolumn >.product .row .detail {
    padding: 7.8125% 0;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.product .row .img {
    width: 20%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.product .row .detail {
    width: 80%;
    font-weight: bold;
    font-size: 11px;
    line-height: 15px;
    padding-left: 4%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.product +.checkbox {
    padding: 0 6.25%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .changeOrDelete {
    padding: 0 6.25%;
    margin-bottom: 9.375%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy {
    padding: 0 3.125%;
    margin-bottom: 13.4375%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy h3 {
    font-size: 14px;
    line-height: 23px;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy p.note {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 9.375%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box {
    padding: 0 3.125% 4.0625%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box h4 {
    font-size: 15px;
    line-height: 50px;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box .boxInner {
    height: 305px;
    margin-bottom: 4.21875%;
    padding: 3.5714% 3.5714% 7%;
    font-size: 12px;
    line-height: 18px;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .eBookPolicy .box .agree {
    text-align: center;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .customerData h3,
  .form.shoppingConfirm .confirmContent .maincolumn .redirectInfo h3,
  .form.shoppingConfirm .confirmContent .maincolumn .paymentMethod h3 {
    font-size: 12px;
    line-height: 37.5px;
    padding: 0 6.25%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .customerData .content {
    padding: 6.25%;
    font-size: 15px;
    line-height: 23px;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .customerData .content .address .address01 {
    display: block;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content {
    padding: 0 6.25% 14.6875%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .product {
    margin-bottom: 6.25%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .product .img,
  .form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .product .detail {
    padding: 7.8125% 0;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .product .img {
    width: 20%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .product .detail {
    width: 80%;
    font-weight: bold;
    font-size: 11px;
    line-height: 15px;
    padding-left: 4%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .receiversAddress {
    padding: 0;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 6.25%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .receiversAddress .address .address01 {
    display: block;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .selects {
    padding: 0;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .selects .selectBox label {
    font-size: 14px;
  }
  .form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .selects .shippingMethod,
  .form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .selects .deliveryDate,
  .form.shoppingConfirm .confirmContent .maincolumn .redirectInfo .content .selects .deliveryTime {
    margin: 7.8125% 0 0;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod {
    padding: 7.8125% 0 11.875%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .label p.note,
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .label div {
    width: auto;
    font-size: 13px;
    line-height: 21px;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .label p.note {
    margin-top: 1em;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .inputs {
    padding-bottom: 0;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .inputs .item {
    padding: 9.375% 0;
    font-size: 15px;
    line-height: 25px;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .inputs .item .part span {
    font-size: 15px;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .inputs .item .part ~* {
    padding-left: 7.5%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .inputs .item .part +p {
    margin-bottom: 7.8125%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .inputs .item .block +.block {
    margin-top: 6.5625%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .inputs .item .block.paymentMethod {
    margin-bottom: 10%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .inputs .item .block label {
    padding-bottom: 0.5em;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .inputs .item .block input[type="text"] {
    width: 100%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .inputs .item.paper {
    margin-top: 0;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .inputs .item.paper p {
    margin-bottom: 0;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .inputs .item.convini {
    padding-bottom: 0;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.paymentMethod .inputs .item.convini .part span {
    display: inline-block;
    vertical-align: top;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.notes {
    padding: 10.9375% 0 11.71875%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.notes .inputs {
    padding: 0 0 0 6.5625%;
  }
  .form.shoppingConfirm .confirmContent .maincolumn >.paymentMethod .formContainer .row.notes .inputs textarea#notes {
    height: 125px;
  }
  .form.purchaseHistoryDetail .historyContent .historyData {
    width: 87.5%;
    margin: 0 auto;
    font-size: 12px;
    line-height: 18px;
    padding: 5.3125% 0;
  }
  .form.purchaseHistoryDetail .historyContent .maincolumn .product {
    width: 87.5%;
    margin: 0 auto 9.375%;
  }
  .form.purchaseHistoryDetail .historyContent .maincolumn .product .img {
    width: 25%;
    padding: 6.25% 0;
  }
  .form.purchaseHistoryDetail .historyContent .maincolumn .product .img img {
    width: 80%;
  }
  .form.purchaseHistoryDetail .historyContent .maincolumn .product .detail {
    width: 75%;
    font-size: 11px;
    line-height: 15px;
    font-weight: bold;
  }
  .form.purchaseHistoryDetail .historyContent .maincolumn .redirectInfo h3,
  .form.purchaseHistoryDetail .historyContent .maincolumn .paymentMethod h3,
  .form.purchaseHistoryDetail .historyContent .maincolumn .notes h3,
  .form.purchaseHistoryDetail .historyContent .maincolumn .mailLog h3 {
    font-size: 12px;
    line-height: 37.5px;
    padding: 0 6.25%;
  }
  .form.purchaseHistoryDetail .historyContent .maincolumn .redirectInfo .content,
  .form.purchaseHistoryDetail .historyContent .maincolumn .paymentMethod .content,
  .form.purchaseHistoryDetail .historyContent .maincolumn .notes .content,
  .form.purchaseHistoryDetail .historyContent .maincolumn .mailLog .content {
    padding: 0 6.25% 7.8125%;
    font-size: 15px;
    line-height: 25px;
  }
  .form.purchaseHistoryDetail .historyContent .maincolumn .redirectInfo .content h4 {
    font-size: 15px;
    padding: 6.5625% 0;
  }
  .form.purchaseHistoryDetail .historyContent .maincolumn .redirectInfo .content .product {
    width: 100%;
    margin: 0 auto 6.25%;
  }
  .form.purchaseHistoryDetail .historyContent .maincolumn .redirectInfo .content .product .img {
    width: 25%;
    padding: 6.25% 0;
  }
  .form.purchaseHistoryDetail .historyContent .maincolumn .redirectInfo .content .product .img img {
    width: 80%;
  }
  .form.purchaseHistoryDetail .historyContent .maincolumn .redirectInfo .content .product .detail {
    font-size: 11px;
    line-height: 15px;
    font-weight: bold;
  }
  .form.purchaseHistoryDetail .historyContent .maincolumn .redirectInfo .content .data {
    font-size: 14px;
    line-height: 30px;
    padding: 0;
  }
  .form.purchaseHistoryDetail .historyContent .maincolumn .redirectInfo .content .data .receiversAddress {
    margin-bottom: 0;
  }
  .form.purchaseHistoryDetail .historyContent .maincolumn .redirectInfo .content .data .receiversAddress .address .address01,
  .form.purchaseHistoryDetail .historyContent .maincolumn .redirectInfo .content .data .receiversAddress .address .address02 {
    display: block;
  }
  .form.purchaseHistoryDetail .historyContent .maincolumn .paymentMethod .content,
  .form.purchaseHistoryDetail .historyContent .maincolumn .notes .content,
  .form.purchaseHistoryDetail .historyContent .maincolumn .mailLog .content {
    padding-top: 4.6875%;
  }
  .form.purchaseHistoryDetail .subcolumnContainer .subcolumn {
    margin-bottom: 6.25%;
  }
  .form.purchaseHistoryDetail .subcolumnContainer .return {
    text-align: center;
    padding: 0 3.125%;
  }
  .form.purchaseHistoryDetail .subcolumnContainer .return button,
  .form.purchaseHistoryDetail .subcolumnContainer .return a {
    font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
    display: block !important;
    line-height: 50px;
    width: 100%;
    padding: 0;
    border: none;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    letter-spacing: 0.1em;
    cursor: pointer;
    background-color: #f2f2f2;
    color: #565656;
  }
  .form.purchaseHistoryDetail .subcolumnContainer .return button:hover,
  .form.purchaseHistoryDetail .subcolumnContainer .return a:hover {
    text-decoration: none;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .form.purchaseHistory .purchaseHistory .title {
    background-color: transparent;
    padding: 0;
    margin-bottom: 6.25%;
  }
  .form.purchaseHistory .purchaseHistory .title h3,
  .form.purchaseHistory .purchaseHistory .title .button {
    display: block;
    width: auto;
  }
  .form.purchaseHistory .purchaseHistory .title h3 {
    line-height: 37.5px;
    padding: 0 6.25%;
    background-color: #f2f2f2;
    margin-bottom: 4px;
  }
  .form.purchaseHistory .purchaseHistory .title .button {
    font-size: 12px;
    padding: 0 3.125%;
    line-height: 25px;
  }
  .form.purchaseHistory .purchaseHistory .title .button >div {
    width: auto;
    margin-right: 0;
  }
  .form.purchaseHistory .purchaseHistory .title .button >div:after {
    width: 15px;
    height: 8px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
  }
  .form.purchaseHistory .purchaseHistory .title .button select {
    font-size: 12px;
    vertical-align: baseline;
  }
  .form.purchaseHistory .purchaseHistory .container {
    display: block;
    padding: 0 6.25%;
  }
  .form.purchaseHistory .purchaseHistory .container .row {
    display: block;
    padding-bottom: 11.25%;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
  }
  .form.purchaseHistory .purchaseHistory .container .row +.row {
    margin-top: 11.25%;
  }
  .form.purchaseHistory .purchaseHistory .container .row >div {
    display: block;
  }
  .form.purchaseHistory .purchaseHistory .container .row .data,
  .form.purchaseHistory .purchaseHistory .container .row .img,
  .form.purchaseHistory .purchaseHistory .container .row .detail {
    width: auto;
    padding: 0;
    border: none;
  }
  .form.purchaseHistory .purchaseHistory .container .row .data {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5.625%;
  }
  .form.purchaseHistory .purchaseHistory .container .row .data dl dt,
  .form.purchaseHistory .purchaseHistory .container .row .data dl dd {
    display: inline-block;
  }
  .form.purchaseHistory .purchaseHistory .container .row .data dl dt {
    width: 7em;
  }
  .form.purchaseHistory .purchaseHistory .container .row .img {
    display: inline-block;
    width: 16%;
    margin-right: 5%;
  }
  .form.purchaseHistory .purchaseHistory .container .row >.detail {
    display: inline-block;
    width: 70%;
    font-size: 11px;
    line-height: 15px;
    font-weight: bold;
    position: static;
  }
  .form.purchaseHistory .purchaseHistory .container .row >.detail .title {
    width: 10em;
    margin-bottom: 0.25em;
  }
  .form.purchaseHistory .purchaseHistory .container .row >.detail a.download {
    top: auto;
    bottom: 0;
    right: 0;
    margin-bottom: 11.875%;
    font-size: 12px;
    line-height: 24px;
    margin-top: -12px;
    padding: 0 2em 0 0.75em;
  }
  .form.purchaseHistory .purchaseHistory .container .row >.detail a.download:after {
    width: 11px;
    height: 6px;
    top: 50%;
    right: 8px;
    margin-top: -3px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .form.favorites .favorites .title {
    background-color: transparent;
    padding: 0;
  }
  .form.favorites .favorites .title h3 {
    display: block;
    width: auto;
    line-height: 37.5px;
    padding: 0 6.25%;
    background-color: #f2f2f2;
    margin-bottom: 4px;
  }
  .form.favorites .favorites .container {
    padding: 0 3.125%;
  }
  .form.favorites .favorites .container ul {
    font-size: 0;
    padding-top: 0;
  }
  .form.favorites .favorites .container ul li {
    margin-top: 10.9375%;
    width: 50%;
    padding: 0 3.125%;
  }
  .form.favorites .favorites .container ul li .delete {
    right: 0;
    margin: 0 3.125% 0 0;
  }
  .form.favorites .favorites .container ul li .img {
    margin-bottom: 7%;
  }
  .form.favorites .favorites .container ul li .img img {
    width: 35%;
  }
  .form.favorites .favorites .container ul li .detail {
    font-size: 11px;
    line-height: 15px;
  }
  .form.addressEdit .addressEdit .title {
    background-color: transparent;
    padding: 0;
  }
  .form.addressEdit .addressEdit .title h3 {
    display: block;
    width: auto;
    line-height: 37.5px;
    padding: 0 6.25%;
    background-color: #f2f2f2;
    margin-bottom: 4px;
  }
  .form.addressEdit .addressEdit .container {
    padding: 0 6.25%;
  }
  .form.addressEdit .addressEdit .container .newAddressAdd {
    padding: 7.8125% 0;
  }
  .form.addressEdit .addressEdit .container ul {
    padding: 0;
  }
  .form.addressEdit .addressEdit .container ul li {
    padding: 7.03125% 0;
    font-size: 15px;
    line-height: 24px;
  }
  .form.addressEdit .addressEdit .container ul li .address01 {
    display: block;
  }
  .form.addressEdit .addressEdit .container ul li a.change {
    right: 0;
  }
  .form.unsubscribed .unsubscribed {
    padding: 0 6.25%;
  }
  .form.unsubscribed .unsubscribed h3 {
    font-size: 18px;
    margin-bottom: 8.75%;
  }
  .form.unsubscribed .unsubscribed p {
    font-size: 15px;
    margin-bottom: 10%;
    text-align: justify;
    text-align-last: center;
  }
  .form.unsubscribed .unsubscribed a {
    display: block;
    width: auto;
  }
}
.form#otodokebin h2 {
  margin-bottom: 0;
}
.form#otodokebin h2 +p {
  font-size: 14px;
  line-height: 53px;
  padding-left: 20px;
}
.form#otodokebin .otodokebin_flow {
  margin-bottom: 15px;
}
.form#otodokebin .otodokebin_flow h4,
.form#otodokebin .otodokebin_flow + h4 {
  padding-left: 20px;
  line-height: 40px;
  background-color: #f2f2f2;
  color: #565656;
  font-size: 14px;
}
.form#otodokebin .otodokebin_flow h4 {
  margin-bottom: 10px;
}
.form#otodokebin .otodokebin_flow + h4 {
  margin-bottom: 35px;
}
.form#otodokebin .otodokebin_flow dl {
  padding-left: 20px;
  font-size: 14px;
  line-height: 46px;
}
.form#otodokebin .otodokebin_flow dl a {
  font-style: normal;
  color: #384;
}
.form#otodokebin .formContainer {
  margin-bottom: 10px;
}
.form#otodokebin .formContainer .row.content .inputs {
  padding-top: 25px;
  padding-bottom: 20px;
}
.form#otodokebin .formContainer .row.content .inputs >p {
  margin-bottom: 10px;
}
.form#otodokebin .formContainer .row.content .inputs .radio {
  line-height: 42px;
}
.form#otodokebin .formContainer .row.content .inputs .radio .checker {
  vertical-align: middle;
}
.form#otodokebin .formContainer .row.content .inputs .group {
  margin-top: 10px;
  position: relative;
  padding-left: 56px;
  margin-left: -56px;
}
.form#otodokebin .formContainer .row.content .inputs .group .required {
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  font-size: 10px;
  color: #fff;
  background-color: #565656;
  line-height: 16px;
  padding: 0 0.3em;
}
.form#otodokebin .formContainer .row.content .inputs .group p {
  margin-bottom: 5px;
}
.form#otodokebin .formContainer .row.content .inputs .group textarea {
  display: block;
  width: 100%;
  height: 168px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  padding: 10px;
  background-color: #f6f6f6;
}
.form#otodokebin .formContainer .row.contact_matter .inputs textarea {
  display: block;
  width: 100%;
  height: 100px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  padding: 10px;
  background-color: #f6f6f6;
}
.form#otodokebin .privacyPolicy p.lead {
  text-align: center;
}
.form#otodokebin .privacyPolicy .container {
  margin-bottom: 42px;
}
.form#otodokebin .privacyPolicy .container a {
  color: #384;
}
.form#otodokebin .privacyPolicy .container h4 +.body {
  margin-bottom: 22px;
}
.form#otodokebinConfirm .formContainer .row.mailMagazine .confirms .confirms {
  position: relative;
  padding: 3px 0 0 56px;
  margin-left: -56px;
  display: block;
}
.form#otodokebinConfirm .formContainer .row.mailMagazine .confirms .confirms .required {
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  font-size: 10px;
  color: #fff;
  background-color: #565656;
  line-height: 16px;
  padding: 0 0.3em;
}
#page_product_search .formContainer {
  display: block;
}
#page_product_search .formContainer .row {
  display: block;
  width: 100%;
}
#page_product_search .formContainer .row:after {
  content: '';
  display: block;
  clear: both;
}
#page_product_search .formContainer .row .label,
#page_product_search .formContainer .row .inputs {
  display: block;
  float: left;
}
#page_product_search .formContainer #top_box__category,
#page_product_search .formContainer #top_box__forma {
  display: block;
}
#page_product_search .formContainer #top_box__category .label,
#page_product_search .formContainer #top_box__forma .label,
#page_product_search .formContainer #top_box__category .inputs,
#page_product_search .formContainer #top_box__forma .inputs {
  width: 100%;
  float: none;
}
#page_product_search .formContainer #top_box__category .label,
#page_product_search .formContainer #top_box__forma .label {
  padding-bottom: 0;
  font-size: 18px;
}
#page_product_search .formContainer #top_box__category .inputs,
#page_product_search .formContainer #top_box__forma .inputs {
  font-size: 0;
}
#page_product_search .formContainer #top_box__category .inputs label,
#page_product_search .formContainer #top_box__forma .inputs label {
  display: inline-block;
  line-height: 45px;
}
#page_product_search .formContainer #top_box__category .inputs .checker,
#page_product_search .formContainer #top_box__forma .inputs .checker {
  margin-bottom: 13px;
}
#page_product_search .formContainer #top_box__category .inputs label {
  width: 25%;
}
#page_product_search .formContainer #top_box__forma .inputs .checkbox {
  display: inline-block;
  width: 20%;
}
@media (max-width: 767px) {
  #page_product_search .formContainer .row {
    margin-bottom: 0;
  }
  #page_product_search .formContainer .row .label,
  #page_product_search .formContainer .row .inputs {
    float: none;
  }
  #page_product_search .formContainer #top_box__category .label,
  #page_product_search .formContainer #top_box__forma .label {
    font-size: 16px;
    margin-bottom: 2.5%;
  }
  #page_product_search .formContainer #top_box__category .inputs label,
  #page_product_search .formContainer #top_box__forma .inputs label {
    font-size: 14px;
  }
  #page_product_search .formContainer #top_box__category .inputs .checker,
  #page_product_search .formContainer #top_box__forma .inputs .checker {
    margin-bottom: 14px;
  }
  #page_product_search .formContainer #top_box__category .inputs label {
    width: auto;
    display: block;
  }
  #page_product_search .formContainer #top_box__category .inputs label +label {
    margin: 0;
  }
  #page_product_search .formContainer #top_box__forma .inputs .checkbox {
    display: block;
    width: auto;
  }
}
.frequencyTag {
  font-size: 10px;
  width: 60px;
  text-align: center;
  line-height: 12px;
  color: #384;
  border: 1px solid;
}
.advertisement h2 {
  font-size: 22px;
  margin-bottom: 8px;
}
.advertisement .detail a {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  background-color: #f2f2f2;
  display: block;
  width: 150px;
  font-size: 14px;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}
.advertisement .detail a:hover {
  background-color: #384;
  color: #fff;
  text-decoration: none;
}
.advertisement .lead h3 {
  font-size: 18px;
  line-height: 40px;
  padding-left: 20px;
  color: #384;
  background-color: #f5f9f5;
}
.advertisement .lead .content {
  font-size: 14px;
  line-height: 24px;
  padding: 20px 20px 30px;
}
.advertisement .magazineCat h3 {
  background-color: #f2f2f2;
  font-size: 14px;
  line-height: 40px;
  padding-left: 20px;
  margin-bottom: 20px;
}
.advertisement .magazineCat .content ul {
  font-size: 0;
}
.advertisement .magazineCat .content ul li {
  display: inline-block;
  width: 50%;
  margin-bottom: 30px;
}
.advertisement .magazineCat .content ul li .img,
.advertisement .magazineCat .content ul li .text {
  display: inline-block;
  vertical-align: top;
}
.advertisement .magazineCat .content ul li .img {
  width: 180px;
  padding: 15px 0;
  text-align: center;
  border: 1px solid #f2f2f2;
}
.advertisement .magazineCat .content ul li .text {
  padding-left: 20px;
}
.advertisement .magazineCat .content ul li .text .frequencyTag {
  margin-bottom: 15px;
}
.advertisement .magazineCat .content ul li .text .title {
  margin-bottom: 20px;
}
.advertisement .magazineCat .content p {
  margin-top: -5px;
  padding: 0 20px 30px;
  font-size: 14px;
  line-height: 24px;
}
.advertisement .block h3 {
  background-color: #f2f2f2;
  font-size: 14px;
  line-height: 40px;
  padding-left: 20px;
}
.advertisement .block .content {
  padding: 20px 20px 30px;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}
.advertisement .block .content .detail a {
  position: absolute;
  right: 20px;
  top: 55%;
  margin-top: -20px;
}
@media (max-width: 767px) {
  .advertisement h2 {
    font-size: 16px;
    padding: 6.25%;
    margin-bottom: 0;
  }
  .advertisement a.detail {
    line-height: 32.5px;
    font-size: 12px;
  }
  .advertisement .lead h3 {
    font-size: 15px;
    line-height: 50px;
    padding: 0 6.25%;
  }
  .advertisement .lead .content {
    font-size: 12px;
    line-height: 22px;
    padding: 3.125% 6.25% 10%;
  }
  .advertisement .magazineCat h3 {
    font-size: 12px;
    line-height: 37.5px;
    padding: 0 6.25%;
    margin-bottom: 13.75%;
  }
  .advertisement .magazineCat .content {
    padding: 0 6.25% 10%;
  }
  .advertisement .magazineCat .content ul li {
    display: block;
    width: auto;
  }
  .advertisement .magazineCat .content ul li .img,
  .advertisement .magazineCat .content ul li .text {
    width: 50%;
  }
  .advertisement .magazineCat .content ul li .img {
    padding: 3.125% 0;
  }
  .advertisement .magazineCat .content ul li .img img {
    width: 60%;
  }
  .advertisement .magazineCat .content ul li .text {
    padding-left: 7.142857142857%;
  }
  .advertisement .magazineCat .content ul li .text .title img {
    max-width: auto;
  }
  .advertisement .magazineCat .content ul li .text .detail a {
    width: auto;
  }
  .advertisement .magazineCat .content p {
    padding: 0;
    font-size: 12px;
    line-height: 22px;
  }
  .advertisement .block h3 {
    font-size: 12px;
    line-height: 37.5px;
    padding: 0 6.25%;
  }
  .advertisement .block .content {
    padding: 6.25% 6.25% 10%;
    font-size: 12px;
    line-height: 22px;
  }
  .advertisement .block .content .detail {
    text-align: right;
    padding-top: 6.25%;
  }
  .advertisement .block .content .detail a {
    position: static;
    display: inline-block;
    margin-top: 0;
    width: 45%;
  }
}
.advertisementPage a {
  color: #384;
}
.advertisementPage a:after {
  display: inline-block;
  margin-left: 0.25em;
}
.advertisementPage a[target="_blank"]:after {
  content: url("../img/common/externalLink.gif");
}
.advertisementPage a[href*=".pdf"]:after {
  content: url("../img/common/pdfFile.gif");
}
.advertisementPage h2 {
  color: #384;
  background-color: #f5f9f5;
  font-size: 18px;
  line-height: 40px;
  padding-left: 20px;
  margin-bottom: 20px;
}
.advertisementPage .lead {
  padding-bottom: 40px;
}
.advertisementPage .lead .img,
.advertisementPage .lead .text {
  display: inline-block;
  vertical-align: top;
}
.advertisementPage .lead .img {
  width: 180px;
  padding: 15px 0;
  text-align: center;
  border: 1px solid #f2f2f2;
}
.advertisementPage .lead .text {
  padding-left: 20px;
}
.advertisementPage .lead .text .frequencyTag {
  margin-bottom: 15px;
}
.advertisementPage .lead .text .title {
  margin-bottom: 10px;
}
.advertisementPage .lead .text .datas {
  font-size: 14px;
  line-height: 24px;
}
.advertisementPage .block h3 {
  font-size: 14px;
  line-height: 40px;
  background-color: #f2f2f2;
  padding-left: 20px;
}
.advertisementPage .block .content {
  padding-bottom: 40px;
}
.advertisementPage .block .note {
  font-size: 14px;
  line-height: 30px;
}
.advertisementPage .block .note +table {
  margin-top: 10px;
}
.advertisementPage .block .note.kome {
  color: #f00;
}
.advertisementPage .block table {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  text-align: center;
  table-layout: fixed;
  margin-top: 20px;
}
.advertisementPage .block table th,
.advertisementPage .block table td {
  vertical-align: middle;
  padding: 15px 0;
  border: 1px solid #d9d9d9;
}
.advertisementPage .block table th a[href*=".pdf"],
.advertisementPage .block table td a[href*=".pdf"] {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}
.advertisementPage .block table thead {
  background-color: #f2f2f2;
}
.advertisementPage .block table tbody th {
  background-color: #f5f9f5;
}
.advertisementPage .block table tbody td.foot {
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  padding: 8px 20px 8px 32px;
  text-indent: -1em;
}
.advertisementPage .block table .price {
  text-align: right;
  padding-right: 20px;
}
.advertisementPage .block.featureList th,
.advertisementPage .block.featureList td {
  vertical-align: top;
}
.advertisementPage .block.featureList th:first-child {
  width: 130px;
}
.advertisementPage .block.featureList th:first-child +th {
  width: 155px;
}
.advertisementPage .block.fee th.size {
  width: 40%;
}
.advertisementPage .block p {
  padding-left: 20px;
  margin-top: 1em;
  font-size: 14px;
  line-height: 24px;
}
.advertisementPage .AdobeReader {
  padding: 20px;
  background-color: #f2f2f2;
}
.advertisementPage .AdobeReader .img,
.advertisementPage .AdobeReader p {
  display: inline-block;
  vertical-align: top;
}
.advertisementPage .AdobeReader p {
  padding-left: 0.5em;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .advertisementPage {
    padding-top: 7.8125%;
  }
  .advertisementPage h2 {
    font-size: 15px;
    line-height: 50px;
    padding: 0 6.25%;
    margin-bottom: 6.25%;
  }
  .advertisementPage .lead {
    padding: 0 6.25% 10%;
  }
  .advertisementPage .lead .img {
    width: 30%;
    padding: 2.03125% 0;
  }
  .advertisementPage .lead .img img {
    width: 60%;
  }
  .advertisementPage .lead .text {
    padding-left: 2.5%;
    width: 69%;
    text-align: justify;
  }
  .advertisementPage .lead .text .datas {
    font-size: 12px;
    line-height: 22px;
  }
  .advertisementPage .block {
    padding-bottom: 6.25%;
  }
  .advertisementPage .block h3 {
    font-size: 12px;
    line-height: 37.5px;
    padding: 0 6.25%;
  }
  .advertisementPage .block .content {
    overflow: scroll;
    padding: 0 6.25% 6.25%;
  }
  .advertisementPage .block .note {
    font-size: 12px;
  }
  .advertisementPage .block .note +table {
    margin-top: 2.5%;
  }
  .advertisementPage .block table {
    width: 620px;
    margin-top: 7.5%;
    font-size: 12px;
  }
  .advertisementPage .block table th,
  .advertisementPage .block table td {
    padding: 12px 0;
  }
  .advertisementPage .block.featureList th:first-child {
    width: 96px;
  }
  .advertisementPage .block.featureList th:first-child +th {
    width: 136px;
  }
  .advertisementPage .block p {
    padding-left: 0;
    font-size: 12px;
    line-height: 22px;
  }
  .advertisementPage .AdobeReader {
    padding: 3.125% 6.25%;
  }
  .advertisementPage .AdobeReader .img,
  .advertisementPage .AdobeReader p {
    display: block;
  }
  .advertisementPage .AdobeReader .img {
    width: 45%;
  }
  .advertisementPage .AdobeReader p {
    padding: 2.5% 0 0 0;
    font-size: 12px;
    line-height: 22px;
  }
}
.kajyoshikiPage a {
  color: #384;
}
.kajyoshikiPage h2 {
  font-size: 22px;
  margin-bottom: 7px;
}
.kajyoshikiPage ul.toc {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: 0;
  margin-bottom: 33px;
}
.kajyoshikiPage ul.toc li {
  font-size: 16px;
  display: inline-block;
  width: 381px;
  height: 42px;
  margin: 0 -1px -1px 0;
  position: relative;
}
.kajyoshikiPage ul.toc li a {
  line-height: 40px;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid;
  padding-left: 12px;
  background-repeat: no-repeat;
  background-position: 350px 18px;
  background-image: url("../img/kajyoshiki/arrowDown_g.png");
}
.kajyoshikiPage ul.toc li a:hover {
  color: #fff;
  border-color: #384;
  background-color: #384;
  text-decoration: none;
  background-image: url("../img/kajyoshiki/arrowDown_w.png");
}
.kajyoshikiPage h3 {
  color: #384;
  background-color: #f5f9f5;
  padding-left: 20px;
  font-size: 18px;
  line-height: 40px;
  margin-bottom: 15px;
}
.kajyoshikiPage h4 {
  background-color: #f2f2f2;
  line-height: 40px;
  padding-left: 20px;
  margin: 0 -20px 15px;
}
.kajyoshikiPage .subtitle {
  background-color: transparent;
  font-size: 14px;
  line-height: 25px;
  padding: 0 0 4px 0;
  border-bottom: 1px solid #e0e0e0;
  margin: 0 0 15px;
}
.kajyoshikiPage .container {
  padding: 0 20px 30px;
}
.kajyoshikiPage .content:after {
  content: '';
  display: block;
  clear: both;
}
.kajyoshikiPage .content .img.left {
  float: left;
  padding: 0 20px 20px 0;
}
.kajyoshikiPage .content .img.right {
  float: right;
  padding: 0 0 20px 20px;
}
.kajyoshikiPage .content +.content {
  margin-top: 30px;
}
.kajyoshikiPage .content p {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.05em;
}
.kajyoshikiPage .content p ~p {
  margin-top: 25px;
}
.kajyoshikiPage .content p strong {
  display: block;
}
.kajyoshikiPage .sec01_01 .img.left img,
.kajyoshikiPage .sec01_03 .img.left img {
  width: 300px;
}
.kajyoshikiPage .sec01_02 .img.right {
  width: 160px;
  overflow: hidden;
  padding-bottom: 0;
}
.kajyoshikiPage .sec01_02 .img.right img {
  height: 200px;
  margin-left: -90px;
}
.kajyoshikiPage .sec01_04 .img.right img {
  width: 330px;
}
.kajyoshikiPage #section02 .img {
  margin-top: 30px;
}
.kajyoshikiPage #section02 .img:after {
  content: '';
  display: block;
  clear: both;
}
.kajyoshikiPage #section02 .img img {
  width: 340px;
}
.kajyoshikiPage #section02 .img img:first-child {
  float: left;
}
.kajyoshikiPage #section02 .img img +img {
  float: right;
}
.kajyoshikiPage #section07 img {
  margin-top: 15px;
}
.kajyoshikiPage #section09 .container {
  padding-bottom: 0;
}
.kajyoshikiPage .sec09_01 .img.left {
  width: 170px;
}
.kajyoshikiPage .sec09_01 .img.left img {
  height: 220px;
  margin-left: -90px;
}
.kajyoshikiPage .sec09_02 .img.left {
  width: 170px;
  padding-top: 5px;
}
.kajyoshikiPage .sec09_02 .img.left img {
  height: 170px;
  margin-left: -40px;
}
.kajyoshikiPage .sec09_02 p +p {
  clear: both;
  padding-left: 1em;
  text-indent: -1em;
}
.kajyoshikiPage .sec09_02 p +p strong {
  margin-bottom: 0.5em;
}
@media (max-width: 767px) {
  .kajyoshikiPage {
    padding-top: 8.75%;
  }
  .kajyoshikiPage h2 {
    font-size: 15px;
    padding: 0 6.25%;
    margin-bottom: 7.03125%;
  }
  .kajyoshikiPage ul.toc {
    padding: 0 6.25%;
    margin-bottom: 12.5%;
  }
  .kajyoshikiPage ul.toc li {
    height: auto;
    width: 100%;
  }
  .kajyoshikiPage ul.toc li a {
    padding: 0 3.125%;
    font-size: 13px;
    line-height: 30px;
    position: relative;
    background-image: none;
  }
  .kajyoshikiPage ul.toc li a:after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    margin-top: -10px;
    right: 3.125%;
  }
  .kajyoshikiPage h3 {
    font-size: 15px;
    line-height: 50px;
    padding: 0 6.25%;
    margin-bottom: 3.125%;
  }
  .kajyoshikiPage h4 {
    font-size: 12px;
    line-height: 37.5px;
  }
  .kajyoshikiPage .subtitle {
    font-size: 15px;
    line-height: 22px;
    padding: 0 6.25% 2.34375%;
    margin-bottom: 5.46875%;
  }
  .kajyoshikiPage .container {
    padding: 0 6.25%;
    margin-bottom: 8.75%;
  }
  .kajyoshikiPage .content .img.left,
  .kajyoshikiPage .content .img.right {
    float: none;
    padding: 0;
    margin-bottom: 1em;
    width: auto !important;
    height: auto !important;
  }
  .kajyoshikiPage .content .img.left img,
  .kajyoshikiPage .content .img.right img {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
  }
  .kajyoshikiPage .content +.content {
    margin-top: 10%;
  }
  .kajyoshikiPage .content p {
    font-size: 12px;
    line-height: 22px;
  }
  .kajyoshikiPage .content p ~p {
    margin-top: 7.8125%;
  }
  .kajyoshikiPage #section02 .img {
    margin-top: 5.46875%;
  }
  .kajyoshikiPage #section02 .img:after {
    content: '';
    display: block;
    clear: both;
  }
  .kajyoshikiPage #section02 .img img {
    width: 340px;
  }
  .kajyoshikiPage #section02 .img img:first-child {
    float: none;
    margin-bottom: 6.25%;
  }
  .kajyoshikiPage #section02 .img img +img {
    float: none;
  }
  .kajyoshikiPage #section07 img {
    margin-top: 4.375%;
  }
  .kajyoshikiPage #section09 h3 {
    margin-bottom: 7.8125%;
  }
  .kajyoshikiPage #section09 h4 {
    margin-bottom: 6.25%;
  }
  .kajyoshikiPage .sec09_02 .img.left {
    padding-top: 0;
  }
  .kajyoshikiPage .sec09_02 p +p {
    padding-left: 0em;
    text-indent: 0em;
  }
}
.helpPage h2 {
  color: #384;
  background-color: #f5f9f5;
  padding-left: 20px;
  font-size: 18px;
  line-height: 40px;
  margin-bottom: 20px;
}
.helpPage .section {
  margin-bottom: 40px;
}
.helpPage .section h3 {
  background-color: #f2f2f2;
  line-height: 40px;
  padding-left: 20px;
  font-size: 14px;
}
.helpPage .section .content .block {
  padding-right: 20px;
  font-size: 0;
}
.helpPage .section .content .block +.block {
  margin-top: 40px;
}
.helpPage .section .content .block .icon,
.helpPage .section .content .block .text {
  display: inline-block;
  vertical-align: top;
}
.helpPage .section .content .block .icon {
  width: 80px;
}
.helpPage .section .content .block .text {
  font-size: 14px;
  width: 660px;
}
.helpPage .section .content .block .text .title {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #384;
  font-size: 18px;
  margin-bottom: 10px;
}
.helpPage .section .content .block .text p {
  line-height: 24px;
  margin-bottom: 1em;
}
.helpPage .section .content .block .text p:last-child {
  margin-bottom: 0;
}
.helpPage .section .content .block .text ul li {
  padding-left: 1em;
}
.helpPage .section .content .block .text ul li a {
  color: #384;
}
.helpPage .section .content .block .text ul li +li {
  margin-top: 1.5em;
}
.helpPage .section .content .block .text ul li .subtitle {
  text-indent: -1em;
  font-weight: bold;
}
.helpPage .section .content .block .text ul li .subtitle:before {
  content: "・";
}
.helpPage .section .content .block .text ul li p {
  margin: 0;
}
.helpPage .section .content .block .text ul li .note {
  font-size: 12px;
}
.helpPage .section .content .block .text table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  text-align: center;
}
.helpPage .section .content .block .text table th,
.helpPage .section .content .block .text table td {
  border: 1px solid #d9d9d9;
  padding: 17px 0;
}
.helpPage .section .content .block .text table th {
  background-color: #f5f9f5;
}
.helpPage .section .content .block .text table th.blank {
  width: 118px;
}
.helpPage .section.howtouse h3 {
  margin-bottom: 40px;
}
.helpPage .section.products h3 {
  margin-bottom: 20px;
}
.helpPage .section dl.faqList dt {
  height: 80px;
}
@media (max-width: 767px) {
  .helpPage {
    padding: 7.8125% 0 6.25%;
  }
  .helpPage h2 {
    line-height: 50px;
    font-size: 15px;
    padding: 0 6.25%;
    margin-bottom: 7.8125%;
  }
  .helpPage .section {
    margin-bottom: 11.875%;
  }
  .helpPage .section h3 {
    font-size: 12px;
    line-height: 37.5px;
    padding: 0 6.25%;
  }
  .helpPage .section.howtouse h3 {
    margin-bottom: 7.8125%;
  }
  .helpPage .section.howtouse .content {
    padding: 0 6.25%;
  }
  .helpPage .section.howtouse .content .block {
    padding-right: 0;
  }
  .helpPage .section.howtouse .content .block +.block {
    margin-top: 9.375%;
  }
  .helpPage .section.howtouse .content .block .icon {
    width: 20%;
  }
  .helpPage .section.howtouse .content .block .icon img {
    width: 75%;
  }
  .helpPage .section.howtouse .content .block .text {
    width: 80%;
    font-size: 12px;
  }
  .helpPage .section.howtouse .content .block .text .title {
    font-size: 14px;
    margin-bottom: 0;
  }
  .helpPage .section.howtouse .content .block .text p {
    font-size: 12px;
    line-height: 22px;
  }
  .helpPage .section.howtouse .content .block .text table {
    width: 125%;
    margin-left: -25%;
    font-size: 11px;
  }
  .helpPage .section.howtouse .content .block .text table th,
  .helpPage .section.howtouse .content .block .text table td {
    padding: 1em 0;
  }
  .helpPage .section.howtouse .content .block .text table th.blank {
    width: 25%;
  }
  .helpPage .section.products h3 {
    margin-bottom: 0;
  }
}
.faqPage h2 {
  color: #384;
  background-color: #f5f9f5;
  padding-left: 20px;
  font-size: 18px;
  line-height: 40px;
  margin-bottom: 20px;
}
.faqPage ul.nav {
  font-size: 0;
  margin-bottom: 40px;
}
.faqPage ul.nav li {
  display: inline-block;
}
.faqPage ul.nav li +li {
  border-left: 1px solid #e1ede3;
}
.faqPage ul.nav li.current a {
  color: #384;
}
.faqPage ul.nav li a {
  font-size: 12px;
  display: block;
  padding: 0 1em;
}
.faqPage .container h3 {
  background-color: #f2f2f2;
  line-height: 40px;
  padding-left: 20px;
  font-size: 14px;
  margin-bottom: 25px;
}
.faqPage .container h4 {
  background-color: transparent;
  font-size: 14px;
  line-height: 25px;
  padding: 0 0 8px 20px;
  border-bottom: 1px solid #e0e0e0;
}
.faqPage .container .block {
  margin-bottom: 45px;
}
.faqPage .container .block dl.faqList dt {
  height: 64px;
}
@media (max-width: 767px) {
  .faqPage {
    padding: 7.8125% 0 6.25%;
  }
  .faqPage ul.nav {
    padding: 0 6.25%;
    margin-bottom: 10%;
  }
  .faqPage ul.nav li {
    width: 50%;
  }
  .faqPage ul.nav li +li {
    border-left: none;
  }
  .faqPage ul.nav li a {
    padding: 0;
    font-size: 12px;
    line-height: 2em;
  }
  .faqPage ul.nav li:nth-of-type(even) a {
    padding-left: 1em;
  }
  .faqPage ul.nav li:last-of-type a {
    letter-spacing: -0.15em;
  }
  .faqPage h2 {
    line-height: 50px;
    font-size: 15px;
    padding: 0 6.25%;
    margin-bottom: 7.8125%;
  }
  .faqPage .container h3 {
    font-size: 12px;
    line-height: 37.5px;
    padding: 0 6.25%;
    margin-bottom: 7.8125%;
  }
  .faqPage .container h4 {
    width: 87.5%;
    margin: 0 auto;
    font-size: 12px;
    line-height: 22px;
    padding: 0 0 2.34375%;
  }
  .faqPage .container .block {
    margin-bottom: 15.625%;
  }
}
.listContainer {
  font-size: 0;
  padding-top: 10px;
}
.listContainer ul {
  width: 365px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 40px;
}
.listContainer ul.company,
.listContainer ul.shopping {
  margin-right: 30px;
}
.listContainer ul li {
  position: relative;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
.listContainer ul li a {
  border-bottom: 1px solid #f2f2f2;
  padding-left: 18px;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.listContainer ul li.top a {
  background-color: #f2f2f2;
  border-bottom: none;
}
.listContainer ul li.top a:after {
  content: "＞";
  display: block;
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 18px;
  -webkit-transform: scaleX(0.5);
  -moz-transform: scaleX(0.5);
  -o-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
.listContainer ul li.top a:hover {
  text-decoration: none;
  background-color: #384;
  color: #fff;
}
@media (max-width: 767px) {
  .listContainer {
    margin-top: 0;
    padding: 0 6.25%;
  }
  .listContainer ul {
    width: auto;
    display: block;
  }
  .listContainer ul.company {
    margin: 0;
  }
  .listContainer ul.product,
  .listContainer ul.shopping,
  .listContainer ul.site {
    margin: 12.5% 0 0;
  }
  .listContainer ul li {
    font-size: 12px;
    line-height: 22px;
    padding: 0;
    height: auto;
  }
  .listContainer ul li a {
    padding: 3.25% 4%;
    position: relative;
  }
  .listContainer ul li.top a:after {
    top: 50%;
    margin-top: -0.6em;
    right: 3.125%;
  }
}
.about_products .tabBox ul.tabs {
  font-size: 0;
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
}
.about_products .tabBox ul.tabs li {
  font-size: 18px;
  display: inline-block;
  width: 378px;
  text-align: center;
  background-color: #d9d9d9;
  color: #fff;
  letter-spacing: 0.1em;
  padding: 14px 0 10px;
  border-radius: 10px 10px 0 0;
  position: relative;
  cursor: pointer;
}
.about_products .tabBox ul.tabs li:hover {
  color: #384;
}
.about_products .tabBox ul.tabs li +li {
  margin-left: 4px;
}
.about_products .tabBox ul.tabs li.current {
  cursor: default;
  background-color: #384;
}
.about_products .tabBox ul.tabs li.current:hover {
  color: #fff;
}
.about_products .tabBox ul.tabs li.current:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #384 transparent transparent transparent;
}
.about_products .tabBox .tabContainer {
  border: 2px solid #384;
}
.about_products .tabBox .tabContainer .tabContent {
  padding: 30px 0 23px;
}
.about_products .tabBox .tabContainer .tabContent a {
  color: #384;
}
.about_products .tabBox .tabContainer .tabContent a.arrow {
  display: inline-block;
  position: relative;
}
.about_products .tabBox .tabContainer .tabContent a.arrow:after {
  content: '＞';
  display: inline-block;
  margin-left: 0.25em;
  -webkit-transform: scaleX(0.5);
  -moz-transform: scaleX(0.5);
  -o-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
.about_products .tabBox .tabContainer .tabContent +.tabContent {
  display: none;
}
.about_products .tabBox .tabContainer .tabContent dl {
  width: 680px;
  display: table;
  margin: 0 auto;
}
.about_products .tabBox .tabContainer .tabContent dl:first-child {
  margin-top: -20px;
}
.about_products .tabBox .tabContainer .tabContent dl +dl {
  border-top: 1px dotted #d9d9d9;
}
.about_products .tabBox .tabContainer .tabContent dl dt,
.about_products .tabBox .tabContainer .tabContent dl dd {
  display: table-cell;
}
.about_products .tabBox .tabContainer .tabContent dl dt {
  padding: 20px;
  width: 170px;
  vertical-align: top;
}
.about_products .tabBox .tabContainer .tabContent dl dt div {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  font-size: 18px;
  color: #384;
  width: 100px;
  line-height: 100px;
  border-radius: 50%;
  background-color: #f5f9f5;
  text-align: center;
}
.about_products .tabBox .tabContainer .tabContent dl dd {
  padding: 25px 0;
  vertical-align: middle;
}
.about_products .tabBox .tabContainer .tabContent dl dd .subtitle {
  color: #384;
  font-size: 18px;
  margin-bottom: 0.25em;
}
.about_products .tabBox .tabContainer .tabContent dl dd .subtitle ~.subtitle {
  margin-top: 1em;
}
.about_products .tabBox .tabContainer .tabContent dl dd p {
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .about_products h2 {
    margin-bottom: 0;
    font-size: 15px;
    padding: 3.125%;
  }
  .about_products .tabBox ul.tabs li {
    border-radius: 0;
    width: 50%;
    font-size: 13px;
  }
  .about_products .tabBox ul.tabs li +li {
    margin-left: 0;
  }
  .about_products .tabBox ul.tabs li.current:after {
    content: none;
  }
  .about_products .tabBox .tabContainer {
    border-width: 4px;
  }
  .about_products .tabBox .tabContainer .tabContent {
    padding: 0 4.6875% 4.5%;
  }
  .about_products .tabBox .tabContainer .tabContent dl {
    width: 100%;
  }
  .about_products .tabBox .tabContainer .tabContent dl:first-child {
    margin-top: 0;
  }
  .about_products .tabBox .tabContainer .tabContent dl dt {
    padding: 7.8125% 0;
    width: 30%;
  }
  .about_products .tabBox .tabContainer .tabContent dl dt div {
    width: 75px;
    line-height: 75px;
    font-size: 12px;
  }
  .about_products .tabBox .tabContainer .tabContent dl dd {
    padding: 7.8125% 0;
  }
  .about_products .tabBox .tabContainer .tabContent dl dd .subtitle,
  .about_products .tabBox .tabContainer .tabContent dl dd p {
    font-size: 12px;
  }
}
dl.faqList a {
  color: #384;
}
dl.faqList a:after {
  display: inline-block;
  margin-left: 0.25em;
}
dl.faqList a[target="_blank"]:after {
  content: url("../img/common/externalLink.gif");
}
dl.faqList a[href*=".pdf"]:after {
  content: url("../img/common/pdfFile.gif");
}
dl.faqList dt,
dl.faqList dd {
  font-size: 14px;
  line-height: 24px;
  position: relative;
}
dl.faqList dt:after,
dl.faqList dd:after {
  content: "";
  display: block;
  position: absolute;
  width: 34px;
  height: 34px;
  left: 17px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
dl.faqList dt {
  padding-left: 64px;
  display: table-cell;
  vertical-align: middle;
  border-bottom: 1px solid #f2f2f2;
  width: 760px;
  cursor: pointer;
  position: relative;
}
dl.faqList dt:before {
  content: "";
  display: block;
  position: absolute;
  width: 34px;
  height: 34px;
  top: 50%;
  margin-top: -17px;
  left: 17px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../img/faq/icon_q_close.png");
}
dl.faqList dt:after {
  background-image: url("../img/faq/icon_q_open.png");
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  top: 50%;
  margin-top: -17px;
}
dl.faqList dt.open:after {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
dl.faqList dd {
  display: none;
  padding: 0 0 80px 64px;
}
dl.faqList dd:before {
  content: '';
  display: block;
  height: 23px;
}
dl.faqList dd:after {
  background-image: url("../img/faq/icon_a.png");
  top: 23px;
}
dl.faqList dd p:after {
  content: '';
  display: block;
  clear: both;
}
dl.faqList dd p img {
  float: left;
  padding: 0 1em 1em 0;
}
@media (max-width: 767px) {
  dl.faqList {
    padding: 0 6.25%;
  }
  dl.faqList dt,
  dl.faqList dd {
    font-size: 12px;
    line-height: 22px;
  }
  dl.faqList dt {
    padding: 5% 0 5% 40px;
  }
  dl.faqList dt:before,
  dl.faqList dt:after {
    width: 30px;
    height: 30px;
    top: 50%;
    left: 0;
    margin-top: -15px;
  }
  dl.faqList dd {
    padding: 5% 0 10% 40px;
  }
  dl.faqList dd:before {
    content: none;
  }
  dl.faqList dd:after {
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    margin-top: 5%;
  }
}
.to_contact {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  background-color: #f5f9f5;
  text-align: center;
  padding: 26px 0 30px;
}
.to_contact p {
  color: #384;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 23px;
}
.to_contact a {
  display: inline-block;
  background-color: #384;
  border-radius: 5px;
  width: 280px;
  line-height: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.to_contact a img {
  vertical-align: top;
  margin: 13px 13px 0 0;
}
.to_contact a:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  text-decoration: none;
}
.to_contact a:hover img {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media (max-width: 767px) {
  .to_contact {
    width: 93.75%;
    margin: 0 auto;
    padding: 3.75% 3.125% 3.125%;
  }
  .to_contact p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0.75em;
  }
  .to_contact a {
    width: 100%;
    padding: 1em 0;
    line-height: 1em;
  }
  .to_contact a img {
    vertical-align: middle;
    height: 1em;
    margin: 0 0.5em 0 0;
  }
}
#formMain > h2.title:first-child {
  color: #384;
  background-color: #f5f9f5;
  padding-left: 20px;
  font-size: 18px;
  line-height: 40px;
  margin-bottom: 20px;
}
#formMain #payment_form_body {
  margin: 20px;
}
#formMain #payment_form_body .information {
  font-size: 14px;
}
#formMain #payment_form_body .information > p {
  line-height: 24px;
  text-align: center;
}
#formMain #payment_form_body .information > p:first-child {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #c50018;
  margin-bottom: 10px;
}
#formMain #payment_form_body .btn_group p {
  text-align: center;
}
#formMain #payment_form_body .btn_group p a {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  display: inline-block;
  width: 180px;
  line-height: 35px;
  font-size: 14px;
  position: relative;
  background-color: #f2f2f2;
}
#formMain #payment_form_body .btn_group p a:hover {
  background-color: #384;
  color: #fff;
  text-decoration: none;
}
#formMain #payment_form_body .btn_group p a:after {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 20px;
  content: "＞";
  position: absolute;
  display: block;
  -webkit-transform: scaleX(0.5);
  -moz-transform: scaleX(0.5);
  -o-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  font-weight: 100;
  top: 0;
  right: 10px;
}
@media (max-width: 767px) {
  #formMain > h2.title:first-child {
    margin: 7.8125% 0 0 0;
  }
}
#formCredit.form .message .errormsg.bg-danger {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #c50018;
  margin-bottom: 10px;
  text-align: center;
}

.gmo-payment-inner .lead {
  font-size: 14px;
  line-height: 24px;
  padding: 0 20px;
  margin-bottom: 30px;
}
.gmo-payment-inner h3 {
  font-size: 14px;
  line-height: 40px;
  padding-left: 20px;
  margin-bottom: 20px;
  background-color: #f2f2f2;
}
.gmo-payment-inner .save-card {
  font-size: 14px;
  line-height: 24px;
  padding: 0 20px;
  margin-bottom: 30px;
}
.gmo-payment-inner .save-card dt {
  font-weight: bold;
}
.gmo-payment-inner .save-card p {
 padding-top: 15px;
}
.gmo-payment-inner .required {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.75em;
}
.gmo-payment-inner table.table-payment {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  font-size: 14px;
}
.gmo-payment-inner table.table-payment th {
  font-weight: normal;
  width: 290px;
  position: relative;
  font-size: 14px;
  padding: 27px 0 27px 20px;
  vertical-align: top;
  text-align: left;
}
.gmo-payment-inner table.table-payment th .required {
  display: block;
  position: absolute;
  top: 30px;
  right: 0;
  font-size: 10px;
  color: #fff;
  background-color: #565656;
  line-height: 16px;
  padding: 0 0.3em;
}
.gmo-payment-inner table.table-payment th,td {
  border-top: 1px dotted #d9d9d9;
  border-bottom: 1px dotted #d9d9d9;
}
.gmo-payment-inner table.table-payment td {
  padding: 17px 20px 17px 30px;
}
.gmo-payment-inner table.table-payment table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}
.gmo-payment-inner table.table-payment table th {
  border-top: none;
  text-align: center;
  padding: 15px;
}
.gmo-payment-inner table.table-payment table td {
  text-align: center;
  padding: 15px;
}
.gmo-payment-inner table.table-payment table tr:last-child td {
 border: none;
}
.gmo-payment-inner table.table-payment select {
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  padding: 10px;
  background-color: #f6f6f6;
  height: 39px;
  vertical-align: bottom;
}
.gmo-payment-inner + .submits {
  padding-bottom: 20px;
}
.submits .btn.btn-primary {
  background-color: #384;
  color: #fff;
}
.gmo-payment-inner table.table-payment.mypage th:first-child,
.gmo-payment-inner table.table-payment.mypage th:nth-child(2) {
  text-align: center;
  width: 10rem;
}

@media (max-width: 767px) {
  .gmo-payment-inner table.table-payment {
    display: block;
  }
  .gmo-payment-inner table.table-payment th, td {
    display: block;
  }
  .gmo-payment-inner table.table-payment th {
    width: 100%;
    min-width: 150px;
  }
  .gmo-payment-inner table.table-payment table {
    display: table;
  }
  .gmo-payment-inner table.table-payment table th, 
  .gmo-payment-inner table.table-payment table td {
    display: table-cell;
    width: auto;
  }
  .gmo-payment-inner table.table-payment th .required {
    padding: 0 0.3em;
    position: static;
    display: inline-block;
    margin-left: 0.75em;
  }
  .gmo-payment-inner table.table-payment th {
    border-top: 1px dotted #d9d9d9;
    border-bottom: none;
    padding: 20px 20px 5% 20px;
    vertical-align: middle;
  }
  .gmo-payment-inner table.table-payment td {
    border-top: none;
    border-bottom: none;
    padding: 7px 20px;
  }
  .gmo-payment-inner table.table-payment table td,
  .gmo-payment-inner table.table-payment table tr:last-child td {
    border-top: 1px dotted #d9d9d9;
  }
  .submits .btn.btn-primary {
    margin-bottom: 15px;
  }
  .form .submits.last-submits {
    display: flex;
    flex-direction: column-reverse;
  }
  .gmo-payment-inner .tb-scroll {
    overflow: auto;
    margin-bottom: 20px;
  }
  .gmo-payment-inner .tb-scroll table {
    min-width: 500px;
    margin-bottom: 0;
  }
  .gmo-payment-inner .tb-scroll::-webkit-scrollbar {
    height: 8px;
  }
  .gmo-payment-inner .tb-scroll::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #ccc;
  }
  .gmo-payment-inner .tb-scroll:-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #8b8b8b;
  }
  .gmo-payment-inner table.table-payment.mypage {
    display: table;
  }
  .gmo-payment-inner table.table-payment.mypage th,
  .gmo-payment-inner table.table-payment.mypage td {
    display: table-cell;
    border-top: 1px dotted #d9d9d9;
    border-bottom:  1px dotted #d9d9d9;
  }
  .gmo-payment-inner table.table-payment.mypage th {
    min-width: auto;
    white-space: nowrap;
    vertical-align: top;
  }
  .gmo-payment-inner table.table-payment.mypage th:first-child,
  .gmo-payment-inner table.table-payment.mypage th:nth-child(2) {
    width: 1.5rem;
  }
  .gmo-payment-inner table.table-payment.mypage td:nth-child(4) {
    white-space: nowrap;
  }
}
.aboutCard h1 {
  font-size: 18px;
  color: #384;
  background-color: #f5f9f5;
  line-height: 40px;
  padding-left: 20px;
}
.aboutCard h2 {
  padding: 20px;
  font-size: 14px;
  color: #384;
}
.aboutCard >p.lead {
  padding: 20px;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
}
.aboutCard .content {
  padding: 20px;
  font-size: 14px;
  line-height: 24px;
}
.aboutCard a {
  color: #384;
}
@media (max-width: 767px) {
  .aboutCard {
    padding-top: 7.8125%;
  }
}

.form.purchaseHistory .purchaseHistory .container .row .products .product >.detail a.autoPurchase {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  line-height: 30px;
  display: block;
  font-size: 14px;
  padding: 0 15px 0 15px;
  border-radius: 14px;
  background-color: #384;
  color: #fff;
  right: 20px;
}
.form.purchaseHistory .purchaseHistory .container .row .products .product >.detail a.autoPurchase:hover {
  text-decoration: none;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.padding-20 {
  padding: 20px;
}
.border-dot {
  border-bottom: 1px dotted #d9d9d9;
}
.tradelaw {
  text-decoration: underline;
  font-size: 14px;
}
.indent p {
  padding-left:1em;
  text-indent:-1em;
}
p.indent-3 {
  padding-left:3em;
  text-indent:-3em;
}
p.right {
  text-align: right;
}
.message_red {
  color: #c50018;
  font-weight: bold;
}
.message_red a {
  color: #c50018;
}
.form.purchaseHistory .purchaseHistory .container .row .products .product-flex {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1020px) and (min-width: 768px) {
  .product-flex .product-flex-item{
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .form.purchaseHistory .purchaseHistory .container .row .products .product-flex {
    flex-direction: column;
  }
  .product-flex .product-flex-item{
    width: 100%;
  }
  .form.purchaseHistory .purchaseHistory .container .row .products .product .img {
    padding: 0px;
  }
  .form.purchaseHistory .purchaseHistory .container .row .data {
    width: 30%;
  }
  .form.purchaseHistory .purchaseHistory .container .row .products .product > .detail {
    width: 100%;
    padding-left: 0px;
    overflow-wrap normal;
  }
  .form.purchaseHistory .purchaseHistory .container .row .products .product > .detail a.download {
    margin-top:5px;
    position: initial;
    display: inline-flex;
    padding: 0 15px 0 15px;
  }
  .form.purchaseHistory .purchaseHistory .container .row .products .product > .detail a.download::after {
    position: initial;
    margin: 12px 0 0 10px;
  }
}
#link-delivery-change-form {
  font-family: inherit;
  font-size: inherit;
  line-height: normal;
  color: #565656;
  display: inline;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  border-radius: 0;
  position: static;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}
#link-delivery-change-form:hover {
  color: #565656;
  background-color: transparent;
  border-color: transparent;
  text-decoration: none;
}
.guestShopping h3 .attentionNote {
  display: block;
  margin-top: 4px;
  padding: 0;
  margin: -2px;
  font-family: inherit;
  font-size: 12px;
  border: none;
  font-weight: normal;
  position: static;
  color: #da8267;
  line-height: 1.4;
}
.mypage .signIn .four .note-same-size,
.cart_page .signIn .four .note-same-size{
  font-size: 11px;
  line-height: 1.8;
  display: inline-block;
  color: #565656;
}