@charset "UTF-8";
/* --------------------------------------------------

Mizue ピアノ教室 | layout.css
Modified 2017.02.02 MT

----------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

* html body {
  background: url(null) fixed;
}

html {
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 62.5%;
}

body {
  overflow-x: hidden;
  overflow-y: auto;
  color: #61584c;
  font-size: 1.5rem;
  font-weight: normal;
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  background: #604d3f;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

a {
  color: #ff7b00;
  text-decoration: underline;
}

a:visited {
  color: #ff7b00;
  text-decoration: underline;
}

a:hover {
  color: #734816;
  text-decoration: underline;
}

a img {
  border: 0;
}

a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
  background: none !important;
}

p {
  margin: 0 0 20px 0;
}

/*--------------------------------------------------------------
common
--------------------------------------------------------------*/
header {
  width: 100%;
  height: 210px;
  z-index: 10000;
  /*
  position: fixed !important;  
  position: absolute;  
  top:0;  
  left:0;
  background:#fff;
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.4) ; 
  */
  background: url(../img/common/header_bg.jpg) repeat-x 0 0;
}

* html header {
  position: absolute;
  top: expression(eval(document.documentElement.scrollTop+0));
}

header .inner {
  position: relative;
  max-width: 1000px;
  width: 100%;
  height: 210px;
  margin: 0 auto;
  min-width: 680px;
}

header .inner .logomark {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 100;
}

header .inner .inqbox {
  position: absolute;
  top: 30px;
  right: 55px;
  width: 278px;
  height: 94px;
  background: url(../img/common/header_inqbox.jpg) no-repeat 0 0;
}

header .inner .inqbox .btn1 {
  position: absolute;
  top: 40px;
  left: 55px;
  z-index: 100;
}

header .inner .inqbox .btn2 {
  position: absolute;
  top: 38px;
  left: 53px;
  z-index: 100;
}

p.lead {
  font-size: 16px;
  /*font-family: 'Open Sans', sans-serif;
  font-weight: 300;*/
  line-height: 1.5;
  margin: 0 0 30px 0;
}

h1 img {
  margin: 0 0 30px 0;
}

/* globalNavi
------------------------------------------------------------*/
ul#globalNavi {
  position: absolute;
  left: 0;
  top: 150px;
  width: 1000px;
  height: 60px;
  margin: 0 auto;
  background: url(../img/common/menu.jpg) no-repeat 0 0;
}

ul#globalNavi li {
  height: 60px;
  list-style: none;
  float: left;
}

ul#globalNavi li a:link,
ul#globalNavi li a:visited {
  width: 200px;
  height: 60px;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
  background: url(../img/common/menu.jpg) no-repeat 0 0;
}

ul#globalNavi li#icon1 a:hover {
  background-position: 0 -60px;
}

ul#globalNavi li#icon2 a:link,
ul#globalNavi li#icon2 a:visited {
  background-position: -200px 0;
}

ul#globalNavi li#icon2 a:hover {
  background-position: -200px -60px;
}

ul#globalNavi li#icon3 a:link,
ul#globalNavi li#icon3 a:visited {
  background-position: -400px 0;
}

ul#globalNavi li#icon3 a:hover {
  background-position: -400px -60px;
}

ul#globalNavi li#icon4 a:link,
ul#globalNavi li#icon4 a:visited {
  background-position: -600px 0;
}

ul#globalNavi li#icon4 a:hover {
  background-position: -600px -60px;
}

ul#globalNavi li#icon5 a:link,
ul#globalNavi li#icon5 a:visited {
  background-position: -800px 0;
}

ul#globalNavi li#icon5 a:hover {
  background-position: -800px -60px;
}

/*--------------------------------------------------------------
TOP
--------------------------------------------------------------*/
#top .mainvisual {
  /*margin:100px 0 0 0;*/
  height: auto;
  position: relative;
  text-align: center;
  background: #756457;
}

#top .mainvisual .inner {
  width: 1000px;
  margin: 0 auto;
}

