<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="sns-buttons1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><pattern patternUnits="userSpaceOnUse" patternContentUnits="userSpaceOnUse" x="196.5" y="4.796875" width="393" height="815.203125" id="pattern1"><image id="background-image1" width="393" height="815.203125" xlink:href="/a159e295.png" x="0" y="0"/></pattern><rect width="393" height="815.203125" x="0" y="4.796875" fill="url(#pattern1)"/></g><g data-tag="div" id="sns-buttons1" class="sns-buttons sns-follow-buttons" data-z-index="auto" data-stacking-context="true" aria-owns="follow-button1 follow-button2 follow-button3"><a href="http://etchan-koha/" rel="nofollow noopener noreferrer" target="_blank" data-tag="a" id="follow-button1" class="follow-button sns-button codepen-button codepen-follow-button-sq" data-z-index="auto" data-stacking-context="true" opacity="0.6" role="link" aria-label="CodePenをフォロー" aria-owns="icon-codepen-logo1"><title>CodePenをフォロー</title><g data-stacking-layer="rootBackgroundAndBorders"><rect width="50" height="50" x="58.78125" y="4.796875" fill="rgb(51, 51, 51)" rx="25" ry="25"/></g><g data-tag="span" id="icon-codepen-logo1" class="icon-codepen-logo" data-z-index="auto" data-stacking-context="true" aria-owns="span1"><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="icomoon" font-size="27.2px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="discretionary-ligatures" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="78.8125" y="44.203125" textLength="9.9375" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g></a><a href="http://feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fetchanblog.com" rel="nofollow noopener noreferrer" target="_blank" data-tag="a" id="follow-button2" class="follow-button sns-button feedly-button feedly-follow-button-sq" data-z-index="auto" data-stacking-context="true" opacity="0.6" role="link" aria-label="feedlyで更新情報を購読" aria-owns="icon-feedly-logo1 feedly-follow-count1"><title>feedlyで更新情報を購読</title><g data-stacking-layer="rootBackgroundAndBorders"><rect width="50" height="50" x="171.484375" y="4.796875" fill="rgb(51, 51, 51)" rx="25" ry="25"/></g><g data-tag="span" id="icon-feedly-logo1" class="icon-feedly-logo" data-z-index="auto" data-stacking-context="true" aria-owns="span2"><g data-tag="span" id="span2" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="icomoon" font-size="27.2px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="discretionary-ligatures" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="191.515625" y="44.203125" textLength="9.9375" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g><g data-tag="span" id="feedly-follow-count1" class="feedly-follow-count follow-count" data-z-index="auto" data-stacking-context="true"/></a><a href="https://etchanblog.com/feed/" rel="nofollow noopener noreferrer" target="_blank" data-tag="a" id="follow-button3" class="follow-button sns-button rss-button rss-follow-button-sq" data-z-index="auto" data-stacking-context="true" opacity="0.6" role="link" aria-label="RSSで更新情報を購読" aria-owns="icon-rss-logo1"><title>RSSで更新情報を購読</title><g data-stacking-layer="rootBackgroundAndBorders"><rect width="50" height="50" x="284.1875" y="4.796875" fill="rgb(51, 51, 51)" rx="25" ry="25"/></g><g data-tag="span" id="icon-rss-logo1" class="icon-rss-logo" data-z-index="auto" data-stacking-context="true" aria-owns="span3"><g data-tag="span" id="span3" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="icomoon" font-size="27.2px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="discretionary-ligatures" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="304.21875" y="44.203125" textLength="9.9375" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="sns-buttons1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><pattern patternUnits="userSpaceOnUse" patternContentUnits="userSpaceOnUse" x="417" y="5.390625" width="834" height="1168.609375" id="pattern1"><image id="background-image1" width="834" height="1168.609375" xlink:href="/a159e295.png" x="0" y="0"/></pattern><rect width="834" height="1168.609375" x="0" y="5.390625" fill="url(#pattern1)"/></g><g data-tag="div" id="sns-buttons1" class="sns-buttons sns-follow-buttons" data-z-index="auto" data-stacking-context="true" aria-owns="follow-button1 follow-button2 follow-button3"><a href="http://etchan-koha/" rel="nofollow noopener noreferrer" target="_blank" data-tag="a" id="follow-button1" class="follow-button sns-button codepen-button codepen-follow-button-sq" data-z-index="auto" data-stacking-context="true" opacity="0.6" role="link" aria-label="CodePenをフォロー" aria-owns="icon-codepen-logo1"><title>CodePenをフォロー</title><g data-stacking-layer="rootBackgroundAndBorders"><rect width="50" height="50" x="166.828125" y="5.390625" fill="rgb(51, 51, 51)" rx="25" ry="25"/></g><g data-tag="span" id="icon-codepen-logo1" class="icon-codepen-logo" data-z-index="auto" data-stacking-context="true" aria-owns="span1"><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="icomoon" font-size="30.6px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="discretionary-ligatures" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="186.234375" y="47.09375" textLength="11.1875" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g></a><a href="http://feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fetchanblog.com" rel="nofollow noopener noreferrer" target="_blank" data-tag="a" id="follow-button2" class="follow-button sns-button feedly-button feedly-follow-button-sq" data-z-index="auto" data-stacking-context="true" opacity="0.6" role="link" aria-label="feedlyで更新情報を購読" aria-owns="icon-feedly-logo1 feedly-follow-count1"><title>feedlyで更新情報を購読</title><g data-stacking-layer="rootBackgroundAndBorders"><rect width="50" height="50" x="391.984375" y="5.390625" fill="rgb(51, 51, 51)" rx="25" ry="25"/></g><g data-tag="span" id="icon-feedly-logo1" class="icon-feedly-logo" data-z-index="auto" data-stacking-context="true" aria-owns="span2"><g data-tag="span" id="span2" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="icomoon" font-size="30.6px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="discretionary-ligatures" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="411.390625" y="47.09375" textLength="11.1875" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g><g data-tag="span" id="feedly-follow-count1" class="feedly-follow-count follow-count" data-z-index="auto" data-stacking-context="true"/></a><a href="https://etchanblog.com/feed/" rel="nofollow noopener noreferrer" target="_blank" data-tag="a" id="follow-button3" class="follow-button sns-button rss-button rss-follow-button-sq" data-z-index="auto" data-stacking-context="true" opacity="0.6" role="link" aria-label="RSSで更新情報を購読" aria-owns="icon-rss-logo1"><title>RSSで更新情報を購読</title><g data-stacking-layer="rootBackgroundAndBorders"><rect width="50" height="50" x="617.140625" y="5.390625" fill="rgb(51, 51, 51)" rx="25" ry="25"/></g><g data-tag="span" id="icon-rss-logo1" class="icon-rss-logo" data-z-index="auto" data-stacking-context="true" aria-owns="span3"><g data-tag="span" id="span3" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="icomoon" font-size="30.6px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="discretionary-ligatures" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="636.546875" y="47.09375" textLength="11.1875" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="900" viewBox="0 0 1440 900"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="sns-buttons1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><pattern patternUnits="userSpaceOnUse" patternContentUnits="userSpaceOnUse" x="720" y="5.390625" width="1440" height="858.609375" id="pattern1"><image id="background-image1" width="1440" height="858.609375" xlink:href="/a159e295.png" x="0" y="0"/></pattern><rect width="1440" height="858.609375" x="0" y="5.390625" fill="url(#pattern1)"/></g><g data-tag="div" id="sns-buttons1" class="sns-buttons sns-follow-buttons" data-z-index="auto" data-stacking-context="true" aria-owns="follow-button1 follow-button2 follow-button3"><a href="http://etchan-koha/" rel="nofollow noopener noreferrer" target="_blank" data-tag="a" id="follow-button1" class="follow-button sns-button codepen-button codepen-follow-button-sq" data-z-index="auto" data-stacking-context="true" opacity="0.6" role="link" aria-label="CodePenをフォロー" aria-owns="icon-codepen-logo1"><title>CodePenをフォロー</title><g data-stacking-layer="rootBackgroundAndBorders"><rect width="50" height="50" x="319.5" y="5.390625" fill="rgb(51, 51, 51)" rx="25" ry="25"/></g><g data-tag="span" id="icon-codepen-logo1" class="icon-codepen-logo" data-z-index="auto" data-stacking-context="true" aria-owns="span1"><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="icomoon" font-size="30.6px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="discretionary-ligatures" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="338.90625" y="47.09375" textLength="11.1875" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g></a><a href="http://feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fetchanblog.com" rel="nofollow noopener noreferrer" target="_blank" data-tag="a" id="follow-button2" class="follow-button sns-button feedly-button feedly-follow-button-sq" data-z-index="auto" data-stacking-context="true" opacity="0.6" role="link" aria-label="feedlyで更新情報を購読" aria-owns="icon-feedly-logo1 feedly-follow-count1"><title>feedlyで更新情報を購読</title><g data-stacking-layer="rootBackgroundAndBorders"><rect width="50" height="50" x="695" y="5.390625" fill="rgb(51, 51, 51)" rx="25" ry="25"/></g><g data-tag="span" id="icon-feedly-logo1" class="icon-feedly-logo" data-z-index="auto" data-stacking-context="true" aria-owns="span2"><g data-tag="span" id="span2" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="icomoon" font-size="30.6px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="discretionary-ligatures" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="714.40625" y="47.09375" textLength="11.1875" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g><g data-tag="span" id="feedly-follow-count1" class="feedly-follow-count follow-count" data-z-index="auto" data-stacking-context="true"/></a><a href="https://etchanblog.com/feed/" rel="nofollow noopener noreferrer" target="_blank" data-tag="a" id="follow-button3" class="follow-button sns-button rss-button rss-follow-button-sq" data-z-index="auto" data-stacking-context="true" opacity="0.6" role="link" aria-label="RSSで更新情報を購読" aria-owns="icon-rss-logo1"><title>RSSで更新情報を購読</title><g data-stacking-layer="rootBackgroundAndBorders"><rect width="50" height="50" x="1070.5" y="5.390625" fill="rgb(51, 51, 51)" rx="25" ry="25"/></g><g data-tag="span" id="icon-rss-logo1" class="icon-rss-logo" data-z-index="auto" data-stacking-context="true" aria-owns="span3"><g data-tag="span" id="span3" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="icomoon" font-size="30.6px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="discretionary-ligatures" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="1089.90625" y="47.09375" textLength="11.1875" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body itemscope=""><div class="sns-buttons sns-follow-buttons"><a aria-label="CodePenをフォロー" class="follow-button sns-button codepen-button codepen-follow-button-sq" href="http://etchan-koha" rel="nofollow noopener noreferrer" target="_blank" title="CodePenをフォロー"><span class="icon-codepen-logo"></span></a> <a aria-label="feedlyで更新情報を購読" class="follow-button sns-button feedly-button feedly-follow-button-sq" href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fetchanblog.com" rel="nofollow noopener noreferrer" target="_blank" title="feedlyで更新情報を購読"><span class="icon-feedly-logo"></span><span class="feedly-follow-count follow-count"></span></a> <a aria-label="RSSで更新情報を購読" class="follow-button sns-button rss-button rss-follow-button-sq" href="https://etchanblog.com/feed/" rel="nofollow noopener noreferrer" target="_blank" title="RSSで更新情報を購読"><span class="icon-rss-logo"></span></a></div></body>

<style>

@charset "UTF-8";@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}:root{}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}



