@charset "UTF-8";
/* *****************************
 * Import Sass
 **************************** */
/* ---------------------------------- tag style ---------------------------------- */
html {
  font-size: 62.5%; }

body {
  position: relative;
  font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.4rem;
  line-height: 1.5em;
  color: #222; }

input[type="submit"] {
  -webkit-appearance: none; }

a {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

a.more {
  color: #007ebe; }

b {
  font-weight: bold; }

dd,
p {
  line-height: 1.5em;
  font-size: 1.5rem; }

p.error {
  color: #CC3333; }

span.attention {
  color: #d75d91; }

span.warning {
  color: #3333CC;
  font-size: 1.3rem; }

.img-responsive {
  max-width: 100%;
  height: auto;
  display: block; }
  @media screen and (max-width: 768px) {
    .img-responsive {
      width: 100%; } }

/* ----------------------------------common---------------------------------- */
.sp_appear {
  display: none; }
  @media screen and (max-width: 640px) {
    .sp_appear {
      display: inline; } }

.clearfix, .support_intro, .page_category #menu_sub .category {
  *zoom: 1; }
  .clearfix:after, .support_intro:after, .page_category #menu_sub .category:after {
    content: "";
    display: table;
    clear: both; }

/* ----------------------------------pager---------------------------------- */
.pager {
  display: table;
  border-collapse: separate;
  border-spacing: 16px;
  margin: 16px auto; }
  .pager a {
    display: table-cell;
    border: 1px solid #999;
    color: #d75d91;
    padding: 0 8px;
    font-size: 11px;
    transition: 0.3s; }
    .pager a:hover {
      background-color: #f6e1ea; }
  .pager a.current {
    background-color: #d75d91;
    color: #fff;
    border: none; }
  .pager .prev {
    border: none; }
  .pager .next {
    border: none; }

/* ----------------------------------default style---------------------------------- */
.page_menu_sub .main {
  display: table-cell; }
  @media screen and (max-width: 768px) {
    .page_menu_sub .main {
      display: block; } }

.main {
  padding-left: 16px;
  margin: auto;
  min-height: 400px; }
  .main h2 {
    border-left: 12px solid #d75d91;
    letter-spacing: 0.2em;
    font-size: 200%;
    padding: 12px 0 12px 16px;
    position: relative;
    font-weight: bold;
    color: #d75d91;
    line-height: 1em; }
    .main h2 span {
      font-size: 70%;
      letter-spacing: 0.1em; }
    .main h2 img {
      width: 100px;
      position: absolute;
      bottom: -8px;
      right: 50px; }
    .main h2 + hr {
      border: none;
      border-bottom: 1px dotted #d75d91; }
  .main h3 {
    font-size: 120%;
    margin-top: 24px;
    margin-bottom: 2px;
    font-weight: bold; }
    .main h3.center_title {
      font-size: 100%;
      font-weight: lighter;
      letter-spacing: 0.3em;
      text-align: center;
      border-bottom: 1.5px dotted #d75d91;
      margin: 10px;
      padding-bottom: 15px;
      color: #d75d91; }
  .main h4 {
    font-size: 1.6rem;
    font-weight: bold; }
  .main h5 {
    font-size: 1.6rem;
    line-height: 1.75em;
    font-weight: bold; }
  .main h2.center_title {
    text-align: center;
    margin-top: 20px;
    font-size: 200%;
    letter-spacing: 0.2em;
    color: #d75d91;
    border: none; }
  .main h2.middle_size {
    font-size: 1.8rem;
    border-left: 6px solid #d75d91;
    letter-spacing: 0.2em;
    padding: 6px 0 0 12px;
    margin: 32px 0 12px; }
  .main h2.item_detail_title {
    font-size: 1.8rem;
    font-weight: normal;
    border: none;
    color: #144d9e;
    text-align: center;
    background-color: #eff3fa;
    margin-top: 40px;
    margin-bottom: -5px;
    padding: 20px; }
    .main h2.item_detail_title img {
      width: 100px;
      position: absolute;
      bottom: -6px;
      right: 0; }
  .main .blue_title {
    font-weight: bold;
    color: #144d9e; }
  .main p {
    line-height: 1.75em;
    margin-bottom: 0.5em; }
    .main p.middle_width {
      width: 80%;
      margin: auto; }
    .main p.smallfont {
      font-size: 86%; }

.main .item_area h2:nth-of-type(2),
.main .item_area h2:nth-of-type(3)
h2:nth-of-type(4) {
  margin-top: 50px; }

@media screen and (max-width: 768px) {
  .main {
    padding: 16px; }
    .main h2 {
      border-left: 6px solid #d75d91;
      font-size: 2.2rem; }
      .main h2 img {
        width: 80px; }
    .main h2.middle_size {
      font-size: 1.8rem;
      border-left: none;
      letter-spacing: 0.1em;
      padding: 6px 0 0 12px;
      margin: 32px 0 12px; } }
/* ----------------------------------default style 2017-4-25---------------------------------- */
.main .top_item_area h2 {
  background: url(../img/crown.png) no-repeat;
  padding-left: 50px;
  color: #aa0202;
  border-left: none;
  margin-top: 20px;
  font-size: 1.8rem;
  border-bottom: solid 4px #bba971;
  margin-bottom: 0;
  padding-bottom: 5px; }
  .main .top_item_area h2 span {
    color: #666;
    font-size: 1.3rem; }
    @media screen and (max-width: 768px) {
      .main .top_item_area h2 span {
        display: none; } }
.main .top_item_area .items {
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 4px;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .main .top_item_area .items {
      display: block; } }
  .main .top_item_area .items .item {
    display: table-cell;
    border: 1px solid #e5e5e5;
    padding-bottom: 0px; }
    @media screen and (max-width: 768px) {
      .main .top_item_area .items .item {
        display: inline-block;
        width: 160px;
        margin-left: 4px;
        vertical-align: bottom;
        border: none;
        padding-bottom: 10px;
        border-bottom: 1px dotted #989898; } }
    .main .top_item_area .items .item p {
      display: none; }
    .main .top_item_area .items .item h3 {
      color: #aa0202;
      margin: 0 auto;
      width: 90%; }
.main .top_item_area.item_rank .items {
  border-spacing: 4px; }
.main .top_item_area.item_rank .item {
  width: 30%;
  position: relative; }
  .main .top_item_area.item_rank .item:last-child {
    display: none; }
    @media screen and (max-width: 640px) {
      .main .top_item_area.item_rank .item:last-child {
        display: inline-block; } }
  @media screen and (max-width: 768px) {
    .main .top_item_area.item_rank .item {
      display: inline-block;
      width: 220px;
      margin-left: 4px; } }
  @media screen and (max-width: 640px) {
    .main .top_item_area.item_rank .item {
      width: 160px; } }
  .main .top_item_area.item_rank .item a {
    display: block;
    margin-top: 30px; }
  .main .top_item_area.item_rank .item h3 {
    margin: 0 auto; }
  .main .top_item_area.item_rank .item span {
    display: block;
    position: absolute;
    width: 56px;
    height: 33px;
    right: 0; }
    .main .top_item_area.item_rank .item span.num_1 {
      background: url(../img/no1.png) no-repeat; }
    .main .top_item_area.item_rank .item span.num_2 {
      background: url(../img/no2.png) no-repeat; }
    .main .top_item_area.item_rank .item span.num_3 {
      background: url(../img/no3.png) no-repeat; }
    .main .top_item_area.item_rank .item span.num_4 {
      background: url(../img/no4.png) no-repeat; }
    .main .top_item_area.item_rank .item span.num_5 {
      background: url(../img/no5.png) no-repeat; }
  .main .top_item_area.item_rank .item:before {
    display: block;
    content: "";
    width: 80px;
    height: 72px;
    background-size: cover;
    position: absolute; }
    @media screen and (max-width: 768px) {
      .main .top_item_area.item_rank .item:before {
        width: 64px;
        height: 57.6px; } }
  .main .top_item_area.item_rank .item:nth-child(1):before {
    background: url(../img/orange.png) no-repeat;
    background-size: cover; }
  .main .top_item_area.item_rank .item:nth-child(2):before {
    background: url(../img/pink.png) no-repeat;
    background-size: cover; }
  .main .top_item_area.item_rank .item:nth-child(3):before {
    background: url(../img/red.png) no-repeat;
    background-size: cover; }
  .main .top_item_area.item_rank .item:nth-child(4):before {
    background: url(../img/orange.png) no-repeat;
    background-size: cover; }

/* ----------------------------------マイページ---------------------------------- */
/* ----------------------------------商品並び---------------------------------- */
.cartin {
  display: block;
  background-color: #e73047;
  color: #fff;
  padding: 8px;
  margin: auto;
  border-radius: 4px;
  text-align: center; }

.out_of_stock {
  display: block;
  pointer-events: none;
  background-color: #abb496;
  text-align: center; }

.paging-config {
  text-align: right; }
  .paging-config select.item-list-sort {
    display: inline-block;
    width: 30%; }

.items {
  width: 100%; }
  .items .item {
    display: inline-block;
    width: 154px;
    margin-left: 8px;
    margin-top: 16px;
    border-bottom: 1px dotted #989898;
    padding-bottom: 10px; }
    .items .item:first-child, .items .item:nth-child(5) {
      margin-left: 8px; }
    .items .item h3 {
      line-height: 1.5;
      font-size: 92%;
      color: #5f8bd2;
      margin-top: 8px; }
    .items .item p {
      color: #e48eb2;
      font-size: 140%;
      font-weight: bold; }
      .items .item p span {
        color: #989898;
        padding-left: 8px;
        font-size: 80%;
        text-decoration: line-through;
        font-weight: normal; }
    .items .item p.description {
      font-weight: normal;
      font-size: 80%;
      color: #000; }
      .items .item p.description a.more {
        color: #007ebe; }
    .items .item p.contact-id {
      font-size: 1em;
      font-weight: initial; }
  .items .item_area {
    margin: 48px 0; }

.top_border {
  border-top: 1px dotted #bbb;
  padding-top: 12px; }

.txt_bg_yellow_area {
  background-color: #f5f4dc;
  margin: 20px;
  padding: 10px; }

/* ---------------------------------- common style ---------------------------------- */
.full_width_img {
  width: 100%; }

.middle_width_right {
  width: 240px;
  float: right;
  margin-left: 20px;
  margin-bottom: 40px; }

.support_area {
  margin: 10px;
  padding: 10px;
  background-color: #f7eeee;
  line-height: 1.5; }
  .support_area h4 {
    text-align: center;
    font-size: 1.8rem;
    margin-top: 10px; }
  .support_area p {
    text-align: center; }
  .support_area strong {
    color: #d75d91;
    font-size: 1.8rem;
    font-weight: bold; }
  .support_area a {
    color: #d75d91;
    text-decoration: underline; }

/* ----------------------------------page_menu_sub---------------------------------- */
#menu_sub {
  display: table-cell;
  width: 280px;
  vertical-align: top; }
  #menu_sub .pink {
    padding: 10px;
    background: #fcf2f6;
    display: table;
    width: 260px; }
    #menu_sub .pink .register {
      background: #fff;
      height: 70px;
      display: table-cell;
      width: 100%;
      vertical-align: middle; }
      #menu_sub .pink .register p {
        background: url(../img/file_icon.png) no-repeat;
        width: 50%;
        margin: 0 auto;
        padding-left: 40px;
        height: 40px;
        line-height: 40px; }
    @media screen and (max-width: 768px) {
      #menu_sub .pink {
        display: none; } }
  #menu_sub .banner {
    padding: 0 10px 10px;
    background: #fcf2f6;
    width: 260px; }
    #menu_sub .banner img {
      vertical-align: bottom; }
    #menu_sub .banner .line {
      background: #87c8ee;
      margin-bottom: 10px; }
    #menu_sub .banner .champaine {
      background: #fff; }
    @media screen and (max-width: 768px) {
      #menu_sub .banner {
        display: none; } }
  #menu_sub .category {
    padding-bottom: 24px;
    background-color: #fff;
    margin-top: 10px;
    border: solid 1px #e48eb2; }
    @media screen and (max-width: 768px) {
      #menu_sub .category {
        display: none; } }
  #menu_sub .category_title {
    text-align: center;
    background-color: #f8dfe9;
    color: #666;
    font-size: 120%;
    padding: 10px 0 8px;
    margin-bottom: 24px; }
  #menu_sub ul {
    margin-bottom: 16px; }
    #menu_sub ul li {
      padding: 0 10px; }
      #menu_sub ul li.title a {
        font-weight: bold;
        color: #666;
        border-left: 6px solid #efd98e;
        margin-bottom: 8px;
        padding-left: 10px; }
        #menu_sub ul li.title a:hover {
          border-left: 6px solid #aa0202;
          background-color: #f8dfe9; }
      #menu_sub ul li a,
      #menu_sub ul li span {
        transition: 0.2s;
        display: block;
        color: #666;
        margin-left: 8px;
        padding-left: 16px;
        margin-bottom: 2px;
        line-height: 1.75em;
        font-size: 96%; }
        #menu_sub ul li a:hover,
        #menu_sub ul li span:hover {
          background-color: #f8dfe9; }
  #menu_sub .sub_banner {
    margin-top: 10px;
    border: solid 1px #e48eb2;
    background: url(../img/dotto.png) repeat; }
    @media screen and (max-width: 768px) {
      #menu_sub .sub_banner {
        display: none; } }
    #menu_sub .sub_banner img {
      width: 100%;
      margin-bottom: 8px; }
    @media screen and (max-width: 640px) {
      #menu_sub .sub_banner .pc_appear {
        display: none; } }
  @media screen and (max-width: 640px) {
    #menu_sub {
      display: block;
      width: 100%; }
      #menu_sub ul {
        width: 50%;
        float: left; }
      #menu_sub .sub_banner {
        text-align: center;
        padding: 8px 0; }
        #menu_sub .sub_banner a {
          display: inline; }
        #menu_sub .sub_banner img {
          width: 30%;
          display: inline-block; } }