.swiper-container {
  position: relative;
  width: 100%;
  height: auto;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #756457;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#top h2 {
  font-size: 2.2rem;
  line-height: 1;
  font-weight: normal;
  padding: 13px 20px 10px 20px;
  margin: 0 0 20px 0;
  color: #604d3f;
  background: #e3cfae;
}

#top section#news {
  background: #fff;
}

#top section#news .inner {
  position: relative;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
}

#top section#news .inner ul {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  list-style: none;
}

#top section#news .inner ul li {
  padding: 10px 0 10px 30px;
  border-bottom: 1px dotted #ccc;
  background: url(../img/common/arrow02.png) no-repeat 0 50%;
}

#top section#news .inner ul li a {
  color: #333;
  text-decoration: underline;
}

#top section#news .inner ul li a:visited {
  color: #333;
  text-decoration: underline;
}

#top section#news .inner ul li a:hover {
  color: #ff7b00;
  text-decoration: underline;
}

#top section#bnrArea {
  background: #fff;
}

#top section#bnrArea .inner {
  position: relative;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
}

#top section#bnrArea .inner ul {
  list-style: none;
  margin: 0 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 3%;
  width: 79%;
  margin: 0 auto;
}
#top section#bnrArea .inner ul li {
  width: 48.5%;
  margin-bottom: 3%;
  text-align: center;
}
#top section#bnrArea .inner ul li img {
  width: 100%;
}

/*--------------------------------------------------------------
News
--------------------------------------------------------------*/
#news #container {
  margin: 100px 0 0 0;
  background: #fff;
}

#news #container_inner {
  width: 1000px;
  margin: 0 auto;
  padding: 50px 0;
}

#news #container_inner .inner {
  padding: 0 30px;
}

#news #sidebar {
  width: 200px;
  padding: 0 0 0 20px;
  float: left;
}

#news #sidebar .sidetit {
  font-weight: bold;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  border-bottom: 2px solid #ccc;
}

#news #sidebar ul {
  list-style: none;
}

#news #sidebar ul li {
  padding: 7px 0 7px 20px;
  border-bottom: 1px dotted #ccc;
  background: url(../img/common/arrow01.png) no-repeat 0 50%;
}

#news #mainArea {
  width: 720px;
  padding: 0 20px 0 0;
  float: right;
}

#news #mainArea .entry {
  padding: 0 0 10px 0;
  margin: 0 0 30px 0;
  border-bottom: 1px dotted #ccc;
}

#news #mainArea .entry h2 {
  color: #ff7b00;
  font-size: 20px;
  font-weight: bold;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
  border-bottom: 2px solid #f2f2f2;
}

#news #mainArea .entry .date {
  text-align: right;
}

/*--------------------------------------------------------------
profile
--------------------------------------------------------------*/
#profile #container {
  background: #fff;
}

#profile #container_inner {
  width: 900px;
  margin: 0 auto;
  padding: 50px 0;
}

#profile #container_inner .inner {
  padding: 0 30px;
}

#profile #titleheader {
  background: #fcfaec url(../img/profile/titleheader.png) no-repeat right bottom;
}

#profile #titleheader .inner {
  width: 900px;
  height: 80px;
  margin: 0 auto;
  padding: 40px 50px 10px 50px;
  color: #604d3f;
  font-size: 3rem;
}

#profile h2 {
  font-size: 2.6rem;
  line-height: 1;
  font-weight: normal;
  padding: 13px 20px 10px 20px;
  margin: 0 0 20px 0;
  color: #604d3f;
  background: #e3cfae;
}

#profile h2 em {
  font-size: 1.6rem;
  color: #fff;
}

#profile .detail {
  line-height: 1.8;
  padding: 0 20px;
}

#profile .detail img {
  float: right;
  margin: 0 0 30px 30px;
  padding: 5px;
  border: 1px solid #ccc;
}

/*--------------------------------------------------------------
lesson
--------------------------------------------------------------*/
#lesson #container {
  background: #fff;
}

#lesson #container_inner {
  width: 900px;
  margin: 0 auto;
  padding: 50px 0;
}

