@charset "utf-8";

/* ==========================================================================
Foundation [ reset / base ]
========================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td {
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  background: #ffffff;
  font-size: 14px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  line-height: 1.6;
  color: #333333;
  min-width: 1200px;
}
body.sub {
  min-width: 1100px;
}
ol, ul {
  list-style: none;
}
select {
  font-size: 16px;
  background-color: #fff;
  height: 26px;
  box-sizing: border-box;
  font-family: 'Noto Sans JP', sans-serif;
}
input, textarea {
  font-family: 'Noto Sans JP', sans-serif;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
a {
  color: #333333;
  transition: opacity .15s ease;
}
a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
a,
a:focus,
a:active,
a:hover,
a:visited,
:focus,
:active,
:hover,
:visited {
  outline: none !important;
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
a img:hover {
  opacity: .75;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.u-fot-400 {
  font-family: fot-tsukuardgothic-std,sans-serif;
  font-weight: 400;
  font-style: normal;
}
.u-fot-700 {
  font-family: fot-tsukuardgothic-std,sans-serif;
  font-weight: 700;
  font-style: normal;
}

.u-good-400 {
  font-family: goodlife-sans,sans-serif;
  font-weight: 400;
  font-style: normal;
}

.u-good-700 {
  font-family: goodlife-serif,sans-serif;
  font-weight: 700;
  font-style: normal;
}

.u-bran-400 {
  font-family: brandon-grotesque,sans-serif;
  font-weight: 400;
  font-style: normal;
}

.u-branita-400 {
  font-family: brandon-grotesque,sans-serif;
  font-weight: 400;
  font-style: italic;
}

.u-bran-700 {
  font-family: brandon-grotesque,sans-serif;
  font-weight: 700;
  font-style: normal;
}

.u-branita-700 {
  font-family: brandon-grotesque,sans-serif;
  font-weight: 700;
  font-style: italic;
}

/* ==========================================================================
Component [ grid / button / form / media... ]
========================================================================== */
/*top*/


/*btn*/
.c-btn {
  display: inline-block;
  padding: 12px 30px;
  margin-top: 32px;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #ffffff;
  width: 100%;
  box-shadow: 0 0 6px rgba(0,0,0,.26);
  border-radius: 40px;
  background: #059C40;
  position: relative;
}

