/* style.css produced by slotcom_style */
/*           produced at 2023-04-13 15:52:46 */

/* Foundation - 0100 - s0001 */
/* ... - body定義 */
/* complied at 2019-03-30 09:28:25 */
@charset "utf-8";
body {
  background-color: white;
  /*background:url(img/bg.jpg) no-repeat top center;*/
  font-size: 11px;
  width: 100%;
  text-align: center;
  color: #000; }

.wrap1 {
  margin: 0 auto;
  max-width: 900px;
  /*background: url(../img/bg-shadow0.gif) right repeat-y;*/ }

.wrap2 {
  width: 100%;
  margin: 0;
  /*background-color:#0ba29b;*/
  padding: 0 0 0 0; }
/*background: url(../img/bg-shadow.gif) left repeat-y;*/
/*border: 1px solid red;*/
.wrap3 {
  width: 100%;
  background-color: white;
  position: relative;
  text-align: left;
  margin: 0px 0 0 0;
  padding: 0px 0px 0px 0px;
  font-size: 1.2em;
  line-height: 1.5em;
  /**/ }
/*background-color:#ffeeee;*/

/* Layout - 0100 - s0037 */
/* 口コミ - レイアウト */
/* complied at 2019-03-30 20:37:15 */
@charset "utf-8";
.reviewedit__image {
  box-sizing: border-box;
  padding: 0 10px; }

.reviewedit__contents {
  box-sizing: border-box;
  padding: 0 5px 0 5px; }

@media (min-width: 481px) {
  /* ここに480px以上のCSSを記述*/
  /*************************/
    .reviewedit {
      display: block;
      width: 100%; }
    .reviewedit__image {
      width: 30%;
      float: left; }
    .reviewedit__contents {
      width: 70%;
      float: left; } }

/* Object/Component - 0100 - s0041 */
/* タイトル - %タイトル */
/* complied at 2019-03-31 13:29:21 */
@charset "utf-8";

/* Object/Component - 0100 - s0 */
/* %ボタン - ボタンレイアウト */
/* complied at 2019-03-31 20:19:41 */
@charset "utf-8";

/* Object/Component - 0110 - s0039 */
/* %ボタン - ％ボタン色 */
/* complied at 2019-03-31 20:25:35 */
@charset "utf-8";
/* for extend only */

/* Object/Component - 0730 - s0033 */
/* 決済 - 決済　部品サイズ等 */
/* complied at 2019-03-29 14:24:56 */
@charset "utf-8";
.cart .names {
  display: inline-block; }
  .cart .caption {
    font-size: 70%; }
  .cart select, .cart input {
    font-size: 120%; }
  .cart .cart-label {
    white-space: normal;
    display: block; }

/* 0000 - s0027 */
/* 管理メニュー */
/* complied at 2018-06-18 18:26:49 */
.adminmenu li {
  margin-top: 5px;
  margin-left: 30px;
  padding-bottom: 5px;
  padding-left: 20px; }

.adminmenu li:before {
  content: '●';
  font-size: 150%;
  color: #0ba29b;
  vertical-align: middle; }

/* Object/Project - 0100 - s0035 */
/* プラグイン;カートIN - カートに入れる */
/* complied at 2019-04-08 21:39:49 */
@charset "utf-8";
.plugin-cartin2 {
  width: 100%; }
  .plugin-cartin2__table {
    margin: 0 auto; }
    .plugin-cartin2__table th {
      background-color: #0ba29b;
      color: white; }
    .plugin-cartin2__table th, .plugin-cartin2__table td {
      padding: 8px 2px;
      text-align: center; }
  .plugin-cartin2__button--drop, .plugin-cartin2__button--see {
    white-space: nowrap;
    font-size: 12px; }
    .plugin-cartin2__button--drop a, .plugin-cartin2__button--see a {
      padding: 6px 6px 6px 27px;
      background-color: #0ba29b;
      border-radius: 5px;
      background-image: url("style_s0035_001.png");
      background-repeat: no-repeat;
      background-position: 5px 2px;
      color: white; }
    .plugin-cartin2__button--see {
      width: 80%;
      margin: 20px auto;
      text-align: center; }
    .plugin-cartin2__button--see a {
      background-image: none;
      display: block; }
  .plugin-cartin2__pic img {
    width: 80px; }

/* Object/Project - 0100 - s0040 */
/* 会員 - 会員メニュー */
/* complied at 2020-02-21 23:20:11 */
@charset "utf-8";
/* extended s0041 */
.mindex__title--primary {
  color: #0ba29b;
  font-weight: bold;
  font-size: 150%;
  padding: 12px 0px;
  text-align: left;
  margin-bottom: 10px; }

.mindex__title--secondary {
  color: _TTLS_;
  font-weight: bold;
  font-size: 120%;
  padding: 12px 0px;
  margin-bottom: 0px; }
/* extended s0041 */
.mindex__title--primary {
  color: #0ba29b;
  font-weight: bold;
  font-size: 150%;
  padding: 12px 0px;
  text-align: left;
  margin-bottom: 10px; }

.mindex__title--secondary {
  color: _TTLS_;
  font-weight: bold;
  font-size: 120%;
  padding: 12px 0px;
  margin-bottom: 0px; }

.mindex__item {
  margin: 5px 0px 0px 30px; }
  .mindex__item :before {
    content: "●";
    color: #0ba29b; }

/* Object/Project - 0100 - s0047 */
/* 会員 - 情報変更　ボタン */
/* complied at 2019-03-31 21:44:28 */
@charset "utf-8";
/* extended s0044 */
.member02__button {
  width: 60%;
  margin: 20px auto 0 auto;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 10px 2px 8px;
  border-radius: 10px;
  color: skyblue; }
  @media (min-width: 481px) {
  .member02__button {
    width: 200px; } }
/* extended s0039 */
.member02__button--primary {
  background-color: firebrick;
  color: white; }
  .member02__button--primary:hover {
    background-color: white;
    color: firebrick; }

.member02__button--secondary {
  background-color: #0ba29b;
  color: white; }
  .member02__button--secondary:hover {
    background-color: white;
    color: #0ba29b; }
/* for extend only */
/* extended s0039 */
.member02__button--primary {
  background-color: firebrick;
  color: white; }
  .member02__button--primary:hover {
    background-color: white;
    color: firebrick; }

.member02__button--secondary {
  background-color: #0ba29b;
  color: white; }
  .member02__button--secondary:hover {
    background-color: white;
    color: #0ba29b; }
/* for extend only */
.member02__buttons {
  text-align: center; }

/* Object/Project - 0100 - s0048 */
/* プラグイン - インスタ */
/* complied at 2019-06-27 10:33:24 */
@charset "utf-8";
.instalist {
  width: 100%;
  display: block; }
  .instalist li {
    box-sizing: border-box;
    padding: 5px;
    width: 33%;
    float: left; }

@media (min-width: 768px) {
  .instalist li {
    width: 25%; } }

/* Object/Project - 0100 - s0 */
/* 口コミ - ★のサイズ */
/* complied at 2020-02-21 23:53:58 */
@charset "utf-8";
.reviewedit__rating {
  font-size: 25px; }
  .reviewedit__rating .caption {
    font-size: 20px; }

/*ini.cssオーバーライド*/
/*2017-08-19 23:46:53*/
img {
  vertical-align : middle;
  /**/
  max-width: 100%; }

/* Object/Project - 0110 - s0045 */
/* 会員 - 情報変更　罫線 */
/* complied at 2019-03-31 21:33:51 */
@charset "utf-8";
.member02 {
  /*line-height: 200%;
   text-align: center;*/
  /*******/ }
  .member02 .inputtable {
    width: 100%;
    margin: 0 auto;
    display: block; }
  .member02 .inputtable tr {
    font-size: 100%;
    display: block;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap; }
  .member02 .inputtable th {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 10px 5px 8px 5px;
    background-color: #0ba29b;
    color: white;
    border-bottom: white solid 1px;
    font-weight: bold; }
  .member02 .inputtable td {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 1px 5px 5px 5px;
    border: solid 1px black; }
  @media screen and (min-width: 480px), print {
  .member02 {
    /* ここに480px以上のCSSを記述*/ }
    .member02 .inputtable {
      width: auto;
      display: table; }

    .member02 .inputtable tr {
      font-size: 100%;
      display: table-row; }

    .member02 .inputtable th {
      display: table-cell;
      width: 20%; }

    .member02 .inputtable td {
      display: table-cell;
      padding: 5px; } }

/* Object/Project - 0110 - s0046 */
/* 会員 - 情報変更　タイトル */
/* complied at 2019-03-31 21:39:16 */
@charset "utf-8";
/* extended s0041 */
.member02__title--primary {
  color: #0ba29b;
  font-weight: bold;
  font-size: 150%;
  padding: 12px 0px;
  text-align: left;
  margin-bottom: 10px; }

.member02__title--secondary {
  color: _TTLS_;
  font-weight: bold;
  font-size: 120%;
  padding: 12px 0px;
  margin-bottom: 0px; }
/* extended s0041 */
.member02__title--primary {
  color: #0ba29b;
  font-weight: bold;
  font-size: 150%;
  padding: 12px 0px;
  text-align: left;
  margin-bottom: 10px; }

.member02__title--secondary {
  color: _TTLS_;
  font-weight: bold;
  font-size: 120%;
  padding: 12px 0px;
  margin-bottom: 0px; }

/* s0003 */
/* ページトップへ */
/* 2017-08-20 00:44:56 */
.to_ptop {
  margin-top: 20px;
  font-size: 10px;
  text-align: right; }

/* Object/Project - 0120 - s0042 */
/* 会員 - 購入履歴レイアウト */
/* complied at 2019-04-08 21:27:24 */
@charset "utf-8";
/* extended s0041 */
.cart03__title--primary {
  color: #0ba29b;
  font-weight: bold;
  font-size: 150%;
  padding: 12px 0px;
  text-align: left;
  margin-bottom: 10px; }

.cart03__title--secondary {
  color: _TTLS_;
  font-weight: bold;
  font-size: 120%;
  padding: 12px 0px;
  margin-bottom: 0px; }
/* extended s0041 */
.cart03__title--primary {
  color: #0ba29b;
  font-weight: bold;
  font-size: 150%;
  padding: 12px 0px;
  text-align: left;
  margin-bottom: 10px; }

.cart03__title--secondary {
  color: _TTLS_;
  font-weight: bold;
  font-size: 120%;
  padding: 12px 0px;
  margin-bottom: 0px; }

.cart03-list__date {
  width: 100px; }
  @media (min-width: 481px) {
    .cart03-list__layout {
      display: flex; } }
  .cart03-list__layout--1 {
    width: 60px; }
  .cart03-list__layout--2 {
    padding-top: 10px; }
  .cart03-list__image img {
    width: 100%; }

/* Object/Project - 0120 - s0043 */
/* 会員 - 購入履歴　ボタン */
/* complied at 2019-03-31 20:41:16 */
@charset "utf-8";
/* extended s0044 */
.cart03__button {
  width: 60%;
  margin: 20px auto 0 auto;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 10px 2px 8px;
  border-radius: 10px;
  color: skyblue; }
  @media (min-width: 481px) {
  .cart03__button {
    width: 200px; } }
/* extended s0039 */
.cart03__button--primary {
  background-color: firebrick;
  color: white; }
  .cart03__button--primary:hover {
    background-color: white;
    color: firebrick; }

.cart03__button--secondary {
  background-color: #0ba29b;
  color: white; }
  .cart03__button--secondary:hover {
    background-color: white;
    color: #0ba29b; }
/* for extend only */
/* extended s0039 */
.cart03__button--primary {
  background-color: firebrick;
  color: white; }
  .cart03__button--primary:hover {
    background-color: white;
    color: firebrick; }

.cart03__button--secondary {
  background-color: #0ba29b;
  color: white; }
  .cart03__button--secondary:hover {
    background-color: white;
    color: #0ba29b; }
/* for extend only */
.cart03__button--primary {
  padding: 5px;
  text-align: center;
  margin-top: 2px;
  font-size: 10px;
  width: auto; }
  .cart03__close {
    text-align: center; }

/* 0130 - s0004 */
/* スマホヘッダ固定 */
/* complied at 2018-06-12 19:31:00 */
.spheader {
  background-color: white;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500; }

.wrap2 {
  padding-top: 70px; }

@media screen and (min-width: 480px), print {
  .spheader {
    position: relative; }

  .wrap2 {
    padding-top: 0px; } }

/* Object/Project - 0130 - s0038 */
/* 会員 - 口コミ登録ボタン */
/* complied at 2019-03-31 21:34:57 */
@charset "utf-8";
/* extended s0044 */
.review__button {
  width: 60%;
  margin: 20px auto 0 auto;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 10px 2px 8px;
  border-radius: 10px;
  color: skyblue; }
  @media (min-width: 481px) {
  .review__button {
    width: 200px; } }

.review__button {
  padding: 10px;
  text-align: center; }
/*background-color:yellow;*/
.review__button--primary {
  background-color: firebrick;
  color: white; }
  .review__button--primary:hover {
    background-color: white;
    color: firebrick; }
  .review__button--secondary {
    background-color: #0ba29b;
    color: white; }
  .review__button--secondary:hover {
    background-color: white;
    color: #0ba29b; }
  .review__button--third {
    background-color: darkorange;
    color: white; }
  .review__button--third:hover {
    background-color: white;
    color: darkorange; }

/* Object/Project - 0140 - s0005 */
/* ... - ヘッダ内の配置  */
/* complied at 2019-05-05 09:31:18 */
@charset "utf-8";
.header {
  display: block;
  width: 100%;
  padding: 5px 0 5px 0; }

#spmenu {
  width: 30%;
  display: inline-block; }
/* ホームロゴ（センタートップ） */
#hometitle {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  margin: 0 auto; }

#hometitle img {
  width: 100%; }

#subtitle {
  padding: 0 0 0 0;
  display: inline-block;
  width: 20%;
  font-size: 10px;
  vertical-align: middle; }

#topmenu {
  display: block;
  width: 100%; }

@media screen and (min-width: 480px), print {
  /* ここに481px以上のCSSを記述*/
  /* ホームロゴ（センタートップ） */
    .header {
      display: table;
      table-layout: fixed;
      padding: 10px 0 10px 0; }
    #spmenu {
      display: none;
      width: 0px; }
    #hometitle {
      display: table-cell;
      width: 22%; }
    #subtitle {
      display: none;
      width: 0px; }
    #topmenu {
      display: table-cell;
      width: 78%; } }

