.more_btn_ct {
	text-align: center;
	padding: 5em 0 0;
}

.more_btn_ct i{
	padding: 0 0 0 6em;
}

.more_btn_ct a {
	text-align: center;
	padding: 1.5em 1em 1.5em 7em;
	background: #252525;
	border: 1px solid #252525;
	color: #fff;
	border-radius:10px;
}

.more_btn_ct a:hover {
	background: none;
	border: 1px solid #252525;
	color: #252525;
}

.header_icon_smf {
    display:none!important;
}

@media screen and (min-width: 768px) {
/*タブレット、スマホの場合*/
.header_icon_smf	{ 
display:inline-block!important;
  }
}

.sc_box {
  position: fixed;
  margin: auto;
  right: 0;
  bottom: 0;
  width: 400px;
  height: 100px;
  z-index: 999;
}
.sc_box .search {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 20px;
  left: 280px;
  width: 80px;
  height: 80px;
  background: #000;
  border-radius: 50%;
  transition: all 1s;
  z-index: 4;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.sc_box .search:hover {
  cursor: pointer;
}
.sc_box .search::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 22px;
  right: 0;
  bottom: 0;
  left: 22px;
  width: 12px;
  height: 2px;
  background: white;
  transform: rotate(45deg);
  transition: all .5s;
}
.sc_box .search::after {
  content: "";
  position: absolute;
  margin: auto;
  top: -5px;
  right: 0;
  bottom: 0;
  left: -5px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid white;
  transition: all .5s;
}
.sc_box input {
  position: absolute;
  margin: auto;
  top: 0;
  right: 20px;
  bottom: 20px;
  width: 80px;
  height: 80px;
  outline: none;
  border: none;
  background: #000;
  color: white;
  padding: 0 80px 0 20px;
  border-radius: 50px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  transition: all 1s;
  opacity: 0;
  z-index: 5;
  letter-spacing: 0.1em;
}
.sc_box input:hover {
  cursor: pointer;
}
.sc_box input:focus {
  width: 320px;
  opacity: 1;
  cursor: text;
}
.sc_box input:focus ~ .search {
  right: 0;
  background: #000;
  z-index: 6;
}
.sc_box input:focus ~ .search::before {
  top: 0;
  left: 0;
  width: 25px;
}
.sc_box input:focus ~ .search::after {
  top: 0;
  left: 0;
  width: 25px;
  height: 2px;
  border: none;
  background: white;
  border-radius: 0%;
  transform: rotate(-45deg);
}
.sc_box input::placeholder {
  color: white;
  opacity: 0.5;
  font-weight: bolder;
}

/* =======================

フッター

======================= */
.footer_shop_img {
	float: left;
}

.footer_shop_text {
	float: left;
	padding-left: 5%;
}


.tbl_calendar {
  width: 100% !important;
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #555 !important;
}

.tbl_calendar caption {
  text-align: center !important;
}


.footer_service {
	text-align: center;
	padding:1em;
    border-bottom: 1px solid #555;
    border-top: 1px solid #555;
    overflow: hidden;
}

.footer_service ul li{
  padding: 0.5em 0;
}

.footer_sns_icon {
  padding: 0 0 1em;
  font-size: 24px;
}

.culture_btn {
  font-size:11px;
}

.culture_btn i{
	padding: 0 0 0 0.5em;
}

.culture_btn a {
	text-align: center;
    width: 100%;
	padding: 1.5em 1em 1.5em 1em;
	background: #252525;
	border: 1px solid #252525;
	color: #fff;
	border-radius:10px;
}

.culture_btn a:hover {
	background: none;
	border: 1px solid #252525;
	color: #252525;
}

@media screen and (min-width: 768px) {
  .footer_shop_map {
	padding-left: 6%;
}
	.tbl_calendar {
      float: left !important;
      width: 45% !important;
}
  .footer_service ul {
  position: relative;
  left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
  float: left;
}
  
    .footer_service ul li {
        position: relative;
  left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
  float: left;
  padding: 0 1em;
}
  
  .culture_btn {
  font-size:14px;
}
  
  .culture_btn i{
	padding: 0 0 0 0.5em;
}

.culture_btn a {
	text-align: center;
    width: 100%;
	padding: 1.5em 1em 1.5em 1em;
	background: #252525;
	border: 1px solid #252525;
	color: #fff;
	border-radius:10px;
}

.culture_btn a:hover {
	background: none;
	border: 1px solid #252525;
	color: #252525;
}


}