.c-btn:before {
  content: '';
  position: absolute;
  right: 26px;
  top: 41%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-btn:hover {
  opacity: .7;
}

.c-btn.c-btn-block {
  max-width: 420px;
  margin: 32px auto 0;
  display: block;
  width: 90%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.c-link {
  position: relative;
  padding-left: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.c-link:before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #059C40;
  border-right: 2px solid #059C40;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-link:hover {
  cursor: pointer;
  opacity: .75;
}

/*下線付きリンク*/
.c-link-underline {
  text-decoration: underline;
}

.c-link-underline:hover {
  text-decoration: none;
}

/* c-wrap */
.c-wrap {
  width: 100%;
  clear: both;
}

/* content */
.c-center {
  max-width: 1140px;
  padding: 80px 20px;
  margin: 0 auto;
  box-sizing: border-box;
}
/*中央1200px*/
.c-center-type02 {
  max-width: 1240px;
  padding: 80px 20px;
  margin: 0 auto;
  box-sizing: border-box;
}
/*中央1000px*/
.c-center-type03 {
  max-width: 1040px;
  padding: 80px 20px;
  margin: 0 auto;
  box-sizing: border-box;
}
/*中央1000px*/
.c-center-type04 {
  max-width: 1366px;
  padding: 80px 20px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* grid */
.grid {
  clear: both;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

/* column */
.col-1 { width: 8.33333333%; }
.col-2 { width: 16.66666667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333333%; }
.col-5 { width: 41.66666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333333%; }
.col-8 { width: 66.66666667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333%; }
.col-11 { width: 91.66666667%; }
.col-12 { width: 100%; }

/* breadcrumbs */
.c-breadcrumbs {
  font-size: 12px;
  overflow: hidden;
  color: #ffffff;
  box-sizing: border-box;
  position: absolute;
  top: 24px;
  right: 0;
}

.c-breadcrumbs span {
  font-weight: 400;
  color: #ffffff;
}

.c-breadcrumbs-link {
  display: inline-block;
  font-weight: 400;
  color: #ffffff;
}

.c-breadcrumbs-link[href]:hover,
.c-breadcrumbs-link:hover {
  text-decoration: underline;
  color: #ffffff;
}

/*background color glay*/
.u-bg-glay {
  background-color: #F7F7F7;
}

/*background color beige*/
.u-bg-beige {
  background-color: #F2EFE6;
}

/*background color glay*/
.u-bg-white {
  background-color: #ffffff;
}

/*background color green*/
.u-bg-green {
  background-color: #059C40;
}

/*table*/
body.sub:not(#main) table {
  border: 1px solid #fff;
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto 30px;
}

body.sub:not(#main) table thead,
body.sub:not(#main) table tbody {
  text-align: center;
}

body.sub:not(#main) table tr th {
  background-color: #059C40;
  border: 1px solid #cccccc;
}

body.sub:not(#main) table tr th ,
body.sub:not(#main) table tr td {
  padding: 8px 5px;
  vertical-align: middle;
  font-size: 14px;
  color: #333333;
}

body.sub:not(#main) table tr th {
  color: #ffffff;
  font-weight: 700;
}
body.sub:not(#main) table tr td {
  border: 1px solid #cccccc;
}

/*下層メニュー*/

.u-lnavi-menu {
  background-color: #EFEFEF;
}

.u-lnavi-item {
  max-width: 1240px;
  padding: 20px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.u-lnavi-items {
  /*width: 20%;*/
  padding-right: 20px;
  margin-right: 72px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.u-lnavi-items__link {
  display: inline-block;
  padding: 20px 0 16px;
  padding-right: 24px;
  position: relative;
}

.u-lnavi-items__link:before {
  content: '';
  position: absolute;
  right: 0px;
  top: 24px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #059C40;
  border-right: 2px solid #059C40;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/*遷移するリンクの矢印*/
.u-lnavi-items__link.u-lnavi-items__link--tran:before {
  content: '';
  position: absolute;
  right: 0px;
  top: 26px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #059C40;
  border-right: 2px solid #059C40;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.u-parentnavi-items.is-active .u-parentnavi-items__link ,
.u-lnavi-items.is-active .u-lnavi-items__link ,
.u-parentnavi-items:hover .u-parentnavi-items__link ,
.u-lnavi-items:hover .u-lnavi-items__link {
  color: #059C40;
}

.u-parentnavi-menu {
  background-color: #F7F7F7;
  margin-top: 1px;
}

.u-parentnavi-menu .c-center-type02 {
  padding: 20px;
}

.u-parentnavi-items + .u-parentnavi-items {
  margin-left: 30px;
}

.u-parentnavi-items__link {
  padding-right: 30px;
  display: block;
  position: relative;
}

.u-parentnavi-items__link:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 20px;
  background-color: #aaaaaa;
}

.u-parentnavi-items:last-child .u-parentnavi-items__link:before {
  display: none;
}

/*round*/

/*yellow round & white inner & left top*/
.u-roundg-lt-white {
  position: relative;
}

.u-roundg-lt-white:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundy-lt-white.svg);
  background-position: left top;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*yellow round & white inner & left bottom*/

.u-roundy-lt-white {
  position: relative;
}

.u-roundy-lt-white:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundy-lt-white.svg);
  background-position: left top;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*yellow round & white inner & left bottom*/

.u-roundy-lb-white {
  position: relative;
}

.u-roundy-lb-white:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 199px;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundy-lb-white.svg);
  background-position: left bottom;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*yellow round & white inner & rigth top*/

.u-roundy-rt-white {
  position: relative;
}

.u-roundy-rt-white:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundy-rt-white.svg);
  background-position: right top;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*yellow round & white inner & rigth bottom*/

.u-roundy-rb-white {
  position: relative;
}

.u-roundy-rb-white:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundy-rb-white.svg);
  background-position: right bottom;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*white round & yellow inner & left top*/

.u-roundw-lt-yellow {
  position: relative;
}

.u-roundw-lt-yellow:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundw-lt-yellow.svg);
  background-position: left top;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*white round & yellow inner & left bottom*/

.u-roundw-lb-yellow {
  position: relative;
}

.u-roundw-lb-yellow:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundw-lb-yellow.svg);
  background-position: left bottom;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*white round & yellow inner & right top*/

.u-roundw-rt-yellow {
  position: relative;
}

.u-roundw-rt-yellow:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundw-rt-yellow.svg);
  background-position: right top;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*white round & yellow inner & right bottom*/

.u-roundw-rb-yellow {
  position: relative;
}

.u-roundw-rb-yellow:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundw-rb-yellow.svg);
  background-position: right bottom;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*glay round & white inner & left top*/

.u-roundg-lt-white {
  position: relative;
}

.u-roundg-lt-white:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundg-lt-white.svg);
  background-position: left top;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*glay round & white inner & left bottom*/

.u-roundg-lb-white {
  position: relative;
}

.u-roundg-lb-white:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundg-lb-white.svg);
  background-position: left bottom;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*glay round & white inner & right top*/

.u-roundg-rt-white {
  position: relative;
}

