@charset "UTF-8";
/* CSS Document */
/*
Sitename: 店舗っち管理ツール
Date: 2021.01.08
LastUpdate：2021.01.15
Version：1.0
Author：Otoha Sudo
Copyright Comcent All Right Reserved.
*/
/*
Sitename: 店舗っち管理ツール
Date: 2021.01.08
LastUpdate：2021.01.08
Version：1.0
Author：Otoha Sudo
Copyright Comcent All Right Reserved.
*/
header, nav, footer, .footer2 {
  display: none;
}

html {
  height: 100%;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans Japanese", "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Noto Sans Japanese, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif, "Font Awesome 5 Free";
}

body {
  margin: 0;
  padding: 0;
  color: #434343;
  font-size: 12px;
  line-height: 175%;
  width: 100%;
  height: 100%;
  border-top: 4px solid #2c72b6;
}

* html div#container {
  height: 100%;
}

div#container {
  float: none;
  display: block;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 1000px;
  min-height: 100%;
}

body > #container {
  height: auto;
}

img {
  border: none;
}

.inner {
  margin: 0 10px;
}

/* ------------------------------------------ head ------------------------------------------ */
div#header {
  width: 100%;
  height: 140px;
  margin: 0;
  padding: 0;
  display: inline-block;
  background: #fff;
  border-bottom: 1px solid #E6E6E6;
  text-align: left;
}

#head {
  float: none;
  display: block;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 1000px;
  min-height: 100%;
}

#head h1, #head p {
  float: left;
  margin: 10px 0 20px;
  padding: 0;
  font-size: 10px;
  height: 81px;
  padding: 3px 15px 3px 0;
}

#head h1 a, #head p a {
  text-decoration: none;
  background-image: url(../../images/logo_2.gif);
  background-repeat: no-repeat;
  background-position: 0 100%;
  display: block;
  /* text-indent:-9999px; */
  outline: none;
  width: 445px;
  height: 95px;
}

#head h1 a img, #head p a img {
  border: none;
}

#head #tel {
  float: right;
  width: 373px;
  height: 73px;
  padding-top: 30px;
  padding-right: 0;
  text-align: right;
}

#head #header_navi {
  position: absolute;
  top: 0;
  right: 0;
  width: 181px;
  height: 25px;
  background: url(../../images/header_navi_2.gif) no-repeat right top;
}

#head #header_navi ul {
  position: relative;
  top: 0;
  width: 180px;
  height: 25px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#head #header_navi ul li.list01 {
  position: absolute;
  top: 0;
  left: 52px;
  width: 24px;
  height: 21px;
  margin: 0;
  padding: 0;
}

#head #header_navi ul li.list02 {
  position: absolute;
  top: 0;
  left: 98px;
  width: 24px;
  height: 21px;
  margin: 0;
  padding: 0;
}

/* ------------------------------------------ head ------------------------------------------ */
/* ------------------------------------------ menu ------------------------------------------ */
#menu {
  width: 1000px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  position: relative;
}

#menu li {
  margin: 0;
  padding: 0;
  float: left;
}

#menu li a {
  background-image: url(../../images/global/menu.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 50px;
  display: block;
  text-indent: -9999px;
  outline: none;
}

#menu li#menu1 a {
  background-position: 0 0;
}

#menu li#menu2 a {
  background-position: -200px 0;
}

#menu li#menu3 a {
  background-position: -400px 0;
}

#menu li#menu4 a {
  background-position: -600px 0;
}

#menu li#menu5 a {
  background-position: -800px 0;
}

#menu li#menu1 a:hover {
  background-position: 0 -50px;
}

#menu li#menu2 a:hover {
  background-position: -200px -50px;
}

#menu li#menu3 a:hover {
  background-position: -400px -50px;
}

#menu li#menu4 a:hover {
  background-position: -600px -50px;
}

#menu li#menu5 a:hover {
  background-position: -800px -50px;
}

#menu li#menu1s a {
  background-position: 0 -100px;
}

#menu li#menu2s a {
  background-position: -200px -100px;
}