:root{}:root { }:root { }body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@charset "UTF-8";

:root {
  --cocoon-white-color: #ffffff;
  --cocoon-default-font: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --cocoon-text-color: #333;
  --cocoon-default-text-size: 18px;
  --cocoon-basic-border-radius: 4px;
  --cocoon-sns-color: var(--cocoon-text-color);
}

  body {
  
  background-position: top center;
  
  background-repeat: no-repeat;
  
  background-size: 100% auto;
}



* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

body {
  
  font-family: var(--cocoon-default-font);
  
  font-size: var(--cocoon-default-text-size);
  
  color: var(--cocoon-text-color);
  
  
  line-height: 1.8;
  margin: 0;
  overflow-wrap: break-word;
  background-color: #f4f5f7;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  
  background-attachment: fixed;
}


a {
  color: #1967d2;
}
a:hover {
  color: #e53900;
}

.sns-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  row-gap: 10px;
  column-gap: 6px;
  margin-top: 0.3em;
  margin-bottom: 2em;
}
.sns-buttons a {
  align-content: center;
  align-items: center;
  background-color: var(--cocoon-sns-color);
  border-radius: var(--cocoon-basic-border-radius);
  display: inline-flex;
  font-size: 18px;
  justify-content: center;
  height: 45px;
  position: relative;
  text-align: center;
  width: 32%;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin: 0 !important;
  color: var(--cocoon-white-color);
  text-decoration: none;
}
.sns-buttons a:hover {
  opacity: 0.7;
}

