/* style.css produced by cakeregi_style */
/*           produced at 2022-06-21 13:28:45 */

/* Foundation - 0000 - s0027 */
/* 管理 - 管理メニュー */
/* complied at 2019-08-25 11:24:47 */
@charset "utf-8";
.adminmenu li {
  margin-top: 5px;
  margin-left: 30px;
  padding-bottom: 5px;
  padding-left: 20px; }

.adminmenu li:before {
  content: '●';
  font-size: 200%;
  color: #29365c;
  position: relative;
  top: 3px; }
/*vertical-align:middle;*/

/* Foundation - 0100 - s0001 */
/* body - body定義 */
/* complied at 2019-08-24 18:13:58 */
@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: url(../img/bg-shadow.gif) left repeat-y;*/
  /*border: 1px solid red;*/ }

.wrap3 {
  width: 100%;
  position: relative;
  /*border: 1px solid black;*/
  text-align: left;
  margin: 0px 0 0px 0;
  padding: 0px 0px 0px 0px;
  font-size: 1.2em;
  line-height: 1.5em;
  /**/ }
/*background-color:#ffeeee;*/

/* Foundation - 0110 - s0002 */
/* ... - ini.cssオーバーライド */
/* complied at 2019-08-24 18:10:35 */
@charset "utf-8";
img {
  vertical-align: middle;
  max-width: 100%;
  /**/ }

/* Layout - 0130 - s0004 */
/* ヘッダ - スマホヘッダ固定 */
/* complied at 2019-08-25 11:25:02 */
@charset "utf-8";
.spheader {
  background-color: #29365c;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500; }

.wrap2 {
  padding-top: 50px; }

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

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

/* Layout - 0140 - s0005 */
/* ヘッダ - ヘッダ内の配置  */
/* complied at 2022-06-21 12:23:05 */
@charset "utf-8";
.header {
  display: table;
  width: 100%;
  padding: 0px 0 0px 0; }
/* ホームロゴ（センタートップ） */
#hometitle {
  display: table-cell;
  width: 60%;
  /*width:88px;*/
  vertical-align: middle;
  margin: 0 auto; }

#hometitle img {
  width: 100%; }

#toptitle {
  display: table-cell;
  vertical-align: middle;
  padding: 4px 0 0 5px;
  width: 20%;
  font-size: 10px; }

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

@media screen and (min-width: 480px), print {
  /* ここに481px以上のCSSを記述*/
  /* ホームロゴ（センタートップ） */
    #hometitle {
      width: 60%; }
    #toptitle {
      padding: 4px 0 0 5px;
      width: 20%;
      font-size: 15px; }
    #subtitle {
      width: 20%;
      font-size: 15px; } }

/* Object/Component - 0150 - s0006 */
/* メニュー - トップメニュー枠/メニューボタンの表示 */
/* complied at 2019-10-13 18:25:45 */
@charset "utf-8";
#topmenu {
  display: none;
  margin: 0px 0px 0px 0px;
  background-color: #29365c;
  text-align: center;
  /*border-top:solid 1px black;
   border-left:solid 1px black;
   border-right:solid 1px black;
   border-bottom:solid 1px black;*/ }

#spmenu {
  display: block;
  margin: 0px 0px 0px 0;
  /*display:none;*/
  position: absolute;
  right: 0px;
  top: 0px; }

#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 {
  /* ここに481px以上のCSSを記述*/
  /*  */
    #topmenu {
      display: block; }
    #spmenu {
      display: none; } }

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

/* Object/Project - 0160 - s0007 */
/* ... - フッタエリア */
/* complied at 2022-06-21 13:28:45 */
@charset "utf-8";
#companyname:before {
  content: "cake register pad"; }

.footer {
  background-color: #29365c;
  padding: 0.3em 0 0.3em 0;
  /**/
  line-height: 1em;
  color: white; }
/**/
.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; }

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

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

/* 0175 - s0 */
/* メインエリアのフォント変更 */
/* complied at 2018-03-07 00:17:43 */
.main {
  /* Macの欧文はSan Francisco (OS X 10.11以降) */
  /* Macの欧文 (OS X 10.10以前) */
  /* Windowsの欧文 */
  /* Windows8.1以上は游ゴシック */
  /* Macの游ゴシック */
  /* 游ゴシックが入っていないWindows */
  font-family: -apple-system, blinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothicM, YuGothic, Meiryo, sans-serif;
  /* Windows */ }

@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  /* Mediumを明示的に指定 */
  /* Chrome用 */
  /* Windows8.1ではMediumがないのでRegularを指定 */
  src: local('YuGothic-Medium'), local('Yu Gothic Medium'), local('YuGothic-Regular'); }