.u-roundg-rt-white:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundg-rt-white.svg);
  background-position: right top;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*glay round & white inner & right bottom*/

.u-roundg-rb-white {
  position: relative;
}

.u-roundg-rb-white:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundg-rb-white.svg);
  background-position: right bottom;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*white round & glay inner & left top*/

.u-roundw-lt-glay {
  position: relative;
}

.u-roundw-lt-glay:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundw-lt-glay.svg);
  background-position: left top;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*white round & glay inner & left bottom*/

.u-roundw-lb-glay {
  position: relative;
}

.u-roundw-lb-glay:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundw-lb-glay.svg);
  background-position: left bottom;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*white round & glay inner & right top*/

.u-roundw-rt-glay {
  position: relative;
}

.u-roundw-rt-glay:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundw-rt-glay.svg);
  background-position: right top;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*white round & glay inner & right bottom*/

.u-roundw-rb-glay {
  position: relative;
}

.u-roundw-rb-glay:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundw-rb-glay.svg);
  background-position: right bottom;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*inherti round & white inner & right bottom*/

.u-roundi-rt-white {
  position: relative;
}

.u-roundi-rt-white:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundi-rt-white.svg);
  background-position: right top;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*inherti round & white inner & right bottom*/

.u-roundi-rb-white {
  position: relative;
}

.u-roundi-rb-white:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundi-rb-white.svg);
  background-position: right bottom;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*inherti round & white inner & left top*/

.u-roundi-lt-white {
  position: relative;
}

.u-roundi-lt-white:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundi-lt-white.svg);
  background-position: left top;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*inherti round & white inner & left bottom*/

.u-roundi-lb-white {
  position: relative;
}

.u-roundi-lb-white:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundi-lb-white.svg);
  background-position: left bottom;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*white round & inherit inner & left bottom*/

.u-roundw-lb-inherit {
  position: relative;
}

.u-roundw-lb-inherit:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundw-lb-inherit.svg);
  background-position: left bottom;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*white round & inherit inner & left top*/

.u-roundw-lt-inherit {
  position: relative;
}

.u-roundw-lt-inherit:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundw-lt-inherit.svg);
  background-position: left top;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*white round & inherit inner & right top*/

.u-roundw-rt-inherit {
  position: relative;
}

.u-roundw-rt-inherit:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundw-rt-inherit.svg);
  background-position: right top;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*white round & inherit inner & right bottom*/

.u-roundw-rb-inherit {
  position: relative;
}

.u-roundw-rb-inherit:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 180px;
  height: 180px;
  background: url(../../images/top/roundw-rb-inherit.svg);
  background-position: right bottom;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*color green*/
.u-color-green {
  color: #059C40;
}

/*color white*/
.u-color-white {
  color: #ffffff;
}

/*text size*/
.text-small {
  font-size: 12px;
}

.text-small + .text-small {
  margin-top: 25px;
}

.text-middle {
  font-size: 15px;
}

.text-middle + .text-middle {
  margin-top: 25px;
}

.text-big {
  font-size: 18px;
}

.text-big + .text-big {
  margin-top: 25px;
}

/*店舗詳細クラス指定*/

/*取り扱いサービス*/

/*-------ダン・ブラウン-----------*/
.p-list-item__thum.u-donebrown-thum {
  background: url(../../images/store/store-service01.png) no-repeat center center;
  background-size: 100%;
}

/*-------医薬品-----------*/
.p-list-item__thum.u-medicine-thum {
  background: url(../../images/store/store-service02.png) no-repeat center center;
  background-size: 100%;
}

/*-------サミCafe・私の喫茶室-----------*/
.p-list-item__thum.u-cafe-thum {
  background: url(../../images/store/store-service03.png) no-repeat center center;
  background-size: 100%;
}

/*-------キッズスペース-----------*/
.p-list-item__thum.u-kidsspace-thum {
  background: url(../../images/store/store-service04.png) no-repeat center center;
  background-size: 100%;
}

/*-------おためし下さい-----------*/
.p-list-item__thum.u-otameshikudasai-thum {
  background: url(../../images/store/store-service05.png) no-repeat center center;
  background-size: 100%;
}

/*-------案内係-----------*/
.p-list-item__thum.u-guide-thum {
  background: url(../../images/store/store-service06.png) no-repeat center center;
  background-size: 100%;
}

/*-------配達サービス-----------*/
.p-list-item__thum.u-delivery-thum {
  background: url(../../images/store/store-service07.png) no-repeat center center;
  background-size: 100%;
}

/*-------美し水-----------*/
.p-list-item__thum.u-umashimizu-thum {
  background: url(../../images/store/store-service08.png) no-repeat center center;
  background-size: 100%;
}