.page_menu_sub .sub_banner a {
  display: block;
  margin-top: 8px;
  transition: 0.3s; }
  .page_menu_sub .sub_banner a img {
    display: block; }
  .page_menu_sub .sub_banner a:hover {
    opacity: 0.7; }

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .5rem 1rem;
  font-size: 1.5rem;
  border-radius: .25rem;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

@media screen and (max-width: 640px) {
  .table-responsive {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive th {
      padding: .75rem;
      vertical-align: top;
      border-top: 1px solid #eceeef; } }

#header .top_border {
  width: 100%;
  height: 30px;
  background: #e48eb2;
  border-top: none;
  padding-top: 0; }
  @media screen and (max-width: 640px) {
    #header .top_border {
      display: none; } }
  #header .top_border .center {
    width: 1000px;
    margin: 0 auto; }
    #header .top_border .center ul {
      float: left;
      margin-left: 100px;
      padding-top: 5px; }
      #header .top_border .center ul li {
        display: inline-block;
        margin-left: 30px; }
        #header .top_border .center ul li a {
          color: #fff; }
    #header .top_border .center .edex {
      margin: 0 auto;
      max-width: 960px;
      padding: 0 20px;
      width: 100%;
      color: #fff; }
      #header .top_border .center .edex p {
        font-size: 1rem;
        margin-left: 700px; }
        @media screen and (max-width: 768px) {
          #header .top_border .center .edex p {
            margin-left: 50%; } }
#header .wrap {
  display: table;
  margin: 0 auto;
  max-width: 960px;
  padding: 0 20px;
  width: 100%;
  position: relative;
  margin-top: 10px; }
  @media screen and (max-width: 768px) {
    #header .wrap {
      width: 98%;
      padding: 0;
      border-collapse: separate;
      border-spacing: 5px; } }
  @media screen and (max-width: 640px) {
    #header .wrap {
      display: none; } }
#header .wrap_mobile {
  display: none; }
  @media screen and (max-width: 640px) {
    #header .wrap_mobile {
      display: table; }
      #header .wrap_mobile h1 {
        display: inline-block;
        width: 100%; }
        #header .wrap_mobile h1 a.img {
          width: 100%;
          padding: 10px; }
      #header .wrap_mobile .menu_user {
        color: #144d9e;
        vertical-align: middle;
        width: 100%;
        display: block;
        margin-left: 20px; }
        #header .wrap_mobile .menu_user li {
          display: inline-block;
          font-size: 90%;
          margin-right: 14px;
          color: #144d9e; }
      #header .wrap_mobile .cartbtn {
        background-color: #fbf9f1;
        padding: 5px 5px;
        display: table-cell;
        border-radius: 4px;
        vertical-align: middle;
        width: 20%;
        text-align: center; }
        #header .wrap_mobile .cartbtn img, #header .wrap_mobile .cartbtn p {
          display: inline-block;
          font-weight: bold;
          color: #d75d91;
          font-size: 8px; }
        #header .wrap_mobile .cartbtn img {
          width: 25px;
          margin-right: 0px; }
      #header .wrap_mobile .cart_sub {
        background-color: #eee; }
        #header .wrap_mobile .cart_sub p {
          color: #007ebe; } }
#header h1 {
  display: table-cell;
  vertical-align: middle;
  width: 120px; }
  #header h1 a {
    display: block;
    width: 120px;
    margin-left: 10px; }
    #header h1 a img {
      width: 120px; }
  @media screen and (max-width: 640px) {
    #header h1 {
      display: inline-block; }
      #header h1 a {
        display: block;
        width: 207px;
        margin-left: 10px; }
        #header h1 a img {
          width: 100%;
          padding: 10px; } }
#header h2 {
  position: absolute;
  font-size: 1.1rem;
  right: 0;
  color: #979797; }
#header .search_area {
  display: table-cell;
  padding-top: 20px;
  padding-left: 10px; }
  #header .search_area p {
    color: #aa0202; }
  #header .search_area .search_body {
    border: 2px solid #aa0202;
    background: #aa0202;
    min-height: 20px;
    border-radius: 8px; }
    #header .search_area .search_body input[type="text"] {
      width: 85%;
      height: 30px;
      display: inline-block;
      border: none;
      padding: 6px;
      margin: 0;
      border-radius: 6px 0 0 6px;
      outline: none;
      outline: none; }
    #header .search_area .search_body input[type="submit"] {
      display: inline-block;
      width: 10%;
      margin: 0;
      border: none;
      color: transparent;
      background: url(../img/search_button2.png) no-repeat;
      background-position: center 2px;
      transition: opacity 0.2s;
      text-indent: -9999px;
      cursor: pointer; }
@media screen and (max-width: 640px) {
  #header hr {
    display: none; } }
