@charset "UTF-8";
/* ==========================================================================
   店舗詳細
   ========================================================================== */
/*赤色*/
/*明るい灰色*/
/*ドット罫線*/
/*テーブル汎用*/
/*h2タグのマージンを減らす、注釈※印を赤く*/
/*水色の入力フォーム*/
/*先頭に赤丸*/
/*先頭に赤三角arrow*/
.l-main-multi .l-content {
  /*共通で使うグレイのボタン*/
  /*ページ下部コラム：リンク集*/ }
  .l-main-multi .l-content dl,
  .l-main-multi .l-content dt,
  .l-main-multi .l-content dd {
    padding: 0;
    margin: 0; }
  .l-main-multi .l-content .btn-n-gray {
    background-color: #eee;
    font-size: 1.5rem;
    border-bottom: 2px #d6d6d6 solid;
    border-right: 2px #d6d6d6 solid;
    position: relative;
    padding: 12px 20px 12px 30px;
    display: inline-block;
    color: #333;
    margin: auto; }
    .l-main-multi .l-content .btn-n-gray:before {
      content: "";
      height: 0;
      width: 0;
      border: 5px solid transparent;
      border-left: 6px solid #cc0022;
      border-right: 0;
      display: block;
      margin: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 13px; }
  .l-main-multi .l-content .ad-foot-clm {
    clear: both;
    margin-top: 30px;
    background-color: #f9f7f2;
    padding: 15px 30px;
    overflow: hidden; }
    .l-main-multi .l-content .ad-foot-clm p {
      border-bottom: 1px dotted #777;
      font-size: 1.6rem;
      font-weight: bold;
      text-align: center;
      margin-bottom: 20px;
      padding-bottom: 15px; }
    .l-main-multi .l-content .ad-foot-clm dl {
      float: left;
      width: 32%;
      margin: 0;
      margin-right: 2%; }
      .l-main-multi .l-content .ad-foot-clm dl:last-child {
        margin-right: 0; }
      .l-main-multi .l-content .ad-foot-clm dl dt a {
        width: 100%; }
      .l-main-multi .l-content .ad-foot-clm dl dd {
        font-size: 1.2rem;
        margin: 0;
        padding-top: 5px; }

body {
  opacity: 1; }