/*-------クリーニング-----------*/
.p-list-item__thum.u-drycleaning-thum {
  background: url(../../images/store/store-service09.png) no-repeat center center;
  background-size: 100%;
}

/*-------コルモピア-----------*/
.p-list-item__thum.u-colmopia-thum {
  background: url(../../images/store/store-service10.png) no-repeat center center;
  background-size: 100%;
}

/*取り扱い設備*/
/*-------授乳室-----------*/
.p-list-item__thum.u-nursingroom-thum {
  background: url(../../images/store/store-equipment01.png) no-repeat center center;
  background-size: 100%;
}
/*-------誰でもトイレ-----------*/
.p-list-item__thum.u-daredemotoilet-thum {
  background: url(../../images/store/store-equipment02.png) no-repeat center center;
  background-size: 100%;
}
/*-------ATM-----------*/
.p-list-item__thum.u-atm-thum {
  background: url(../../images/store/store-equipment03.png) no-repeat center center;
  background-size: 100%;
}
/*-------公共料金収納代行-----------*/
.p-list-item__thum.u-utilitycharges-thum {
  background: url(../../images/store/store-equipment04.png) no-repeat center center;
  background-size: 100%;
}
/*-------住民票・印鑑証明-----------*/
.p-list-item__thum.u-jyuminhyou-thum {
  background: url(../../images/store/store-equipment05.png) no-repeat center center;
  background-size: 100%;
}
/*-------コピー機-----------*/
.p-list-item__thum.u-copier-thum {
  background: url(../../images/store/store-equipment06.png) no-repeat center center;
  background-size: 100%;
}
/*-------証明写真-----------*/
.p-list-item__thum.u-photobooth-thum {
  background: url(../../images/store/store-equipment07.png) no-repeat center center;
  background-size: 100%;
}
/*-------プリントラッシュ-----------*/
.p-list-item__thum.u-printrush-thum {
  background: url(../../images/store/store-equipment08.png) no-repeat center center;
  background-size: 100%;
}
/*-------宅配ロッカー-----------*/
.p-list-item__thum.u-deliverylocker-thum {
  background: url(../../images/store/store-equipment09.png) no-repeat center center;
  background-size: 100%;
}
/*-------AED-----------*/
.p-list-item__thum.u-aed-thum {
  background: url(../../images/store/store-equipment10.png) no-repeat center center;
  background-size: 100%;
}
/*-------ハートビル法-----------*/
.p-list-item__thum.u-heartbuil-thum {
  background: url(../../images/store/store-equipment11.png) no-repeat center center;
  background-size: 100%;
}
/*-------バリアフリー新法-----------*/
.p-list-item__thum.u-barrierfree-thum {
  background: url(../../images/store/store-equipment12.png) no-repeat center center;
  background-size: 100%;
}

/*リサイクル*/
/*-------発泡スチロールトレイ回収-----------*/
.p-list-item__thum.u-styrofoamtray-thum {
  background: url(../../images/store/store-recycling01.png) no-repeat center center;
  background-size: 100%;
}
/*-------牛乳パック回収-----------*/
.p-list-item__thum.u-milkpack-thum {
  background: url(../../images/store/store-recycling02.png) no-repeat center center;
  background-size: 100%;
}
/*-------アルミ缶回収-----------*/
.p-list-item__thum.u-aluminumcan-thum {
  background: url(../../images/store/store-recycling03.png) no-repeat center center;
  background-size: 100%;
}
/*-------ペットボトル回収-----------*/
.p-list-item__thum.u-petbottles-thum {
  background: url(../../images/store/store-recycling04.png) no-repeat center center;
  background-size: 100%;
}
/*-------ペットボトルキャップ回収-----------*/
.p-list-item__thum.u-bottlecap-thum {
  background: url(../../images/store/store-recycling05.png) no-repeat center center;
  background-size: 100%;
}
/*-------電池回収-----------*/
.p-list-item__thum.u-battery-thum {
  background: url(../../images/store/store-recycling06.png) no-repeat center center;
  background-size: 100%;
}

/*ご利用可能な決済サービス*/
/*-------クレジットカード VISA-----------*/
.p-list-item__thum.u-visa-thum {
  background: url(../../images/store/payment-service01.png) no-repeat center center;
  background-size: 100%;
}
/*-------クレジットカード mastercard-----------*/
.p-list-item__thum.u-mastercard-thum {
  background: url(../../images/store/payment-service02.png) no-repeat center center;
  background-size: 100%;
}
/*-------クレジットカード jcb-----------*/
.p-list-item__thum.u-jcb-thum {
  background: url(../../images/store/payment-service03.png) no-repeat center center;
  background-size: 100%;
}
/*-------クレジットカード amex-----------*/
.p-list-item__thum.u-amex-thum {
  background: url(../../images/store/payment-service04.png) no-repeat center center;
  background-size: 100%;
}
/*-------クレジットカード diners-----------*/
.p-list-item__thum.u-diners-thum {
  background: url(../../images/store/payment-service05.png) no-repeat center center;
  background-size: 100%;
}