#header .begginer_area {
  display: table-cell;
  padding-left: 30px; }
  @media screen and (max-width: 768px) {
    #header .begginer_area {
      display: none; } }
  #header .begginer_area .img_icon {
    float: left; }
    #header .begginer_area .img_icon img {
      margin-top: 10px; }
  #header .begginer_area div .for_begginer {
    color: #aa0202;
    padding-left: 10px;
    font-weight: 600; }
  #header .begginer_area div .guide {
    font-size: 2.0rem;
    font-weight: 700;
    margin-top: 10px; }
#header .coupon_btn_area {
  display: table-cell; }
  @media screen and (max-width: 768px) {
    #header .coupon_btn_area {
      display: none; } }
  #header .coupon_btn_area .coupon_content {
    width: 80%;
    margin: 0 auto; }
    #header .coupon_btn_area .coupon_content dl {
      display: inline-block;
      font-size: 1.2rem; }
      #header .coupon_btn_area .coupon_content dl dt {
        display: table-cell;
        text-align: right; }
      #header .coupon_btn_area .coupon_content dl dd {
        display: table-cell;
        color: #000;
        font-weight: 500; }
  #header .coupon_btn_area .coupon_btn {
    width: 80%;
    margin: 0 auto; }
    #header .coupon_btn_area .coupon_btn .fa-user {
      font-size: 3.5rem;
      color: #1e5799;
      vertical-align: middle;
      width: 32.5px; }
    #header .coupon_btn_area .coupon_btn .btn {
      background: #42aeed;
      /* Old browsers */
      background: -moz-linear-gradient(-45deg, #42aeed 0%, #0b90dd 49%, #42aeed 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(-45deg, #42aeed 0%, #0b90dd 49%, #42aeed 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(135deg, #42aeed 0%, #0b90dd 49%, #42aeed 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42aeed', endColorstr='#42aeed',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */
      color: #fff;
      width: 65%;
      height: 40px;
      line-height: 40px;
      border-radius: 6px; }
      #header .coupon_btn_area .coupon_btn .btn i {
        font-size: 3.0rem;
        vertical-align: middle; }
#header .cart_btn_area {
  display: table-cell;
  border: solid 1px #e5e5e5;
  border-radius: 6px; }
  #header .cart_btn_area .cart_content {
    width: 80%;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      #header .cart_btn_area .cart_content {
        width: 90%; } }
    #header .cart_btn_area .cart_content dl {
      display: inline-block;
      font-size: 1.2rem; }
      #header .cart_btn_area .cart_content dl dt {
        display: table-cell;
        text-align: right; }
      #header .cart_btn_area .cart_content dl dd {
        display: table-cell; }
        #header .cart_btn_area .cart_content dl dd span {
          color: #aa0202; }
  #header .cart_btn_area .cart_btn {
    width: 90%;
    margin: 0 auto; }
    #header .cart_btn_area .cart_btn .fa-shopping-cart {
      font-size: 3.5rem;
      color: #f15f2b;
      vertical-align: middle;
      width: 32.5px; }
    #header .cart_btn_area .cart_btn .btn {
      background: #ff6e02;
      /* Old browsers */
      background: -moz-linear-gradient(-45deg, #ff6e02 0%, #ffa200 50%, #ff6d00 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(-45deg, #ff6e02 0%, #ffa200 50%, #ff6d00 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(135deg, #ff6e02 0%, #ffa200 50%, #ff6d00 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6e02', endColorstr='#ff6d00',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */
      color: #fff;
      width: 70%;
      height: 40px;
      line-height: 40px;
      border-radius: 6px; }
      #header .cart_btn_area .cart_btn .btn i {
        font-size: 3.0rem;
        vertical-align: middle; }
    #header .cart_btn_area .cart_btn .btn[href$="php"] {
      background: #aa0202;
      /* Old browsers */
      background: -moz-linear-gradient(-45deg, #aa0202 0%, #d34a00 50%, #aa0202 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(-45deg, #aa0202 0%, #d34a00 50%, #aa0202 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(135deg, #aa0202 0%, #d34a00 50%, #aa0202 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa0202', endColorstr='#aa0202',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */
      padding: .5rem 0.5rem; }
#header .nav_wrap {
  padding: 0px 20px;
  max-width: 960px;
  width: 100%;
  margin: 0 auto 10px; }
  @media screen and (max-width: 768px) {
    #header .nav_wrap {
      padding: 0;
      max-width: initial; } }
  @media screen and (max-width: 640px) {
    #header .nav_wrap {
      display: none; } }
  #header .nav_wrap .border {
    border-radius: 6px 6px 0 0;
    border: solid 1px  #e5e5e5;
    padding: 0 10px; }
    @media screen and (max-width: 768px) {
      #header .nav_wrap .border {
        width: 98%;
        margin: 0 auto;
        padding: 0; } }
    #header .nav_wrap .border .menu_global {
      display: table;
      width: 100%;
      max-width: 1000px;
      margin: 8px auto; }
      #header .nav_wrap .border .menu_global li {
        display: table-cell;
        text-align: center;
        width: 12%; }
        #header .nav_wrap .border .menu_global li a {
          color: #666;
          display: block;
          transition: 0.3s;
          padding: 4px 0;
          font-size: 100%;
          border-right: dotted 2px #e5e5e5; }
          #header .nav_wrap .border .menu_global li a:hove {
            background-color: #f7eeee; }
        #header .nav_wrap .border .menu_global li.sp_appear {
          display: none; }
          @media screen and (max-width: 768px) {
            #header .nav_wrap .border .menu_global li.sp_appear {
              display: table-cell; } }
          @media screen and (max-width: 640px) {
            #header .nav_wrap .border .menu_global li.sp_appear {
              display: inline; } }
        #header .nav_wrap .border .menu_global li .mypage_wrap {
          padding: 3px;
          background: #aa0202;
          border-radius: 6px; }
          #header .nav_wrap .border .menu_global li .mypage_wrap .btn {
            height: 30px;
            line-height: 30px;
            border: solid 1px #fff;
            border-radius: 5px;
            color: #fff; }
      #header .nav_wrap .border .menu_global li.gn_qanda a {
        border-right: none; }

.slicknav_menu {
  display: none; }

.search_body2 {
  display: none; }
  @media screen and (max-width: 640px) {
    .search_body2 {
      display: block;
      width: 90%;
      margin: 10px auto 0px;
      border: 2px solid #aa0202;
      background: #aa0202;
      min-height: 20px;
      border-radius: 8px; }
      .search_body2 input[type="text"] {
        width: 85%;
        height: 30px;
        display: inline-block;
        border: none;
        padding: 6px;
        margin: 0;
        border-radius: 6px 0 0 6px;
        outline: none;
        outline: none; }
      .search_body2 input[type="submit"] {
        display: inline-block;
        width: 10%;
        margin: 0;
        border: none;
        color: transparent;
        background: url(../img/search_button2.png) no-repeat;
        background-position: center 2px;
        transition: opacity 0.2s;
        text-indent: -9999px;
        cursor: pointer; } }

@media screen and (max-width: 640px) {
  #header.menu_global {
    display: none; }

  .slicknav_menu {
    display: block; } }
/* ----------------------------------footer---------------------------------- */
#footer {
  background-color: #313131; }
  #footer h2 {
    font-size: 180%;
    color: #d75d91;
    text-align: center;
    margin: 0 0 32px; }
  #footer .service {
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 8px 0; }
    #footer .service li {
      background-color: #fff;
      padding: 24px;
      width: 25%;
      display: table-cell; }
      #footer .service li img {
        width: 28%; }
      #footer .service li h3 {
        color: #d75d91;
        font-weight: bold;
        margin: 8px 0; }
      #footer .service li p {
        text-align: left;
        font-size: 90%;
        color: #666666; }
  #footer .bg {
    background-color: #e48eb2;
    padding: 40px 0;
    margin: 56px 0; }
    #footer .bg .menu_about {
      max-width: 1000px;
      width: 100%;
      display: table;
      margin: 0 auto; }
      #footer .bg .menu_about li {
        display: table-cell;
        width: 30%;
        padding: 0 5px; }
        #footer .bg .menu_about li a,
        #footer .bg .menu_about li h3 {
          color: #fff;
          line-height: 1.9em; }
        #footer .bg .menu_about li a {
          display: block;
          padding-left: 16px; }
      #footer .bg .menu_about li:nth-child(2) {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff; }
  #footer .bg2 {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    display: table;
    table-layout: fixed; }
    #footer .bg2 p {
      display: table-cell; }
      @media screen and (max-width: 640px) {
        #footer .bg2 p {
          display: block; } }
    #footer .bg2 p.logo {
      width: 15%; }
      @media screen and (max-width: 640px) {
        #footer .bg2 p.logo {
          margin: 20px auto;
          width: initial; } }
    #footer .bg2 .logo_footer {
      display: block;
      margin: 0 auto;
      width: 120px; }
    #footer .bg2 .site_name {
      color: #fff;
      vertical-align: top;
      width: 30%; }
      @media screen and (max-width: 640px) {
        #footer .bg2 .site_name {
          display: none; } }
    #footer .bg2 .menu_footer {
      display: table-cell;
      width: 20%;
      padding-left: 25px;
      vertical-align: top;
      border-left: 1px solid #ccc; }
      @media screen and (max-width: 640px) {
        #footer .bg2 .menu_footer {
          display: table;
          width: 95%;
          margin: 20px auto;
          padding-left: 0px;
          border-left: none;
          text-align: center; } }
      #footer .bg2 .menu_footer li {
        padding: 8px 16px; }
        @media screen and (max-width: 640px) {
          #footer .bg2 .menu_footer li {
            padding: 2px 8px; } }
        #footer .bg2 .menu_footer li a {
          font-size: 120%;
          color: #fff; }
          @media screen and (max-width: 640px) {
            #footer .bg2 .menu_footer li a {
              font-size: 11px; } }
  #footer .bg3 {
    max-width: 1000px;
    width: 100%;
    margin: 20px auto 10px; }
    #footer .bg3 .message {
      color: #fff;
      font-size: 1.2rem;
      text-align: center; }
      @media screen and (max-width: 640px) {
        #footer .bg3 .message {
          text-align: left;
          width: 95%;
          margin: 0 auto; } }
    #footer .bg3 .copyright {
      color: #fff;
      font-size: 1.2rem;
      text-align: center;
      margin-top: 20px;
      padding-bottom: 5px; }
  #footer > p {
    color: #989898;
    text-align: center;
    font-size: 90%; }
  @media screen and (max-width: 640px) {
    #footer {
      margin-top: 16px; }
      #footer h2 {
        display: none; }
      #footer .service {
        display: block;
        text-align: left; }
        #footer .service li {
          width: 100%;
          padding: 4px 0;
          display: block;
          border-bottom: 1px solid #f4f4f4; }
          #footer .service li img {
            width: 50px;
            float: left;
            padding: 10px; }
          #footer .service li h3 {
            margin-left: 80px; }
          #footer .service li p {
            margin-left: 80px; }
      #footer .bg {
        padding: 16px 0;
        margin: 24px 0; } }
    @media screen and (max-width: 640px) and (max-width: 640px) {
      #footer .bg {
        margin: 0px 0; } }
  @media screen and (max-width: 640px) {
        #footer .bg .menu_about li a,
        #footer .bg .menu_about li h3 {
          line-height: 1.5em; }
        #footer .bg .menu_about li a {
          font-size: 10px;
          padding-left: 0;
          margin-top: 5px; }
        #footer .bg .menu_about li:nth-child(2) {
          border-left: 1px dotted #fff;
          border-right: 1px dotted #fff; }
      #footer .logo_footer {
        width: 120px; }
      #footer .menu_footer li {
        display: inline-block;
        padding: 2px 8px; }
        #footer .menu_footer li a {
          font-size: 11px;
          color: #666666; }
      #footer > p {
        font-size: 10px;
        text-align: left; }
        #footer > p br {
          display: none; } }

