/*
Theme Name: Ealiar
Author: 鈴木知美
Description: カスタマイズ性を追求した無料テーマ。
Version: 1.0
Text Domain: ealiar
*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

.container {
  position: relative;
  display: grid;
  grid-template-columns: 2fr 1fr;
}

@media screen and (max-width:480px) {
    .navbar, .container, footer {
        margin-left: 1rem!important;
        margin-right: 1rem!important;
    }
}

@media screen and (max-width:780px) {
  .container {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-left: calc(1.5vw + 0.75rem)!important;
    margin-right: calc(1.5vw + 0.75rem)!important;
  }
 .main {
 position: relative;
 display: flex;
 max-width: 90vw;
 }
 iframe {
     position: relative;
     display: block;
     max-width: 100%;
 }
 .navbar, footer {
  margin-left: calc(1.5vw + 0.75rem)!important;
  margin-right: calc(1.5vw + 0.75rem)!important;
 }
 
}

@media screen and (max-width:1226px) {
  .main {
    position: relative;
    display: block;
    max-width: 75vw;
    margin: 0 auto;
  }
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.post-categories li a, .entry-tag li a {
text-decoration: none;
color: #fff;
}

@media screen and (min-width:1372px) {
  .main {
   position: relative;
   display: block;
   max-width: 1024px;
  }
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body {
    background-color: var(--background-color)!important;
}

.btn-primary {
    background-color: var(--accent-color)!important;
}

.navbar {
    background-color: var(--header-color)!important;
	color: var(--header-text-color)!important;
	position: relative;
	display: block;
	margin-left: calc(2vw + 1rem);
        margin-right: calc(2vw + 1rem);
}

.navbar > .container {
flex-direction: row;
}

.container {
  margin-left: calc(2vw + 1rem);
  margin-right: calc(2vw + 1rem);
}

footer {
    background-color: var(--footer-color)!important;
	color: var(--footer-text-color)!important;
	position: relative;
	display: block;
	margin-left: calc(2vw + 1rem);
    margin-right: calc(2vw + 1rem);
}

h1, h2, h3, h4, h5, h6 {
	word-wrap: break-word;
}

.ealiar-sns-share-buttons {
	display: block;
	height: 30px;
}
.ealiar-sns-share-buttons ul {
    list-style: none;
    padding: 0;
    margin: 0;
	height: 30px;
}

.ealiar-sns-share-buttons li {
    display: inline-block;
    margin-right: 10px;
	height: 30px;
}

.ealiar-sns-share-buttons a {
    display: inline-block;
    padding: 5px 10px;
    color: #333; /* 例 */
    text-decoration: none;
    border-radius: 3px;
	height: 30px;
}

.ealiar-sns-icon-twitter {
	background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-twitter-x%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20d%3D%22M12.6.75h2.454l-5.36%206.142L16%2015.25h-4.937l-3.867-5.07-4.425%205.07H.316l5.733-6.57L0%20.75h5.063l3.495%204.633L12.601.75Zm-.86%2013.028h1.36L4.323%202.145H2.865z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position-x: center;
}

