@charset "UTF-8";
/*--------------------------------------------------------------
 # Global @MEDIA QUERY
----------------------------------------------------------------

 · SCSS DIR :: \wp-content\themes\tequilajournal\renewal\css\.scss
 · $ scss --watch --style compressed -E UTF-8 ./:../
 · $ scss --watch -E UTF-8 ./:../
--------------------------------------------------------------*/
/*--------------------------------------------------------------
 # Global @FUNCTION
--------------------------------------------------------------*/
/*--------------------------------------------------------------
 # Global @MIXIN :: Default
--------------------------------------------------------------*/
/*--------------------------------------------------------------
 # Global @MIXIN :: Text
--------------------------------------------------------------*/
/*--------------------------------------------------------------
 # Global @MIXIN :: Container (Layout)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# transition
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# animation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
 # @MEDIA QUERY
----------------------------------------------------------------
 · SCSS DIR :: \Site\TCA-LP\20221015\css\.scss
 · $ scss --watch --style compressed -E UTF-8 ./:../
 · $ scss --watch -E UTF-8 ./:../

 · Mobile(SP)
 ① XS : 0 ~ 359px
 ② S : 360 ~ 599px 
 · Tablet
 ① M : 600 ~ 904px 
 · PC
 ① L : 905 ~ 1279px 
 ② XL : 1280 ~ 1439px
 ③ XXL : 1440 ~
--------------------------------------------------------------*/
/*--------------------------------------------------------------
 # font
--------------------------------------------------------------*/
@font-face {
  font-family: 'lumberjack-inline-rough';
  src: url("../font/Lumberjack_Inline_Rough.otf") format("woff"), url("../font/Lumberjack_Inline_Rough.otf") format("opentype"), url("../font/Lumberjack_Inline_Rough.otf") format("truetype"); }
@font-face {
  font-family: 'MyriadVariableConcept';
  font-style: italic;
  src: url("../font/MyriadVariableConcept-Italic.otf") format("woff"), url("../font/MyriadVariableConcept-Italic.otf") format("opentype"), url("../font/MyriadVariableConcept-Italic.otf") format("truetype"); }
/*--------------------------------------------------------------
 # responsive 
--------------------------------------------------------------*/
.m-0 {
  margin: 0 !important; }

.mr-0 {
  margin-right: 0 !important; }

.flex, .flex-row {
  display: -ms-flexbox;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

.stick {
  -webkit-position: sticky;
  position: sticky; }
  .stick > img {
    width: inherit;
    height: inherit; }

.font-family--default {
  font-family: 'Noto Sans JP', "Meiryo", "メイリオ", 'Arial', 'Notosans', sans-serif; }

/*--------------------------------------------------------------
 # Base
 + l-*: layout
 + p-*: panel (inc. padding panel)
 + c-* : container  
 + widget : widget
--------------------------------------------------------------*/
[class^="l-"], [class^="p-"] {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 980px; }

@media screen and (max-width: 749px) {
  .mobile-1 [class^="p-"] {
    margin: 0 16px; } }
@media screen and (min-width: 750px) {
  .mobile-1 [class^="p-"] {
    margin: 0 32px; } }

.mobile-0 [class^="p-"] {
  max-width: 980px;
  font-size: 16px; }

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