/* 0150 - s0006 */
/* メニュー背景画像/メニューボタンの表示 */
/* complied at 2018-06-12 19:19:13 */
/* ここに481px以上のCSSを記述*/
/*  */
#topmenu {
  display: none;
  margin-top: -10%;
  background-image: url("style_s0012_001.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  padding-top: 97%; }

#btn_spmenu {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("style_s0006_001.png"); }

@media screen and (min-width: 480px), print {
  #topmenu {
    background-image: none;
    margin-top: 0px;
    padding-top: 0px;
    display: block; }

  #spmenu {
    display: none; } }

/* Object/Project - 0160 - s0007 */
/* ... - フッタエリア */
/* complied at 2023-04-13 15:52:46 */
@charset "UTF-8";
.footer {
  display: block;
  position: relative;
  height: 0;
  width: 100%;
  background: url("style_s0007_004.png") 0 0 no-repeat;
  background-size: contain;
  background-color: #0ba29b;
  padding-top: 100%;
  /**/
}
@media screen and (min-width: 480px), print {
  .footer {
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 32.36%;
    background: url("style_s0007_001.png") 0 0 no-repeat;
    background-size: contain;
  }
}
.instagram {
  width: 3%;
  position: absolute;
  top: 44%;
  left: 82%;
}
.instagram #iconinstagram {
  display: block;
  position: relative;
  height: 0;
  width: 100%;
  padding-top: 100%;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  background: url("style_s0007_002.png") 0 0 no-repeat;
  background-size: contain;
}
.facebook {
  width: 3%;
  position: absolute;
  top: 44%;
  left: 69%;
}
.facebook #iconfacebook {
  display: block;
  position: relative;
  height: 0;
  width: 100%;
  padding-top: 100%;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  background: url("style_s0007_003.png") 0 0 no-repeat;
  background-size: contain;
}
.copyright {
  position: absolute;
  bottom: 2%;
  left: 0%;
  text-align: left;
  font-size: 3vw;
  padding: 0 0 0 4%;
  width: 100%;
  color: white;
}
@media screen and (min-width: 480px), print {
  .copyright {
    font-size: 1vw;
  }
}
.logout {
  width: 100%;
  padding-top: 2px;
  height: 1em;
  line-height: 100%;
}
.logout1 {
  float: left;
  width: 50%;
  text-align: left;
}
.logout2 {
  float: right;
  width: 50%;
  text-align: right;
}
#companyname:before {
  content: "gotostamp.com";
}