.page_system #header h1 {
  padding-left: 100px; }
.page_system #footer {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px; }

/* ---------------------------------- search_form ---------------------------------- */
.search_form {
  display: block;
  margin: 8px auto 24px;
  padding: 0;
  width: 186px;
  border: 2px solid #fff;
  border-radius: 6px; }
  .search_form input[type="text"] {
    display: inline-block;
    width: 130px;
    border: none;
    padding: 6px;
    margin: 0;
    font-size: 13px; }
  .search_form input[type="submit"] {
    display: inline-block;
    width: 48px;
    margin: 0;
    border: none;
    color: transparent;
    background: url(../img/search_button.png) no-repeat;
    background-position: center 2px;
    transition: opacity 0.2s; }
  .search_form input[type="submit"]:hover {
    opacity: 0.5; }

/* ----------------------------------form style---------------------------------- */
form select::-ms-expand {
  display: none; }
form input[type="text"], form button, form textarea, form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0; }
form input[type="text"],
form input[type="password"],
form textarea,
form select {
  box-sizing: border-box;
  padding: 8px;
  font-size: 1.6rem;
  font-family: Arial, sans-serif;
  border: solid 1px #ccc;
  margin: 0 0 0px;
  width: 100%; }
form select {
  background: url(/common/img/form_select_arrow.png) right 50% no-repeat; }
form input[type="radio"] {
  width: auto; }
  @media screen and (max-width: 1200px) {
    form input[type="radio"] {
      -webkit-transform: scale(1.5);
      transform: scale(1.5);
      margin-right: 0.5em; } }
  @media screen and (max-width: 640px) {
    form input[type="radio"] {
      -webkit-transform: scale(2);
      transform: scale(2);
      margin-right: 0.5em; } }
form select[name="birth_year"],
form select[name="birth_month"],
form select[name="birth_day"],
form select[name="select"],
form select[name="month"],
form select[name="day"] {
  width: 100px;
  margin-right: 10px; }
form dl {
  border-bottom: 1px dotted #aaa; }
  form dl:first-child {
    border-top: 1px solid #aaa; }
  form dl:last-child {
    border-bottom: 1px solid #aaa; }
  form dl dt {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    width: 150px;
    background-color: #f5f5f5;
    padding: 10px;
    color: #144d9e;
    font-weight: bold; }
  form dl dd {
    display: table-cell;
    padding: 10px;
    font-size: 100%; }
    form dl dd input {
      width: 150px; }
form .payment-area input {
  width: initial; }
form .checkbox-area {
  padding: 10px 50px; }
  form .checkbox-area li {
    display: block;
    float: left;
    line-height: 2em;
    margin-left: 15px; }
  form .checkbox-area:after {
    content: "";
    display: block;
    height: 0;
    clear: both; }
form .seimei input {
  width: 120px; }
form .furigana input {
  width: 115px; }
form .mail input {
  width: 250px; }
form .phone input {
  width: 80px; }
form .yuubin input {
  width: 60px; }
  form .yuubin input:last-child {
    width: 80px; }
form .address select[name="prefecture"] {
  width: 160px; }
form .address input {
  margin-top: 10px;
  width: 450px; }
form .address p {
  font-size: 85%;
  margin: 4px 0 10px 0; }
form .password input {
  width: 200px; }
form .password p {
  font-size: 85%;
  margin-top: 4px;
  margin-bottom: 10px; }
  form .password p:last-child {
    margin-bottom: 0; }
form .forgot_pass_area {
  text-align: right;
  padding: 10px 0; }

.form_area {
  max-width: 800px;
  margin: auto; }

.submit_area {
  text-align: center;
  padding: 25px; }

.submit_area.cancel {
  text-align: left; }
  @media screen and (max-width: 640px) {
    .submit_area.cancel {
      text-align: center; } }
  .submit_area.cancel button {
    background-color: cadetblue; }

.textarea_bikou {
  width: 80%;
  height: 200px; }

.center_content {
  max-width: 800px;
  margin: auto;
  text-align: center; }

.button_center {
  text-align: center;
  padding: 30px 0; }

.large_button:first-child {
  margin-right: 20px; }
  @media screen and (max-width: 640px) {
    .large_button:first-child {
      margin-right: 0px; } }

.button_right {
  text-align: right; }

.large_button {
  display: inline-block;
  text-align: center;
  min-width: 220px;
  font-size: 130% !important;
  margin-bottom: 12px;
  background-color: #d75d91;
  padding: 8px 32px;
  color: white;
  border-radius: 3px;
  border: none; }
  @media screen and (max-width: 640px) {
    .large_button {
      padding: 12px 32px; } }
  .large_button:hover {
    cursor: pointer;
    opacity: 0.8; }

.medium_button {
  display: inline-block;
  width: 150px;
  font-size: 90%;
  background-color: #144d9e;
  padding: 5px 10px;
  color: white;
  border-radius: 3px;
  border: none; }
  .medium_button:hover {
    cursor: pointer;
    opacity: 0.8; }

@media screen and (max-width: 640px) {
  .modify_button {
    background: #ccc;
    padding: 6px 24px; } }

.page_system .main {
  width: 672px; }
  .page_system .main .hidden_flag {
    text-align: right;
    padding-right: 50px;
    margin-top: -40px; }
  .page_system .main .display_flag {
    text-align: right;
    padding-right: 50px;
    margin-top: 0px; }
  .page_system .main .hidden_message {
    text-align: right;
    margin-top: 5px;
    margin-bottom: 0px; }
.page_system .category {
  padding-top: 20px; }

/* ----------------------------------cart login style---------------------------------- */
.login_inner > div {
  width: 50%;
  float: left;
  padding: 0px 15px;
  box-sizing: border-box; }
  @media screen and (max-width: 640px) {
    .login_inner > div {
      width: initial;
      float: none; } }
.login_inner dl {
  margin-top: 5px;
  border-bottom: none; }
.login_inner dt {
  display: inline-block;
  background: transparent;
  text-align: left;
  padding: 0; }
.login_inner dd {
  display: inherit;
  padding-top: 5px; }
  @media screen and (max-width: 640px) {
    .login_inner dd {
      text-align: center; } }
  .login_inner dd input {
    border-radius: 5px; }
@media screen and (max-width: 640px) {
  .login_inner .login_inner_right dl {
    text-align: center; }
  .login_inner .login_inner_right p {
    text-align: left; } }
.login_inner .login_inner_right .large_button {
  min-width: 100%;
  height: 54px;
  line-height: 54px;
  padding: 8px 0px; }
  @media screen and (max-width: 640px) {
    .login_inner .login_inner_right .large_button {
      min-width: initial; } }
.login_inner .error {
  color: #aa0202; }
.login_inner .info_pw {
  text-align: right; }
  @media screen and (max-width: 640px) {
    .login_inner .info_pw {
      text-align: right; } }

.cart_registration_box .form_area p {
  margin-bottom: 0; }

.clearfix:after, .support_intro:after, .page_category #menu_sub .category:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.sub_txt {
  font-size: 11px;
  color: #606060;
  padding: 25px 0 0 8px; }

.display_none {
  display: none; }

/* ----------------------------------coupon form style---------------------------------- */
.friend_area dl dt {
  width: 200px;
  text-align: left; }
  @media screen and (max-width: 640px) {
    .friend_area dl dt {
      width: initial; } }
.friend_area .message dd span {
  display: block;
  height: 300px;
  overflow: auto; }

.modal-win-inner {
  width: 55%;
  box-shadow: none !important; }
  @media screen and (max-width: 640px) {
    .modal-win-inner {
      width: 96%; } }

.my_modal_short {
  width: 60%;
  margin: 0 auto; }
  @media screen and (max-width: 640px) {
    .my_modal_short {
      width: 90%; } }
  .my_modal_short div h4 {
    padding-bottom: 2px;
    border-bottom: solid 2px #ccc;
    font-size: 1.2em; }
  .my_modal_short div p {
    margin-top: 10px; }

.modal-close {
  display: block;
  cursor: pointer; }

@media screen and (max-width: 640px) {
  form dl {
    border: 0; }
    form dl:first-child, form dl:last-child {
      border: 0; }
    form dl dt {
      display: block;
      width: 100%;
      padding: 10px 0px; }
    form dl dd {
      display: block;
      width: 100%;
      padding: 10px 0px; }
  form .mail input {
    width: 100%; }
  form .address select[name="prefecture"] {
    width: 100%; }
  form .address input {
    width: 100%; }
  form select[name="birth_year"],
  form select[name="birth_month"],
  form select[name="birth_day"],
  form select[name="select"],
  form select[name="month"],
  form select[name="day"] {
    width: 80px;
    margin-right: 5px; } }
/* ----------------------------------breadcrumb---------------------------------- */
.breadcrumb ul li {
  display: inline-block; }
  .breadcrumb ul li a {
    font-size: 1.2rem;
    color: #999; }
  .breadcrumb ul li:after {
    content: " / ";
    color: #999; }
  .breadcrumb ul li:last-child:after {
    content: " "; }

@media screen and (max-width: 640px) {
  .breadcrumb {
    display: none; } }
/* ---------------------------------- site top ---------------------------------- */
#mv {
  margin-top: -2px;
  background-color: #f8dfe9; }
  #mv .wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    background-color: #e48eb2;
    padding: 4px 0; }
  #mv .mv_img_area {
    max-width: 930px;
    margin: 0 auto; }
    #mv .mv_img_area .left_area {
      display: table-cell;
      vertical-align: top;
      padding-right: 4px;
      width: 70.8%; }
      #mv .mv_img_area .left_area img {
        width: 100%; }
    #mv .mv_img_area .right_area {
      display: none;
      vertical-align: top;
      line-height: 0;
      width: 29.2%; }
      #mv .mv_img_area .right_area img {
        width: 100%;
        margin-bottom: 4px; }
  #mv .point_area {
    background: rgba(255, 255, 255, 0.9);
    max-width: 930px;
    margin: 0 auto; }
    #mv .point_area .left_area {
      display: table-cell;
      vertical-align: middle; }
      #mv .point_area .left_area img {
        display: block; }
    #mv .point_area .right_area {
      vertical-align: middle;
      display: table-cell; }
      #mv .point_area .right_area img {
        width: 33%; }
  @media screen and (max-width: 640px) {
    #mv .mv_img_area .left_area {
      display: block;
      padding: 0;
      width: 100%; }
      #mv .mv_img_area .left_area img {
        width: 100%; }
    #mv .mv_img_area .right_area {
      display: block;
      text-align: center;
      width: 100%; }
      #mv .mv_img_area .right_area img {
        width: 30%; }
    #mv .point_area .left_area {
      display: none; }
    #mv .point_area .right_area {
      display: block;
      text-align: center;
      padding: 4px 0; }
      #mv .point_area .right_area img {
        width: 32%; } }