/*-------クレジットカード LINE PAY-----------*/
.p-list-item__thum.u-linepay-thum {
  background: url(../../images/store/payment-service06.png) no-repeat center center;
  background-size: 100%;
}

/*-------クレジットカード paypay-----------*/
.p-list-item__thum.u-paypay-thum {
  background: url(../../images/store/payment-service07.png) no-repeat center center;
  background-size: 100%;
}

/*-------クレジットカード merpay-----------*/
.p-list-item__thum.u-merpay-thum {
  background: url(../../images/store/payment-service08.png) no-repeat center center;
  background-size: 100%;
}

/*-------クレジットカード dpay-----------*/
.p-list-item__thum.u-dpay-thum {
  background: url(../../images/store/payment-service09.png) no-repeat center center;
  background-size: 100%;
}

/*-------クレジットカード aupay-----------*/
.p-list-item__thum.u-aupay-thum {
  background: url(../../images/store/payment-service10.png) no-repeat center center;
  background-size: 100%;
}

/*-------クレジットカード jcoin-----------*/
.p-list-item__thum.u-jcoin-thum {
  background: url(../../images/store/payment-service11.png) no-repeat center center;
  background-size: 100%;
}

/*-------クレジットカード uchopay-----------*/
.p-list-item__thum.u-uchopay-thum {
  background: url(../../images/store/payment-service12.png) no-repeat center center;
  background-size: 100%;
}

/*-------クレジットカード alipay-----------*/
.p-list-item__thum.u-alipay-thum {
  background: url(../../images/store/payment-service13.png) no-repeat center center;
  background-size: 100%;
}

/*-------クレジットカード wechatPay-----------*/
.p-list-item__thum.u-wechatPay-thum {
  background: url(../../images/store/payment-service14.png) no-repeat center center;
  background-size: 100%;
}

/*-------電子マネー  Suica-----------*/
.p-list-item__thum.u-suica-thum {
  background: url(../../images/store/payment-service15.png) no-repeat center center;
  background-size: 100%;
}

/*-------電子マネー  Pasmo-----------*/
.p-list-item__thum.u-pasmo-thum {
  background: url(../../images/store/payment-service16.png) no-repeat center center;
  background-size: 100%;
}

/*-------電子マネー  Rakuten Edy-----------*/
.p-list-item__thum.u-rakutenedy-thum {
  background: url(../../images/store/payment-service17.png) no-repeat center center;
  background-size: 100%;
}

/*-------電子マネー  Id-----------*/
.p-list-item__thum.u-idcred-thum {
  background: url(../../images/store/payment-service18.png) no-repeat center center;
  background-size: 100%;
}

/*under line yellow*/

.u-yellow-line {
  display: inline-block;
  position: relative;
}

.u-yellow-line:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 6px;
  height: 6px;
  width: 100%;
  z-index: 0 ;
  background: #FFD800;
}

/*under line green*/

.u-green-line {
  display: inline-block;
  position: relative;
}

.u-green-line:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 4px;
  height: 4px;
  width: 100%;
  z-index: 0 ;
  background: #059C40;
}

/*丸リスト*/
.u-list-def {
  list-style:none;
  margin:0 0 24px;
  padding:0;
}

.u-list-def li {
  padding-left: 20px;
  position: relative;
}

.u-list-def li + li {
  margin-top: 5px;
}

.u-list-def li:before {
  content: '';
  position: absolute;
  left: 8px;
  top: 8px;
  width: 4px;
  height: 4px;
  background-color: #059C40;
  border-radius: 50%;
}

/*番号付きリスト*/

.u-list-num {
  counter-reset:number;
  list-style:none;
  margin:0 0 24px;
  padding:0;
}

.u-list-num li {
  padding-left: 20px;
  position: relative;
}

.u-list-num li + li {
  margin-top: 5px;
}

.u-list-num li:before {
  counter-increment: number;
  content: counter(number); 
  position: absolute;
  left: 0;
  top: -1px;
  color: #059C40;
  font-size: 16px;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: italic;
}

/*太字*/
strong {
  font-weight: 700;
}

/*モーダル表示*/
#cboxOverlay {
  background: #000!important;
}

#cboxLoadedContent {
  background: #fff;
}

#inline-content {
  margin: 20px;
}

#ajax-wrap {
  margin: 20px;
}