#menu li#menu3s a {
  background-position: -400px -100px;
}

#menu li#menu4s a {
  background-position: -600px -100px;
}

#menu li#menu5s a {
  background-position: -800px -100px;
}

/* ------------------------------------------ menu ------------------------------------------ */
/* ------------------------------------------ main ------------------------------------------ */
#contents {
  display: inline-block;
  position: relative;
  width: 1000px;
  margin: 10px 0;
  padding-bottom: 70px;
}

#contents #main {
  float: left;
  width: 700px;
  display: inline-block;
  position: relative;
  font-size: 14px;
}

#contents h1, #contents h2, #popup h2, h2#state {
  background: url(../../images/global/h2_bg.gif) repeat-x 0 100%;
  /*background-repeat:no-repeat;*/
  margin: 0;
  padding: 10px 0 0 8px;
  clear: both;
  font-size: 18px;
}

#contents h2 img, #popup h2 img {
  margin-top: 1px;
}

#side h2 {
  background: url(../../images/h2_g_bg.gif) repeat-x 0 100% !important;
}

h1 .h_right {
  font-weight: normal;
  font-size: 70%;
  color: #003a74;
  float: right;
  margin-right: 10px;
}

#pankuzu {
  font-size: 10px;
}

.page {
  margin: 10px 0;
  clear: both;
}

.page a, .page span {
  display: inline-block;
  padding: 0 7px;
  border: 1px solid #ccc;
  text-decoration: none;
  margin-right: 5px;
  margin: 0 2px 5px 0;
  padding: 11px 16px 0 16px;
  text-align: center;
  height: 33px;
  background: -moz-linear-gradient(top, #fff, #fff 50%, #f3f3f3);
  border: 1px solid #eee;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: inline-block;
  text-decoration: none;
  float: left;
}

.page a:hover {
  background-color: #eee;
  background-color: #0054a7;
  color: #fff;
  border: 1px solid #0054a7;
  background: -moz-linear-gradient(top, #2d72b7, #0054a7 50%, #0054a7);
  border: 1px solid #003870;
  background-color: #0054a7;
  color: #fff;
  text-shadow: 1px 1px #03060B;
}

.page span {
  background-color: #0054a7;
  color: #fff;
  border: 1px solid #0054a7;
  background: -moz-linear-gradient(top, #2d72b7, #0054a7 50%, #0054a7);
  border: 1px solid #003870;
  background-color: #0054a7;
  color: #fff;
  text-shadow: 1px 1px #03060B;
}

#page-top {
  z-index: 100;
  position: fixed;
  bottom: 10px;
  right: 20px;
  opacity: 0.9;
  filter: alpha(opacity=60);
}

#page-top a {
  background: url(../../images/pagetop.png) no-repeat;
  width: 50px;
  height: 50px;
  display: block;
  text-indent: -9999px;
}

div#page-top a:hover {
  opacity: inherit;
  filter: alpha(opacity=100);
}

/* ------------------------------------------ main ------------------------------------------ */
.subtitle04 {
  height: 20px;
  position: relative;
  background-color: #FFFFFF;
  border: 1px solid #cccccc;
  font-size: 130%;
  font-weight: bold;
  color: #696969;
  margin: 0 0 10px 0;
  padding: 10px 0px 10px 15px;
  clear: both;
  background: -moz-linear-gradient(top, #fff, #f1f1f1 50%, #f1f1f1);
}

.subtitle04:before {
  content: "";
  position: absolute;
  background: #284878;
  top: 50%;
  left: 4px;
  margin-top: -12px;
  height: 23px;
  width: 6px;
}

.subtitle05 {
  margin: 20px 0 0px 0;
  border-bottom: 1px solid #284878;
  color: #000000;
}

.subtitle04, #contents h2.subtitle04, .main-area h3.subtitle04 {
  height: 20px;
  position: relative;
  background-color: #FFFFFF;
  border: 1px solid #cccccc;
  font-size: 130%;
  font-weight: bold;
  color: #696969;
  margin: 0 0 10px 0;
  padding: 10px 0px 10px 15px;
  clear: both;
  background: -moz-linear-gradient(top, #fff, #f1f1f1 50%, #f1f1f1);
}

/* ------------------------------------------ foot ------------------------------------------ */
#pagetop {
  display: block;
  clear: both;
  text-align: right;
  position: absolute;
  bottom: 50px;
  right: 0;
}