#lesson #container_inner .inner {
  padding: 0 30px;
}

#lesson #titleheader {
  background: #fcfaec url(../img/lesson/titleheader.png) no-repeat right bottom;
}

#lesson #titleheader .inner {
  width: 900px;
  height: 80px;
  margin: 0 auto;
  padding: 40px 50px 10px 50px;
  color: #604d3f;
  font-size: 3rem;
}

#lesson h2 {
  font-size: 2.6rem;
  line-height: 1;
  font-weight: normal;
  padding: 13px 20px 10px 20px;
  margin: 0 0 20px 0;
  color: #604d3f;
  background: #e3cfae;
}

#lesson h2 em {
  font-size: 1.6rem;
  color: #fff;
}

#lesson .detail {
  float: left;
  width: 600px;
  line-height: 1.8;
  padding: 0 20px;
}

#lesson .detail h3 {
  font-size: 1.8rem;
  color: #71543e;
  margin: 0 0 10px 0;
  padding: 15px 0 15px 30px;
  border-bottom: 1px solid #e3cfae;
  background: url(../img/lesson/mark.png) no-repeat 0 0;
}

#lesson .detail p {
  padding: 0 0 1em 2em;
}

#lesson .pict {
  float: right;
  width: 250px;
}

/*--------------------------------------------------------------
concert
--------------------------------------------------------------*/
#concert #container {
  background: #fff;
}

#concert #container_inner {
  width: 900px;
  margin: 0 auto;
  padding: 50px 0;
}

#concert #container_inner .inner {
  padding: 0 30px;
}

#concert #titleheader {
  background: #fcfaec url(../img/concert/titleheader.png) no-repeat right bottom;
}

#concert #titleheader .inner {
  width: 900px;
  height: 80px;
  margin: 0 auto;
  padding: 40px 50px 10px 50px;
  color: #604d3f;
  font-size: 3rem;
}

#concert h2 {
  font-size: 2.2rem;
  line-height: 1;
  font-weight: normal;
  padding: 13px 20px 10px 20px;
  margin: 0 0 20px 0;
  color: #604d3f;
  background: #e3cfae;
}

#concert h2 em {
  font-size: 1.6rem;
  color: #fff;
}

#concert .detail {
  float: left;
  width: 580px;
  line-height: 1.8;
  padding: 0 20px;
}

#concert .detail h3 {
  font-size: 1.8rem;
  color: #71543e;
  margin: 0 0 10px 0;
  padding: 15px 0 15px 30px;
  border-bottom: 1px solid #e3cfae;
  background: url(../img/lesson/mark.png) no-repeat 0 0;
}

#concert .detail p {
  padding: 0 0 1em 2em;
}

#concert .pict {
  float: right;
  width: 250px;
  padding: 0 20px 0 0;
}

/*--------------------------------------------------------------
access
--------------------------------------------------------------*/
#access #container {
  background: #fff;
}

#access #container_inner {
  width: 900px;
  margin: 0 auto;
  padding: 50px 0;
}

#access #container_inner .inner {
  padding: 0 30px;
}

#access #titleheader {
  background: #fcfaec url(../img/access/titleheader.png) no-repeat right bottom;
}

#access #titleheader .inner {
  width: 900px;
  height: 80px;
  margin: 0 auto;
  padding: 40px 50px 10px 50px;
  color: #604d3f;
  font-size: 3rem;
}

#access h2 {
  font-size: 2.2rem;
  line-height: 1;
  font-weight: normal;
  padding: 13px 20px 10px 20px;
  margin: 0 0 20px 0;
  color: #604d3f;
  background: #e3cfae;
}

#access .detail {
  line-height: 1.8;
  padding: 0 20px;
}

#access .detail .map {
  float: right;
  margin: 0 0 30px 30px;
}

#access .detail dl {
  width: 430px;
  font-size: 1.6rem;
  margin: 0 0 20px 0;
  padding: 15px 0 15px 30px;
  border-bottom: 1px solid #e3cfae;
  background: url(../img/lesson/mark.png) no-repeat 0 0;
}

