@charset "UTF-8";
/*
  Theme: melonpan-defaultDesignV2
  Author: corepopo
  Responsive: yes
  Description:
*/
.mincho{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.futura{
	font-family: futura-pt, sans-serif;
	font-weight: 600;
}
.kokuryu{
	font-family: "kokuryu", sans-serif;
	font-weight: 400;
	font-style: normal;
	display: inline-block;
}

html {
	font-size: 1em;
    line-height: 1.2;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


body {
    margin: 0;
	width: 100%;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption,
figure,
main {
    /* 1 */
    display: block;
}


figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    /* 2 */
}

b,
strong {
	font-family: nitalago-ruika, sans-serif;
	font-weight: 100;
	font-style: normal;
	color: #cc419e;
}

u {
	background: linear-gradient(transparent 66%, rgba(45,198,203,0.5) 66%);
	text-decoration: none;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}
dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
    display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none;
}

html,
body {
	position: relative;
	overflow-x: hidden;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic';
	font-variant-ligatures: none;
    color: #444;
    background-color: #fff;
    line-height: 1.5;
	letter-spacing: 0.8pt;
}

a {
    color: #27aeb3;
}

a.keyword {
    text-decoration: none;
    border-bottom: 1px dotted #ddd;
    color: #454545;
}

h1, h2, h3, h4, h5, h6 {
	font-family: nitalago-ruika, sans-serif;
	font-weight: 100;
	font-style: normal;
    color:#454545;
    line-height: 1.3;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #333;
    text-decoration: none;
}


/*ロード画面*/
#load{
	position: fixed;
	top: 0; left: 0;right: 0;bottom: 0;
	background-color: #FFF;
	z-index: 99999999;
}
#load_inner{
	position: absolute;
	top: 50%; left: 50%;
	z-index: 9999;
	transform: translate(-50%,-50%);
	min-width: 300px;
	max-width: 1000px;
	text-align: center;
}
#load_inner > p{
	width: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	transform: translate(-50%, -50%);
	font-family: nitalago-ruika, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: 0.8rem;
}
@keyframes rotating{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
#progress{
	margin: 0 auto;
	animation: rotating 2s linear infinite;
	transform-origin: 50% 50%;
	zoom: 0.7;
}


#box2{
	position: relative;
	z-index: 9;
}

@media (max-width: 992px) {
    #container,
    #footer{
        width: 100%;
    }
	#box2 {
		margin: 0;
		width: calc(100% + 20px);
		background-color: #FFF;
	}
}
@media (min-width: 991px) {
    #container,
    #footer{
        margin: auto;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
	#content-inner{
		margin-left: calc((-100vw - 100%) / 2)!important;
		margin-right: calc((-100vw - 100%) / 2)!important;
		position: relative;
		z-index: 9;
		background-color: #FFF;
	}
	#wrapper{
		width: 100%!important
	}
	#wrapper::before{
		margin: 0 auto!important;
	}
	.page-index #main,
	.page-archive #main{
		width: 992px!important;
	}
	#main, #box2{
		margin: 0 auto;
		width: 700px;
	}
    #container,
    #footer{
        width: 700px;
    }
}
#wrapper {
	position: relative;
	z-index: 5;
	background-color:#FFF;
	word-wrap: break-word;
}
#wrapper::before{
	content: "";
	width: 100vw;
	height: 9.3vw;
	margin: 0 -100px;
	padding: 0 100px;
	position: absolute;
	left: 0;
	right: 0;
	top: -9vw;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201125%2069.71%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22page-entry%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1125%2C69.71V0c-172.2%2C27.76-367.88%2C43.45-575.4%2C43.45S165.85%2C29.27%2C0%2C4.04V69.71H1125Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-color: transparent;
	background-size: calc(100vw + 100px) auto;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.page-index #wrapper::before{
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201125%2069.71%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2327aeb3%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22page-index-2021%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1125%2C69.71V0c-172.2%2C27.76-367.88%2C43.45-575.4%2C43.45S165.85%2C29.27%2C0%2C4.04V69.71H1125Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