/* s0008 */
/* メインコンテンツのエリア  */
/* 2017-08-21 04:20:03 */
.main {
  width : 100%;
  margin: 0 auto; }

@media screen and (min-width: 480px), print {
  .main {
    z-index: 10; } }

/* Object/Project - 0200 - s0036 */
/* プラグイン;カートIN - アラート用 */
/* complied at 2019-03-31 12:51:30 */
@charset "utf-8";
#alert {
  display: table;
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  border: solid 3px #aaa;
  background-color: white;
  width: 60%;
  /*display:block;*/
  height: 200px;
  padding: 20px; }
/*line-height:170px;*/
#alert_in {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  font-weight: bold; }

#indic {
  position: absolute;
  z-index: 9000;
  width: 30%; }

/* 0210 - s0009 */
/* 管理画面（標準版・PC固定画面）  */
/* complied at 2018-06-18 18:26:23 */
.ttl {
  color: #000000;
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 10px 0px 10px 0px;
  padding: 0px 0 0 5px;
  border-left: 15px solid #0ba29b; }

.list th, .form th {
  color: white;
  padding: 2px;
  border: 1px #999 solid;
  border-width: 0 0 1px 1px;
  background: #0ba29b;
  font-weight: bold;
  line-height: 200%;
  text-align: center; }

.list td, .form td {
  padding: 2px;
  border: 1px black solid;
  border-width: 0 0 1px 1px; }

/* Object/Project - 0220 - s0010 */
/* ... - テーブルレイアウト（レスポンシブ版）  */
/* complied at 2023-03-20 03:00:14 */
@charset "UTF-8";
.list {
  /*width:95%;*/
}
.pc_td {
  /* スマホ */
  display: none;
}
.td_name {
  display: block;
  padding-bottom: 25px;
  font-size: 70%;
}
.td_value {
  display: block;
}
@media screen and (min-width: 480px), print {
  /* ここに481px以上のCSSを記述*/
  /* PC管理メニュー*/
  .pc_td {
    display: table-cell;
  }
  .td_name {
    width: 100px;
    display: table-cell;
    font-size: 100%;
  }
  .td_value {
    display: table-cell;
    width: 700px;
  }
}

/* 0310 - s0025 */
/* カートメニュー */
/* complied at 2017-09-02 22:59:29 */
/* ここに480px以上のCSSを記述*/
#btn_pccart {
  width: 25px;
  height: 27px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("style_s0025_001.png"); }