@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  /* Boldはそのまま */
  /* Chrome用 */
  src: local('YoGothic-Bold'), local('Yu Gothic'); }

/* 0180 - s0034 */
/* 多言語タグ */
/* complied at 2017-12-22 12:55:30 */
ul.langlist {
  margin-top: -15px;
  text-align: right;
  width: 100%; }
  ul.langlist li {
    display: inline;
    margin-right: 3px; }
  ul.langlist .current {
    color: gray; }
  ul.langlist a, ul.langlist a:link {
    color: orange; }

/* Object/Project - 0210 - s0009 */
/* ... - 管理画面（標準版・PC固定画面）  */
/* complied at 2019-08-25 11:30:05 */
@charset "utf-8";
.ttl {
  color: black;
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 10px 0px 10px 0px;
  padding: 0px 0 0 5px;
  border-left: 15px solid #29365c; }

.list th, .form th {
  color: white;
  padding: 2px;
  border: 1px #999 solid;
  border-width: 0 0 1px 1px;
  background: #29365c;
  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 2019-08-24 18:08:24 */
@charset "utf-8";
/* スマホ */
.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; } }

/* 0230 - s0033 */
/* 管理画面　商品受注 */
/* complied at 2017-09-09 18:26:42 */
.form_cart11 p {
  margin: 5px 10px; }
  .form_cart11 h1 {
    width: 760px;
    height: 22px;
    padding: 8px 0px 1px 0px;
    margin: 10px 0px;
    color: #e41c30;
    font-weight: bold;
    text-align: left; }
  .form_cart11 h2 {
    width: 760px;
    padding: 10px 0px 1px 0px;
    margin: 10px 0px;
    color: #e41c30;
    font-weight: bold;
    text-align: left; }
  .form_cart11 .mycart {
    width: 670px;
    margin: 0 20px; }
    .form_cart11 .mycart tr {
      border: 1px #789 solid;
      border-width: 1px 1px 0 0; }
    .form_cart11 .mycart th {
      padding: 2px;
      border: 1px #789 solid;
      border-width: 0 0 1px 1px;
      background: #007747;;
      color: white;
      line-height: 200%;
      text-align: center; }
    .form_cart11 .mycart td {
      padding: 2px;
      border: 1px black solid;
      border-width: 0 0 1px 1px; }
  .form_cart11 .mytable {
    margin: 0 20px; }
    .form_cart11 .mytable tr {
      border: 1px #789 solid;
      border-width: 1px 1px 0 0; }
    .form_cart11 .mytable th {
      width: 150px;
      padding: 2px 4px;
      border: 1px #789 solid;
      border-width: 0 0 1px 1px;
      background: #007747;;
      color: white;
      line-height: 200%; }
    .form_cart11 .mytable td {
      width: 500px;
      padding: 2px 4px;
      border: 1px black solid;
      border-width: 0 0 1px 1px; }
  .form_cart11 .buttons {
    margin: 10px 0px; }
  .form_cart11 td .myradio {
    width: 10px; }

/* 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-28 01:03:16 */
/* ここに480px以上のCSSを記述*/
.membermenu ul {
  display: none;
  position: absolute;
  background-color: white;
  color: black; }
  .membermenu li a {
    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 li:hover {
    background-color: #007747;
    overflow: none; }
  .membermenu li 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; } }

/* Object/Project - 0400 - s0011 */
/* ... - メニュー（ホーム） */
/* complied at 2022-06-21 12:24:25 */
@charset "utf-8";
.showat_h {
  box-sizing: border-box;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  height: 50px;
  padding-top: 14px;
  /**/ }
  @media screen and (min-width: 480px) {
  .showat_h {
    padding-top: 16px; } }

.showat_h:before {
  content: 'Cake Register Pad';
  color: white;
  font-size: 14px; }
  @media screen and (min-width: 480px) {
  .showat_h:before {
    font-size: 16px; } }
/*.showat_h li{
 padding:15px 0px 15px 0px;
 }
 .showat_h li a{
 color: white;
 }
 .showat_h li a:hover{
 color: #9999ff;
 }*/
@media screen and (max-width: 480px) {
  /* ここに480px以下のCSSを記述*/
    .showat_h .reg {
      display: none; } }

@media (min-width: 480px) {
  /* ここに480px以上のCSSを記述*/
  /**/
    .showat_h {
      height: 30px; }
    .showat_h .min {
      display: none; }
    .showat_h li {
      padding: 5px 0px 5px 0px; }
    .showat_h li a {
      display: block;
      text-decoration: none; }
    .showat_h li a:hover {
      /*background-color: #9999ff;
       color: white;*/ } }