/*共通*/
#blog-title{
	margin: 0;
	position: fixed;
	top: 0;left: 0; right: 0;
	height: 60px;
	background-color: #FFF;
    text-align: center;
	z-index: 1000;
}
#blog-title-content{
	margin: 10px 0;
	height: 40px;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20215%20174.07%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%236b6d6d%3B%7D.cls-2%7Bfill%3A%2327aeb3%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%82%A4%E3%83%A4%E3%83%BC_2-2%22%3E%3Cg%3E%3Cg%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M45.48%2C168.68c-3.98-2.74-7.94-5.12-11.87-7.14-4.16%2C6.41-10.67%2C10.54-19.51%2C12.37v-5.2c6.7-1.84%2C11.57-5.02%2C14.62-9.54-3.96-1.78-8.08-3.26-12.37-4.42v-5.43c4.71%2C1.27%2C9.63%2C3.01%2C14.78%2C5.24%2C1.53-3.57%2C2.56-7.9%2C3.1-12.99h5.62c-.52%2C5.79-1.76%2C10.9-3.72%2C15.32%2C3.46%2C1.73%2C6.58%2C3.5%2C9.35%2C5.31v6.48Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M83.84%2C172.52h-30.25v-29.44h30.25v29.44Zm-5.51-5.12v-19.2h-19.24v19.2h19.24Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M109.01%2C150.49c-5.12-1.11-10.43-1.86-15.94-2.25v-5.55c5.25%2C.34%2C10.56%2C1.05%2C15.94%2C2.13v5.66Zm14.04-2.56c-.75%2C8.66-3.67%2C15.05-8.77%2C19.16-4.76%2C3.83-11.69%2C5.9-20.79%2C6.21v-5.43c7.32-.54%2C12.74-2.12%2C16.25-4.73%2C4.21-3.1%2C6.7-8.17%2C7.45-15.21h5.86Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M142.84%2C144.4c0%2C15.15-4.33%2C25.04-12.99%2C29.67v-6.24c4.86-4.71%2C7.29-12.48%2C7.29-23.31v-2.44h5.7v2.33Zm19.74%2C29.63c-8.66-4.63-12.99-14.49-12.99-29.6v-2.37h5.74v2.48c0%2C10.81%2C2.42%2C18.55%2C7.25%2C23.23v6.25Zm2.13-30.29c0%2C1.11-.4%2C2.07-1.2%2C2.87-.8%2C.8-1.76%2C1.2-2.87%2C1.2s-2.07-.4-2.87-1.2c-.8-.8-1.2-1.76-1.2-2.87s.4-2.07%2C1.2-2.87c.8-.8%2C1.76-1.2%2C2.87-1.2s2.07%2C.4%2C2.87%2C1.2c.8%2C.8%2C1.2%2C1.76%2C1.2%2C2.87Zm-2.25%2C0c0-.49-.18-.92-.54-1.28-.36-.36-.79-.54-1.28-.54s-.91%2C.18-1.26%2C.54c-.35%2C.36-.52%2C.79-.52%2C1.28s.17%2C.92%2C.52%2C1.28c.35%2C.36%2C.77%2C.54%2C1.26%2C.54s.92-.18%2C1.28-.54c.36-.36%2C.54-.79%2C.54-1.28Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M186.59%2C150.49c-5.12-1.11-10.43-1.86-15.94-2.25v-5.55c5.25%2C.34%2C10.56%2C1.05%2C15.94%2C2.13v5.66Zm14.04-2.56c-.75%2C8.66-3.67%2C15.05-8.77%2C19.16-4.76%2C3.83-11.69%2C5.9-20.79%2C6.21v-5.43c7.32-.54%2C12.74-2.12%2C16.25-4.73%2C4.21-3.1%2C6.7-8.17%2C7.45-15.21h5.86Z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M89.95%2C62.27c7.05%2C6.06%2C13.34%2C12.61%2C18.75%2C19.57%2C5.55-6.9%2C11.96-13.37%2C19.14-19.34-5.54-6.3-11.81-12.2-18.72-17.62-7.05%2C5.34-13.47%2C11.16-19.17%2C17.39Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M112.85%2C42.15c7.23%2C5.06%2C13.86%2C10.58%2C19.81%2C16.49%2C7.3-5.6%2C15.3-10.7%2C23.89-15.23-5.7-5.7-12.03-10.98-18.94-15.79-8.86%2C4.24-17.15%2C9.11-24.77%2C14.53Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M161.46%2C40.92c7.77-3.81%2C15.99-7.15%2C24.58-10-5.55-5.46-11.83-10.33-18.69-14.51-9.09%2C2.6-17.8%2C5.77-26.05%2C9.5%2C7.26%2C4.58%2C14%2C9.6%2C20.15%2C15.01Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M61.74%2C42.92c8.5%2C4.64%2C16.4%2C9.84%2C23.59%2C15.54%2C6.11-5.85%2C12.89-11.29%2C20.28-16.26-7.45-5.51-15.57-10.48-24.27-14.84-7.13%2C4.72-13.68%2C9.93-19.59%2C15.57Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M198.66%2C97.85c-2.98%2C1.68-6.31%2C3.27-9.97%2C4.76-4.02-21.22-14.42-40.64-29.87-56.88-8.25%2C4.92-15.87%2C10.42-22.75%2C16.42%2C13.27%2C14.19%2C22.7%2C30.47%2C27.18%2C48.03-3.17%2C.68-6.44%2C1.31-9.81%2C1.87-3.48-16.46-11.15-31.85-22.18-45.5-6.93%2C6.64-13%2C13.82-18.08%2C21.46%2C5.78%2C8.51%2C10.29%2C17.57%2C13.35%2C27.05-3.26%2C.2-6.58%2C.35-9.94%2C.44-2-6.82-4.72-13.44-8.11-19.79-3.53%2C6.35-6.38%2C12.97-8.51%2C19.8-3.34-.09-6.64-.23-9.89-.43%2C3.25-9.48%2C7.94-18.54%2C13.92-27.03-4.93-7.71-10.86-14.97-17.67-21.69-11.47%2C13.66-19.54%2C29.14-23.35%2C45.73-3.35-.55-6.6-1.17-9.75-1.84%2C4.84-17.7%2C14.72-34.06%2C28.49-48.24-6.76-6.1-14.27-11.69-22.43-16.71-16.18%2C16.26-27.18%2C35.87-31.6%2C57.39-3.61-1.46-6.91-3.01-9.86-4.66%2C6.08-20.85%2C18.96-39.8%2C36.83-55.49-7.94-4.54-16.44-8.54-25.4-11.94C14.28%2C45.21%2C4.48%2C64.02%2C2.41%2C84.78c-1.58%2C2.49-2.41%2C5.07-2.41%2C7.72%2C0%2C20.16%2C48.13%2C36.5%2C107.5%2C36.5s107.5-16.34%2C107.5-36.5c0-2.65-.84-5.23-2.41-7.72-1.99-20.06-11.21-38.29-25.33-52.66-8.26%2C3.11-16.13%2C6.73-23.54%2C10.82%2C17.08%2C15.66%2C29.3%2C34.39%2C34.95%2C54.91Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M139.12%2C24.55c8.63-3.48%2C17.73-6.41%2C27.18-8.77-8.79-5.21-18.52-9.29-28.91-11.99-8.59%2C1.99-16.82%2C4.51-24.62%2C7.51%2C9.35%2C3.81%2C18.17%2C8.26%2C26.36%2C13.25Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M51.06%2C14.42c10.21%2C2.61%2C19.99%2C5.91%2C29.23%2C9.83%2C8.49-4.92%2C17.6-9.27%2C27.25-12.94-8.17-3.38-16.82-6.23-25.89-8.48-10.98%2C2.44-21.28%2C6.39-30.59%2C11.6Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M110.25%2C10.3c7.8-2.84%2C15.94-5.25%2C24.35-7.2-8.65-2.02-17.73-3.1-27.1-3.1-7.84%2C0-15.49%2C.76-22.84%2C2.19%2C8.87%2C2.2%2C17.43%2C4.91%2C25.59%2C8.11Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M83.79%2C25.77c9.11%2C4.08%2C17.65%2C8.77%2C25.54%2C13.99%2C8.06-5.12%2C16.78-9.7%2C26.05-13.66-7.77-5.2-16.25-9.81-25.34-13.74-9.4%2C3.79-18.18%2C8.29-26.25%2C13.41Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M30.53%2C29.41c9.33%2C3.12%2C18.21%2C6.82%2C26.56%2C11.06%2C6.36-5.36%2C13.32-10.31%2C20.79-14.81-8.8-4.18-18.16-7.73-27.96-10.6-7.1%2C4.09-13.61%2C8.91-19.39%2C14.34Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') !important;
	background-position: center center!important;
	background-repeat: no-repeat;
	background-size: auto 40px;
}

.browsing-with-smartphone #blog-title{
	top:0;
}

#title {
    margin: 0 auto;
    font-size: 1.5rem;
	display: block;
	color: #27aeb3;
	opacity: 0;
}

#title a {
    color: #27aeb3;
}

#blog-description {
    display: none;
}

#menu_btn{
	width: 60px;
	height: 60px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1001;
	background-color: #FFF;
}
#menu_btn.open{
	background-color: #27aeb3;
}
#menu_btn.open .menu_btn_bar{
	background-color: #fff;
}

.menu_btn_bar{
	width: 26px;
	height: 3px;
	border-radius: 5px;
	background-color: #27aeb3;
	position: absolute;
	left: 17px;
}
.menu_btn_bar_1{
	top: 19px;
}
.menu_btn_bar_2{
	top: 28px;
}
.menu_btn_bar_3{
	bottom: 20px;
}
#menu_btn.visible{
	background-color: #27aeb3;
}
#menu_btn.visible > .menu_btn_bar{
	background-color: #FFF;
}

#menu{
	display: none;
	padding: 0 10px;
	position: fixed;
	top: 60px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background-color: #f7f7f7;
	border-right: 60px solid #27aeb3;
	overflow-y: scroll;
}
#menu p, #menu a{
	font-family: nitalago-ruika, sans-serif;
	font-weight: 100;
	font-style: normal;
	color: #6b6d6d;
	text-decoration: none;
}
#menu p{
	margin: 0;
	padding: 5px;
	text-align: center;
}
.nav_link{
	margin: 5px 0;
}
.nav_col{
	margin: 10px 0;
	padding: 10px;
	border-radius: 10px;
	background-color: #FFF;
	display: block;
}
.nav_col_header{
	display: flex;
	align-items: center;
	justify-content: center;
}
.nav_col_header .nav_ico{
	margin: 0;
	zoom: 0.5;
}
.nav_col_body ul{
	padding: 0;
	list-style: none;
}
.nav_col_body li a{
	padding: 10px 0;
	display: block;
	border-bottom: 3px solid #f7f7f7;
	text-align: center;
	font-size: 1.2em;
	color: #6b6d6d;
}
.nav_col_halfbox{
	display: flex;
	flex-wrap: wrap;
	margin-top: -5px;
}
.nav_col_half{
	width: calc(50% - 25px);
	margin: 5px 0;
}
.nav_col_half:nth-child(odd){
	margin-right: 10px;
}
.nav_ico{
	margin: 0 auto;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	background-color: #27aeb3;
	position: relative;
}
.nav_ico .img{
	width: 34px;
	height: 34px;
	position: absolute;
	top: 18px;
	left: 18px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

@media screen and (min-width:992px){
	#blog-title, #menu_btn{
		zoom: 1.3;
	}
	#menu{
		top: 78px;
		border-right-width: 78px;
	}
}