#btn_spcart {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("style_s0025_002.png"); }

#topcart {
  display: none;
  /**/ }

@media screen and (min-width: 480px), print {
  #topcart {
    display: block;
    /**/ }

  #topcart {
    white-space: nowrap;
    float: right; }

  #topcart_in {
    font-size: 16px;
    padding: 9px 9px 5px 8px;
    background-color: #007747;
    /*#b7da6a*/ }

  #topcart_in a {
    color: white; }

  #topcart a:link {
    TEXT-DECORATION: underline; }

  #topcart_in a:link {
    TEXT-DECORATION: none; } }

/* 0320 - s0026 */
/* メンバーメニュー */
/* complied at 2017-09-03 00:56:45 */
/* ここに480px以上のCSSを記述*/
.membermenu ul {
  display: none;
  position: absolute;
  background-color: white;
  color: black; }
  .membermenu .menu_on ul {
    display: block; }
  .membermenu li {
    overflow: hidden;
    width: 100%; }
  .membermenu li li {
    margin-left: 10px;
    overflow: hidden;
    width: 100%; }
  .membermenu li:hover {
    background-color: #007747;
    overflow: none; }
  .membermenu li:hover a {
    color: white; }

.spmembermenu {
  overflow: hidden;
  text-align: center; }
  .spmembermenu li {
    padding: 10px 0px 10px 0px;
    font-size: 150%;
    font-weight: bold; }
  .spmembermenu li a {
    color: black; }
  .spmembermenu li:hover {
    background-color: #007747; }
  .spmembermenu li:hover a {
    display: block;
    color: white; }

@media screen and (min-width: 480px), print {
  .spmembermenu {
    display: none; } }

/* 0400 - s0011 */
/* メニュー（ホーム） */
/* complied at 2018-06-12 10:22:01 */
/* ここに480px以上のCSSを記述*/
.showat_h {
  overflow: hidden;
  text-align: left;
  /* ここに480px以下のCSSを記述*/ }
  .showat_h li {
    padding: 0px 0px 0px 0px; }

.showat_h .reg {
  display: none; }

@media (min-width: 480px) {
  .showat_h {
    width: 100%; }

  .showat_h .min {
    display: none; }

  .showat_h .reg {
    display: block; } }

/* Object/Project - 0410 - s0012 */
/* ... - メニュー（トップ） */
/* complied at 2020-02-06 18:08:01 */
@charset "utf-8";
.showat_t {
  position: absolute;
  width: 100%;
  right: 0px;
  top: 100px;
  padding-top: 10%; }
  .showat_t img {
    width: 100%; }
  .showat_t li {
    width: 40%;
    margin: 2% 4%;
    display: inline-block; }
  /*ここに480px以下のCSSを記*/

.showat_t .reg {
  display: none; }
  .showat_t li {
    font-size: 18px; }

@media (min-width: 480px) {
  /* ここに480px以上のCSSを記述*/
    .showat_t {
      position: relative;
      top: 0px;
      margin: 0 0 0 auto;
      padding: 0;
      text-align: right; }
      .showat_t ul {
        display: inline-block; }
      .showat_t .min {
        display: none; }
      .showat_t .reg {
        display: block; }
      .showat_t li {
        margin: 0;
        padding: 0px 0px 0px 0px;
        width: 10%;
        font-size: 14px;
        /*15%*/
        display: inline-block;
        vertical-align: middle; }
      .showat_t li a {
        display: block;
        text-decoration: none; } }
/* 480px以上 */

/* s0013 */
/* メニュー（パンくず） */
/* 2017-08-21 03:55:54 */
.showat_p {
  color: green;
  margin: 0px 0px;
  padding: 5px 10px;
  font-size: 12px; }

.showat_p a:link, .showat_p a:hover, .showat_p a:visited {
  color: green; }

/* s0014 */
/* メニュー（ユーティリティ） */
/* 2017-08-20 14:06:18 */


/* s0015 */
/* メニュー（サイド） */
/* 2017-08-22 22:59:43 */
/* ここに480px以上のCSSを記述*/
.showat_s {
  display: table; }

.showat_s .s_top {
  border-bottom: solid 2px #9933cc; }

.showat_s .s_top a {
  color: #9933cc; }

.showat_s ul {
  font-size: 1em;
  line-height: 1.2em;
  display: table-cell;
  /**/
  overflow: hidden; }

.showat_s ul {
  display: block;
  text-align: left;
  position: relative;
  padding: 0 7px 0 7px;
  /**/ }

.showat_s li {
  padding: 10px 0 10px 0; }

.showat_s li:hover {
  background-color: #9999ff; }

.showat_s li:hover a {
  color: white;
  text-decoration: none; }

.showat_s li ul.current {
  display: block;
  /* ここに480px以下のCSSを記述*/ }

.showat_s {
  width: 100%;
  background-color: white; }

/* Object/Project - 0450 - s0016 */
/* ... - メニュー（ボトム）シフト入 */
/* complied at 2020-02-06 18:26:25 */
@charset "utf-8";
.menu_bottom {
  position: absolute;
  top: 33%;
  left: 15%; }

.showat_b {
  position: relative;
  font-size: 3.4vw;
  line-height: 7vw; }

.showat_b li a {
  text-decoration: none;
  padding: 0 10px 0 10px;
  color: white; }

.showat_b li:nth-child(n+7) a {
  position: relative;
  left: 40vw;
  top: -42.3vw; }

.showat_b li a:hover {
  color: white;
  background-color: green; }

@media screen and (min-width: 480px), print {
  .menu_bottom {
    position: absolute;
    top: 16%;
    left: 55%; }
    .menu_bottom .showat_b {
      position: relative;
      font-size: 1.7vw;
      line-height: 2.4vw; }
      .menu_bottom .showat_b li:nth-child(n+7) a {
        position: relative;
        left: 20vw;
        top: -14.4vw; } }

@media screen and (min-width: 900px), print {
  /* ここに900px以上のCSSを記述*/
    .menu_bottom .showat_b {
      position: relative;
      font-size: 15px;
      /*1.7vw;*/
      line-height: 21px;
      /*2.4vw;*/
      /*-9.4vw;*/ }
      .menu_bottom .showat_b li:nth-child(n+7) a {
        left: 180px;
        top: -130px;
        /*20vw;*/ } }

/* Object/Project - 0500 - s0017 */
/* ... - ブログ画面レイアウト */
/* complied at 2019-03-30 09:49:14 */
@charset "utf-8";
.blog {
  /*background:yellow;*/ }
  .blog .layout {
    display: block;
    width: 100%; }
  .blog .blogside {
    display: block; }
  .blog .bloglist, .blog .blogmain {
    display: block;
    width: 100%; }
/*.blog */
@media (min-width: 768px) {
  /* ここに768px以上のCSSを記述*/
  /* .blog */
  /********************/
    .blog .layout {
      display: table;
      width: 100%;
      table-layout: fixed; }
      .blog .blogside {
        display: table-cell;
        width: 25%;
        padding-top: 0px;
        vertical-align: top; }
      .blog .bloglist, .blog .blogmain {
        display: table-cell;
        width: 75%;
        padding-right: 0px;
        vertical-align: top; } }

/* 0510 - s0018 */
/* ブログ画面デザイン */
/* complied at 2018-06-15 17:05:05 */
.blog .toptitle {
  height: 0;
  width: 100%;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 17.33%;
  background: url('style_s0018_001.png') 0 0 no-repeat;
  background-size: contain; }

/* 0520 - s0019 */
/* ブログ画面サイドバー */
/* complied at 2018-06-15 17:54:41 */
.sidelist {
  margin-top: 10px; }

.sidelist #ttl_latest:before {
  content: 'RECENT'; }

.sidelist #ttl_past:before {
  content: 'ARCHIVE'; }

.sidelist #ttl_theme:before {
  content: 'CATEGORIES'; }

.sidelist .blogttl {
  padding: 4px 5px 1px 5px;
  margin: 0 0 7px 0;
  text-align: center;
  font-size: 10pt;
  background-color: black;
  color: white;
  border: solid 1px white; }

.sidelist .year {
  text-align: center;
  margin: 0px 0px 0px 0px; }

.sidelist ul {
  padding: 0px 5px 5px 0px;
  font-size: 10pt;
  padding: 0px 5px 5px 10px;
  text-align: left; }

.sidelist li {
  /**/
  padding: 7px 5px 5px 5px;
  border-bottom: 1px dashed #808080; }

.sidelist a {
  color: #808080; }

/* 0525 - s0034 */
/* ブログ画面サイドバー　バナー */
/* complied at 2018-06-15 18:28:37 */
/* ここに768px以上のCSSを記述*/
.sidelist #bnr_sp {
  display: block;
  height: 0;
  width: 100%;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 53.96%;
  background: url('style_s0034_001.png') 0 0 no-repeat;
  background-size: contain;
  margin-bottom: 15px; }

.sidelist #bnr_pc {
  display: none;
  height: 0;
  width: 100%;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 53.96%;
  background: url('style_s0034_001.png') 0 0 no-repeat;
  background-size: contain;
  margin-bottom: 50px; }

.sidelist #aboutme_sp {
  display: block;
  height: 0;
  width: 100%;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 53.96%;
  background: url('style_s0034_002.png') 0 0 no-repeat;
  background-size: contain; }