#access .detail dl dt {
  width: 5em;
  float: left;
}

/*--------------------------------------------------------------
shirai
--------------------------------------------------------------*/
#shirai #container {
  background: #fff;
}

#shirai #container_inner {
  width: 900px;
  margin: 0 auto;
  padding: 30px 0;
}

#shirai #container_inner .inner {
  padding: 0 30px;
}

#shirai .titleheader {
  margin: 0 0 20px 0;
}

#shirai #school {
  width: 740px;
  padding: 0 80px;
  background: url(../img/shirai/frame_side.png) repeat-y 0 0;
}

#shirai h2 {
  font-size: 4rem;
  line-height: 1;
  font-weight: normal;
  margin: 0 0 20px 0;
  color: #604d3f;
  text-align: center;
}

#shirai .lead {
  font-size: 2.4rem;
  margin: 0 0 40px 0;
  color: #604d3f;
  text-align: center;
}

#shirai #detail {
  float: left;
  width: 400px;
  line-height: 1.8;
}

#shirai #detail ul li {
  font-size: 2rem;
  line-height: 2;
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
}

#shirai #pict {
  float: right;
  width: 300px;
}

#shirai .detail .map {
  float: right;
  margin: 0 0 30px 30px;
}

#shirai #add {
  border: 2px solid #ccc;
  padding: 20px;
  margin: 20px 50px 30px 50px;
}

#shirai #add dl {
  font-size: 1.6rem;
  margin: 0 0 20px 0;
  padding: 15px 0 15px 30px;
  border-bottom: 1px solid #e3cfae;
  background: url(../img/lesson/mark.png) no-repeat 0 0;
}

#shirai #add dl dt {
  width: 5em;
  float: left;
}

/*--------------------------------------------------------------
inquiry
--------------------------------------------------------------*/
#inquiry #container {
  background: #fff;
}

#inquiry #container_inner {
  width: 900px;
  margin: 0 auto;
  padding: 50px 0;
}

#inquiry #container_inner .inner {
  padding: 0 30px;
}

#inquiry #titleheader {
  background: #fcfaec url(../img/inquiry/titleheader.png) no-repeat right bottom;
}

#inquiry #titleheader .inner {
  width: 900px;
  height: 80px;
  margin: 0 auto;
  padding: 40px 50px 10px 50px;
  color: #604d3f;
  font-size: 3rem;
}

#inquiry h2 {
  font-size: 2.2rem;
  line-height: 1;
  font-weight: normal;
  padding: 13px 20px 10px 20px;
  margin: 0 0 20px 0;
  color: #604d3f;
  background: #e3cfae;
}

#inquiry #contentArea {
  width: 700px;
  margin: 0 auto;
}

#inquiry #contentArea dl {
  width: 100%;
  margin: 0 auto 15px auto;
  border: 1px solid #CCC;
  border-top: none;
  zoom: 0;
}

#inquiry #contentArea dl dt {
  float: left;
  clear: left;
  font-weight: bold;
  padding: 8px;
  width: 10em;
  border-top: 1px solid #CCC;
  border-left: none;
}

#inquiry #contentArea dl dd {
  margin: 0 0 0 11.3em;
  padding: 8px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}

#inquiry #contentArea dl dd em {
  font-size: 11px;
  color: #666;
  font-style: normal;
}

#inquiry #contentArea .name {
  width: 300px;
}

#inquiry #contentArea #email {
  width: 320px;
}

#inquiry #contentArea #comments {
  width: 400px;
  resize: vertical;
  /*for safari3*/
}

#inquiry .buttons {
  clear: both;
  text-align: center;
  margin: 0 0 10px 0;
}

#inquiry .buttons input {
  width: 30%;
  display: inline-block;
  margin: 0 auto 30px auto;
  font-size: 1.6rem;
  background: #756457;
  color: #fff;
  padding: 5px 10px;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
}

#inquiry .buttons input:hover {
  background: #cbb09d;
}