/*---------------------------------------
	ホーム画面
---------------------------------------*/
.index_elemHeader{
	padding: 10px 0;
}
.index_h3{
	margin: 0;
	padding: 0;
	font-family: futura-pt-bold, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2rem;
}
.index_h3_span{
	display: block;
	font-family: nitalago-ruika, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: 1rem;
	letter-spacing: 0.3em;
}
.index_h3, .index_h3_span{
	text-align: center;
}
.index_h3_color > *{color: #27aeb3;}
.index_h3_white > *{color: #FFFFFF;}

/*---------------------------------------
	エラーページ
---------------------------------------*/
.page-error #wrapper{
	margin: 60px calc((-100vw + 100%) / 2 - 10px) 0 calc((-100vw + 100%) / 2 - 10px);
	width: 100vw!important;
	padding-top: 250px;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20570.93%20570.93%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%23cc419e%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_022_404%22%3E%3Cg%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M570.78%2C246.54c3.9%2C28.62-71.96%2C24.45-73.79%2C53.28s73.86%2C33.54%2C66.52%2C60.81c-7.24%2C26.93-75.55-6.53-87.87%2C18.49-12.25%2C24.88%2C55.88%2C58.49%2C39.1%2C80.57-16.78%2C22.08-67.41-34.56-88.1-16.09s29.73%2C75.42%2C5.72%2C89.61-49.73-57.08-76.4-47.8-2.95%2C81.46-31.57%2C85.37-24.45-71.96-53.28-73.79-33.54%2C73.86-60.81%2C66.52%2C6.53-75.55-18.49-87.87c-24.88-12.25-58.49%2C55.88-80.57%2C39.1s34.56-67.41%2C16.09-88.1-75.42%2C29.73-89.61%2C5.72c-14.37-24.31%2C57.08-49.73%2C47.8-76.4S4.05%2C353.01%2C.15%2C324.39s71.96-24.45%2C73.79-53.28C75.74%2C242.92%2C.08%2C237.57%2C7.42%2C210.3c7.24-26.93%2C75.55%2C6.53%2C87.87-18.49s-55.88-58.49-39.1-80.57%2C67.41%2C34.56%2C88.1%2C16.09-29.73-75.42-5.72-89.61%2C49.73%2C57.08%2C76.4%2C47.8c27.28-9.49%2C2.95-81.46%2C31.57-85.37s24.45%2C71.96%2C53.28%2C73.79S333.36%2C.08%2C360.63%2C7.42s-6.53%2C75.55%2C18.49%2C87.87c24.88%2C12.25%2C58.49-55.88%2C80.57-39.1s-34.56%2C67.41-16.09%2C88.1c18.57%2C20.8%2C75.42-29.73%2C89.61-5.72s-61.56%2C61.66-43.79%2C83.61c24.54%2C30.32%2C77.46-4.26%2C81.36%2C24.36Z%22%2F%3E%3Cg%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M233.63%2C381c-1.51-.68-2.59-1.23-4.05-2.18-5.98%2C7.07-12.72%2C12.2-19.61%2C14.41-9.12%2C2.92-16.66-2.52-19.73-12.11-5.62-17.53%2C1.71-36.89%2C14.43-49.86-1.16-4.01-1.93-7.24-2.97-11.29-5.58%2C2.3-11.46%2C4.45-17.74%2C6.59l-.96-.59-4.62-13.6%2C.56-1.08c5.84-1.87%2C12.35-4.09%2C18.86-6.69-1.07-4.55-2.15-9.11-3.34-13.62l.52-1.2%2C15.85-4.43%2C.92%2C.86c.69%2C3.77%2C1.5%2C7.51%2C2.24%2C11.4%2C8.82-4.24%2C17.38-8.92%2C26.29-14.87l1.32%2C.09%2C5.35%2C14.27-.25%2C1.24c-9.96%2C5.51-19.37%2C10.33-29.24%2C14.91%2C.41%2C1.67%2C1.11%2C4.67%2C1.93%2C8.02%2C3.98-2.05%2C8.08-3.75%2C12.29-5.1-.02-1.28-.12-3.18-.45-5.01l.63-.85%2C15.58-1.25%2C.85%2C.63c.17%2C1.75%2C.28%2C2.88%2C.34%2C3.89%2C14.85-1.92%2C29.39%2C8.88%2C33.44%2C21.5%2C7.12%2C22.21-5.11%2C39.14-24.91%2C49.74-.93%2C.3-1.4%2C.45-2.21-.06l-14.22-8.59c23.78-12.26%2C27.98-22.88%2C23.74-36.09-2.88-9-8.59-12.71-15.61-12.91-.58%2C13.46-3.87%2C26.12-9.51%2C37.07%2C1.08%2C.94%2C2.16%2C1.5%2C3.12%2C2.09l.1%2C1.13-7.88%2C13.22-1.05%2C.34Zm-29.47-8.72c.82%2C2.57%2C2.72%2C3.25%2C5.17%2C2.47%2C2.22-.71%2C5.52-3.7%2C9.1-8.2-3.7-5.9-6.42-12.38-8.63-18.89-5.18%2C7.98-7.66%2C18.31-5.64%2C24.62Zm28.08-42.25c-3.35%2C.81-6.55%2C2.49-9.52%2C4.47%2C1.11%2C5.06%2C3.29%2C10.67%2C5.45%2C15.39%2C2.24-5.87%2C3.76-13.19%2C4.07-19.86Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M305.6%2C319.27c24.12-22.04%2C35.75-30.4%2C46.97-34%2C17.88-5.73%2C32.43%2C1.85%2C37.63%2C18.1%2C4.01%2C12.5%2C.57%2C24.3-9.23%2C33.12-3.8%2C3.41-13.12%2C9.75-24.24%2C14.86-.78%2C.38-1.36%2C.57-1.83%2C.72-1.52%2C.49-2.14%2C.17-3.37-.85l-11.72-10.42c14.35-5.5%2C20.28-8.69%2C26.36-13.86%2C7.1-6.01%2C8.76-12.08%2C6.25-19.92-2.25-7.01-7.97-9.17-15.8-6.67-9.35%2C3-18.16%2C9.69-39.13%2C30.71l-1.21%2C.26-10.55-10.8-.14-1.24Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M445.78%2C283.75l-18.35%2C5.88-20.04-62.53%2C18.35-5.88%2C20.04%2C62.53Zm8.02%2C17.79c1.99%2C6.19-1.55%2C12.87-7.62%2C14.82-6.19%2C1.99-12.95-1.39-14.93-7.59-1.98-6.19%2C1.51-12.98%2C7.7-14.97%2C6.08-1.95%2C12.87%2C1.55%2C14.85%2C7.74Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-position: -70px -80px;
	background-size: 300px;
	background-repeat: no-repeat;
}
.page-error #content-inner{
	margin: 0 auto;
}
.page-error #wrapper::before{
	content: inherit!important;
}
.page-error .entry-content{
	padding-top: 30%;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20501.41%20264.3%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2327aeb3%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_022_404%22%3E%3Cg%3E%3Cg%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M128.82%2C263.53v-37.05h5l22.55%2C24.72v-24.72h7.22v37.05h-5l-22.55-24.77v24.77h-7.22Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M193.31%2C242.09c2.39%2C2.17%2C4.05%2C5.5%2C4.05%2C9.44s-1.67%2C7.22-4.05%2C9.39c-2.06%2C1.89-5.17%2C3.39-9.72%2C3.39s-7.67-1.5-9.72-3.39c-2.39-2.17-4.05-5.5-4.05-9.39s1.67-7.28%2C4.05-9.44c2.06-1.89%2C5.17-3.39%2C9.72-3.39s7.66%2C1.5%2C9.72%2C3.39Zm-2.94%2C9.44c0-3.78-2.89-6.83-6.78-6.83s-6.78%2C3.05-6.78%2C6.83%2C2.83%2C6.78%2C6.78%2C6.78%2C6.78-3.11%2C6.78-6.78Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M209.36%2C245.25v18.27h-6.78v-18.27h-2.67v-5.78h2.67v-8.22h6.78v8.22h4.67v5.78h-4.67Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M251.18%2C232.7h-12.44v8.28h11.66v6.22h-11.66v16.33h-7.22v-37.05h19.66v6.22Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M278.67%2C242.09c2.39%2C2.17%2C4.05%2C5.5%2C4.05%2C9.44s-1.67%2C7.22-4.05%2C9.39c-2.06%2C1.89-5.17%2C3.39-9.72%2C3.39s-7.66-1.5-9.72-3.39c-2.39-2.17-4.05-5.5-4.05-9.39s1.67-7.28%2C4.05-9.44c2.06-1.89%2C5.17-3.39%2C9.72-3.39s7.67%2C1.5%2C9.72%2C3.39Zm-2.94%2C9.44c0-3.78-2.89-6.83-6.78-6.83s-6.78%2C3.05-6.78%2C6.83%2C2.83%2C6.78%2C6.78%2C6.78%2C6.78-3.11%2C6.78-6.78Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M294.72%2C239.48v13.61c0%2C1.28%2C.11%2C3%2C1.44%2C4.22%2C.83%2C.72%2C2.17%2C1.22%2C3.44%2C1.22s2.61-.5%2C3.44-1.22c1.33-1.22%2C1.44-2.94%2C1.44-4.22v-13.61h6.78v14.72c0%2C2.17-.28%2C5.05-2.94%2C7.39-2.22%2C1.94-5.78%2C2.72-8.72%2C2.72s-6.5-.78-8.72-2.72c-2.67-2.33-2.94-5.22-2.94-7.39v-14.72h6.78Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M317.71%2C239.48h6.78v3.11c1.28-1.78%2C3.55-3.89%2C7.44-3.89%2C2.11%2C0%2C5.22%2C.61%2C7.11%2C2.94%2C1.67%2C2.05%2C1.89%2C4.44%2C1.89%2C6.78v15.11h-6.78v-13.11c0-1.33-.06-3.44-1.28-4.72-1.06-1.11-2.5-1.22-3.17-1.22-1.78%2C0-3.17%2C.61-4.17%2C2.11-1%2C1.55-1.05%2C3.28-1.05%2C4.67v12.28h-6.78v-24.05Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M365.81%2C223.04h6.78v40.49h-6.78v-3.11c-2.44%2C3.5-5.67%2C3.89-7.39%2C3.89-7.39%2C0-12.27-5.78-12.27-12.83s4.83-12.77%2C11.94-12.77c1.83%2C0%2C5.44%2C.33%2C7.72%2C3.89v-19.55Zm-12.66%2C28.44c0%2C3.83%2C2.78%2C6.83%2C6.67%2C6.83s6.67-3%2C6.67-6.83-2.78-6.78-6.67-6.78-6.67%2C2.94-6.67%2C6.78Z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M135.16%2C136.37h23.53v31.38h-23.53v38.01h-36.81v-38.01H0v-17.5L99.86%2C4.53h35.3V136.37Zm-36.81%2C0V59.74l-51.89%2C76.63h51.89Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M172.57%2C104.99C172.57%2C35.9%2C210.28%2C0%2C250.4%2C0s77.84%2C35.9%2C77.84%2C105.29-37.71%2C104.99-77.84%2C104.99-77.84-35.9-77.84-105.29Zm39.22%2C0c0%2C52.5%2C21.42%2C71.5%2C38.62%2C71.5s38.62-19.01%2C38.62-71.5-21.72-71.2-38.62-71.2-38.62%2C19.01-38.62%2C71.2Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M477.88%2C136.37h23.53v31.38h-23.53v38.01h-36.81v-38.01h-98.35v-17.5L442.58%2C4.53h35.3V136.37Zm-36.81%2C0V59.74l-51.89%2C76.63h51.89Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 50%;
}
.page-error .entry-content p{
	display: block;
	font-family: nitalago-ruika, sans-serif;
	font-weight: 100;
	font-style: normal;
	line-height: 1.3;
	font-size: 1.5em;
	text-align: center;
}
.variable-rectangle-ad{
	display: none;
}
@media screen and (min-width: 992px){
	.page-error #wrapper{
		margin-top: 78px;
	}
}