.sidelist #aboutme_pc {
  display: none;
  height: 0;
  width: 100%;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 53.96%;
  background: url('style_s0034_002.png') 0 0 no-repeat;
  background-size: contain;
  margin-bottom: 100px; }

@media (min-width: 768px) {
  .sidelist #aboutme_pc {
    display: block; }

  .sidelist #aboutme_sp {
    display: none; }

  .sidelist #bnr_pc {
    display: block; }

  .sidelist #bnr_sp {
    display: none;
    /********************/ } }

/* 0530 - s0020 */
/* ブログ記事一覧（横並び数） */
/* complied at 2018-06-15 18:22:47 */
/* ここに768px以上のCSSを記述*/
.bloglist .item {
  display: inline-block;
  float: left;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 5px 20px 5px;
  margin: 0 0 10px 0;
  text-align: left;
  border-bottom: solid black 1px; }

@media (min-width: 768px) {
  .bloglist {
    /* @media */ } }

/* Object/Project - 0540 - s0021 */
/* ... - ブログ記事一覧用コンテンツ */
/* complied at 2019-03-30 09:51:22 */
@charset "utf-8";
.bloglist {
  /*background-color:pink;*/
  /*background-color:yellow;*/ }
  .bloglist .item {
    box-sizing: border-box; }
  .bloglist .item .image {
    position: relative;
    width: 40%;
    margin: 0 2% 0 0;
    float: left; }
  .bloglist .item .image:before {
    content: "";
    display: block;
    padding-top: 75%;
    /* 高さを幅の75%に固定 */ }
  .bloglist .item img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .bloglist .item HR {
    display: none; }
  .bloglist .item .itemheader {
    width: 53%;
    font-size: 12px;
    position: relative;
    overflow: hidden; }
  .bloglist .item .btitle {
    padding: 0px 10px 1px 0px;
    font-size: 14px;
    font-weight: bold; }
  .bloglist .item HR {
    margin: 0px; }
  .bloglist .item .date {
    padding: 0px 0px 0px 0px; }
  .bloglist .item .keyword {
    font-size: 12px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    box-sizing: border-box;
    margin: 0 0 0 0px;
    text-align: right; }
  .bloglist .item .btext {
    position: relative;
    padding: 15% 0% 0%;
    overflow: hidden; }
  .bloglist .item .btext-in {
    position: absolute;
    top: 0px;
    margin-top: 3px;
    font-size: 12px;
    line-height: 15px; }