a {
  color: #6666aa; }

/*header*/
.l-header {
  position: relative;
  font-size: 1.4rem;
  margin: 0;
  width: 100%;
  min-width: 320px;
  height: 70px;
  z-index: 10;
  background: url(/sp/common/images/header_arc_bg_center_m.png) no-repeat bottom left;
  background-size: 1000px 8px; }
  @media (max-width: 928px) {
    .l-header {
      height: auto; } }
  .l-header #headerwrapper {
    position: relative;
    display: flex;
    margin: 0 auto;
    padding: 0 31px;
    width: 100%;
    max-width: 990px; }
    @media (max-width: 928px) {
      .l-header #headerwrapper {
        display: block;
        padding: 0; } }
    .l-header #headerwrapper .l-logo {
      width: 262px;
      min-width: 190px;
      padding: 10px;
      order: 1; }
      .l-header #headerwrapper .l-logo img {
        max-width: 100%; }
      @media (max-width: 928px) {
        .l-header #headerwrapper .l-logo {
          width: 190px; } }
    .l-header #headerwrapper p {
      font-size: 1.2rem;
      order: 2; }
      @media (max-width: 928px) {
        .l-header #headerwrapper p {
          padding: 0 10px 15px 10px;
          margin: 0; }
          .l-header #headerwrapper p br {
            display: none; } }
    .l-header #headerwrapper .dl-menuwrapper {
      order: 3; }
    .l-header #headerwrapper .dl-trigger {
      position: absolute;
      top: 0;
      right: 0;
      width: 70px;
      height: 62px;
      background-size: 70px auto;
      margin: 0;
      z-index: 100;
      cursor: pointer; }
      @media (max-width: 928px) {
        .l-header #headerwrapper .dl-trigger {
          width: 52px;
          height: 46px;
          background-size: 52px auto; } }
  .l-header a {
    color: #6666aa; }

.l-header:before {
  background-color: #cc0022;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1; }

.l-header:after {
  background: url(../../sp/common/images/header_arc_bg_right_m.png) repeat-x bottom center;
  background-size: 1px 8px;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1; }

@media (min-width: 1001px) and (max-width: 1500px) {
  .l-header:after {
    width: 40%; } }
@media (min-width: 1501px) and (max-width: 2000px) {
  .l-header:after {
    width: 60%; } }
.dl-trigger.close {
  background: url(../../sp/common/images/mobile_btn_close.png) no-repeat 0px 0px;
  background-size: auto auto;
  background-size: 52px 46px; }

/*.l-main*/
.l-main {
  margin: 0 auto;
  width: 100%;
  max-width: 928px;
  overflow: hidden;
  /*共通で使うグレイのボタン*/ }
  @media (max-width: 928px) {
    .l-main {
      padding: 0 10px; } }
  .l-main article {
    width: 676px;
    float: left;
    padding-top: 55px; }
    @media (max-width: 928px) {
      .l-main article {
        padding-top: 0;
        float: none;
        width: 100%; } }
  .l-main h1 {
    margin: 20px 0 10px 0; }
    @media (max-width: 928px) {
      .l-main h1 {
        margin: 20px 0; } }
  .l-main h2.branch-tit-h3 {
    font-size: 1.6rem;
    border: none;
    border-left: 4px solid #cc0022;
    margin-top: 30px;
    margin-bottom: 18px;
    padding: 8px 15px; }
  .l-main section {
    width: 100%;
    clear: both;
    overflow: hidden; }
    .l-main section p {
      margin: 0 0 15px 0; }
  @media (max-width: 928px) {
    .l-main #branch_shop {
      display: flex;
      flex-direction: column; } }
  .l-main #branch_shop > div {
    width: 210px;
    height: auto;
    float: left;
    overflow: hidden; }
    @media (max-width: 928px) {
      .l-main #branch_shop > div {
        text-align: center;
        margin: 0 auto 10px auto;
        width: auto;
        float: none;
        order: 1; } }
  .l-main #branch_shop table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%; }
    .l-main #branch_shop table.no-photo {
      width: 100%; }
    @media (max-width: 928px) {
      .l-main #branch_shop table {
        width: 100%;
        float: none;
        margin-bottom: 10px; } }
    .l-main #branch_shop table tr:nth-child(odd) {
      background-color: #f4f4f4; }
    .l-main #branch_shop table th {
      font-weight: normal;
      text-align: left;
      width: 18%;
      font-size: 1.4rem;
      padding: 8px;
      vertical-align: top; }
    .l-main #branch_shop table td {
      width: 82%;
      padding: 8px; }
      .l-main #branch_shop table td span {
        display: table-cell; }
      .l-main #branch_shop table td .branch-zip {
        margin-right: 5px;
        width: 8rem; }
  .l-main #branch_shop img {
    width: 210px;
    height: auto;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px; }
    .l-main #branch_shop img:nth-child(2n) {
      clear: both; }
    @media (max-width: 928px) {
      .l-main #branch_shop img {
        display: block;
        margin: 0 auto 10px auto;
        float: none;
        order: 1; } }
  @media (min-width: 928px) {
    .l-main #branch_shop img + table {
      width: 435px;
      float: right; }
    .l-main #branch_shop div + table {
      width: 435px;
      float: right; } }
  .l-main #branch_access .access-map {
    width: 100%;
    background-color: #f0f0f0;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center; }
    .l-main #branch_access .access-map img {
      max-width: 100%; }
    @media (max-width: 928px) {
      .l-main #branch_access .access-map {
        padding: 0;
        background-color: transparent; } }
  .l-main #branch_access .btn-n-gray {
    width: 210px;
    display: block;
    margin: auto auto 10px auto; }
  .l-main #branch_message {
    padding-bottom: 20px; }
    .l-main #branch_message img {
      width: 210px;
      height: auto;
      float: left; }
      @media (max-width: 928px) {
        .l-main #branch_message img {
          display: none; } }
    .l-main #branch_message img + p {
      width: 435px;
      float: right; }
      @media (max-width: 928px) {
        .l-main #branch_message img + p {
          width: 100%;
          float: none; } }
  .l-main aside {
    width: 252px;
    margin-top: 55px;
    margin-bottom: 20px;
    padding: 0 0 0 50px;
    float: left;
    overflow: hidden; }
    .l-main aside.aside-other {
      margin-top: 0; }
    .l-main aside h2 {
      background-color: #cc0022;
      color: #fff;
      padding: 18px;
      border: none;
      margin: 0;
      font-size: 1.3rem;
      border-radius: 3px 3px 0 0; }
    .l-main aside .aside-banner {
      text-align: center;
      background-color: #f0f0f0;
      padding: 20px 10px; }
      .l-main aside .aside-banner a {
        display: block;
        text-align: center;
        margin: auto; }
    .l-main aside img {
      max-width: 100%; }
    @media (max-width: 928px) {
      .l-main aside {
        margin-top: 0;
        float: none;
        width: 100%;
        padding: 0; } }
  .l-main .btn-n-gray {
    background-color: #eee;
    font-size: 1.5rem;
    border-bottom: 2px #d6d6d6 solid;
    border-right: 2px #d6d6d6 solid;
    position: relative;
    padding: 12px 20px 12px 30px;
    display: inline-block;
    color: #333;
    margin: auto; }
    .l-main .btn-n-gray:before {
      content: "";
      height: 0;
      width: 0;
      border: 5px solid transparent;
      border-left: 6px solid #cc0022;
      border-right: 0;
      display: block;
      margin: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 13px; }

/*footer*/
.footerInfo {
  margin: 0 auto;
  padding: 0 31px;
  width: 100%;
  max-width: 990px; }
  @media (max-width: 928px) {
    .footerInfo {
      height: auto; } }
  @media (max-width: 928px) {
    .footerInfo .grid-item {
      text-align: center;
      display: block;
      width: 100%;
      padding: 10px; }
      .footerInfo .grid-item:first-child {
        display: none; }
      .footerInfo .grid-item p {
        text-align: center !important;
        font-size: 1.2rem; } }

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