/*---------------------------------------
	ヘッダー画像
---------------------------------------*/
.page-index #wrapper{
	margin-top: 100vh;
	padding: 0 20px;
}
#index_slide{
	position: fixed;
	top: 0; left: 0; right: 0;
	width: 100vw;
	height: 100vh;
}
.index_slide_inner{
	display: flex;
}
.index_slide_inner:nth-child(even){margin-left: -50%}
.index_slide_bg{
	display: flex;
	animation: slide 60s infinite linear 1s both;
}
.index_slide_item{
	width: 40vh;
	background-size: cover;
	background-position: center;
}
@keyframes slide{
	0%{transform: translateX(0);}
	100%{transform: translateX(-100%)}
}

#index_slide_catch{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100vh;
	top: 0;
	background-color: rgba(0,0,0,0.35);
	color: #FFF;
}
.index_slide_catch_inner{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
}
.index_slide_catch_inner::after{
	content: "限界キモオタライフログ";
	font-size: 2em;
		font-family: nitalago-ruika, sans-serif;
	font-weight: 100;
	font-style: normal;
}
@media screen and (max-width:992px){
	.index_slide_catch_inner{writing-mode: vertical-rl;}
	.index_slide_catch_inner::after{
		font-size: 1.5em;
		white-space: pre;
	}
}
/*ピックアップ*/
#pickup_entries{
	padding-bottom: 50px;
	position: relative;
}
#pickup_entries > .index_elemHeader,
#pickup_entries_list{
	position: relative;
	z-index: 3;
}
#pickup_entries::before, #pickup_entries::after{
	content: "";
	position: absolute;
	top: 0; bottom: 0; left: -100px; right: -100px;
}
#pickup_entries::before{
	z-index: 0;
	background: #FFF;
}
#pickup_entries::after{
	z-index: 1;
	background: #27aeb3;
	border-bottom-right-radius: 2500px 300px;
	border-bottom-left-radius: 2500px 300px;
}
#pickup_entries_inner{
	position: relative;
}
#pickup_entries_list{
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
#pickup_entries_list::-webkit-scrollbar{
	display: none;
}
.pickup_entries_blk{
	flex: 0 0 100%;
	min-width: 100%;
	scroll-snap-align: center;
}
.pickup_entries_img{
	margin: 0 auto;
	position: relative;
	background-position: center;
	background-size: cover;
	width: 100%;
}
.pickup_entries_img::after{
	content: "";
	padding-top: 61.8%;
	display: block;
}
.pickup_entries_blk_inner{text-decoration: none;}
.pickup_entries_blk_inner > h3{
	margin-top: 100px;
	color: #FFF;
	font-size: 1.5em;
	text-align: right;
}
#pickup_entries_scroll{
	position: absolute;
	height: 50px;
	padding: 25px 0;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
}
.pickup_entries_arrow{
	position: absolute;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2057.4%2071.69%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22page-index-2021%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%220.54%200.84%2055.54%2035.84%200.54%2070.84%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 50px;
	width: 50px;
}
#pickup_arrow_left{
	left: 0;
	transform: rotate(180deg);
}
#pickup_arrow_right{
	right: 0;
}
@media only screen and (min-width: 992px){
	#pickup_entries_inner{
		margin: 0 auto;
		padding: 0;
		width: 992px!important;
	}
	.pickup_entries_img{width: 50%!important;}
	.pickup_entries_blk_inner > h3{text-align: center;}
}

/*記事とか*/
	#headerImg_inner{
		position: fixed;
		top: 0; right: 0; left: 0;
		z-index: 1;
		background-size: cover;
		background-position: center;
	}
	
	#headerImg_margin{
		position: relative;
		width: 100%;
	}
	#headerImg_margin:not(.home_headerImg),#headerImg_inner:not(.home_headerImg){
		height: calc(61.8vh + 70px);
	}
	.home_headerImg{
		height: 100vw;
	}
	#headerImg_margin::after{
		content: "";
		position: absolute;
		left: 0;bottom: 0;right: 0;
		height: 5px;
		background:linear-gradient(rgba(26,26,26,0),rgba(26,26,26,0.7));
		z-index: 2;
	}
.headerImg{
	margin-top: calc(61.8vh + 70px);
}
@media only screen and (max-width: 480px){
	.headerImg{
		margin-top: calc(61.8vw + 70px);
	}
	#headerImg_margin:not(.home_headerImg),#headerImg_inner:not(.home_headerImg){
		height: calc(61.8vw + 70px);
	}
}

/*---------------------------------------

	アーカイブのヘッダー

---------------------------------------*/
#archive-header-span{
	margin-top: 15px;
	color: #27aeb3;
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	display: block;
	text-align: center;
	border-bottom: 1px #27aeb3 solid;
}
#archive-header > h1{
	margin: 0 0 15px 0;
	text-align: center;
	color: #666;
	font-family: nitalago-ruika, sans-serif;
	font-weight: 100;
	font-style: normal;
}
#archive-header{
	margin-top: 60px;
	position: relative;
}
.page-search #archive-header{
	margin-top: 0 !important;
}
.search-result{
	margin: 60px -20px 0 -20px;
	padding-top: 40px !important;
}
@media only screen and (min-width:992px){
	#archive-header{
		margin-top: 78px;
	}
	.search-result{
		margin: 78px -10px 0 -10px;
	}
}
.archive-header_category,
.archive-header_archive{
	padding: 50px 0;
}