#inquiry .errorpoint {
  color: #f00;
}

/*--------------------------------------------------------------
footer
--------------------------------------------------------------*/
footer {
  padding: 50px;
  color: #fff;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

footer .inner {
  color: #fff;
  margin: 0 auto 0 auto;
  max-width: 1000px;
  width: 100%;
  position: relative;
}

footer .inner small {
  display: block;
  letter-spacing: 1px;
  text-align: center;
}

footer .inner ul.linkL {
  list-style: none;
  margin: 0 0 20px 0;
  position: absolute;
  left: 500px;
  top: 0;
}

footer .inner ul.linkR {
  list-style: none;
  margin: 0 0 20px 0;
  position: absolute;
  left: 700px;
  top: 0;
}

footer a {
  color: #fff;
}

footer a:visited {
  color: #fff;
}

footer a:hover {
  color: #fff;
}

/* Pager
---------------------------------------------------------------------------- */
#pagerCont {
  position: relative;
  overflow: hidden;
  margin: 10px;
}

ul.pager {
  position: relative;
  left: 50%;
  float: left;
  list-style: none;
}

ul.pager li {
  position: relative;
  left: -50%;
  float: left;
  margin-right: 5px;
  border: 1px solid #ff7b00;
  font-weight: bold;
}

ul.pager li.prev,
ul.pager li.next {
  border: none;
}

ul.pager li a {
  position: relative;
  display: block;
  padding: 3px 8px;
  color: #ff7b00;
}

ul.pager li a:link,
ul.pager li a:visited {
  text-decoration: none;
}

ul.pager li a:hover,
ul.pager li a:active {
  color: #fff;
  background-color: #ff7b00;
  text-decoration: none;
}

ul.pager li em {
  display: block;
  padding: 3px 8px;
  background: #ff7b00;
  color: #FFFFFF;
}

/* Color Stock 
---------------------------------------------------------------------------- */
.red {
  color: #F00;
}

.orange {
  color: #F60;
}

.brown {
  color: #960;
}

.pink {
  color: #e47fcd;
}

.green {
  color: #1fad70;
}

.violet {
  color: #8e779f;
}

/* etc
---------------------------------------------------------------------------- */
.clearfix:after {
  content: ".";
  /*height:0;*/
  clear: both;
  display: block;
  visibility: hidden;
}

* html > body .clearfix {
  display: inline-block;
  width: 100%;
}

* html .clearfix {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
}

*:first-child + html .clearfix {
  /*for IE7*/
  height: 1%;
}

br {
  letter-spacing: 0px;
}

.clr {
  clear: both;
}

.fs12 {
  font-size: 12px;
}

.fs11 {
  font-size: 11px;
}

.fs10 {
  font-size: 10px;
}

.mt5 {
  margin: 5px 0 0 0;
}

.mt10 {
  margin: 10px 0 0 0;
}

.mt20 {
  margin: 20px 0 0 0;
}

.ml5 {
  margin: 0 0 0 5px;
}

.ml10 {
  margin: 0 0 0 10px;
}

.ml20 {
  margin: 0 0 0 20px;
}

.ml30 {
  margin: 0 0 0 30px;
}

.mb5 {
  margin: 0 0 5px 0;
}

.mb10 {
  margin: 0 0 10px 0;
}

.mb20 {
  margin: 0 0 20px 0;
}

.mtb5 {
  margin: 5px 0;
}

.mtb10 {
  margin: 10px 0;
}

.mtb20 {
  margin: 20px 0;
}

.m20 {
  margin: 20px;
}

.hidden {
  display: none;
}