.body:has(#navi-menu-input:checked, #sidebar-menu-input:checked) {
  overflow: hidden;
}


.sns-follow-buttons a {
  width: 40px;
  height: 40px;
  font-size: 30px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
}
.sns-follow-buttons a:last-child {
  margin-right: 0;
}
.sns-follow-buttons a .follow-count {
  position: absolute;
  right: 3px;
  bottom: 3px;
  font-size: 12px;
  line-height: 1;
}

:root {
}

@keyframes tab-index-show {
  0% {
    opacity: 0;
    padding-top: 100px;
  }
  20% {
    padding-top: 20px;
  }
  80% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    padding-top: 0;
  }
}
@media screen and (max-width: 834px) {
  .sns-follow-buttons {
    column-gap: 1%;
  }
  .sns-follow-buttons a {
    margin-right: 0;
    width: 49.5%;
  }
}
@media screen and (max-width: 480px) {
  body {
    font-size: 16px;
  }
}
@media print {
  body {
    background-image: none !important;
  }
}

@keyframes shine {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-brands-400.eot);src:url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-brands-400.woff2) format("woff2"),url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-brands-400.woff) format("woff"),url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-brands-400.ttf) format("truetype"),url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-brands-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-regular-400.eot);src:url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-regular-400.woff2) format("woff2"),url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-regular-400.woff) format("woff"),url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-regular-400.ttf) format("truetype"),url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-regular-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-solid-900.eot);src:url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-solid-900.woff2) format("woff2"),url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-solid-900.woff) format("woff"),url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-solid-900.ttf) format("truetype"),url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-solid-900.svg#fontawesome) format("svg")}