/*---------------------------------------

	本命

---------------------------------------*/

#main-inner{
	padding: 0 20px;
	position: relative;
}

ul.entry-list{
	margin: 0;
	padding: 0;
	list-style: none;
	
}

body.page-index #main-inner{
	margin: -10px -10px 0 -10px;
	padding: 10px 10px 20px 10px;
}

li.entry_list{
	margin: 10px 0 20px 0;
	position: relative;
	border-bottom: 2px #CCC solid;
	overflow: hidden;
	background-color: #FFF;
}
li.entry_list > a{
	display: block;
	margin: 0;
	padding: 0 15px 15px 15px;
	position: relative;
	z-index: 1;
	color: #454545;
	text-decoration: none;
	text-align: center;
}
li.entry_list .entry_eyecatch{
	margin: 0 -100px;
	padding:  0 100px;
	width: 100%;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-bottom-left-radius: 1500px 300px;
	border-bottom-right-radius: 1500px 300px;
}
li.entry_list .entry_eyecatch::before{
	content: "";
	display: block;
	padding-top: 61.8%;
}
li.entry_list .entry_eyecatch::after{
	content: "";
	display: block;
	padding: 0 100px;
	position: absolute;
	top: 5px; left: 0; right: 0; bottom: -4px;
	z-index: -1;
	background-color: #27aeb3;
	border-bottom-left-radius: 1500px 300px;
	border-bottom-right-radius: 1500px 300px;
}
li.entry_list p{
	margin: 0;
	padding: 0;
	display: block;
}
li.entry_list p.entry_title{
	margin-top: 10px;
	position: relative;
	font-family: nitalago-ruika, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size:1.3rem;
}
li.entry_list p.entry_desp{
	display: flex;
	text-align: left;
	font-size: 0.8em;
}
p.entry_desp > .entry_date{
	padding-right: 10px;
	color: #999;
}

.page-archive:not(.page-index) .entry_date{
	display: none;
}

/*トップページとか色々（PC用(1000px~）*/
@media screen and (min-width: 992px){
	body.page-index > #container{width: 992px;}
	ul.entry-list{
		display: flex;
		flex-wrap: wrap;
	}
	li.entry_list{
		margin: 10px 10px 20px 10px;
		width: calc((100% / 3) - 20px);
		display: inline-block;
	}
	:not(.hatena-module-related-entries) > .hatena-module-body,
	#profile-inner{
		width: calc(680px / 1.3);
		margin: 0 auto;
	}
	.index_elemHeader,.hatena-module,#profile{zoom:1.3;}
	#page-footer, #box2-inner, #profile{
		margin: 0 calc((-100vw - 100%) / 2)!important;
	}
}


/*関連記事、最新記事*/
.hatena-urllist{
	padding: 0!important;
	list-style: none!important;
}
.urllist-item{
	margin: 10px 0!important;
	padding: 10px 0!important;
	position: relative!important;
}
.urllist-item:not(:last-child){
	border-bottom: 1px #ccc dotted!important;
}
.urllist-item::after{
	display: block!important;
	visibility: hidden;
	font-size: 0px;
	height: 0px;
	clear: both;
	content: "";
}
.urllist-title-link{
	display: flex;
	text-decoration: none;
	position: relative;
}
.urllist-title{
	max-height: 50px;
	font-family: nitalago-ruika, sans-serif;
	font-weight: 100;
	font-style: normal;
	line-height: 25px;
	overflow: hidden;
	color: #333;
}

.urllist-image{
	margin: 0!important;
	flex: 1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.urllist-image::before{
	content: "";
	display: block;
	padding-top: 61.8%;
}
.rec-entries-body{
	padding-left: 10px;
	flex: 1.6;
}
.rec-entries-body > p{
	margin: 0;
	position: relative;
}
.rec-entries-body > p:not(.urllist-date){
	padding-right: 15px;
}
.urllist-description{
	max-height: calc(1.5 * 2em);
	overflow: hidden;
	font-size: 0.7rem;
	color: #AAA;
}
.urllist-date{
	text-align: center;
	padding: 2px 10px;
	display: inline-block;
	background-color: #27aeb3;
	border-radius: 50px;
	color: #FFF;
	font-family: futura-pt, sans-serif;
	font-size: 0.7rem;
	font-weight: 600;
}

.urllist-title::before, .urllist-title::after,
.urllist-description::before, .urllist-description::after{
	position: absolute;
	background-color: #FFF;
}

.urllist-title::before,
.urllist-description::before{
	content: "…";
	padding-left: 5px;
	bottom: 0;
	right: 0;
}
.urllist-title::after,
.urllist-description::after{
	content: "";
	width: 100%;
	height: 100%;
}

/* ヘッダ画像を設定したとき */
.header-image-enable #blog-title {
    margin: 0 0 2em;
	position: relative;
	z-index: 99;
}

.header-image-enable #blog-title-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.header-image-enable #blog-title-content {
    margin-left: 10px;
    margin-right: 10px;
}


/* パンくず（カテゴリー、記事ページで表示されます） */
.breadcrumb {
    font-size: .9rem;
}

/* entry */
.entry {
    position: relative;
}

.entry-header {
	margin: 0 -10px -10px -10px;
	padding-bottom: 4.6vw;
    position: relative;
	z-index: 1;
}
.entry-header h1{
	text-align: center;
}