.wrap {
  max-width: 930px;
  margin: 0 auto; }

#content .bg {
  background-color: #fff;
  max-width: 960px;
  margin: 0 auto;
  padding: 0px 0 40px; }
#content .sitetop_news {
  background-color: #f4f4f4;
  max-width: 930px;
  width: 100%;
  margin: auto; }
  #content .sitetop_news dl {
    padding: 16px; }
    #content .sitetop_news dl dt {
      width: 80px;
      display: table-cell; }
    #content .sitetop_news dl dd {
      display: table-cell;
      padding-right: 150px; }
#content .banner_area_1column {
  margin-right: 24px;
  margin-top: 20px; }
#content .banner_area {
  margin: 8px 0 24px; }
  #content .banner_area h2 {
    font-size: 130%;
    border: none;
    text-align: center;
    background-color: #f6e5ec;
    width: 94%;
    margin: 4px; }
  #content .banner_area a {
    display: inline-block;
    width: 48%;
    margin-top: 2px;
    transition: 0.3s; }
    #content .banner_area a:hover {
      opacity: 0.7; }
  #content .banner_area img {
    width: 100%;
    line-height: 0; }
    #content .banner_area img:nth-child(2n) {
      margin-left: 4px; }
@media screen and (max-width: 640px) {
  #content .bg {
    padding: 0; }
  #content .sitetop_news dl dt {
    font-size: 11px; }
  #content .sitetop_news dl dd {
    font-size: 11px;
    padding: 0; }
  #content .banner_area {
    margin: 24px 0; }
    #content .banner_area a {
      display: inline-block;
      width: 48%;
      margin-top: 4px; }
    #content .banner_area img {
      width: 100%;
      line-height: 0;
      margin-bottom: 4px; }
      #content .banner_area img:nth-child(2n) {
        margin-left: 4px; } }

/* ---------------------------------- site top リニューアル---------------------------------- */
#index .main {
  padding-left: 10px; }
