@charset "UTF-8";
/*--
  base size
--*/
/*--
  break points
--*/
/*$breakpoints: (
  'tbLandscape': 'screen and (orientation: landscape) and (min-width: 768px) and (max-width: 1024px)',
  'portrait': 'screen and (orientation: portrait) ',                          //縦向き
  'spMin': 'screen and (max-width: 320px)',
  'spMinLandscape': 'screen and (orientation: landscape) and (max-height: 320px)',
  'landscape': 'screen and (orientation: landscape) and (max-width: 767px)', //横向き
) !default;*/
/*--
  colors
--*/
/*--
  font family
--*/
/*--
  font weight
--*/
/*--
  源ノ角ゴシック JP(Adobe)でのweight名 = Source Han Sans Japanese
  ExtraLight  : 200
  Light       : 200
  Normal      : 300　
  Regular     : 400
  Medium      : 500
  Bold        : 700
  Heavy       : 900
--*/
/*--
  PlusJakartaSansでのweight名
  ExtraLight  : 100
  Light       : 200
  Regular     : 400
  Medium      : 600
  SemiBold    : 700
  Bold        : 800
  ExtraBold   : 900
--*/
/*--
  汎用
  - カスタムブロック側で使用していると思うので、残置
--*/
/*--
  img path
  - craft-museum側はthemeファイル内に
--*/
/*--
  easing
 */
/*--
  line-height
  - XDの行送り / フォントサイズ
--*/
/*--
  letter-spacing
  - XDのAV / 1000
--*/
/*--
  calcVw
  - 主にSPで使う想定の関数。
  - 第2引数のデフォルトはsp。sp以外で使用する際はtb || pcを指定する
  - デザイン上の子要素のwidth / デザイン上の画面サイズを算出する
  - デザイン上の画面サイズ = pc: 1366, sp: 375
  - 第3引数にtrueを指定すると、マイナスで算出する
--*/
/*--
  box-shadow
- $x: XDのドロップシャドウのX
- $y: XDのドロップシャドウのY
- $b: XDのドロップシャドウのB
--*/
/*--
  media queries
  - $breakpoint: _variables.scssの$breakpointsからキーを選んで入力。デフォルトはsp
--*/
/*--
  placeholder
  - 多分使用できない...
--*/
/*--------------------------------------------------
  transition
  - transitionの設定
  - $propertyは面倒であればallで指定
--------------------------------------------------*/
/*--------------------------------------------------
  hover animation
  - ホバーでふんわり透過
  - aタグ以外にも適用可
  - $property:      all, opacity, width, border-widthなど
  - $time:          500など
  - $isOpacity:     デフォルトはtrue、falseを指定するとhover時に透過しない
  - $transparency:  デフォルトは0.6、値を指定するとhover時の透過度を変更、$isOpacityをfalseにした場合はhover時に透過しない
--------------------------------------------------*/
/*--------------------------------------------------
  hover時のタイミングだけ管理
  - aタグはデフォルトで付与しているため、追加不要
--------------------------------------------------*/
/*--------------------------------------------------
  hover:透過, focus:囲みborder
  - $outLineColor: outlineの線の色
--------------------------------------------------*/
/*--------------------------------------------------
  hover:透過+border, focus:囲みborder
  - $outLineColor: outlineの線の色
--------------------------------------------------*/
/*--------------------------------------------------
  hover: 下からborder. focus: 囲みborder
  - ホバーでふんわり透過
  - aタグ以外にも適用可
  - $property:      all, opacity, width, border-widthなど
  - $time:          500など
  - $isOpacity:     デフォルトはtrue、falseを指定するとhover時に透過しない
  - $transparency:  デフォルトは0.6、値を指定するとhover時の透過度を変更、$isOpacityをfalseにした場合はhover時に透過しない
--------------------------------------------------*/
/*--------------------------------------------------
  link arrow base
  - 矢印付きリンクのベース設定
  - 矢印の向きや大きさなどはinclude先で指定する
--------------------------------------------------*/
/*--------------------------------------------------
  gradient
  - グラデーション
--------------------------------------------------*/
/*--------------------------------------------------
  抜粋ベース
--------------------------------------------------*/
/*-- 単行 --*/
/*-- 2行 --*/
/*-- 3行 --*/
/*--------------------------------------------------
  詳細ページのページタイトル
  - .box-page-titleと同じもの
  - 一覧を持つ詳細ページは、PCでは非表示
  - 一覧を持つ詳細ページは、SPではナビゲーションが常時表示では無いので表示する
--------------------------------------------------*/
/*--------------------------------------------------
  詳細ページのページヘッダーの次のコンテンツ
--------------------------------------------------*/
/*--------------------------------------------------
  selectタグのデフォルトスタイルreset
  - code penより
  https://codepen.io/jnowland/pen/KzYQxp
  - selectタグにスタイルを当てられるようにする
  - selectタグのスタイルカスタマイズ方法は、/themes/momat/scss/component/_form.scss .form-select(136行目あたり) を参照
--------------------------------------------------*/
/*--
  SVG
--*/
/*--
碇さんへ || SCSSの構成に関するメモです
scss/component/   サイト内どこでも使いそうな共通パーツを集めたscss郡
scss/foundation/  サイト全体の基本セッティング(リセット/html・body・a等の基本タグのセッティング)
scss/global/      関数・mixin・変数(カラー/media query/透過色/font-family/font-weightなど)
scss/layout/      当初、海辺が担当したページ等のレイアウト(header/footer等共通コンポーネント部分はこちらに含む)
scss/layout_m/    当初、田中さんが担当したページ等のレイアウト(ブロックエディターのセッティングはこちらに含む)
scss/layout_i/    碇さんが担当されるページ等のレイアウト
scss/override/    プラグインのcssを上書くときに使っている領域(bx-slideしかなくて、海辺が使っている、これはlayout/に取り込む予定)

※ scss/global/ と、scss/component/　配下は、お使いいただける場面があるかもしれません。必要な際にお声がけくださいませ。(海辺)
※ 工芸館は、momat/scss/をまず最初にロードします。色等変更するところや、工芸館にしかないページのscssはcraft-museum/scss/配下にあり、上書くようになっています。
※ 工芸館側にも同じ構成でlayout_iを作ったので、工芸館だけに効かせるスタイルはそちらに書いていただくと働きます。
--*/
/*--------------------------------------------------
  single-xxx
--*/
/*body.single-exhibition {
  color: #ff3300;
}*/
body.access .base__data {
  display: block;
}
body.access .notice p {
  font-size: 1.3rem;
}

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