.date{
	margin-top: -10px;
	margin-bottom: -5px!important;
	padding: 2px 10px;
	color: #e6e6e6;
	font-size: 2rem;
	font-family: futura-pt-bold, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.date a {
	color: #e6e6e6;
    text-decoration: none;
}

.date a:hover {
    text-decoration: none;
}

.entry-title {
    margin: 0;
	padding:0 10px 10px 10px;
	position: relative;
	z-index: 4;
    font-size: 2rem;
	font-weight: normal;
}

@media (max-width: 991px) {
	.entry-header::before{
		margin: 0 auto !important;
		content: '';
		width: 100vw;
		height: 9.3vw;
		position: absolute;
		left: calc(-50vw - 360px);
		right: calc(-50vw - 360px);
		bottom: 0;
		background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201125%2055.75%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2327aeb3%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22page-entry%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M549.6%2C55.75C352.38%2C55.75%2C165.85%2C41.57%2C0%2C16.34V4.04C165.85%2C29.27%2C352.38%2C43.45%2C549.6%2C43.45c207.52%2C0%2C403.2-15.69%2C575.4-43.45V12.3c-172.2%2C27.75-367.88%2C43.45-575.4%2C43.45Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
		background-color: transparent;
		background-size: calc(100vw + 100px) auto;
		background-repeat: no-repeat;
		background-position: center bottom;
	}
    .entry-title {
        font-size: 1.6rem;
    }
}
@media (min-width: 992px) {
	.entry-header{
		padding-bottom: 10px !important;
		border-bottom: 5px solid #27aeb3;
	}
}
.entry-title-link{
	color: #666;
}

.categories {
    margin: 0 .5em .5em .5em;
    font-size: .9rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.categories a {
	padding: 5px 5px 5px 1.2em;
	display: inline-block;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2037.91%2039.81%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2327aeb3%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22page-entry%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M31.14%2C10.28l4.38%2C.04c.68%2C.09%2C1.25%2C.39%2C1.72%2C.91%2C.47%2C.52%2C.69%2C1.14%2C.66%2C1.88-.09%2C.71-.38%2C1.35-.86%2C1.92-.49%2C.58-1.08%2C.86-1.79%2C.86l-5.13%2C.13-1.77%2C9.95h4.07c.71-.09%2C1.36%2C.1%2C1.97%2C.55%2C.6%2C.46%2C.93%2C1.08%2C.97%2C1.88%2C.04%2C.8-.21%2C1.51-.75%2C2.14-.55%2C.63-1.17%2C.95-1.88%2C.95l-5.35%2C.18-1.24%2C5.66c-.12%2C.74-.51%2C1.36-1.17%2C1.86-.66%2C.5-1.38%2C.69-2.14%2C.57-.77-.12-1.37-.49-1.81-1.13-.44-.63-.57-1.35-.4-2.15l1.06-4.91H12.7l-.88%2C5c-.09%2C.74-.45%2C1.36-1.08%2C1.86-.63%2C.5-1.33%2C.72-2.08%2C.66-.75-.06-1.36-.42-1.81-1.08-.46-.66-.61-1.36-.46-2.1l.75-4.25H2.57c-.74-.03-1.36-.33-1.88-.91C.18%2C30.2-.05%2C29.5%2C0%2C28.68c.12-.83%2C.46-1.49%2C1.04-1.99%2C.58-.5%2C1.28-.75%2C2.1-.75l5%2C.04%2C1.77-10.04-4.6%2C.04c-.8-.09-1.45-.39-1.97-.91-.52-.52-.75-1.2-.69-2.06%2C.12-.74%2C.47-1.39%2C1.06-1.95%2C.59-.56%2C1.28-.81%2C2.08-.75l5.13-.09%2C1.42-8.05c.12-.62%2C.49-1.16%2C1.11-1.61C14.07%2C.12%2C14.75-.07%2C15.49%2C.02c.74%2C.09%2C1.3%2C.43%2C1.7%2C1.02%2C.4%2C.59%2C.58%2C1.21%2C.55%2C1.86l-1.28%2C7.43%2C8.98-.09%2C1.02-7.56c.12-.77%2C.49-1.42%2C1.11-1.95%2C.62-.53%2C1.3-.77%2C2.03-.71%2C.77%2C.09%2C1.39%2C.41%2C1.86%2C.97%2C.47%2C.56%2C.69%2C1.24%2C.66%2C2.03l-.97%2C7.25Zm-15.65%2C5.62l-1.77%2C9.99h8.98l1.72-9.86-8.93-.13Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1em;
	font-family: nitalago-ruika, sans-serif;
	font-weight: 100;
	font-style: normal;
	color: #666;
	text-decoration: none;
}


/* 「編集する」ボタン */
.entry-header-menu {
    position: absolute;
    top: 0;
    right: 0;
}

/* 記事内の書式 */
.entry-content img,
.entry-content video {
    height: auto;
	border-radius: 10px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin: 1em 0 -0.3em 0;
}
.entry-content p{
	margin: 1.5em 0;
	padding: 0 10px;
}
.entry-content p:not(.blogThema):not(.about_details-p){
	line-height: 2;
	letter-spacing: 1.8pt;
}

.entry-content{
	font-family: ibm-plex-sans-jp, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 0.95em;
}
.entry-content li{
	padding: 5px 0;
}

.entry-content h1 {
    font-size: 1.5rem;
	
}

@media (min-width: 992px) {
    .entry-content h1 {
        font-size: 1.7rem;
    }
}

.entry-content h3 {
	margin-left: -25px!important;
	margin-right: -25px!important;
	padding: 0 25px 5px 25px;
    font-size: 1.7rem;
	overflow: hidden;
	position: relative;
}
.entry-content h3::before,.entry-content h3::after{
	content: "";
	position: absolute;
	bottom: 0;
}
.entry-content h3::after {
	margin: 0 -10px 0 10px;
	border-bottom: 5px #e6e6e6 solid;
	width: 100%;
}
.entry-content h3::before {
	margin-left: -25px;
	border-bottom: 5px #27aeb3 solid;
	width: 100%;
}

@media (min-width: 992px) {
    .entry-content h3 {
        font-size: 1.5rem;
    }
}

.entry-content h4 {
	position: relative;
	overflow: hidden;
    font-size: 1.25rem;
	line-height: 2;
	border-bottom:2px #27aeb3 solid;
	color: #454545;
}

@media (min-width: 992px) {
    .entry-content h4 {
        font-size: 1.3rem;
    }
}

.entry-content h5 {
    font-size: 1.1rem;
}

.entry-content h6 {
    font-size: 1rem;
}

.entry-content ul,
.entry-content dd {
    margin: 0;
    padding: 1em 0 1em calc(1.5em + 10px);
}
.entry-content ol{
	margin: 0;
    padding: 1em 0 1em calc(2em + 10px);
}

.entry-content li > ul,
.entry-content li > ol{
	padding: 0 0 0 1em !important;
}

.entry-content dt{
	padding-left: 10px;
	font-weight: 800;
	color:#27aeb3;
}
.entry-content dt::before{content: "◆"}
.entry-content dd{margin-top: -0.8em!important;}

.entry-content ul li ul, .entry-content ul li ol,
.entry-content ol li ul,
.entry-content ol li ol,
.entry-content dd li ul,
.entry-content dd li ol {
    margin-bottom: 0;
}

.entry-content table {
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1em;
    margin-bottom: 1em;
    width: 100%;
    overflow: auto;
    display: block;
    font-size: .8rem;
}

@media (min-width: 992px) {
    .entry-content table {
        font-size: .9rem;
    }
}

.entry-content table th,
.entry-content table td {
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.entry-content table th {
    background: #f5f5f5;
}

.entry-content blockquote {
    margin: 20px 0 20px 50px;
    padding: 0 0 0 10px;
	position: relative;
	border-left: 5px #27aeb3 solid;
}
.entry-content blockquote:after{
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0;
	left: -50px;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2045.86%2036.3%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2327aeb3%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22page-entry%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C20.97C0%2C10.3%2C5.15-.12%2C20.72%2C0V6.75c-4.17%2C.98-7.36%2C3.68-7.23%2C10.67h6.74v18.88H0v-15.33Zm25.14%2C0C25.14%2C10.3%2C30.29-.12%2C45.86%2C0V6.75c-4.05%2C.98-7.23%2C3.68-7.23%2C10.67h6.74v18.88H25.14v-15.33Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.entry-content blockquote p:first-child {
    margin-top: 0;
}

.entry-content blockquote p:last-child {
    margin-bottom: 0;
}

.entry-content pre,
.entry-content code {
    font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}

.entry-content pre {
    background: #f5f5f5;
    border: none;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    font-size: 100%;
    line-height: 1.3;
    font-size: .8rem;
    padding: 10px;
}

.entry-content pre > code {
    margin: 0;
    padding: 0;
    white-space: pre;
    border: none;
    background-color: transparent;
    font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}

.entry-content code {
    font-size: 90%;
    margin: 0 2px;
    padding: 0px 5px;
    background-color: #f5f5f5;
    border-radius: 3px;
}

.entry-content hr {
    width: 50%;
    border: 0;
    border: none;
    border-top: 1px solid #ddd;
    margin: 2em auto;
}

.entry-content .table-of-contents {
    padding: 1em 1em 1em 2em;
    margin: 1em 0;
    border: 1px solid #ddd;
}

/* 記事下 */
.entry-footer-section {
    color: #999;
    font-size: .9rem;
}

.entry-footer-section a {
    color: #999;
}

/* シェアボタン */
.share-area{
	margin: 0 -10px;
}
.share-btn{
	display: flex;
	justify-content: center;
}
.share-btn-item{
	margin: 10px;
	display: block;
	width: 70px;
	height: 70px;
	color: #FFF;
	font-size: 2rem;
	text-align: center;
	border-radius: 50px;
	line-height: 70px;
	position: relative;
}
.share-ico{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.share-btn-item_twitter{
	background-color: #1D9BF0;
}
.share-btn-item_facebook{
	background-color: #1778F2;
}
.share-btn-item_hatebu{
	background-color: #00A4DE;
}
.share-btn-item_hatebu .share-ico{
	margin-top: -3px;
	font-size: 1.2em;
}


/* コメント */
.comment-box {
    margin: 1em 0;
}

.comment-box .comment {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 1.7;
    font-size: .85rem;
}

@media (min-width: 768px) {
    .comment-box .comment {
        font-size: .9rem;
    }
}

.comment-box .entry-comment {
    padding: 10px 0 10px 60px;
    position: relative;
}

.comment-box .entry-comment:first-child {
    border-top: 1px solid #ddd;
}

.comment-box .read-more-comments {
    padding: 10px 0;
}

.comment-box .hatena-id-icon {
    position: absolute;
    top: 35px;
    left: 0;
    width: 50px !important;
    height: 50px !important;
    border-radius: 5px;
	border: 1px #CCC solid;
}

.comment-user-name {
    margin: 0 0 0 15px;
	line-height: 25px;
    font-weight: bold;
	color:#CCC;
}

.comment-user-id{
	color: #999!important;
	text-decoration: none;
}

.comment-content {
    margin: 0 0 .4em 15px;
    word-wrap: break-word;
	background-color: #75B5D5;
    color: #efefef;
    font-size: .85rem;
	border-radius: 5px;
	border:1px #75B5D5 solid;
	padding: 10px 10px 40px 10px;
	position: relative;
}
.comment-content:after{
	content: "";
	position: absolute;
	top: 10px;
	left: -30px;
	width:0;
	height: 0;
	border: 15px solid transparent;
	border-right-color: #75B5D5;
}

.comment-content p {
    margin: 0 0 .6em 0;
}

.comment-metadata {
	position: absolute;
	bottom: 25px;left: 85px;
	display: block;
    color: #999;
    margin: 0;
    font-size: .8rem;
}

.comment-metadata a {
    color: #999;
}

.comment-metadata time{
	color:#454545;
}

.leave-comment-title {
    padding: .6em 1em;
    font-size: .85rem;
    border: 1px solid #ddd;
}

/* Pager */
.pager {
    margin: 0;
}
.pager-arrow{
	display: none;
}

/*ホーム画面のページャー*/
.autopagerize_insert_before{
	margin: 0!important;
	cursor: pointer;
}
.pager_finish{
	display: none!important;
}

.home_pager_next{
	background-color: #ffffff;
	border-radius: 5px;
}

.pager-next:not(.home_pager_next):not(.pager_finish), .pager-prev{
	display: inline-table;
	margin: 10px -10px;
	width: calc(100% + 10px);
	height: 60px;
	position: relative;
}
.pager-next > a, .pager-prev > a{
	position: relative;
	display: table-cell;
	padding: 5px 0;
	font-family: nitalago-ruika, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: 0.9em;
	vertical-align: middle;
	text-decoration: none;
	background-repeat: no-repeat;
	background-size: 30px;
}
.autopagerize_insert_before > span{
	display: block;
	padding: 0 30px;
	margin: 0 auto;
	width: 80px;
	line-height: 30px;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1em;
	text-align: center;
	border: 2px #27aeb3 solid;
	color: #27aeb3;
}

#pager-innerText.pagerLoading::after{
	content: ".";
	display: block;
	animation: loading 1s infinite;
}

.pager-next:not(.home_pager_next):not(.pager_finish){
	padding: 5px;
}
.pager-next:not(.home_pager_next):not(.pager_finish)::before{
	content: "";
	background-color: #27aeb3;
	width: 80px;
	height: 80px;
	position: absolute;
	top: -5px;
	right: -20px;
	border-radius: 80px;
}

.pager-prev{
	padding: 5px;
}
.pager-prev::before{
	content: "";
	background-color: #fff;
	border: 3px #27aeb3 solid;
	width: 74px;
	height: 74px;
	position: absolute;
	top: -5px;
	left: -20px;
	border-radius: 80px;
}

.pager-next > a{
	padding-right: 60px;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2090%2079.85%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22page-entry%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6%2C33.93h63.51L45.82%2C10.24c-2.33-2.33-2.33-6.15%2C0-8.49%2C2.33-2.33%2C6.15-2.33%2C8.49%2C0l33.79%2C33.79s.1%2C.09%2C.15%2C.14c1.01%2C1.01%2C1.58%2C2.3%2C1.72%2C3.62v.02c.02%2C.2%2C.03%2C.4%2C.03%2C.61h0c0%2C.21-.01%2C.41-.03%2C.61v.02c-.14%2C1.32-.71%2C2.61-1.72%2C3.62h0s-.1%2C.09-.15%2C.14l-33.79%2C33.79c-2.33%2C2.33-6.15%2C2.33-8.49%2C0-2.33-2.33-2.33-6.15%2C0-8.49l23.69-23.69H6c-3.3%2C0-6-2.7-6-6s2.7-6%2C6-6Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-position: right center;
	text-align: right;
	color: #333;
}
.pager-prev > a{
	padding-left: 60px;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2090%2079.85%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2327aeb3%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22page-entry%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M84%2C33.93H20.49L44.18%2C10.24c2.33-2.33%2C2.33-6.15%2C0-8.49-2.33-2.33-6.15-2.33-8.49%2C0L1.9%2C35.54s-.1%2C.09-.15%2C.14c-1.01%2C1.01-1.58%2C2.3-1.72%2C3.62v.02c-.02%2C.2-.03%2C.4-.03%2C.61H0c0%2C.21%2C.01%2C.41%2C.03%2C.61v.02c.14%2C1.32%2C.71%2C2.61%2C1.72%2C3.62h0s.1%2C.09%2C.15%2C.14l33.79%2C33.79c2.33%2C2.33%2C6.15%2C2.33%2C8.49%2C0%2C2.33-2.33%2C2.33-6.15%2C0-8.49l-23.69-23.69h63.51c3.3%2C0%2C6-2.7%2C6-6s-2.7-6-6-6Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-position:left center;
	color: #333;
}
.pager-next > a::after, .pager-prev > a::after{
	position: absolute;
	top: 0;
	font-size: 0.8em;
}
.pager-next > a::after{
	content: "前の記事";
	right: 60px;
	color: #27aeb3;
}
.pager-prev > a::after{
	content: "次の記事";
	left: 60px;
	color: #27aeb3;
}

/* サイドバーモジュール */
.hatena-module {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: .85rem;
	position: relative;
	overflow: hidden;
}
@media (min-width: 768px) {
    .hatena-module {
        font-size: .9rem;
    }
}

.hatena-module-title a {
	color: #27aeb3;
    text-decoration: none;
}

/* Profile module */
#user-name-nickname, #user-name-hatena-id{
    display: block;
    margin-bottom: .5em;
	text-decoration: none;
	color: #FFF;
}

#profile-description p {
    margin-top: 0;
}

/*Profileモジュール*/

.hatena-module-html > .hatena-module-title{display: none;}
body.page-about #profile{display: none!important;}
#profile{
	margin: 0;
	padding:0;
	position: relative;
	z-index: 9;
	text-align: center;
	font-weight: 200;
	overflow: hidden;
	background-color: #FFF;
}
#profile::before, #profile::after{
	content: "";
	margin: 0 -100px;
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
	border-bottom-right-radius: 2500px 300px;
	border-bottom-left-radius: 2500px 300px;
}
#profile::before{
	background:linear-gradient(90deg, #EAECC6, #27aeb3);
	opacity: 0.7;
	z-index: 3;
}
#profile::after{
	background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/corepopo/20191027/20191027154203.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 2;
}
#profile *{
	margin: 0 auto;
	display: block;
	text-decoration: none;
	color: #FFF;
}
#profile-inner{
	padding: 50px 0 100px 0;
	position: relative;
	z-index: 3;
}
#ico_link{position: relative;}
#twitter-link,#insta-link{
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 25px;
	background-repeat: no-repeat;
	background-position: center;
}
#twitter-link{left: calc(50% - 120px);}
#insta-link{
	background-size: 35px;
	right: calc(50% - 120px);
}
#profile-ico{
	width: 100px;
	border-radius: 50px;
}