#index .content_wrap {
  padding: 0px 20px;
  max-width: 960px;
  width: 100%;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    #index .content_wrap {
      padding: 0;
      max-width: initial; } }
  #index .content_wrap .content_left {
    display: table-cell;
    width: 280px; }
  #index .content_wrap .content_right {
    display: table-cell;
    width: 680px;
    vertical-align: top; }
    @media screen and (max-width: 768px) {
      #index .content_wrap .content_right {
        display: block;
        width: 100%; } }
    #index .content_wrap .content_right .banner {
      overflow: hidden;
      padding-left: 10px;
      width: 670px; }
      @media screen and (max-width: 768px) {
        #index .content_wrap .content_right .banner {
          width: 100%;
          padding-left: 0; } }
      #index .content_wrap .content_right .banner .contact_info {
        background: url(../img/order_star.png) no-repeat 0 0;
        padding-left: 135px;
        overflow: hidden;
        border: solid 1px #aa0202;
        margin-bottom: 5px; }
        @media screen and (max-width: 768px) {
          #index .content_wrap .content_right .banner .contact_info {
            width: 98%;
            margin: 10px auto;
            padding: 0px 0; } }
        @media screen and (max-width: 640px) {
          #index .content_wrap .content_right .banner .contact_info {
            background: none;
            padding: 5px 0; } }
        #index .content_wrap .content_right .banner .contact_info div:first-child {
          float: left;
          text-align: center;
          width: 70%;
          padding-top: 3px; }
          @media screen and (max-width: 768px) {
            #index .content_wrap .content_right .banner .contact_info div:first-child {
              width: 55%;
              margin: 0 auto;
              float: none; } }
          @media screen and (max-width: 640px) {
            #index .content_wrap .content_right .banner .contact_info div:first-child {
              width: 100%; } }
          #index .content_wrap .content_right .banner .contact_info div:first-child span {
            padding-left: 35px;
            height: 21px;
            line-height: 21px;
            display: inline-block; }
          #index .content_wrap .content_right .banner .contact_info div:first-child span.tel {
            background: url(../img/free_dial.png) no-repeat 0 0; }
          #index .content_wrap .content_right .banner .contact_info div:first-child span.fax {
            background: url(../img/fax.png) no-repeat 0 0; }
        #index .content_wrap .content_right .banner .contact_info div:last-child {
          float: right;
          width: 29%; }
          @media screen and (max-width: 768px) {
            #index .content_wrap .content_right .banner .contact_info div:last-child {
              width: 20%;
              margin-top: -47px; } }
          @media screen and (max-width: 640px) {
            #index .content_wrap .content_right .banner .contact_info div:last-child {
              display: none; } }
          #index .content_wrap .content_right .banner .contact_info div:last-child p {
            text-align: center;
            border-top: solid 4px #e48eb2;
            border-bottom: solid 4px #e48eb2;
            border-right: solid 4px #e48eb2;
            border-left: solid 4px #e48eb2;
            height: 33px;
            font-weight: 600;
            padding: 4px;
            line-height: 1.8rem;
            background: #f8dee4; }
            #index .content_wrap .content_right .banner .contact_info div:last-child p a {
              display: block; }
      #index .content_wrap .content_right .banner .recommend {
        margin-bottom: 5px;
        overflow: hidden; }
        @media screen and (max-width: 768px) {
          #index .content_wrap .content_right .banner .recommend {
            margin-bottom: 0px; } }
        #index .content_wrap .content_right .banner .recommend div {
          width: 49.6%; }
          @media screen and (max-width: 768px) {
            #index .content_wrap .content_right .banner .recommend div {
              width: 49.7%; } }
          @media screen and (max-width: 640px) {
            #index .content_wrap .content_right .banner .recommend div {
              width: 49.5%; } }
          #index .content_wrap .content_right .banner .recommend div.one {
            float: left; }
          #index .content_wrap .content_right .banner .recommend div.two {
            float: right; }
      #index .content_wrap .content_right .banner .visual {
        margin-bottom: 5px; }
      #index .content_wrap .content_right .banner .right_area {
        clear: both;
        display: none;
        vertical-align: top;
        line-height: 0; }
        @media screen and (max-width: 768px) {
          #index .content_wrap .content_right .banner .right_area {
            display: block;
            text-align: center;
            background: #313131;
            padding: 5px; } }
        #index .content_wrap .content_right .banner .right_area a img {
          width: 30%; }
    #index .content_wrap .content_right .guide_info {
      background: #dacfb0;
      margin-left: 10px;
      margin-top: 10px; }
      @media screen and (max-width: 768px) {
        #index .content_wrap .content_right .guide_info {
          margin-left: 0;
          padding: 0 10px 10px 10px; } }
      #index .content_wrap .content_right .guide_info .payment {
        border-collapse: separate;
        border-spacing: 10px 0;
        display: table;
        table-layout: fixed;
        width: 100%;
        padding-top: 10px; }
        @media screen and (max-width: 768px) {
          #index .content_wrap .content_right .guide_info .payment {
            display: block;
            margin-bottom: 10px; } }
        #index .content_wrap .content_right .guide_info .payment div {
          background: #fff;
          border-radius: 6px;
          display: table-cell;
          padding: 20px;
          text-align: center; }
          @media screen and (max-width: 768px) {
            #index .content_wrap .content_right .guide_info .payment div {
              display: block;
              margin-bottom: 10px; } }
          #index .content_wrap .content_right .guide_info .payment div h3 {
            color: #aa0202;
            font-size: 1.6rem; }
          #index .content_wrap .content_right .guide_info .payment div ul {
            margin: 10px auto;
            display: table;
            table-layout: fixed; }
            #index .content_wrap .content_right .guide_info .payment div ul li {
              display: table-cell; }
              #index .content_wrap .content_right .guide_info .payment div ul li span {
                display: block;
                font-size: 1.2rem;
                line-height: 1.2; }
            #index .content_wrap .content_right .guide_info .payment div ul:after {
              content: "";
              clear: both;
              display: block; }
          #index .content_wrap .content_right .guide_info .payment div .commission {
            background: #f8dfe9;
            padding: 3px;
            border-radius: 6px;
            color: #d85d62;
            font-size: 1.4rem;
            margin-bottom: 10px; }
            @media screen and (max-width: 768px) {
              #index .content_wrap .content_right .guide_info .payment div .commission {
                width: 50%;
                margin: 0 auto 10px; } }
          #index .content_wrap .content_right .guide_info .payment div .description {
            text-align: left;
            font-size: 1.3rem; }
            @media screen and (max-width: 768px) {
              #index .content_wrap .content_right .guide_info .payment div .description {
                width: 80%;
                margin: 0 auto 10px; } }
            #index .content_wrap .content_right .guide_info .payment div .description span.attention {
              color: #d85d62; }
      #index .content_wrap .content_right .guide_info .shipping {
        padding: 10px; }
        @media screen and (max-width: 768px) {
          #index .content_wrap .content_right .guide_info .shipping {
            padding: 0px; } }
        #index .content_wrap .content_right .guide_info .shipping div {
          background: #fff;
          border-radius: 6px;
          display: table;
          table-layout: fixed;
          padding: 10px;
          background-image: repeating-linear-gradient(135deg, #F29B91 0px, #F09290 30px, transparent 30px, transparent 50px, #83B3DB 50px, #84ADCB 80px, transparent 80px, transparent 100px); }
          @media screen and (max-width: 768px) {
            #index .content_wrap .content_right .guide_info .shipping div {
              display: block; } }
          #index .content_wrap .content_right .guide_info .shipping div .japan_post {
            display: table-cell;
            background-image: none;
            background: #fff;
            width: 50%;
            text-align: center; }
            @media screen and (max-width: 768px) {
              #index .content_wrap .content_right .guide_info .shipping div .japan_post {
                display: block;
                width: initial;
                margin-bottom: 10px;
                display: table; } }
            #index .content_wrap .content_right .guide_info .shipping div .japan_post .description {
              text-align: left;
              font-size: 1.3rem; }
              @media screen and (max-width: 768px) {
                #index .content_wrap .content_right .guide_info .shipping div .japan_post .description {
                  width: 80%;
                  margin: 0 auto 10px; } }
              #index .content_wrap .content_right .guide_info .shipping div .japan_post .description span.attention {
                color: #d85d62; }
          #index .content_wrap .content_right .guide_info .shipping div .shipping_day {
            display: table-cell;
            background-image: none;
            background: #fff; }
            @media screen and (max-width: 768px) {
              #index .content_wrap .content_right .guide_info .shipping div .shipping_day {
                display: block;
                width: initial; } }
            #index .content_wrap .content_right .guide_info .shipping div .shipping_day div {
              background-image: none;
              background-color: #f6f5f5;
              margin-bottom: 10px;
              box-shadow: 0px 1px 1px #666;
              text-align: center;
              width: 260px;
              line-height: 1.2;
              border-radius: 0px;
              margin-top: 20px; }
              @media screen and (max-width: 768px) {
                #index .content_wrap .content_right .guide_info .shipping div .shipping_day div {
                  display: block;
                  margin: 20px auto; } }
              #index .content_wrap .content_right .guide_info .shipping div .shipping_day div .flight {
                font-size: 2.0rem;
                font-weight: 600;
                line-height: 1.2; }
                #index .content_wrap .content_right .guide_info .shipping div .shipping_day div .flight span.attention {
                  color: #d85d62; }
              #index .content_wrap .content_right .guide_info .shipping div .shipping_day div .warning {
                text-align: left;
                font-size: 1rem; }
    #index .content_wrap .content_right .warning {
      text-align: left;
      margin-top: 10px;
      margin-left: 10px; }
      #index .content_wrap .content_right .warning p {
        font-size: 1rem; }
    #index .content_wrap .content_right .mail_check {
      margin-top: 40px;
      box-shadow: 0px 1px 1px #666;
      border-top: solid 1px #eee;
      margin-left: 10px; }
      @media screen and (max-width: 768px) {
        #index .content_wrap .content_right .mail_check {
          margin: 20px auto 0;
          width: 95%; } }
      #index .content_wrap .content_right .mail_check div {
        margin-left: 30px;
        background: url(../img/mail_check.png) no-repeat 0 0;
        padding-left: 70px; }
        @media screen and (max-width: 768px) {
          #index .content_wrap .content_right .mail_check div {
            margin-left: 0px;
            background: url(../img/mail_check.png) no-repeat 3px 3px; } }
        #index .content_wrap .content_right .mail_check div span.attention {
          color: #d85d62; }
    #index .content_wrap .content_right .mail_confirm {
      margin-top: 40px;
      font-size: 1.3rem;
      padding-left: 30px;
      margin-left: 10px; }
      @media screen and (max-width: 768px) {
        #index .content_wrap .content_right .mail_confirm {
          margin-top: 20px;
          padding: 5px; } }
      #index .content_wrap .content_right .mail_confirm p {
        font-size: 1.3rem;
        line-height: 1.5; }
      #index .content_wrap .content_right .mail_confirm span.attention {
        color: #d85d62; }

#notice {
  margin-top: 100px;
  text-align: center;
  color: #666; }
  @media screen and (max-width: 768px) {
    #notice {
      margin: 40px auto 0;
      width: 95%; } }

/* ----------------------------------page_item_detail---------------------------------- */
.item_detail .contact-id {
  color: #d75d91;
  padding-left: 5px;
  font-size: 1em; }
.item_detail .left_area {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 50%; }
  .item_detail .left_area img {
    width: 100%; }
  .item_detail .left_area .switch img {
    width: 32px; }
  .item_detail .left_area p {
    font-size: 1.2rem; }