#cboxLoadedContent {
  padding: 0;
  overflow: auto;
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose , #cboxTitle {
  top: -30px;
}

#colorbox, #cboxOverlay, #cboxWrapper {
  overflow: visible ;
}

#cboxTitle {
  color: #fff!important;
}

a.colorbox img:hover,
a.gallery img:hover {
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}
/* ==========================================================================
Utility [ display / margin / padding / device... ]
========================================================================== */

/* animation - utility
--------------------------------------------------------- */
.sa {
  opacity: 0;
  transition: all .6s ease!important;
}
.sa.show {
  opacity: 1;
  transform: none;
}
.sa--lr {
  transform: translate(-50px, 0);
}
.sa--rl {
  transform: translate(50px, 0);
}
.sa--up {
  transform: translate(0, 50px);
}
.sa--down {
  transform: translate(0, -50px);
}
.sa--scaleUp {
  transform: scale(.9);
}
.sa--scaleDown {
  transform: scale(1.5);
}
.sa--rotateL {
  transform: rotate(180deg);
}
.sa--rotateR {
  transform: rotate(-180deg);
}

/* vertical-align - utility
--------------------------------------------------------- */
.u-va-t{
  vertical-align: top !important;
}
.u-va-m{
  vertical-align: middle !important;
}
.u-va-b{
  vertical-align: bottom !important;
}

/* border - utility
--------------------------------------------------------- */
/* border-radius */
.u-br-4{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -ms-border-radius: 4px;
}

.u-br-8{
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -ms-border-radius: 8px;
}

.u-br-12{
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -ms-border-radius: 12px;
}

.u-br-16{
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -ms-border-radius: 16px;
}

/* border-none */
.u-br-0{
  border: none;
}

.u-br-t-0{
  border-top: none;
}

.u-br-r-0{
  border-right: none;
}

.u-br-b-0{
  border-bottom: none;
}

.u-br-l-0{
  border-left: none;
}

/* clearfix - utility
--------------------------------------------------------- */
.u-cf{
  *zoom: 1;
}

.u-cf:after{
  display: table;
  clear: both;
  content: '';
}

/* display - utility
--------------------------------------------------------- */
.u-d-tb{
  display: table !important;
}

.u-d-tbc{
  display: table-cell !important;
}

.u-d-b{
  display: block !important;
}

.u-d-ib{
  display: inline-block !important;
}

.u-d-n{
  display: none !important;
}

/* float - utility
--------------------------------------------------------- */
.u-fl-l{
  float: left !important;
}

.u-fl-r{
  float: right !important;
}

/* font-size - utility
--------------------------------------------------------- */
.u-fz-10{
  font-size: 10px !important;
}

.u-fz-12{
  font-size: 12px !important;
}

.u-fz-14{
  font-size: 14px !important;
}

.u-fz-16{
  font-size: 16px !important;
}

.u-fz-18{
  font-size: 18px !important;
}

.u-fz-20{
  font-size: 20px !important;
}

.u-fz-22{
  font-size: 22px !important;
}

.u-fz-24{
  font-size: 24px !important;
}

.u-fz-26{
  font-size: 26px !important;
}

.u-mini {
  font-size: 80%;
}