#user-name-nickname{
	margin-bottom: -15px;
	font-size: 2rem;
}
#user-name-hatena-id{
	margin: 0 auto;
	width: 75%;
	border-bottom: 1px #fff solid;
	font-size: 1.5rem;
	font-family: futura-pt, sans-serif;
	font-weight: 100;
}
#profile-description{padding-bottom: 20px;}
	/*Profileモジュールここまで*/

/* 月別アーカイブ */
#monthArchive{
	font-family: futura-pt, sans-serif; 
	font-weight: 400; 
	font-style: normal; 
}
#monthArchive,#monthArchive > li{
	margin: 0;
	padding: 0;
	list-style: none;
	clear:both;
	font-size: 1.5em;
}
#monthArchive a{text-decoration: none;}
.year-title{
	display: block;
	text-align: center;
}
.month-list{
	padding: 0 5%;
	overflow: hidden;
}
.month-list > li{
	display: block;
	float: left;
	padding: 10px 0;
	width: calc((100% - 4px) / 4);
	text-align: center;
}
.month-list > li:not(:nth-last-child(-n+4)){
	border-bottom: 1px #CCC solid;
}
.month-list > li:not(:nth-child(4n)){
	border-right: 1px #CCC solid;
}

/* Search module */
.hatena-module-search-box,
.search-result{
	padding: 80px 40px 40px 40px;
	background-color: #27aeb3;
}