.ealiar-sns-icon-facebook {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-facebook%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20d%3D%22M16%208.049c0-4.446-3.582-8.05-8-8.05C3.58%200-.002%203.603-.002%208.05c0%204.017%202.926%207.347%206.75%207.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017%201.195-3.131%203.022-3.131.876%200%201.791.157%201.791.157v1.98h-1.009c-.993%200-1.303.621-1.303%201.258v1.51h2.218l-.354%202.326H9.25V16c3.824-.604%206.75-3.934%206.75-7.951%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
    background-size: 20px;
    background-position-x: center;
}
.ealiar-sns-icon-line {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-line%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20d%3D%22M8%200c4.411%200%208%202.912%208%206.492%200%201.433-.555%202.723-1.715%203.994-1.678%201.932-5.431%204.285-6.285%204.645-.83.35-.734-.197-.696-.413l.003-.018.114-.685c.027-.204.055-.521-.026-.723-.09-.223-.444-.339-.704-.395C2.846%2012.39%200%209.701%200%206.492%200%202.912%203.59%200%208%200M5.022%207.686H3.497V4.918a.156.156%200%200%200-.155-.156H2.78a.156.156%200%200%200-.156.156v3.486c0%20.041.017.08.044.107v.001l.002.002.002.002a.15.15%200%200%200%20.108.043h2.242c.086%200%20.155-.07.155-.156v-.56a.156.156%200%200%200-.155-.157m.791-2.924a.156.156%200%200%200-.156.156v3.486c0%20.086.07.155.156.155h.562c.086%200%20.155-.07.155-.155V4.918a.156.156%200%200%200-.155-.156zm3.863%200a.156.156%200%200%200-.156.156v2.07L7.923%204.832l-.013-.015v-.001l-.01-.01-.003-.003-.011-.009h-.001L7.88%204.79l-.003-.002-.005-.003-.008-.005h-.002l-.003-.002-.01-.004-.004-.002-.01-.003h-.002l-.003-.001-.009-.002h-.006l-.003-.001h-.004l-.002-.001h-.574a.156.156%200%200%200-.156.155v3.486c0%20.086.07.155.156.155h.56c.087%200%20.157-.07.157-.155v-2.07l1.6%202.16a.2.2%200%200%200%20.039.038l.001.001.01.006.004.002.008.004.007.003.005.002.01.003h.003a.2.2%200%200%200%20.04.006h.56c.087%200%20.157-.07.157-.155V4.918a.156.156%200%200%200-.156-.156zm3.815.717v-.56a.156.156%200%200%200-.155-.157h-2.242a.16.16%200%200%200-.108.044h-.001l-.001.002-.002.003a.16.16%200%200%200-.044.107v3.486c0%20.041.017.08.044.107l.002.003.002.002a.16.16%200%200%200%20.108.043h2.242c.086%200%20.155-.07.155-.156v-.56a.156.156%200%200%200-.155-.157H11.81v-.589h1.525c.086%200%20.155-.07.155-.156v-.56a.156.156%200%200%200-.155-.157H11.81v-.589h1.525c.086%200%20.155-.07.155-.156Z%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-size: 20px;
background-position-x: center;
}
.ealiar-sns-icon-hatebu {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAoJJREFUSEvNl01oE0EUx3+bZtOP2FRLG8R+CRY9qChUsRA99VDUKIjao6InPXhVL3ryoqAnwYsUKhVRCz0JpfhZqRWMtEJbFWotrbRpQlKTmCabj12ZjUmjNhpptnFOszsz7z//N//33oxEuj0YtRCzngbtJLATKMuMrawTBUZA6sIS7qRjW0yYk3SbdybslJgeobFrZRh/WS3hIqke5ESzR0IwjVcMGg6a3pMAlxcdEt2fz4B2y1CmvxmXzkp0Tw4BrasLzGsBHCmgkPLdf1QAa/nOLuS8/w94s02mZ5/9J5JJDZSkhk9J8sYf4/ZEiC+Licwcq1liqH2D/h1Jauzpm83ppJyMd6yzMHKg7o/eDcZV2p64cfkUfV6lbCLY0aT3wwmNNfenjAEWVvvnIrQ/dRsHfM7l461PoblS5kZLNTWlJTqYcHVD74xxwIKVYCdaZ2sNpzZV6v1XXgVHf+osDXH10QEPA54oQnR3HbVstJoJxVUOv5jn+byoAwYB/6qShZjK+WE/nZ9CqD8ygSGMc8mzZzpMx0sPAtsQ4OvvA4wF4thkieONVhy1S+U6ff6GAGeLSyjae6wx44RL7xa4MvoVswRt68v1/yLZPHanxLhcyzuBZANvrbIw6lxKLhdH/FwdC+j2jzRYcdaVc28qXBjgZ/NR3JEEVbKJvfYybLIpQ2R336yevbbYZMad9ZikVGoV8e1VkitjnMtl18YDXBj268Mt1aW49qdytRBbU+8MM1m5PNtGTlcvVyRE2CiqhgilD4E4D6fDDHpTMZxul7ev5VB9BV2T37j5MfjvZ5xzRYEGilqPi3b1KdZlr1jX26Jd6IVKi/KESYfHKj/avgOy3Gqi1UiglQAAAABJRU5ErkJggg==');
background-repeat: no-repeat;
background-size: 20px;
background-position-x: center;	
}
.ealiar-sns-icon-copy {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-link%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20d%3D%22M6.354%205.5H4a3%203%200%200%200%200%206h3a3%203%200%200%200%202.83-4H9q-.13%200-.25.031A2%202%200%200%201%207%2010.5H4a2%202%200%201%201%200-4h1.535c.218-.376.495-.714.82-1z%22%2F%3E%20%3Cpath%20d%3D%22M9%205.5a3%203%200%200%200-2.83%204h1.098A2%202%200%200%201%209%206.5h3a2%202%200%201%201%200%204h-1.535a4%204%200%200%201-.82%201H12a3%203%200%201%200%200-6z%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-size: 20px;
background-position-x: center;	
}