/* Object/Project - 0410 - s0012 */
/* ... - メニュー（トップ） */
/* complied at 2019-10-11 09:34:02 */
@charset "utf-8";
.showat_t {
  font-weight: bold;
  overflow: hidden;
  text-align: center; }
/*height:50px;*/
.showat_t li {
  padding: 0px 0px 0px 0px; }

.showat_t li a {
  color: white; }

.showat_t li:hover {
  /*background-color: orange;*/ }

.showat_t li:hover a {
  display: block;
  /*color: white;*/ }
/*@media screen and (max-width : 479px) {
 ここに480px以下のCSSを記述*/
.showat_t .reg {
  display: none; }

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

.showat_t li a {
  display: block;
  padding: 15px 8px 10px 8px;
  text-decoration: none; }
/*height:38px;*/
.showat_t li a:hover {
  background-color: #29365c;
  color: gray; }
/*}*/
@media (min-width: 480px) {
  /* ここに480px以上のCSSを記述*/
  /*height:100%;*/
  /*border-left:solid #666 1px;*/
  /*height:100%;*/
    .showat_t .min {
      display: none; }
    .showat_t {
      /*width:480px;*/
      margin: 0 auto;
      padding: 4px 0;
      text-align: center;
      display: table; }
    .showat_t ul {
      display: inline-block; }
    .showat_t li {
      width: 10%;
      font-size: 14px;
      /*float: left;*/
      display: table-cell;
      vertical-align: middle; }
    .showat_t li a {
      display: block;
      padding: 10px 2% 8px 2%;
      text-decoration: none; }
    ul.showat_t li:nth-last-child(1) {
      /*border-right:solid #666 1px;*/ }
    .showat_t li a:hover {
      /*background-color:#ebf0f8;
       color: white;*/ } }