.hatena-module-search-box::after{
	content: "";
	height: 300px;
	border-bottom-left-radius: 2500px 300px;
	border-bottom-right-radius: 2500px 300px;
	position: absolute;
	top: -250px;
	left: -100px;
	right: -100px;
	background-color: #FFFFFF;
}

.hatena-module-search-box .hatena-module-body,
.search-result-box{
	overflow: hidden;
	border-radius: 99px;
}
.hatena-module-search-box .search-form,
.search-result-form{
	padding-left: 10px !important;
	position: relative !important;
    border: 1px solid #FFF !important;
    border-radius: 100px !important;
    width: 100% !important;
	height: 40px !important;
	background-color: transparent;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
	max-width: inherit !important;
}
.hatena-module-search-box .search-module-input,
.search-result-input{
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 0 !important;
            flex: 1 0 !important;
    padding: 5px !important;
    color: #fff !important;
    background: none !important;
    border: none !important;
    outline: none !important;
    height: 28px !important;
	line-height: 28px !important;
}
.search-module-input::placeholder{color: #EFEFEF;}

.hatena-module-search-box .search-module-button,
.search-result-button{
    width: 46px !important;
    height: 46px !important;
	position: relative !important;
	right: -3px !important;
	top: 0!important;
	opacity: 1 !important;
    background: #fff url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2081.35%2065.61%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2327aeb3%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22page-entry%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M4.65%2C11.81C-3.7%2C24.12-.5%2C40.87%2C11.81%2C49.23c10.78%2C7.32%2C24.97%2C5.77%2C33.94-3l27.19%2C18.46c2.45%2C1.66%2C5.82%2C1.02%2C7.48-1.43%2C1.66-2.45%2C1.02-5.82-1.43-7.48l-27.19-18.46c4.84-11.57%2C1.05-25.34-9.74-32.66C29.76-3.7%2C13.01-.5%2C4.65%2C11.81Zm40.12%2C27.23c-6.68%2C9.85-20.09%2C12.41-29.93%2C5.73C4.99%2C38.08%2C2.43%2C24.68%2C9.11%2C14.84%2C15.8%2C4.99%2C29.2%2C2.43%2C39.04%2C9.11c9.85%2C6.68%2C12.41%2C20.09%2C5.73%2C29.93Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center !important;
    background-size: 20px 20px !important;
    border: 3px #27aeb3 solid !important;
	border-radius: 99px !important;
    outline: none !important;
    color: transparent !important;
    overflow: hidden !important;
    cursor: pointer !important;
}
.search-form::before,
.search-result-form::before{
	content: "";
	width: 48px;
	height: 48px;
	position: absolute;
	top: -5px;
	right: -4px;
	background-color: #fff;
	border-radius: 99px;
}
.hatena-module-search-box .search-module-button:hover {
    opacity: .85;
}

/* 最新記事モジュール */
.hatena-module:nth-child(2){
	padding-top: 80px;
}
.hatena-module:nth-child(2)::after{
	content: "";
	height: 300px;
	border-bottom-left-radius: 2500px 300px;
	border-bottom-right-radius: 2500px 300px;
	position: absolute;
	top: -250px;
	left: -100px;
	right: -100px;
	background-color: #27aeb3;
}
.hatena-module-recent-entries{
	padding: 0 10px;
	width: calc(100% - 20px);
}

/* Archive */
.archive-header-category {
    text-align: center;
}

.page-archive .archive-entry {
    margin-bottom: 3em;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.3;
}
.page-archive .entry-title {margin: .3em auto;}
.page-archive .entry-thumb {
    width: 80px;
    height: 80px;
    background-size: cover;
}
@media (min-width: 768px) {
    .page-archive .entry-thumb {
        width: 120px;
        height: 120px;
    }
	.page-archive .entry-description {
        font-size: .9rem;
    }
}
.page-archive .entry-description {
    margin: 0;
    font-size: .85rem;
}
.page-archive .social-buttons {
    display: block;
    margin-top: .3em;
}

/* footer */
#footer-ad-rectangle{
	margin: 0!important;
	padding: 1em 0;
	position: relative;
	z-index: 2;
	background-color: #FFF;
}
#page-footer {
    padding: 3.7em 0 0 0;
	position: relative;
    text-align: center;
    font-size: .8rem;
    color: #808080;
	background-color: #FFF;
	z-index: 9;
	transform: translate3d(0,0,0);
	font-family: futura-pt, sans-serif;
	font-weight: 400;
}
#hatena-footer > span{display: block;}

#hatena-footer-hatena{
	margin-top: -0.3em;
	font-size: 2.5em;
	font-weight: 500;
	letter-spacing: -0.02em;
}
#footer-copyright{
	margin: 0;
	height: 40px;
	padding: 10px 0 0 0;
	color: #FFFFFF;
	overflow: hidden;
	position: relative;
}
#footer-copyright::after{
	content: "";
	margin: 0 -100px;
	padding: 0 100px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	height: 300px;
	background-color: #27aeb3;
}
#footer-inner{
	position: relative;
	z-index: 3;
}
#footer a {color: #333;}
#footer p {margin: .5em auto;}
#footer-copyright::after{
	border-top-left-radius: 2500px 300px;
	border-top-right-radius: 2500px 300px;
}
.fukidashi{
	margin: 10px auto;
	max-width: 700px;
	display: flex;
	flex-direction: row;
}
.fukidashi_reverse{
	flex-direction: row-reverse!important;
}
.fukidashi > *{
	box-sizing: border-box;
}
.fukidashi_color1 .fukidashi_ico,
.fukidashi_color1 .fukidashi_text,
.fukidashi_color1 .fukidashi_text::after{
	border-color: #27aeb3;
}
.fukidashi_women .fukidashi_ico,
.fukidashi_women .fukidashi_text,
.fukidashi_women .fukidashi_text::after{
	border-color: #CC419E;
}
.fukidashi_men .fukidashi_ico,
.fukidashi_men .fukidashi_text,
.fukidashi_men .fukidashi_text::after{
	border-color: #27ABE3;
}
.fukidashi_name{
	font-weight: 600;
}
.fukidashi_color1 .fukidashi_name{
	color: #27aeb3;
}
.fukidashi_women .fukidashi_name{
	color: #CC419E;
}
.fukidashi_men .fukidashi_name{
	color: #27ABE3;
}
.fukidashi .fukidashi_text{
	margin: 0 80px 0 0;
}
.fukidashi_reverse .fukidashi_text{
	margin: 0 0 0 80px;
}
.fukidashi_ico{
	margin: 0 10px;
	width: 60px;
	height: 60px;
	border-radius: 100px;
	border: 3px solid;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.fukidashi_ico_corechel{
	background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/corepopo/20191201/20191201155332.jpg");
}
.fukidashi_ico_kyabajo{
	background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/corepopo/20211013/20211013075555.png");
}
.fukidashi_ico_idol{
	background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/corepopo/20220730/20220730010029.png");
}
.fukidashi_ico_kurofuku{
	background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/corepopo/20220730/20220730010311.png");
}
.fukidashi_ico_maid{
	background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/corepopo/20230527/20230527055511.png");
}
.fukidashi_ico_band{
	background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/corepopo/20230527/20230527055931.png");
}
.fukidashi_ico_otaku{
	background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/corepopo/20230527/20230527060254.png");
}
.fukidashi_ico_women{
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/corepopo/20231223/20231223224033.png");
}
.fukidashi_ico_women_suit{
    background-image:url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/corepopo/20231224/20231224031312.png");
}
.fukidashi_text{
	padding: 10px;
	min-height: 50px;
	border: 1px solid;
	border-radius: 5px;
	flex: 1;
	position: relative;
}
.fukidashi_text::after{
	content: "";
	position: absolute;
	top: 20px;
	left: -7px;
	border-top: 7px solid transparent!important;
	border-bottom: 7px solid transparent!important;
	border-right: 7px solid;
}
.fukidashi_reverse .fukidashi_text::after{
	left: inherit;
	right: -7px !important;
	transform: rotate(180deg);
}
@media (max-width: 768px){
	.fukidashi{zoom: 0.85;}
}