#pagetop a {
  font-size: 10px;
  text-decoration: none;
  background-image: url(../../images/global/pagetop.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 12px;
  display: block;
}

#foot {
  display: block;
  width: 1000px;
  margin: 0 auto;
  padding: 10px 0 20px;
  text-align: left;
  position: relative;
  background: #f8f8f8;
  text-align: center;
}

#foot a {
  margin: 0;
}

div#footer {
  bottom: 0;
  width: 100%;
  height: 100px;
  border-top: 4px solid #2c72b6;
  text-align: center;
  color: #585858;
  background: #f8f8f8;
}

/* ------------------------------------------ faq用 ------------------------------------------ */
#faq {
  list-style: none;
}

.subtitle02 {
  font-size: 25px;
  color: #ff0000;
  padding: 0;
  list-style: none;
}

.subtitle03 {
  font-size: 18px;
  color: #0255a8;
  padding: 0;
  list-style: none;
  font-weight: bold;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.linknav {
  background-image: url(../../images/global/icon_next.png);
  background-position: 3px 3px;
  background-repeat: no-repeat;
  padding-left: 20px;
  list-style: none;
  font-weight: bold;
  color: #000000;
  font-family: "メイリオ","MSPゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
}

ul.asterisk, ul.asteriskred {
  padding-left: 0;
}

ul.asterisk li {
  background-image: url(../../images/global/icon_asterisk.gif);
  background-position: 3px 3px;
  background-repeat: no-repeat;
  padding-left: 17px;
  list-style: none;
  color: #000000;
}

ul.asteriskred li {
  background-image: url(../../images/global/icon_asteriskred.gif);
  background-position: 3px 3px;
  background-repeat: no-repeat;
  padding-left: 17px;
  list-style: none;
  color: #000000;
}

.linklist {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 20px;
}

.fs_small {
  font-size: 80%;
}

#faq ul li#flow1 {
  width: 660px;
  margin-top: -20px;
}

#faq ul li#flow1 img {
  width: 270px;
  float: left;
  margin: 5px 10px 5px 0;
}

/* ------------------------------------------ history用 ------------------------------------------ */
ul#history {
  margin: 10px 0 10px 7px;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-image: none;
  border-left: none;
  border-top: none;
  clear: both;
}

ul#history li {
  margin: -1px -1px 0 0;
  padding: 0;
  float: left;
  width: 140px;
}

ul#history li.title {
  width: 710px;
  font-size: 16px;
  margin: 5px 0 12px 0;
  background: none;
}

ul#history li a {
  display: block;
  background-image: url("../../images/boxlist_back.png");
  background-repeat: repeat-x;
  border: 1px solid #ccc;
  padding: 5px;
  position: relative;
  height: 140px;
}

ul#history li img {
  border: none;
  display: block;
  margin: 3px auto 0 auto;
  width: 115px;
  height: 82px;
  position: absolute;
  bottom: 10px;
  left: 12px;
}

/* ------------------------------------------ IRIバナー ------------------------------------------ */
p.mandatitle {
  background: #f2f2f2;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 3px solid #570c1f;
  margin: 3px 0;
  padding: 2px 10px;
}

.bnr {
  border: 1px solid #cccccc;
  margin: 4px 0px;
}

#side .bnr dt {
  width: 35%;
  float: left;
  padding: 0px 3px;
  background: #d9d9d9;
  border: 1px solid #570c1f;
}

#side .bnr dd {
  margin-bottom: 1px;
  padding-bottom: 2px;
  padding-top: 2px;
  margin-left: 40%;
  height: 20px;
}

