@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');

/*
 * base.css
 *
 */

/* !base
---------------------------------------------------------- */
html {
  font-size: 62.5%; /* 基準サイズ10px = 1em = 1rem */
}

body {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    -webkit-text-size-adjust: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-font-feature-settings: "palt";
    -moz-font-feature-settings: "palt";
    font-feature-settings: "palt";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    text-align: justify;
	overflow-x: hidden;
}

a {
  text-decoration: none;
  color: #000;
}

a img { background: none !important; 
}

a:hover img {
  opacity: 0.3;
  background: none !important;
transition-duration: 0.5s;
}

img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: top;
}

ul { list-style: none; 
}

h1 { font-size: 5.6rem; } /* font-size: 56px と同等 */
h2 { font-size: 2.8rem; } /* font-size: 28px と同等 */

/* いいねボタン対策 */
.fb_iframe_widget > span { vertical-align: baseline !important; }

/* Twitterボタン対策 */
@current iframe[data-twttr-rendered] { width: 10rem !important; }

.mb100{ margin-bottom:100px;}
.mb50{ margin-bottom:50px;}