@charset "UTF-8";
/*
 Theme Name:   MAM FILM（OnePress Child）
 Theme URI:    https://www.famethemes.com
 Description:  OnePress sample child theme
 Author:       FameThemes
 Author URI:   https://www.famethemes.com
 Template:     onepress
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  onepress-child
*/
/* Add your custom css below
-------------------------------------------------------------- */
html {
  font-size: 100%;
}

body {
  font-family: "Outfit", "Zen Kaku Gothic Antique", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.6;
}

:root {
  --fs-body: 1rem; /* 本文 */
  --fs-h1: clamp(1.8rem, 1.2rem + 2.5vw, 2.6rem);
  --fs-h2: clamp(1.5rem, 1.1rem + 1.8vw, 2rem);
  --fs-h3: clamp(1.25rem, 1rem + 1vw, 1.5rem);
}

h1 {
  font-size: var(--fs-h1);
  line-height: 1.2;
}

h2 {
  font-size: var(--fs-h2);
  line-height: 1.3;
}

h3 {
  font-size: var(--fs-h3);
  line-height: 1.4;
}

p {
  font-size: var(--fs-body);
}

button,
a,
input,
textarea {
  font-size: 1rem;
  min-height: 44px;
}

#page .page-header .entry-title {
  text-align: center;
  font-size: var(--fs-h1);
  font-weight: bold;
}
#page #content-inside.container main article .entry-content .gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
#page #content-inside.container main article .entry-content .gallery img {
  width: 45%;
}
@media screen and (max-width: 420px) {
  #page #content-inside.container main article .entry-content .gallery {
    flex-direction: column;
  }
  #page #content-inside.container main article .entry-content .gallery img {
    width: 100%;
  }
}