/* ------------------------------------------ その他 ------------------------------------------ */
.mb20 {
  margin-bottom: 20px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mt20 {
  margin-top: 20px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.ml20 {
  margin-left: 20px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.ml45 {
  margin-left: 45px;
}

.ml50 {
  margin-left: 50px;
}

.b_red {
  font-size: 22px;
  color: #cb0000;
}

.wred {
  color: #cb0000;
}

.t18 {
  font-size: 18px;
}

iframe.bnr {
  border: 0px;
}

#side p {
  margin: 5px 0;
}

.left-box {
  width: 49%;
  float: left;
}

.right-box {
  width: 49%;
  float: right;
}

.external {
  background-image: url(../../images/global/icon_new.png);
  background-position: 3px 3px;
  background-repeat: no-repeat;
  padding-left: 20px;
  list-style: none;
}

.box4 {
  background: #f9f9f9;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  margin: 5px 0 20px 0;
  border: 1px solid #ddd;
}

.pc_mode img {
  width: 100%;
}

a.mypage {
  padding-left: 29px;
}

#side .login ul {
  margin: 1px -1px 0 0;
  padding: 0 0px 20px 29px;
  overflow: hidden;
  list-style: none;
}

#side .login ul li {
  margin: 0 1px 0 0;
  padding: 0;
  float: left;
}