/* 0550 - s0022 */
/* ブログ記事本体 */
/* complied at 2018-06-15 16:23:59 */
.blogmain .item {
  display: block;
  margin: 10px auto 10px auto;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 5px 15px 5px;
  text-align: left; }
  .blogmain .item img {
    max-width: 100%;
    margin: 0px 0px 0px 0px; }
  .blogmain .item .btext {
    position: relative;
    padding: 0% 0% 0%; }

/* 0560 - s0023 */
/* ブログ記事フッタ  */
/* complied at 2018-06-15 16:24:32 */
.item .bottom {
  font-size: 10px;
  position: absolute;
  width: 20%;
  bottom: 0px;
  padding: 4px;
  right: 0px;
  background-color: green;
  text-align: right; }

/* s0024 */
/* ブログ記事ページ部品 */
/* 2017-08-21 02:53:06 */
.page {
  margin: 0px 5px 10px 5px;
  padding: 0px 0px 5px 0px; }

/* 0610 - s0028 */
/* お問い合せ */
/* complied at 2018-06-18 18:18:45 */
/* ここに480px以上のCSSを記述*/
.contact_contents {
  text-align: center;
  margin: 0px auto;
  /*background-color:skyblue;*/ }

.contact_title {
  margin: 20px 0 20px 0;
  width: 100%;
  text-align: center; }