/* line-clamp - utility
--------------------------------------------------------- */
.u-lc{
  display:         box;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* margin - utility
--------------------------------------------------------- */
/* auto margin */
.u-m-c{
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Top margin */
.u-mt-0{
  margin-top: 0 !important;
}

.u-mt-8{
  margin-top: 8px !important;
}

.u-mt-16{
  margin-top: 16px !important;
}

.u-mt-24{
  margin-top: 24px !important;
}

.u-mt-32{
  margin-top: 32px !important;
}

.u-mt-40{
  margin-top: 40px !important;
}

.u-mt-48{
  margin-top: 48px !important;
}

.u-mt-56{
  margin-top: 56px !important;
}

.u-mt-64{
  margin-top: 64px !important;
}

/* Right margin */
.u-mr-0{
  margin-right: 0 !important;
}

.u-mr-8{
  margin-right: 8px !important;
}

.u-mr-16{
  margin-right: 16px !important;
}

.u-mr-24{
  margin-right: 24px !important;
}

.u-mr-32{
  margin-right: 32px !important;
}

.u-mr-40{
  margin-right: 40px !important;
}

.u-mr-48{
  margin-right: 48px !important;
}

.u-mr-56{
  margin-right: 56px !important;
}

.u-mr-64{
  margin-right: 64px !important;
}

/* Bottom margin */
.u-mb-0{
  margin-bottom: 0 !important;
}

.u-mb-8{
  margin-bottom: 8px !important;
}

.u-mb-16{
  margin-bottom: 16px !important;
}

.u-mb-24{
  margin-bottom: 24px !important;
}

.u-mb-32{
  margin-bottom: 32px !important;
}

.u-mb-40{
  margin-bottom: 40px !important;
}

.u-mb-48{
  margin-bottom: 48px !important;
}

.u-mb-56{
  margin-bottom: 56px !important;
}

.u-mb-64{
  margin-bottom: 64px !important;
}

/* Left margin */
.u-ml-0{
  margin-left: 0 !important;
}

.u-ml-8{
  margin-left: 8px !important;
}

.u-ml-16{
  margin-left: 16px !important;
}

.u-ml-24{
  margin-left: 24px !important;
}

.u-ml-32{
  margin-left: 32px !important;
}

.u-ml-40{
  margin-left: 40px !important;
}

.u-ml-48{
  margin-left: 48px !important;
}

.u-ml-56{
  margin-left: 56px !important;
}

.u-ml-64{
  margin-left: 64px !important;
}

/* misc - utility
--------------------------------------------------------- */
.u-ws-nowrap{
  white-space: nowrap;
}

.u-mx-img{
  max-width: 100%;
}

.u-tx-inside{
  margin-left: 1em;
  text-indent: -1em;
}

/* padding - utility
--------------------------------------------------------- */
/* Top padding */
.u-pt-0{
  margin-top: 0 !important;
}

.u-pt-8{
  margin-top: 8px !important;
}

.u-pt-16{
  margin-top: 16px !important;
}

.u-pt-24{
  margin-top: 24px !important;
}

.u-pt-32{
  margin-top: 32px !important;
}

.u-pt-40{
  margin-top: 40px !important;
}

.u-pt-48{
  margin-top: 48px !important;
}

.u-pt-56{
  margin-top: 56px !important;
}

.u-pt-64{
  margin-top: 64px !important;
}

/* Right padding */
.u-pr-0{
  padding-right: 0 !important;
}

.u-pr-8{
  padding-right: 8px !important;
}

.u-pr-16{
  padding-right: 16px !important;
}

.u-pr-24{
  padding-right: 24px !important;
}

.u-pr-32{
  padding-right: 32px !important;
}

.u-pr-40{
  padding-right: 40px !important;
}

.u-pr-48{
  padding-right: 48px !important;
}

.u-pr-56{
  padding-right: 56px !important;
}

.u-pr-64{
  padding-right: 64px !important;
}

/* Bottom padding */
.u-pb-0{
  padding-bottom: 0 !important;
}

.u-pb-8{
  padding-bottom: 8px !important;
}

.u-pb-16{
  padding-bottom: 16px !important;
}

.u-pb-24{
  padding-bottom: 24px !important;
}

.u-pb-32{
  padding-bottom: 32px !important;
}

.u-pb-40{
  padding-bottom: 40px !important;
}

.u-pb-48{
  padding-bottom: 48px !important;
}

.u-pb-56{
  padding-bottom: 56px !important;
}

.u-pb-64{
  padding-bottom: 64px !important;
}

/* Left padding */
.u-pl-0{
  padding-left: 0 !important;
}
.u-pl-8{
  padding-left: 8px !important;
}
.u-pl-16{
  padding-left: 16px !important;
}
.u-pl-24{
  padding-left: 24px !important;
}
.u-pl-32{
  padding-left: 32px !important;
}
.u-pl-40{
  padding-left: 40px !important;
}
.u-pl-48{
  padding-left: 48px !important;
}
.u-pl-56{
  padding-left: 56px !important;
}
.u-pl-64{
  padding-left: 64px !important;
}

/* position - utility
--------------------------------------------------------- */
.u-pos-a{
  position: absolute !important;
}

.u-pos-r{
  position: relative !important;
}

/* text-align - utility
--------------------------------------------------------- */
.u-ta-l{
  text-align: left !important;
}

.u-ta-c{
  text-align: center !important;
}

.u-ta-r{
  text-align: right !important;
}

/* text-decoration - utility
--------------------------------------------------------- */
.u-fw-n{
  font-weight: normal !important;
}

.u-fw-500{
  font-weight: 500 !important;
}

.u-fw-700{
  font-weight: 700 !important;
}

.u-td-u{
  text-decoration: underline !important;
}

/* text-truncate - utility
--------------------------------------------------------- */
.u-tt{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  /* for IE 8/9 */
}

/* width - utility
--------------------------------------------------------- */
.u-w-auto{
  width: auto !important;
}

.u-maw-full{
  max-width: 100% !important;
}

.u-maw-half{
  max-width: 50% !important;
}

@media screen and (max-width: 768px) {
  /* content */
  .c-center {
    max-width: 1100px;
    width: 92.5%;
    padding: 40px 0;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .c-center-type02 ,
  .c-center-type03 ,
  .c-center-type04 {
    max-width: 1200px;
    width: 92.5%;
    padding: 40px 0;
    margin: 0 auto;
    box-sizing: border-box;
  }
  /*text size*/
  .text-small {
    font-size: 12px;
  }

  .text-middle {
    font-size: 13px;
  }

  .text-big {
    font-size: 15px;
  }

  /*under line yellow*/

  .u-yellow-line {
    display: inline;
    position: relative;
  }

  .u-yellow-line:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 4px;
    height: 4px;
    width: 100%;
    z-index: 0 ;
    background: #FFD800;
  }

  /*under line green*/

  .u-green-line {
    display: inline;
    position: relative;
  }

  .u-green-line:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 4px;
    width: 100%;
    z-index: 0 ;
    background: #059C40;
  }

  /*番号付きリスト*/

  .u-list-num {
    counter-reset:number;
    list-style:none;
    margin:0 0 16px;
    padding:0;
  }

  .u-list-num li {
    padding-left: 20px;
    position: relative;
  }

  .u-list-num li + li {
    margin-top: 8px;
  }

  .u-list-num li:before {
    counter-increment: number;
    content: counter(number); 
    position: absolute;
    left: 0;
    top: -2px;
    color: #059C40;
    font-size: 15px;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    font-style: italic;
  }

  .u-roundg-lt-white:before,
  .u-roundy-lt-white:before,
  .u-roundy-lb-white:before,
  .u-roundy-rt-white:before,
  .u-roundy-rb-white:before,
  .u-roundw-lt-yellow:before,
  .u-roundw-lb-yellow:before,
  .u-roundw-rt-yellow:before,
  .u-roundw-rb-yellow:before,
  .u-roundg-lt-white:before,
  .u-roundg-lb-white:before,
  .u-roundg-rt-white:before,
  .u-roundg-rb-white:before,
  .u-roundw-lt-glay:before,
  .u-roundw-lb-glay:before,
  .u-roundw-rt-glay:before,
  .u-roundw-rb-glay:before,
  .u-roundi-rt-white:before,
  .u-roundi-rb-white:before,
  .u-roundi-lt-white:before,
  .u-roundi-lb-white:before,
  .u-roundw-lb-inherit:before,
  .u-roundw-lt-inherit:before,
  .u-roundw-rt-inherit:before,
  .u-roundw-rb-inherit:before {
    width: 90px;
    height: 90px;
  }
  .u-roundy-lb-white:before {
    bottom: 89px;
  }

  /*下層メニュー*/
  .u-lnavi-menu {
    margin-bottom: 30px;
    background-color: #ffffff;
  }

  .u-lnavi-item {
    padding: 0;
    display: none;
  }

  .u-lnavi-item {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .u-lnavi-items {
    width: 100%;
    padding: 0;
    margin-right: 0;
    margin-bottom: 1px;
    background-color: #F7F7F7;
  }
  .sp-lnavi-link,
  .u-lnavi-items__link {
    padding: 14px 40px 14px 47px;
    display: block;
  }

  .u-lnavi-items__link:before {
    content: '';
    position: absolute;
    right: 20px;
    top: 40%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #059C40;
    border-right: 2px solid #059C40;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  /*遷移するリンクの矢印*/
  .u-lnavi-items__link.u-lnavi-items__link--tran:before {
    content: '';
    position: absolute;
    right: 20px;
    top: 40%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #059C40;
    border-right: 2px solid #059C40;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .sp-lnavi {
    display: block;
    position: relative;
  }

  .sp-lnavi-link {
    font-size: 16px;
    padding-left: 27px;
    font-weight: 700;
    background-color: #EFEFEF;
  }

  .sp-lnavi-arrows {
    position: absolute;
    height: 50px;
    width: 50px;
    right: 0;
    top: 0;
    border: none;
    padding: 0;
    background-color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none;
  }

  .sp-lnavi-arrows:before {
    content: '';
    position: absolute;
    right: 20px;
    top: 42%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #333333;
    border-right: 2px solid #333333;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    box-shadow: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }

  .sp-lnavi-arrows.is-open:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: none;
  }

  .u-parentnavi-menu { 
    margin-top: 0;
  }

  .u-lnavi-menu + .u-parentnavi-menu {
    margin-top: -29px;
  }

  .u-parentnavi-menu .c-center-type02 {
    padding: 10px;
  }

  .u-parentnavi-items + .u-parentnavi-items {
    margin-left: 0px;
  }

  .u-parentnavi-items__link {
    padding-right: 20px;
    margin-right: 20px;
  }


}