MediaWiki:Common.css

/* ここに記述したCSSはすべての外装に反映されます */
@font-face {
    font-family: 'Bravura';
    src: url('./font/Bravura.woff2') format('woff2'),
         url('./font/Bravura.woff') format('woff');
}

@font-face {
    font-family: 'BravuraText';
    src: url('./font/BravuraText.woff2') format('woff2'),
         url('./font/BravuraText.woff') format('woff');
}

@font-face {
    font-family: 'YonetMuFL';
    src: url('./font/YonetMuFL.woff2') format('woff2'),
         url('./font/YonetMuFL.woff') format('woff');
}

@font-face {
    font-family: 'Neo Euler Medium';
    src: url('./font/euler.woff') format('woff');
}

.mw-editfont-monospace{
	font-family: 
    "ヒラギノ角 Pro－等幅", "ヒラギノ角ゴ Pro―等幅", "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ StdN", "ヒラギノ角ゴ StdN", 
    "ヒラギノ角ゴ ProN W3",  
    HiraKakuProN-W3, メイリオ, Meiryo, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif !important;
}

.vector-sticky-header-context-bar-primary{
	font-family: 
    "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ StdN W3", "ヒラギノ角ゴ StdN W3", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro",  
    メイリオ, Meiryo, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}

#content{
    font-family: 
    "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ StdN W3", "ヒラギノ角ゴ StdN W3", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro", 
    メイリオ, Meiryo, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif !important;
}
body{
    font-size: 110%;
}
textarea{
    font-size: 110% !important;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
    content: "";
	display: block;
	clear: both;
}
 
.clearfix {
	display: block;
}

.mobile{
  font-size: 150% !important; 
  line-height: 100%;
}

.mobile textarea {
  font-size: 100% !important;
  height: calc(1.5em * 10) !important;
  line-height: 1.5 !important;
}
@media screen and (max-width: 375px){
  body{
      font-size: 50% !important; 
  }
  textarea{
    font-size: 100% !important;
    height: calc( 1.5em * 10 ) !important;
    line-height: 1.5 !important;
  }
  .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 376px){
  .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-content-container, 
  .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container{ 
    margin-left: 11.5em;
  }
}

@media screen and (max-width: 375px){

  .vector-menu-tabs ul {
      display:flex !important;
      flex-wrap:wrap !important;
  }

  .vector-menu-tabs li {
      flex: 0 0 auto;
  }

}

@media screen and (max-width: 375px){

.mw-body,
.mw-body-content,
.vector-body,
.vector-body-content {

    font-size:100% !important;

}

}