.contact_contents .introduction {
  width: 90%;
  text-align: left;
  margin: 10px auto;
  text-hight: 20px;
  font-size: 15px; }

.contact_contents .hissu {
  color: red;
  width: 90%;
  margin: 0px auto;
  text-align: right; }

.contact_contents .ness {
  color: red; }

.contact_contents input {
  font-size: 1.3em; }

dl#table {
  width: 90%;
  margin: 0px auto;
  text-align: left; }

dl#table dt {
  padding: 5px 5px 3px 5px;
  background-color: #0ba29b;
  color: white; }

dl#table dd {
  /*background-color:#ffffff;*/
  padding: 1px 5px 10px 20px;
  margin-bottom: 5px;
  overflow: hidden; }

.contact_contents .buttons {
  text-align: center;
  margin: 10px 20px 40px 20px; }

.contact_contents .thankyou {
  text-align: left;
  width: 90%;
  margin: 20px 30px; }

.contact_contents .thankyou dt {
  font-size: 16px;
  line-height: 20px;
  margin: 10px 0; }

.contact_contents .thankyou dd {
  font-size: 14px;
  line-height: 18px;
  margin: 0 20px 0 20px; }

a.sendbtn {
  color: white;
  background-color: #0ba29b;
  width: 200px;
  margin: 20px auto;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 8px 0 10px;
  border: 1px solid #0ba29b;
  border-radius: 15px; }