@media only screen and (max-width: 768px) {
  header, nav, footer, .footer2 {
    display: block;
  }

  div#header, #menu, div#footer {
    display: none;
  }

  div#container {
    width: 100%;
  }

  #contents #main {
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
    float: none;
  }
  #contents #main * {
    box-sizing: border-box;
  }

  html {
    height: 100%;
    width: 100%;
  }

  body {
    overflow-x: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    color: #434343;
    /*	font-size:16px; */
    font-size: 15px;
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: none;
    font-family: -apple-system, BlinkMacSystemFont, "Noto Sans Japanese", "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Noto Sans Japanese, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif, "Font Awesome 5 Free";
    font-weight: normal;
    font-style: normal;
  }

  iframe {
    border: 0px;
    margin: 0px;
    overflow: hidden;
    width: 100%;
    /*    height: 310px; */
  }

  iframe #targetFrame {
    height: 740px;
  }

  /*
  .ilf {
   position: relative;
   width: 100%;
   padding: calc(645 / 1040 * 100%) 0 0;
  }
  */
  .ilf iframe {
    /*    position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    height: 750px;
  }

  * html div#container {
    height: 100%;
  }

  div#container {
    float: none;
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
    min-height: 100%;
  }

  body > #container {
    height: auto;
  }

  header {
    margin: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    border-top: 3px solid #2c72b6;
    border-bottom: 1px solid #ccc;
    height: 90px;
  }

  header h1 {
    margin: 3px 10px;
    padding: 0;
  }

  header h1 a img {
    display: block;
    width: 200px;
    height: auto;
    margin: 12px 0 0;
    border: none;
    float: left;
  }

  header #login {
    background: url("../../images/sp/blue_back.gif") repeat;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #fff;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -28px;
    color: #fff;
    width: 70px;
    height: 44px;
    padding: 0;
    font-size: 70%;
  }

  #login_name {
    border-bottom: 1px solid #003870;
    background: -moz-linear-gradient(#2d72b7, #0054a7 75%, #0054a7);
    background: #585858;
    color: #fff;
    padding: 12px 10px 0 10px;
    font-size: 16px;
    height: 36px;
    text-shadow: 1px 1px #010602;
  }

  #login_name input {
    float: right;
    margin-top: -10px;
    background: url("../../images/sp/blue_back.gif") repeat;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    width: 70px;
    height: 44px;
    font-size: 11px;
  }

  #contents {
    margin: 5px 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    position: relative;
  }

  #contents2 {
    margin: 0;
    width: 100%;
    display: inline-block;
    position: relative;
  }

  #contents2 img {
    width: 100%;
    height: auto;
  }

  div#bcLink {
    margin: 5px 0 10px;
    font-size: 50%;
  }

  nav {
    width: 100%;
    margin-top: 15px;
  }

  nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 2px solid #284878;
  }

  nav ul li {
    background-color: #f6f6f6;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #ffffff;
  }

  nav ul li a {
    display: block;
    height: 30px;
    padding: 13px 0 0 20px;
    text-decoration: none;
    background-image: url(../../images2/global/link_bg.gif);
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: 95% 50%;
  }

  footer {
    position: absolute;
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 0;
  }

  footer p {
    margin: 20px 0 0;
    padding: 10px 0 80px 0;
    background: #2c72b6;
    font-size: 11px;
    color: #fff;
  }

  footer a img {
    border: none;
    display: block;
    margin: 0px auto;
  }

  .linknav {
    background-image: url(../../images/global/icon1.gif);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding-left: 13px;
    list-style: none;
    font-weight: bold;
    color: #000000;
    padding-bottom: 7px;
  }

  .external {
    background-image: url(../../images/global/icon04_st.gif);
    background-position: 7px 3px;
    background-repeat: no-repeat;
    padding-left: 25px;
    list-style: none;
  }

  .mb20 {
    margin-bottom: 20px;
  }

  .mb10 {
    margin-bottom: 10px;
  }

  .mb15 {
    margin-bottom: 15px;
  }

  .mb25 {
    margin-bottom: 25px;
  }

  .mb30 {
    margin-bottom: 30px;
  }

  .mb35 {
    margin-bottom: 35px;
  }

  .mb40 {
    margin-bottom: 40px;
  }

  .mb45 {
    margin-bottom: 45px;
  }

  .mb50 {
    margin-bottom: 50px;
  }

  .mt20 {
    margin-top: 20px;
  }

  .mt10 {
    margin-top: 10px;
  }

  .mt15 {
    margin-top: 15px;
  }

  .mt25 {
    margin-top: 25px;
  }

  .mt30 {
    margin-top: 30px;
  }

  .mt35 {
    margin-top: 35px;
  }

  .mt40 {
    margin-top: 40px;
  }

  .mt45 {
    margin-top: 45px;
  }

  .mt50 {
    margin-top: 50px;
  }

  .ml20 {
    margin-left: 20px;
  }

  .ml10 {
    margin-left: 10px;
  }

  .ml15 {
    margin-left: 15px;
  }

  .ml25 {
    margin-left: 25px;
  }

  .ml30 {
    margin-left: 30px;
  }

  .ml35 {
    margin-left: 35px;
  }

  .ml40 {
    margin-left: 40px;
  }

  .ml45 {
    margin-left: 45px;
  }

  .ml50 {
    margin-left: 50px;
  }

  .subtitle03 {
    font-size: 18px;
    color: #0255a8;
    list-style: none;
  }

  .subtitle04 {
    position: relative;
    background-color: #FFFFFF;
    /*	border: 1px solid #cccccc; */
    font-size: 110%;
    font-weight: bold;
    color: #696969;
    margin: 0 0 10px 0;
    padding: 10px 0px 10px 15px;
    clear: both;
    background: -moz-linear-gradient(top, #fff, #f1f1f1 50%, #f1f1f1);
    background: #f9f9f9;
    border-top: 2px solid #284878;
  }

  .subtitle04:before {
    content: "";
    position: absolute;
    background: #284878;
    top: 50%;
    left: 4px;
    margin-top: -10px;
    height: 20px;
    width: 6px;
  }

  .subtitle05 {
    margin: 20px 0 0px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #284878;
    font-size: 100%;
  }

  #contents2 ul {
    padding: 0 0 20px 20px;
    margin: 0px 10px;
  }

  #contents2 p {
    padding: 0 10px;
  }

  .b_red {
    font-size: 140%;
    color: #cb0000;
    font-weight: bold;
  }

  .t120 {
    font-size: 120%;
    font-weight: bold;
  }

  #page-top {
    z-index: 100;
    position: fixed;
    bottom: 10px;
    right: 10px;
    /*    opacity:0.9;
    	filter:alpha(opacity=60); */
    margin-bottom: 0;
  }

  #page-top a {
    background: url(../../images/pagetop.png?) no-repeat;
    width: 50px;
    height: 50px;
    display: block;
    text-indent: -9999px;
    opacity: 1;
  }

  div#page-top a:hover {
    opacity: inherit;
    filter: alpha(opacity=100);
  }

  /* ------------------------------------- search ------------------------------------- */
  .search_option {
    position: relative;
    width: 100%;
    display: inline-block;
    margin: 10px 0 0 0;
  }

  .search_option #sort {
    float: right;
    vertical-align: middle;
  }

  #search_result {
    border-top: 1px dotted #ccc;
    margin: 10px 0;
  }

  #search_result table {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px dotted #ccc;
    width: 100%;
    font-size: 80%;
  }

  #search_result table th, #search_result table td {
    padding: 5px;
    vertical-align: top;
  }

  #search_result table th {
    text-align: left;
    padding-top: 15px;
  }

  #search_result table th input {
    float: left;
  }

  #search_result table th a {
    text-decoration: none;
    float: left;
  }

  #search_result table th a.f-right {
    float: right;
  }

  #search_result table th img {
    border: none;
  }

  #search_result table td a img {
    display: block;
    border: none;
    margin-bottom: 5px;
    width: 120px;
  }

  #search_result table td.right {
    padding-bottom: 15px;
  }

  #search_result table td.right a img {
    width: auto;
    margin: 0;
    display: inline-block;
  }

  #search_result table td table {
    margin: -5px;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    border: none;
    font-size: 55%;
  }

  #search_result table td table th, #search_result table td table td {
    border: 1px solid #ccc;
    padding: 1px 5px;
  }

  #search_result table td table th {
    text-align: left;
    font-weight: normal;
    width: 25%;
    background-color: #dbe6f1;
  }

  #search_result table td table td a {
    text-decoration: none;
  }

  #search_result table td table td.icon {
    border: none;
    padding-left: 0;
    padding-right: 0;
  }

  #search_result table td table td.icon ul {
    margin: 5px 0 15px 0;
    padding: 0px 0 2px 0;
    width: 100%;
    list-style: none;
    overflow: hidden;
  }

  #search_result table td table td.icon ul.mypage {
    margin: 5px 0 0 0;
  }

  #search_result table td table td.icon ul li {
    margin: 0;
    padding: 0;
    width: 25%;
    text-align: center;
    float: left;
    display: inline-block;
    position: relative;
  }

  .icon img {
    width: 100%;
    height: auto;
  }

  /* ------------------------------------- search ------------------------------------- */
  .b {
    font-weight: bold;
    margin: -2px 0;
    padding: -2px 0px;
    font-size: 110%;
  }

  .red {
    color: #f00;
  }

  #search_result table th {
    text-align: left;
    padding: 3px 5px;
  }

  #search_result table th a img {
    padding-left: 10px;
    float: right;
  }

  #search_result table th span {
    margin: 0px;
    padding: 0px;
    float: left;
  }

  .box4 {
    background: #f9f9f9;
    width: 98%;
    height: 100%;
    padding: 10px 0;
    margin: 5px 0 20px 0;
    border: 1px solid #ddd;
  }

  .footer2 {
    margin: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ccc;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 70px;
    z-index: 10;
    background-color: rgba(44, 114, 182, 0.5);
  }

  .footer2 #f-tel, .footer2 #f-mail {
    background: url(../../images/sp/blue_back.gif) repeat;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    color: #fff;
    width: 43px;
    height: 43px;
    padding: 0;
  }

  .footer2 img {
    width: 30px;
    margin: auto;
    padding: 6px 8px;
  }

  .footer2 input[type=submit] {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #f1f1f1;
  }

  #f-tel {
    left: 5px;
  }

  #f-mail {
    left: 55px;
  }

  .footer2 form {
    left: 50px;
    padding-left: 100px;
  }

  .footer2 input.text {
    width: 40%;
    min-height: 33px;
    margin: 0 0 0 5px;
  }

  .footer2 input {
    /*    font-size: 10px; */
    min-height: 33px;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 768px) and (max-width: 370px) {
  .footer2 input.text {
    width: 30%;
  }
}