[class^="icon-"], [class*=" icon-"] {
  
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-feedly-logo:before {
  content: "\e92e";
}
.icon-rss-logo:before {
  content: "\e938";
}
.icon-codepen-logo:before {
  content: "\eae8";
}








body {
	background-image: url("http://localhost:3000/a159e295.png");
	background-size: auto;
	background-repeat: repeat;
	background-position: center top;
	background-attachment: scroll;
	background-color: #fff;
	color: #5a5a5a;
}


.follow-button:hover {
	transform: scale(1.1);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}



.sns-follow-buttons {
	justify-content: space-evenly;
}

.sns-follow-buttons a {
	font-size: 1.7em;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	opacity: 0.6;
}

@keyframes mainFade {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
	}
}a{color:#1e73be}*::selection{color:#000}*::-moz-selection{color:#000}*::selection{background:#f9e6e3}*::-moz-selection{background:#f9e6e3}@media screen and (max-width:480px){.body{font-size:15px}}@font-face{font-family:'icomoon';src:url(https://etchanblog.com/wp-content/themes/cocoon-master/webfonts/icomoon/fonts/icomoon.woff?v=2.7.0.2) format('woff');font-weight:400;font-style:normal;font-display:swap}


@charset "UTF-8";

@-webkit-keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}@keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}		

</style>