a:hover.sendbtn {
  background-color: white;
  color: #0ba29b; }

@media (min-width: 481px) {
  .contact_contents {
    width: 470px;
    /*background-color:skyblue;*/
    /* テーブルレイアウト */ }

  dl#table dl, dt, dd {
    margin: 0;
    padding: 0; }

  dl#table {
    background-color: #0ba29b;
    width: 480px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px; }

  dl#table dt, dl#table dd {
    padding: 10px 5px 10px 5px; }

  dl#table dt {
    border-top: 1px solid #ccc;
    clear: left;
    float: left;
    width: 150px; }

  dl#table dd {
    background-color: white;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-left: 101px;
    overflow: hidden; }

  dl#table dd span {
    font-size: 80%; }

  dl#table dd .clr {
    clear: both; } }

/* Object/Project - 0710 - s0029 */
/* 決済 - 見出しと説明文 */
/* complied at 2019-03-29 14:24:20 */
@charset "utf-8";
.cart p {
  margin: 5px 0px 5px 0px; }
  .cart h1 {
    font-size: 150%;
    line-height: 150%;
    padding: 8px 0 1px 0;
    margin: 10px auto;
    color: #007747;
    font-weight: bold;
    text-align: left; }
  .cart h2 {
    /* 確認画面の小見出し */
    width: 100%;
    padding: 10px 0 1px 0;
    margin: 5px 0;
    color: #007747;
    font-weight: bold;
    text-align: left; }

/* Object/Project - 0715 - s0031 */
/* 決済 - 前後ボタン */
/* complied at 2019-03-29 14:23:17 */
@charset "utf-8";
.cart .buttons {
  margin: 10px;
  text-align: center; }
  .cart input.next {
    color: white;
    background-color: firebrick;
    width: 40%;
    margin: 20px auto 0 auto;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 10px 0 8px;
    border-radius: 10px; }
  .cart input.login {
    color: white;
    background-color: firebrick;
    width: 47%;
    margin: 10px auto;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 10px 0 8px;
    border-radius: 10px; }
  .cart input:hover.next, .cart input:hover.login {
    background-color: white;
    color: firebrick; }
  .cart input:active.next, .cart input:active.login {
    background-color: #ccc; }
  .cart input.back {
    background-color: #0ba29b;
    color: white;
    width: 40%;
    margin: 10px auto;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 8px;
    border-radius: 10px; }
  .cart input:hover.back {
    background-color: white;
    color: #0ba29b; }
  .cart input:active.back {
    background-color: #ccc; }
/* ここに480px以下のCSSを記述*/
.cart .addsub {
  font-size: 150%; }
/*****************************/
@media (min-width: 481px) {
  /* ここに480px以上のCSSを記述*/
  /*****************************/
    .cart input.back {
      width: 200px; }
      .cart input.next {
        width: 200px; }
      .cart input.login {
        width: 200px; }
      .cart input.member {
        width: 200px; } }

/* Object/Project - 0716 - s0032 */
/* 決済 - 注文変更ボタン */
/* complied at 2019-03-29 14:24:30 */
@charset "utf-8";
.changebtn {
  width: 100%;
  text-align: right;
  margin: 10px auto 30px auto; }
  .changebtn input {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 10px 10px;
    border-radius: 10px; }

/* Object/Project - 0720 - s0030 */
/* 決済 - テーブル（responsive） */
/* complied at 2019-03-29 14:24:06 */
@charset "utf-8";
.cart-carttable, .cart-inputtable {
  width: 100%;
  margin: 0 auto; }
  .cart-carttable tr, .cart-inputtable tr {
    font-size: 70%;
    border: 1px black solid;
    border-width: 1px 1px 0 0; }
  .cart-carttable th, .cart-inputtable th {
    display: block;
    padding: 5px;
    border: 1px #fff solid;
    border-width: 0 0 1px 1px;
    background: #0ba29b;
    font-weight: bold;
    color: white;
    line-height: 200%;
    /*text-align: center;*/ }
  .cart-carttable td, .cart-inputtable td {
    display: block;
    padding: 5px 5px 5px 5px;
    border: 1px black solid;
    border-width: 0 1px 1px 1px; }

@media screen and (min-width: 480px), print {
  /* ここに480px以上のCSSを記述*/
    .cart-carttable tr, .cart-inputtable tr {
      font-size: 100%; }
      .cart-carttable th, .cart-inputtable th {
        display: table-cell; }
      .cart-carttable td, .cart-inputtable td {
        display: table-cell;
        padding: 5px; }
    .cart-inputtable th {
      width: 150px; } }