/* 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 2019-10-16 19:56:33 */
@charset "utf-8";
.showat_b {
  display: none;
  position: relative;
  font-size: 15px;
  background-color: #29365c; }

.showat_b {
  border-top: solid 1px #a3a3a3;
  border-left: solid 1px #a3a3a3; }

.showat_b li:nth-last-child(1) a {
  border-right: solid 1px #a3a3a3; }

.showat_b li a {
  float: left;
  line-height: 30px;
  text-decoration: none;
  padding: 0 10px 0 10px;
  border-right: solid 1px #a3a3a3;
  background-color: #29365c;
  color: white; }

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

@media screen and (min-width: 480px), print {
  /* ここに480px以下のCSSを記述*/
    .showat_b {
      display: block;
      position: relative;
      font-size: 10px;
      height: 25px; }
    .showat_b li a {
      float: left;
      line-height: 25px; } }

/* Object/Project - 0500 - s0017 */
/* NEWS - info全体 */
/* complied at 2019-10-13 15:13:15 */
@charset "utf-8";
.news {
  /*background:yellow;*/ }
  .news .layout {
    display: block;
    width: 100%; }
  .news .toptitle {
    /*text-align:center;
     margin:5px 0 10px 0;
     font-size:150%;
     color:green;*/
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 10.44%;
    background: url('style_s0017_001.png') 0 0 no-repeat;
    background-size: contain; }
  .news .toptitle:after {
    /*content:'BLOG';*/ }

/* Object/Project - 0500 - s0036 */
/* NEWS - info振り分け */
/* complied at 2019-10-13 15:13:51 */
@charset "utf-8";
.news {
  /* ここに768px以上のCSSを記述*/ }
  @media (min-width: 768px) {
  .news {
    /********************/ }
    .news .layout {
      display: table;
      width: 100%; }

    .news .infoside {
      display: table-cell;
      width: 25%;
      padding-top: 0px;
      vertical-align: top; }

    .news .infomain {
      display: table-cell;
      width: 75%;
      padding-right: 20px;
      vertical-align: top; } }

/* Object/Project - 0510 - s0018 */
/* NEWS - news一覧（メイン） */
/* complied at 2019-10-13 15:15:13 */
@charset "utf-8";
.news .mainlist ul {
  padding: 0px 5px 5px 0px;
  font-size: 10pt;
  /*text-align:center;*/ }
  .news .mainlist li {
    padding: 10px 5px 5px 5px;
    /**/
    border-bottom: 1px dashed #808080; }
  .news .mainlist a {
    color: #808080; }

/* Object/Project - 0520 - s0019 */
/* NEWS - news一覧タイトル（サイド） */
/* complied at 2019-10-16 20:35:31 */
@charset "utf-8";
.news .sidelist #ttl_latest:before {
  content: '最新NEWS'; }
  .news .sidelist #ttl_past:before {
    content: '過去のNEWS'; }
  .news .sidelist #ttl_theme:before {
    content: 'NEWSテーマ'; }
  .news .sidelist .blogttl {
    padding: 4px 5px 1px 5px;
    margin: 0 0 7px 0;
    text-align: center;
    font-size: 10pt;
    background-color: white;
    color: #29365c; }
  .news .sidelist .year {
    text-align: center;
    margin: 0px 0px 0px 0px; }
  .news .sidelist ul {
    padding: 0px 5px 5px 0px;
    font-size: 10pt;
    padding: 0px 5px 5px 5px;
    text-align: center; }
  .news .sidelist li {
    padding: 7px 5px 5px 5px;
    /**/
    border-bottom: 1px dashed #808080; }
  .news .sidelist a {
    color: #808080; }

/* Object/Project - 0530 - s0020 */
/* NEWS - news記事全体 */
/* complied at 2020-05-04 10:47:35 */
@charset "utf-8";
.news .item {
  position: relative;
  margin: 10px auto 10px auto;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 5px 50px 5px;
  text-align: left;
  /*border-color: #000;
   border-style: solid;
   border-width: 1px 1px 1px 1px;*/ }

/* Object/Project - 0540 - s0021 */
/* NEWS - news記事ヘッダ */
/* complied at 2020-05-04 11:01:07 */
@charset "utf-8";
.news {
  /*background-color:yellow;*/
  /*background-color:pink;*/ }
  .news .item .itemheader {
    z-index: 10;
    font-size: 15px;
    position: relative;
    overflow: hidden; }
  .news .item .hr {
    /*border-left:solid 15px black;*/
    padding: 2px 0 2px 0px;
    height: 2px; }
  .news .item .hr2 {
    background-color: black;
    height: 2px; }
  .news .item .date {
    /*border-left:solid 15px #29365c;*/
    padding: 5px 10px 1px 12px; }
  .news .item .btitle {
    padding: 6px 10px 1px 12px;
    font-size: 20px;
    /*border-left:solid 15px #29365c;*/ }

/* Object/Project - 0550 - s0022 */
/* NEWS - news記事中身 */
/* complied at 2019-10-13 18:22:51 */
@charset "utf-8";
.news .item img {
  max-width: 100%;
  margin: 10px 0px 10px 0; }
  .news .item .btext {
    clear: both;
    margin-top: 10px;
    padding: 5px 10px 20px 5px; }

/* Object/Project - 0560 - s0023 */
/* NEWS - news記事フッタ  */
/* complied at 2019-10-13 15:20:20 */
@charset "utf-8";
.news .item .keyword {
  font-size: 10px;
  position: absolute;
  box-sizing: border-box;
  margin: 0px 0 0 -5px;
  width: 100%;
  padding: 4px;
  bottom: 0px;
  background-color: #29365c;
  color: white;
  text-align: left; }
  .news .item .bottom {
    font-size: 10px;
    position: absolute;
    width: 20%;
    bottom: 0px;
    padding: 4px;
    right: 0px;
    background-color: #29365c;
    text-align: right; }
  .news .item .bottom a, .news .item .item .keyword a {
    font-size: 10px;
    color: white; }

/* Object/Project - 0570 - s0024 */
/* NEWS - news記事ページ部品 */
/* complied at 2019-10-13 15:20:48 */
@charset "utf-8";
.news .page {
  margin: 0px 5px 10px 5px;
  padding: 0px 0px 5px 0px; }

/* Object/Project - 0610 - s0028 */
/* ... - お問い合せ */
/* complied at 2019-10-16 20:20:46 */
@charset "utf-8";
.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: #29365c;
  color: white; }

dl#table dd {
  padding: 1px 5px 10px 20px;
  /*background-color:#ffffff;*/
  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: firebrick;
  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 gray;
  border-radius: 15px; }

a:hover.sendbtn {
  background-color: white;
  color: firebrick; }

@media (min-width: 481px) {
  /* ここに480px以上のCSSを記述*/
  /*background-color:skyblue;*/
  /* テーブルレイアウト */
    .contact_contents {
      width: 470px; }
    dl#table dl, dt, dd {
      margin: 0;
      padding: 0; }
    dl#table {
      background-color: #29365c;
      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; } }

/* 0710 - s0029 */
/* 決裁　ヘッダと説明文 */
/* complied at 2017-09-01 02:17:19 */
.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; }