body.shops {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.shops #container {
  background-color: #fff;
  color: #231815;
  font-family: serif;
}
body.shops #container_inner {
  width: 900px;
  margin: 0 auto;
  padding: 1em 0;
}
body.shops #container_inner > figure,
body.shops #container_inner .txt1,
body.shops #container_inner .flex,
body.shops #container_inner .address {
  margin-left: auto;
  margin-right: auto;
  width: 92%;
  max-width: 900px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.shops h2 {
  text-align: center;
  font-size: 2.6em;
  margin: 1.2em auto 0.6em;
}
body.shops .txt1 {
  text-align: center;
  font-size: 1.8em;
  margin: 0 auto 2.4em;
}
body.shops .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 1.3em auto 2.5em;
}
body.shops .flex .txt {
  font-size: 2em;
  width: 72%;
}
body.shops .flex .txt .sq {
  position: relative;
  margin: 0;
  padding: 0 0 0 1.2em;
}
body.shops .flex .txt .sq:before {
  display: block;
  position: absolute;
  content: "◇";
  left: 0em;
  top: 0.82em;
  width: 1em;
  height: 1em;
  line-height: 1em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
body.shops .flex .txt .sq.bl:before {
  content: "◆";
}
body.shops .flex .txt .sq.bl:nth-child(3), body.shops .flex .txt .sq.bl:nth-child(5) {
  margin-top: 1em;
}
body.shops .flex .img {
  width: 25%;
}
body.shops .flex .img figure + figure {
  margin-top: 0.8em;
}
body.shops .flex.load {
  padding: 0 2%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body.shops .flex.load .txt,
body.shops .flex.load .img {
  width: 48%;
}
body.shops .flex.load .txt {
  font-size: 1.6em;
}
body.shops .flex.car {
  padding: 3% 2%;
}
body.shops .flex.car .txt,
body.shops .flex.car .img {
  width: 45%;
}
body.shops .flex.car .img img {
  display: block;
  margin-bottom: 1em;
}
body.shops .flex.car .txt {
  font-size: 1.3em;
  font-family: sans-serif;
  color: #e95513;
}
body.shops .flex.car .txt .box {
  border: 2px solid #e95513;
  padding: 0.8em 1.5em;
}
body.shops .flex.car .txt .box p {
  padding-bottom: 0;
  margin-bottom: 0;
}
body.shops .flex.car .txt h5 {
  font-size: 1.3em;
  margin-bottom: 0.5em;
  text-align: center;
}
body.shops .flex.car .txt figure {
  display: block;
  margin-bottom: 1.2em;
}
body.shops .address {
  border: 2px solid #604d3f;
  padding: 3% 5.5%;
}
body.shops .address table {
  font-size: 1.6em;
}
body.shops .address table th {
  vertical-align: top;
  width: 4.5em;
  text-align: left;
  padding: 0.4em 0 0.4em 1.2em;
  position: relative;
}
body.shops .address table th:before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 1.1em;
  width: 1em;
  height: 1.5em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../img/narasino/onpu.webp") no-repeat center/contain;
}
body.shops .address table td {
  padding: 0.4em 0;
  font-weight: 600;
}
body.shops table.red {
  width: 100%;
  margin: 2em auto;
  font-family: sans-serif;
}
body.shops table.red th {
  width: 4em;
  text-align: left;
  font-size: 1.6em;
  letter-spacing: 0.1em;
}
body.shops table.red td {
  font-size: 1.4em;
}
body.shops .googlemaps {
  display: block;
  margin: 2em auto;
  text-align: center;
}
body.shops .box1 h3,
body.shops .box2 h3 {
  font-size: 1.8em;
  padding-left: 1.7em;
  position: relative;
  letter-spacing: 0.05em;
  margin: 3em 0 2em;
}
body.shops .box1 h3:before,
body.shops .box2 h3:before {
  display: block;
  position: absolute;
  border-radius: 50%;
  left: 0em;
  top: 50%;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.4em;
  text-align: center;
  color: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
body.shops .box1 h3:before {
  content: "1";
  background-color: #d5007f;
}
body.shops .box2 h3:before {
  content: "2";
  background-color: #00948b;
}
body.shops h4 {
  background-color: #946134;
  padding: 0.1em 0 0.2em;
  text-align: center;
  color: #fff;
  font-size: 1.9em;
  letter-spacing: 0.08em;
}

body#takano #container {
  background-color: #ffffeb !important;
}