.item_detail .right_area {
  display: table-cell;
  text-align: left;
  padding-top: 20px;
  width: 50%; }
  .item_detail .right_area dl {
    margin-bottom: 2px;
    margin-left: 16px; }
    .item_detail .right_area dl dt {
      display: table-cell; }
    .item_detail .right_area dl dd {
      display: table-cell; }
  .item_detail .right_area .value dd {
    color: #ffc700; }
  .item_detail .right_area .arrow dd {
    color: #216fc1; }
  .item_detail .right_area .heart dd {
    color: #de5291; }
  .item_detail .right_area .list_price {
    margin-top: 20px;
    text-decoration: line-through;
    font-size: 120%;
    color: #999; }
  .item_detail .right_area .price dt {
    font-size: 120%;
    font-weight: bold;
    color: #ff7300; }
  .item_detail .right_area .price dd {
    font-size: 160%;
    font-weight: bold;
    color: #ff7300; }

@media screen and (max-width: 640px) {
  .cartin_area {
    padding: 0;
    margin-top: 10px; } }
.cartin_area .cart {
  padding: 10px;
  border: 1px solid #ccc; }
  .cartin_area .cart table {
    width: 100%;
    background: #e5e5e5; }
    .cartin_area .cart table tr:first-child td {
      padding-top: 15px; }
    .cartin_area .cart table tr:last-child td {
      padding-bottom: 15px; }
    .cartin_area .cart table td {
      padding: 5px; }
      .cartin_area .cart table td div {
        padding-left: 10px;
        padding-right: 10px; }
        .cartin_area .cart table td div p {
          display: inline-block; }
      .cartin_area .cart table td .item_name {
        font-size: 130%;
        position: relative; }
        .cartin_area .cart table td .item_name .stock_status {
          position: absolute;
          top: 10px;
          right: 0;
          font-size: 16px;
          padding-right: 20px;
          color: darkorange; }
        .cartin_area .cart table td .item_name .contact-id {
          font-size: 0.8em; }
      .cartin_area .cart table td .item_price p {
        display: inline-block;
        color: #e48eb2;
        font-size: 140%;
        font-weight: bold;
        margin-bottom: 0; }
        .cartin_area .cart table td .item_price p span {
          color: #989898;
          padding-left: 8px;
          font-size: 80%;
          text-decoration: line-through;
          font-weight: normal; }
      .cartin_area .cart table td .select-box {
        width: 40%;
        float: left; }
        .cartin_area .cart table td .select-box select {
          display: inline-block;
          width: 70%;
          background-color: #fff; }
      .cartin_area .cart table td .cart-button {
        margin-top: -10px;
        float: left; }
        .cartin_area .cart table td .cart-button .cartin {
          padding: 8px 16px; }
      .cartin_area .cart table td .item_description span {
        display: table-cell;
        width: 8%; }
      .cartin_area .cart table td .item_description a.more {
        color: #007ebe; }
      .cartin_area .cart table td .item_description p {
        display: table-cell; }
@media screen and (max-width: 640px) {
  .cartin_area .detail_cart table {
    background: #e5e5e5; }
    .cartin_area .detail_cart table td {
      padding: 0; }
      .cartin_area .detail_cart table td p {
        margin-bottom: 0; }
      .cartin_area .detail_cart table td .item_name {
        font-size: 110%; }
        .cartin_area .detail_cart table td .item_name span {
          display: none; }
      .cartin_area .detail_cart table td .select-box {
        width: 100%;
        float: none; }
      .cartin_area .detail_cart table td .cart-button {
        margin-top: 10px;
        float: none; }
      .cartin_area .detail_cart table td.cart-sub-box .sub_cartin {
        float: none;
        margin: 10px auto; }
      .cartin_area .detail_cart table td.cart-sub-box p {
        width: 80%;
        margin: 0 auto;
        line-height: 1.2; } }
.cartin_area .cartin {
  padding: 16px 8px;
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
  transition: 0.2s; }
  .cartin_area .cartin:hover {
    background-color: #ff5368; }
  .cartin_area .cartin:before {
    vertical-align: middle;
    display: inline-block;
    content: " ";
    text-indent: -10000px;
    background-image: url(../img/cart_icon_white.png);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 8px;
    margin-top: -2px; }
.cartin_area .sub_cartin {
  background-color: #144d9e;
  padding: 8px 24px;
  margin: 0;
  float: left;
  margin-right: 10px;
  transition: 0.2s; }
  .cartin_area .sub_cartin:hover {
    background-color: rgba(20, 77, 158, 0.75); }
  .cartin_area .sub_cartin:before {
    vertical-align: middle;
    display: inline-block;
    content: " ";
    text-indent: -10000px;
    background-image: url(../img/cart_icon_white.png);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 8px;
    margin-top: -2px; }

.explain {
  margin-top: 32px;
  font-size: 1.4rem;
  line-height: 1.75em; }
  .explain > h3 {
    color: #d75d91;
    font-size: 140%;
    padding: 8px 16px;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999; }
  .explain p {
    margin-top: 12px;
    font-size: 1.4rem;
    line-height: 1.75em; }
  .explain ul {
    margin-top: 12px;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 32px; }

@media screen and (max-width: 640px) {
  .item_detail .left_area {
    width: 100%;
    display: block;
    border-bottom: 1px dotted #999; }
    .item_detail .left_area p {
      font-size: 1/4rem; }
  .item_detail .right_area {
    width: 100%;
    display: block;
    margin-top: 10px; }
    .item_detail .right_area dl dt {
      font-size: 1.6rem; }
    .item_detail .right_area dl dd {
      font-size: 1.6rem; }

  .explain {
    font-size: 1.2rem; }
    .explain ul {
      margin-left: 0px; }
    .explain p {
      font-size: 1.2rem; } }
.page_item_detail .cartin_area .cart table td {
  padding: 0; }

.page_item_detail .cartin_area .cart table p {
  margin-bottom: 0.2em; }

/* ----------------------------------page_item_list---------------------------------- */
/* ----------------------------------page_resistration---------------------------------- */
/* ----------------------------------page_qanda---------------------------------- */
.qanda_content h4 {
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 1px dotted #aaa;
  padding: 20px; }
.qanda_content dl dt {
  display: table-cell;
  font-weight: bold;
  padding-left: 10px;
  font-size: 2.2rem; }
.qanda_content dl dd {
  display: table-cell;
  padding-bottom: 10px;
  padding-left: 10px; }
.qanda_content dl.q_box {
  margin-top: 20px; }
  .qanda_content dl.q_box dt {
    color: #144d9e; }
  .qanda_content dl.q_box dd {
    color: #144d9e;
    font-weight: bold;
    font-size: 1.7rem; }
.qanda_content dl.a_box {
  border-bottom: 1px dotted #aaa;
  padding-bottom: 20px; }
  .qanda_content dl.a_box dt {
    color: #d75d91; }

/* ----------------------------------page_contact---------------------------------- */
/* ----------------------------------page_about---------------------------------- */
.page_about .flow dl {
  padding-top: 30px;
  border-bottom: 2px solid #dfe0e0;
  position: relative;
  border-spacing: 15px; }
  .page_about .flow dl:last-child {
    border: none; }
  .page_about .flow dl:last-child:after {
    content: none; }
  .page_about .flow dl:after {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-top: 25px solid #dfe0e0;
    border-right: 35px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 35px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -18px; }
.page_about .flow dt {
  text-align: center;
  border-right: 3px solid #d75d91;
  font-size: 300%;
  display: table-cell;
  width: 80px;
  color: #d75d91; }
.page_about .flow dd {
  vertical-align: middle;
  display: table-cell;
  width: 600px;
  padding-left: 10px;
  font-size: 110%;
  position: relative;
  padding-right: 110px; }
.page_about .flow .icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -30px; }
.page_about .caption {
  font-size: 80%; }

/* ----------------------------------page_mypage---------------------------------- */
.sub_title {
  font-size: 150%;
  color: #d75d91; }

.news_area {
  max-width: 800px;
  margin: auto; }
  .news_area dl dt {
    font-size: 90%;
    text-align: center;
    vertical-align: top;
    display: table-cell;
    width: 1px;
    padding: 10px; }
  .news_area dl dd {
    display: table-cell;
    width: 930px;
    padding: 10px;
    font-size: 100%; }

.rireki_area,
.coupon_area,
.point_area {
  margin: auto; }
  .rireki_area table,
  .coupon_area table,
  .point_area table {
    margin: 10px 0;
    width: 100%;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc; }
    .rireki_area table tr,
    .coupon_area table tr,
    .point_area table tr {
      border-bottom: 1px dotted #aaa; }
      .rireki_area table tr:first-child,
      .coupon_area table tr:first-child,
      .point_area table tr:first-child {
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa; }
      .rireki_area table tr:last-child,
      .coupon_area table tr:last-child,
      .point_area table tr:last-child {
        border-bottom: 1px solid #aaa; }
      .rireki_area table tr th,
      .coupon_area table tr th,
      .point_area table tr th {
        background-color: #f5f5f5;
        font-size: 100%;
        font-weight: bold;
        text-align: center;
        vertical-align: top;
        display: table-cell;
        padding: 10px 0;
        border-left: 1px solid #ccc; }
        .rireki_area table tr th:last-child,
        .coupon_area table tr th:last-child,
        .point_area table tr th:last-child {
          width: 8%; }
      .rireki_area table tr td,
      .coupon_area table tr td,
      .point_area table tr td {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 10px;
        font-size: 100%;
        border-left: 1px solid #ccc;
        white-space: nowrap; }

.coupon_area table tr th:last-child {
  width: 25%; }

.point_area table tr th:first-child {
  width: 15%; }
.point_area table tr td:last-child {
  width: 15%; }

.rireki_button_area {
  text-align: right; }

.info_area {
  padding: 10px; }
  .info_area .attention {
    font-size: 1.5em; }

.friend_area .message p {
  font-size: 1.3rem;
  line-height: 1.3em; }

/* ----------------------------------page_cart---------------------------------- */
.delete_button {
  width: 80px;
  font-size: 90%;
  background-color: #144d9e;
  padding: 5px 10px;
  color: white;
  border-radius: 3px;
  border: none; }
  @media screen and (max-width: 640px) {
    .delete_button {
      width: 50px; } }
  .delete_button:hover {
    cursor: pointer;
    opacity: 0.8; }

.card_brand_area {
  border-radius: 8px;
  text-align: center;
  padding: 30px 0 20px;
  border: 2px solid #eee;
  width: 300px;
  margin: 30px auto 0; }
  .card_brand_area .button_center {
    padding: 10px 0; }

.cart_item_img img {
  width: 150px;
  height: auto; }

@media screen and (max-width: 640px) {
  .cart_item_img img {
    width: 80px;
    height: auto; } }
/* ----------------------------------page_order---------------------------------- */
.cart_area {
  max-width: 800px;
  margin: auto; }
  .cart_area table {
    width: 100%;
    margin: 10px auto; }
    .cart_area table tr {
      border-bottom: 1px dotted #aaa; }
      .cart_area table tr:first-child {
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa; }
      .cart_area table tr:last-child {
        border-bottom: 1px solid #aaa; }
      .cart_area table tr th {
        background-color: #f5f5f5;
        font-weight: bold;
        text-align: center;
        vertical-align: top;
        padding: 10px 0; }
      .cart_area table tr td {
        text-align: center;
        vertical-align: middle;
        padding: 5px; }
        @media screen and (max-width: 640px) {
          .cart_area table tr td span.en {
            display: none; } }
        @media screen and (max-width: 640px) {
          .cart_area table tr td span.unit {
            display: none; } }
        .cart_area table tr td .list-inline {
          margin-top: 10px; }
          .cart_area table tr td .list-inline li {
            display: inline-block;
            font-size: 1.5rem;
            width: 16px;
            line-height: 1.5rem;
            padding: 3px 3px;
            border-radius: 3px; }
            .cart_area table tr td .list-inline li a {
              vertical-align: middle;
              color: #fff;
              display: block; }
          .cart_area table tr td .list-inline .plus {
            float: left;
            margin-left: 10px;
            background-color: #0bf; }
            @media screen and (max-width: 640px) {
              .cart_area table tr td .list-inline .plus {
                margin-left: 0; } }
          .cart_area table tr td .list-inline .minus {
            float: right;
            margin-right: 10px;
            background-color: #0a7b15; }
            @media screen and (max-width: 640px) {
              .cart_area table tr td .list-inline .minus {
                margin-right: 0; } }
      .cart_area table tr .cart_item_subtotal {
        text-align: right; }
      .cart_area table tr .cart_item_souryou_price {
        text-align: right; }
      .cart_area table tr .cart_item_sum_price {
        text-align: right; }
      .cart_area table tr .sentaku_cell {
        width: 110px; }
  .cart_area .coupon_table,
  .cart_area .point_table {
    background-color: #f5f5f5; }
    .cart_area .coupon_table .cell,
    .cart_area .point_table .cell {
      text-align: left; }
  .cart_area .sub_table .sub_select {
    text-align: left; }
    .cart_area .sub_table .sub_select select {
      width: 30%; }
    .cart_area .sub_table .sub_select span {
      margin: 0 5px; }

@media screen and (max-width: 640px) {
  .continue {
    text-align: center; } }

.continue_shopping {
  background-color: #7ad7da; }
  .continue_shopping a {
    color: #fff; }

.coupon_h {
  display: inline-block;
  margin-right: 25px; }

.coupon_table tr td,
.point_table tr td {
  text-align: left; }
  .coupon_table tr td .code,
  .point_table tr td .code {
    width: 50%;
    padding: 8px;
    font-size: 1.5rem; }
    @media screen and (max-width: 640px) {
      .coupon_table tr td .code,
      .point_table tr td .code {
        width: 80%; } }

.cart_area .payment_table td {
  padding: 10px; }

/* ----------------------------------page_confirm---------------------------------- */
.page_confirmation .main h4.sub_title {
  font-size: 2.0rem;
  text-align: left;
  padding-top: 10px; }
.page_confirmation .main .description {
  text-align: left;
  padding: 5px;
  line-height: 1.5em; }
  .page_confirmation .main .description .attention {
    color: #d75d91;
    line-height: 1.5em;
    margin-bottom: 0; }
  .page_confirmation .main .description .merit {
    color: #666; }
.page_confirmation .main .table_register th {
  background-color: #f8dfe9;
  border: 1px solid #cccccc;
  color: #4e4e4e;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  padding: 10px;
  text-align: center; }
.page_confirmation .main .table_register td {
  text-align: left;
  padding: 10px;
  border: 1px solid #cccccc;
  color: #4e4e4e; }
.page_confirmation .main .table_register td.button {
  vertical-align: middle; }
  .page_confirmation .main .table_register td.button .large_button {
    background-color: cadetblue;
    margin: 0 20px; }
.page_confirmation .main .table_register .processing {
  display: none;
  width: 220px;
  margin: 0 20px;
  text-align: center; }
.page_confirmation .main .table_register .finish {
  font-size: x-large; }
  .page_confirmation .main .table_register .finish .confirm {
    font-size: 14px; }
.page_confirmation .main .confirmation_payment_table p.bill_zero {
  text-align: left;
  font-size: 1.4em; }
  @media screen and (max-width: 640px) {
    .page_confirmation .main .confirmation_payment_table p.bill_zero {
      font-size: 1.1em; } }
  .page_confirmation .main .confirmation_payment_table p.bill_zero span.attention {
    font-size: 1.5em; }
    @media screen and (max-width: 640px) {
      .page_confirmation .main .confirmation_payment_table p.bill_zero span.attention {
        font-size: 1.3em; } }
.page_confirmation .main .confirmation_subscription_table .subscription td {
  font-size: 1.5em;
  padding: 15px; }
.page_confirmation .main p.error {
  font-size: 1.2em; }
.page_confirmation .main label {
  vertical-align: middle; }

/* ---------------------------------- ガイド ---------------------------------- */
.moyori_search_area {
  float: right;
  border-radius: 8px;
  padding: 16px 20px 12px;
  margin: 10px 20px;
  background-color: #ba2e2e;
  text-align: center; }
  .moyori_search_area h5 {
    font-weight: normal;
    font-size: 110%;
    color: #fff; }
  .moyori_search_area p a {
    color: #fff; }

/* ----------------------------------page_system---------------------------------- */
.page_system .left {
  width: 85%; }
  .page_system .left .year {
    width: 15%; }
  .page_system .left .month {
    width: 12%; }
  .page_system .left .day {
    width: 12%; }
.page_system .right {
  width: 100px; }

/* ---------------------------------- サポート ---------------------------------- */
.support_intro {
  margin: 20px;
  border: 2px solid #f7eeee;
  padding: 10px;
  padding-bottom: 0; }
  .support_intro h3 {
    font-weight: normal; }
  .support_intro img {
    float: left;
    width: 30%; }

/* ---------------------------------- カテゴリーページ ---------------------------------- */
.page_category #menu_sub {
  width: 100%; }
  .page_category #menu_sub .category {
    display: block;
    width: 100%; }
    .page_category #menu_sub .category ul {
      width: 45%;
      float: left; }

#header .cart_sub {
  background-color: #eee; }
  #header .cart_sub p {
    color: #007ebe; }

.myModal h2 {
  text-align: center;
  font-size: 200%;
  letter-spacing: 0.2em;
  color: #d75d91;
  border: none;
  margin-bottom: 20px; }

@media screen and (max-width: 640px) {
  .ui-tabs .ui-tabs-panel {
    padding: 1em 0.3em; } }
/* ---------------------------------- 管理画面 ---------------------------------- */
.kanri_item_list {
  width: 100%; }
  .kanri_item_list td {
    padding: 4px;
    border-bottom: 1px solid #ccc; }
  .kanri_item_list .medicine_id {
    width: 100px;
    text-align: center; }
  .kanri_item_list .display {
    width: 100px;
    text-align: center; }
  .kanri_item_list th {
    padding: 4px;
    background-color: #eee; }
  .kanri_item_list td.no {
    color: #888;
    background-color: #eaeaea;
    text-align: center; }
  .kanri_item_list td.last_update {
    color: #888;
    font-size: 80%; }
  .kanri_item_list td.price {
    text-align: right; }
  .kanri_item_list td.code,
  .kanri_item_list td.payment,
  .kanri_item_list td.settlement,
  .kanri_item_list td.hk,
  .kanri_item_list td.dairi,
  .kanri_item_list td.last_update
  td.date
  td.fre
  td.payment,
  .kanri_item_list td.status {
    text-align: center; }

.kanri_user_list {
  width: 100%; }
  .kanri_user_list td {
    padding: 4px;
    border-bottom: 1px solid #ccc;
    text-align: center; }
  .kanri_user_list th {
    padding: 4px;
    background-color: #eee;
    text-align: center; }
  .kanri_user_list td.no {
    color: #888;
    background-color: #eaeaea;
    text-align: center; }

.kanri_item_form dl {
  border-bottom: 1px dotted #bbb; }
  .kanri_item_form dl dt {
    vertical-align: middle;
    display: table-cell;
    width: 180px;
    padding: 4px; }
  .kanri_item_form dl dd {
    vertical-align: middle;
    display: table-cell;
    padding: 4px; }
    .kanri_item_form dl dd input[type="text"] {
      width: 300px; }
    .kanri_item_form dl dd input[type="checkbox"] {
      width: auto; }
    .kanri_item_form dl dd textarea {
      width: 450px; }
  .kanri_item_form dl dd.id {
    height: 30px;
    padding-left: 10px; }
  .kanri_item_form dl dd.payment {
    height: 36px; }
.kanri_item_form .status {
  width: 200px; }

.page_system form select[name="start_day"],
.page_system form select[name="start_month"],
.page_system form select[name="start_year"] {
  width: 100px; }

/* ----------------------------------breadcrumb---------------------------------- */
.review_area section {
  border-bottom: 1px dotted #bbb;
  padding-bottom: 12px;
  margin-top: 24px;
  margin-bottom: 12px; }
  .review_area section:last-child {
    border-bottom: none; }
  .review_area section h3 {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 12px;
    text-decoration: underline; }
  .review_area section .postdate {
    font-size: 12px;
    color: #888;
    line-height: 1.25;
    margin-bottom: 0px;
    color: #144d9e; }
  .review_area section h4 {
    font-size: 16px;
    margin-bottom: 12px;
    color: #d75d91; }
  .review_area section h5.profile_area {
    font-weight: normal;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.25; }
  .review_area section .rank {
    padding-left: 20px; }
    .review_area section .rank img {
      margin-left: -0.2em; }
  .review_area section .bodytxt {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.5; }

/*# sourceMappingURL=base.css.map */