/* 0715 - s0031 */
/* 決裁　前後ボタン */
/* complied at 2017-12-14 03:21:02 */
/* ここに480px以上のCSSを記述*/
.cart, .list {
  /* ここに480px以下のCSSを記述*/ }
  .cart .buttons, .list .buttons {
    margin: 10px;
    text-align: center; }
  .cart input.next, .list input.next {
    color: white;
    background-color: #e41c30;
    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; }
  .cart input.login, .list input.login {
    color: white;
    background-color: #e41c30;
    /*width:47%;*/
    margin: 10px auto;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 10px 2px 8px;
    border-radius: 10px; }
  .cart input:hover.next, .list input:hover.next, .cart input:hover.login, .list input:hover.login {
    background-color: white;
    color: #e41c30; }
  .cart input:active.next, .list input:active.next, .cart input:active.login, .list input:active.login {
    background-color: #ccc; }
  .cart input.back, .list input.back {
    background-color: #007747;
    color: white;
    width: 35%;
    /**/
    margin: 10px auto;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 10px 2px 8px;
    border-radius: 10px; }
  .cart input:hover.back, .list input:hover.back {
    background-color: white;
    color: #007747; }
  .cart input:active.back, .list input:active.back {
    background-color: #ccc; }

.cart .addsub {
  font-size: 150%;
  /*****************************/ }

@media (min-width: 481px) {
  .cart {
    /*****************************/ }
    .cart input.back {
      width: 200px; }
    .cart input.next {
      width: 200px; }
    .cart input.login {
      width: 200px; }
    .cart input.member {
      width: 200px; } }

/* 0716 - s0032 */
/* 決裁　注文変更ボタン */
/* complied at 2017-09-01 01:45:51 */
.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; }

/* 0720 - s0030 */
/* 決裁　テーブル（responsive） */
/* complied at 2017-12-14 03:04:43 */
/* ここに480px以上のCSSを記述*/
.carttable, .inputtable {
  width: 100%;
  margin: 0 auto; }
  .carttable tr, .inputtable tr {
    font-size: 100%;
    border: 1px #789 solid;
    border-width: 1px 1px 0 0;
    display: flex;
    /* Safari */
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .carttable th, .inputtable th {
    display: block;
    box-sizing: border-box;
    padding: 5px;
    border: 1px #789 solid;
    border-width: 0 0 1px 1px;
    background: #007747;
    font-weight: bold;
    color: white;
    /*text-align: center;*/
    line-height: 200%; }
  .carttable td, .inputtable td {
    display: block;
    box-sizing: border-box;
    padding: 5px 5px 5px 5px;
    border: 1px black solid;
    border-width: 0 0 1px 1px; }
  .carttable .seq, .inputtable .seq {
    width: 10%; }
  .carttable .seq2, .inputtable .seq2 {
    width: 15%; }
  .carttable .code, .inputtable .code {
    width: 20%;
    word-break: break-all; }
  .carttable .nm, .inputtable .nm {
    width: 60%;
    word-break: break-all; }
  .carttable .qtty, .inputtable .qtty {
    width: 10%;
    word-break: break-all; }
  .carttable .qtty2, .inputtable .qtty2 {
    width: 25%;
    word-break: break-all; }
  .carttable .subt, .inputtable .subt {
    width: 100%;
    /*float:left;*/ }
  .carttable .lbl, .inputtable .lbl {
    width: 70%;
    /*float:left;*/ }
  .carttable .amt, .inputtable .amt {
    width: 30%;
    /*float:left;*/ }
  .carttable .lbl2, .inputtable .lbl2 {
    width: 100%;
    /*float:left;*/ }
  .carttable .cts, .inputtable .cts {
    width: 100%;
    /*float:left;*/ }
  .carttable .paylbl, .inputtable .paylbl {
    width: 100%; }
  .carttable .paychk, .inputtable .paychk {
    width: 100%; }
  .carttable .paycts, .inputtable .paycts {
    width: 100%; }

@media screen and (min-width: 480px), print {
  .carttable tr, .inputtable tr {
    font-size: 100%;
    display: table-row; }
    .carttable th, .inputtable th {
      display: table-cell; }
    .carttable td, .inputtable td {
      display: table-cell;
      padding: 5px; }
    .carttable .paylbl, .inputtable .paylbl {
      width: 20%; }
    .carttable .paychk, .inputtable .paychk {
      width: 5%; }
    .carttable .paycts, .inputtable .paycts {
      width: 75%; }
    .carttable .lbl2, .inputtable .lbl2 {
      width: 20%; }
    .carttable ..cts, .inputtable ..cts {
      width: 80%; }

  .inputtable th {
    width: 20%; } }