@charset "UTF-8";

/*!
Theme Name: 零式書店
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: 株式会社アセンテジャパン
Author URI: https://www.ascente.co.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px) {
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
}

/************************************
** テンプレのcssを上書き
************************************/

html {
	margin-top: 0!important;
}

#wpadminbar {
  display: none;
}

.page-id-9 .container .content {
  margin-top: 0 !important;
}

.page-id-9 #header,
.page-id-9 .header-container {
  display: none !important;
}

.page-id-9 .container .main {
  width: 100vw !important;
  margin: 0;
}

/*html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
}*/

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  --bs-gutter-x: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.main {
  padding: 0;
}

/*@media screen and (max-width: 834px) {
  main.main,
  div.sidebar {
    padding: 0 15px;
    margin: 0;
    border-width: initial;
  }
}*/

@media screen and (max-width: 834px) {
  .main.main,
  div.sidebar {
    padding: 0;
    overflow-x: hidden; /* 横スクロール防止 */
    box-sizing: border-box; /* パディング込みで幅計算 */
  }
}

@media screen and (max-width: 1023px) {
  .page-id-9 .container .main {
    width: auto !important;
  }
}

.wrap {
  width: auto;
}

div#container {
  min-width: -webkit-fill-available;
  min-width: fill-available;
}

@media screen and (max-width: 1255px) {
  .main,
  .sidebar,
  .sidebar-left .main,
  .sidebar-left .sidebar {
    margin: 0;
  }
}

.main {
  border: none;
}

.carousel {
  margin-top: 0;
  opacity: unset;
}

/*X案内文*/

a.d-flex.align-items-center.text-decoration-none.text-dark.p-2 {
  transition: background-color 0.3s ease;
  border-radius: 6px;
}

a.d-flex.align-items-center.text-decoration-none.text-dark.p-2:hover {
  background-color: #fff98d !important;
}

/************************************
** 店舗ページ テンプレ上書き
************************************/

.logo.logo-header.logo-text {
  display: none;
}

.tagline {
  display: none;
}

.go-map a {
  position: relative;
  display: inline-block;
  font-size: 1.1em;
  font-weight: 600;
  color: #333 !important;
  text-decoration: none;
  overflow: hidden;
}

.go-map a i {
  font-size: 1.4em;
  padding-right: 0.1em;
}

.go-map a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px;
  width: 0%;
  height: 2px;
  background-color: #f73d0b !important;
  transition: width 0.4s ease;
}

.go-map a:hover::after {
  width: 100%;
}

/*
*,
*::before,
*::after {
  outline: 1px solid red;
}
*/