.sp {
	display: none !important;
}

a:hover {
	text-decoration: underline;
}


/* ヘッダー */
#header {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #00459e;
	width: 100%;
	z-index: 9999;
	box-shadow: 3px 3px 5px #aaa;
	overflow: hidden;
}

#header #logo {
	text-align: center;
	font-size: 0;
}

#header #logo a {
	font-size: 0;
}

#header img {
	width: 260px;
	height: 85px;
}

#spmenu {
	display: none;
}

/* グローバルナビ */
nav#global_nav {
	background-color: #2c2b2b;
	width: 100%;
	z-index: 9999;
}

nav#global_nav ul {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

nav#global_nav li {
	display: inline-block;
	width: 20%;
	text-align: center;
}

nav#global_nav li a {
	display: block;
	padding: 5px;
	color: #fff;
}

/* 全体 */
body {
	background-color: #f0f0f0;
}

main {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1100px;
	margin: 120px auto 0;
	overflow: hidden;
}

main article#post {
	width: 70%;
	float: left;
	background-color: #fff;
	padding: 10px 35px;
}

main aside#sidebar {
	width: 26%;
	min-width: 285px;
	float: right;
}

.page main aside#sidebar ,
.single main aside#sidebar {
	margin-top: -48px;
}

main .breadcrumbs {
	position: relative;
	width: 70%;
	background-color: #fff;
	padding: 5px;
}

/*
main .breadcrumbs:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-top: 8px solid #000;
}
*/

#ad_top {
	margin-bottom: 14px;
}

/* パンくず */
main .breadcrumbs ol {
	padding: 14px 20px 0;
}

main .breadcrumbs li {
	display: inline;
	font-size: 14px;
	padding: 5px 0;
	color: #aaa;
}

main .breadcrumbs li:first-child {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABrElEQVRYhe2XOW7bUBCGWbhw6QRZlBUpdQyXcRYjhQ+QMshpEmRDYhisxKf5/qEInYCtsyiXcKEih2AaSaEJkpYVUYYBDTANH2e+j+8NSDCKrnPkeb6T5/nOlcEBAdq4xGAwuAG8AwqgkHQMPNgIHLgp6f0cXsqvQK9TeGnbq/B5dnccDfDpLLuVaIK7e9/d+51KXATvVCJJklvAh0rjCXBYgk7dvR9C2JeUVwdzPB7fXwkO3Jb0sdzQzCbAYQ3sd8P1wsyO0zR9+N9w4JeZvWx40gKYuHvtupmdAI+XgredeQv8nOTKMzEaje5I+lQp/CnpxRLwhUTL/XHjTiRJchf4XCn4ATy/BHwh3VQn6SSE8KhL+KLe3Z81SPz7dgA9SV8qxd/NrLb4ktnYx8y+pWl6L5IUVhy4pSUkHdQNpqQQmdmb0sKppIM1wud5Cjyt9P0zHA7fzo/hCDhz936WZXtV0zXlNMuyvdlOnAFH5wYxjuPdKIqimcC64QVQhBCelFm1sQmB1rguAq+rdWb2aiuwFdgKrEUgjuPdEMJ+W1LzBwT0LqprfQNeVfwFk717JiQCclUAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px;
	padding-left: 24px;
}
	
main .breadcrumbs li:after {
	content: '>';
	padding-left: 6px;
}

main .breadcrumbs li:last-child:after {
	content: '';
}

main .breadcrumbs li a {
	font-size: 14px;
	color: #aaa;
}

/* 記事一覧 */
main #article_list {
	width: 70%;
	float: left;
}

main #article_list #list {
	overflow: hidden;
	padding-bottom: 5px;
}

main #article_list .title {
	position: relative;
	background-color: #00459e;
	color: #fff;
	padding: 10px;
	font-weight: bold;
	border-radius: 5px;
	font-size: 18px;
}

main #article_list img {
	width: 100%;
	height: auto;
}

main #article_list a.list {
	position: relative;
	display: inline-block;
	background-color: #fff;
	width: 48%;
	margin: 12px 1% 0;
	padding: 8px;
	float: left;
}

main #article_list .list_title {
	font-weight: bold;
	height: 50px;
}

main #article_list a:hover {
	text-decoration: none;
	box-shadow: 0 0 5px #005bab;
}

main #article_list a:hover p {
	color: #005bab;
}

main #article_list .category {
	position: absolute;
	top: 15px;
	left: 15px;
	padding: 1px 8px;
	color: #fff;
	font-size: 12px;
	background-color: #005bab;
	border-radius: 24px;
}

main #article_list time {
	display: block;
	text-align: right;
	font-size: 12px;
	color: #bbb;
}

main #article_list figure {
	position: relative;
	width: 100%;
	height: 180px;
	overflow: hidden;
	margin-bottom: 5px;
}

main #article_list figure .views {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #000;
	color: #fff;
	font-size: 12px;
	padding: 1px 4px;
}

/* 記事タイトル */
#post_title h1 {
	font-size: 30px;
	font-weight: bold;
	padding: 5px 0;
}

#post_title .category {
	text-align: right;
}

#post_title .category a {
	background-color: #00459e;
	color: #fff;
	padding: 2px 10px;
	margin-right: 12px;
	border-radius: 15px;
	font-size: 12px;
	text-decoration: none;
}

#post_title .category a:last-child {
	margin-right: 0;
}

#post_title figure {
	margin-top: 15px;
}

#post_title time {
	display: block;
	text-align: right;
	color: #333;
	font-size: 14px;
}

#post_title figure img {
	width: 100%;
	height: auto;
}

#post .headline {
	width: 96%;
	margin: 16px auto;
	border: 3px solid red;
	border-radius: 8px;
	padding: 6px;
}

#post .headline .headline_title {
	display: block;
	width: 90px;
	text-align: center;
	padding: 2px 6px;
	margin-top: -20px;
	background-color: red;
	color: #fff;
	font-weight: bold;
	border-radius: 16px;
	font-size: 14px;
}

#post .headline li {
	position: relative;
	margin-bottom: 4px;
	padding-left: 1.3em;
}

#post .headline li:last-child {
	margin-bottom: 0;
}

#post .headline li:before {
	content: '\f06a';
	color: red;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#article h2 {
	position: relative;
	font-size: 24px;
	font-weight: bold;
	margin-top: 40px;
	margin-left: -15px;
	padding: 10px 0 10px 15px;
	background-color: #c9f2ff;
}

#article h2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 3px;
	width: 6px;
	height: 100%;
	background: #005bab;
}

#article h3 {
	position: relative;
	display: inline-block;
	font-size: 21px;
	font-weight: bold;
	margin-top: 40px;
	margin-left: -10px;
	padding: 3px 10px;
}

#article h3:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 3px;
	width: 100%;
	height: 3px;
	background: #005bab;
}

/* 目次 */
#toc .mokuji_wrap {
	width: 80%;
	background: #f1f8ff;
	box-shadow: 0px 0px 0px 10px #f1f8ff;
	border: dashed 2px #668ad8;
	border-radius: 9px;
	margin: 16px auto;
}

#toc .mokuji_wrap .title {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background-color: #b3edff;
	color: #1f61ff;
	margin: 4px 4px 16px 4px;
	padding: 4px;
}

#toc .mokuji_wrap .parent {
	font-size: 14px;
	padding: 0.5em 0.5em 0.5em 3em;
}

#toc .mokuji_wrap li {
	list-style: decimal;
}

#toc .mokuji_wrap li a {
	color: #333;
	text-decoration: none;
	font-size: 14px;
}

#toc .mokuji_wrap .child li {
	margin-left: 1em;
	list-style: none;
}

#toc .mokuji_wrap .child li:before {
	content: '・';
}

#toc .mokuji_wrap .continue {
	display: none;
}

/* 記事 */
#article p {
	font-size: 16px;
	margin: 16px 0;
	line-height: 1.8;
}

#article a {
	color: #0003f3;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #7d7efc;
}

#article blockquote {
	background-color: #efefef;
	width: 95%;
	margin: 20px auto;
	padding: 5px;
	border-radius: 8px;
}

#article blockquote p {
	margin: 10px 0;
	font-size: 14px;
}

#article .youtube {
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin: 20px 0;
}

#article .youtube iframe {
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
}

#article table {
	width: 100%;
	margin: 20px 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ccc;
}

#article table th ,
#article .table .table_title {
	text-align: center;
	font-weight: bold;
	padding: 8px;
	background-color: #2f91e8;
	color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#article table th,
#article table td{
	padding: 8px;
	font-size: 14px;
	width: min-content;
}

#article .table td {
	text-align: center;
	padding: 8px;
	background-color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#article img {
	height: auto;
}

#article img.aligncenter {
	display: block;
	margin: 14px auto 0;
}

#article .youtube_wrap {
	margin: 16px 0;
    position: relative;
	width: 100%;
	padding-top: 56.25%;
}
 
#article .youtube_wrap iframe {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#article .mp4 {
	margin: 16px 0 0;
	width: 100%;
}

#article .another_article {
	margin: 8px 0 16px;
	text-align: center;
}

#article .another_article .link_wrap {
	width: 60%;
	display: inline-block;
}

@keyframes pekopeko {
    0% {
        box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
        top: 0px;
    }
    10% {
        box-shadow: 0 0 0 rgb(0, 0, 0, 0.3);
        top: 3px;
    }
    20% {
        box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
        top: 0px;
    }
    30% {
        box-shadow: 0 0 0 rgb(0, 0, 0, 0.3);
        top: 3px;
    }
    40% {
        box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
        top: 0px;
    }
}

#article .another_article a {
	position: relative;
	display: inline-block;
	border-radius: 8px;
	border: 2px solid #333;
	padding: 8px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	animation: pekopeko 2s infinite;
    box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
}

#article .another_article a:after {
	content: 'LINK \f101';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #fff;
	background-color: #333;
	padding: 2px 8px;
	font-size: 14px;
	border-radius: 12px;
	position: absolute;
	right: 10px;
	top: -10px;
}

#article .another_article a:hover {
	background-color: #fff8be;
}

#article .another_article figure {
	width: 32%;
	height: auto;
	display: flex;
}

#article .another_article .text {
	width: 66%;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

/* ブログランキング */
.blog_ranking {
	position: relative;
	display: block;
	margin: 70px 0 0;
	text-align: center;
}

.blog_ranking:before {
	content: '＼ 今日の運試しにどうぞ！(^ー^) ／';
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	font-weight: bold;
	color: #f00;
	text-align: center;
}

.blog_ranking:after {
	content: '(確率：成功50% / 失敗40% / ？？？10%)';
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 100%;
	font-size: 12px;
	text-align: center;
}


/* シェア */
#share {
	margin: 40px 0 0;
	text-align: center;
}

#share .share {
	position: relative;
	margin-top: 60px;
	font-weight: bold;
}

#share .share:before {
	content: 'この記事が「いいね!」と思ったら…';
	width: 70%;
	background-color: #ff69b4;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	border-radius: 20px;
	padding: 3px 8px;
	position: absolute;
	top: -32px;
	left: 0;
	animation: yureru-j 2s infinite;
}

#share .share:after {
  content: '';
  position: absolute;
  top: -10px;
  left: 34%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #ff69b4;
  animation: yureru-j 2s infinite;
}

@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}

#share p {
	display: inline-block;
	text-align: center;
	font-size: 18px;
	margin: 0 auto 10px;
	padding: 0 30px;
	border-bottom: 4px double #f9c196;
}

#share ul {
	text-align: center;
}

#share li {
	width: 14%;
	margin: 0 1%;
	display: inline-block;
	text-align: center;
	border-radius: 10px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center 12px;
	background-size: 40px;
}

#share li span ,
#share li a {
	display: block;
	color: #fff;
	font-size: 12px;
	padding: 57px 0 8px;
}

#share li a:hover {
	text-decoration: none;
}

#share li.twitter {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAE30lEQVR4nOXbTYiVZRQH8GtjmaalWBaSmSgG1aIPaFFY0SYi3BQkLqIkcFdWBm0iLFpaQpuwRUELKQgU7GNRiQZ90vRFhGBpFGGZqY2NzHCn+2tx3ntn5npnvPd9n/fe6/iH2c3Mfc7/Oc/5+J9zK5USgVlYjDvxKLbgZXyIb3E0+/kGu/Ba9jsPYw3OL/N8pSAz+lLch7dxBP/JhxHszAhZgvN6bV9LZEYvwSP4HMcKGH0mMh7C3F7b3AAuwN34FNXERrfCGH4UZPeOiB4Y3owqvsSGrhIh3H0Z3hRu2WuM4j1cj4GyjZ+N2/C9cMV+QQ2/iMwxuyzj52AdfpU+wKXCEDZjXmrj54v8fLKn5rWHk+Ks81MZfwm241RPzeoMo9iNRUWNnydcaqin5uTDMLbi4rzGz8VG/NNTM4rhhLChszQpov0aHNK/Aa9d/I3btZsdRJ5fIRqUfkp1eVHDQdygnToBC7FDfxQ5qdBeUBS5fj2O9/S45eC4sG3OdAQswjuCsZmGMQzisnPx9utonRVE4LsaH+tNZ9ct1HAAS5oJ6JecX8V3Qkl6Gs8LqayIqtSM0/sFaSJ/Ffvl86Aafs8OdoUm6Uv0Ilvxr8jrH+BJoS12Gq8mxwLh/ivxk2Is/4U7sE2Uoe2iJjrMdaaJ0BjAleKyLsS9QnrLe9abMJAq+DVYxQJxW+2S0FH3ZlyT+AqfyZexxp+BNO4/kv2Phdkh222iasLzVmpD8RXeulAoUsvxqnxd6vh5pXH/SQRMuKlb8Ymp40KutlXnXtYKf2JVRbG3VEfr9FJpiKd34XWn31a9ZV3QgfEXSSPOnMDGinT9/jFBZstpjvCIG7FJ6PtHRFTfroOeXQg0KXqVIWxOSUBHXZeI6stxrQ6ETOkIOIktFWnkrhHxll/B+6KqLGWMJcZug4q36iPYUZGGzUYQFJF6gf4nYBS7K9ireP0/ZRBMbPxsoe4cLXjexpkr0rBJWZr8ZAJSirQNAg5I02jUhIZY2nRGerXqj1RPYCLOrLzkM35AZJifpbmwMQxWpFWAaqIeGBTZ5RaJvEH6AU0V+yqKl5TNGO+0EsH47R+UThc4he0V6Wd+acZSkwlIVfxMxDC2VpSjBJ3SYYk7jfFljecalWBZQmgVXyiwwaHcCdVxrK9glWgNy0Jbik+XjSeLVWWOv2s4jOewWgdBUbTQ94itjzKMnySIFFWEa9nf1hced+JFPKjD3T7RRywVmemw8gaz4zJc9qFFn8GwEEOvkTP96e7W2eRULdZZU1SEI3gL12lfE1iNZ4XI2Y2hTBX7sHjiQVIPRmqC5V1iuLFBrM7ej8fxEt4QT6bbk6jWKrR0fXY/Y2oVWv+Mx8rE9C27me0FY+LJrTBVZhKROIVM3o9ob2HKubwikxGQaljaL+hcqTJznkINv+mwD6mTMBNWZobwlLxCrbNzT7iOYquyE0g4GzfHRsQXOpZJMaCRZhzdLQyLUnuplNMp/b85Xt8zekJZwxn9u0SdP9rnIGEWrsK7+iMudO9LU01EzMED+EFveofefG2uBRHzRI+/v0tETLtT2DNkRGzKbqUMkWMUH2Wf0T+GN0PEiMvxGPbIHydqQmjdIySzm5X1ncAyIWLFWjyDF8Qe8F6RSaqi1D6Er4WivE08qbVCnyj1pv8Hue4WPKaHs4IAAAAASUVORK5CYII=');
	background-color: #00acee;
}

#share li.line {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA3BAMAAABEPP/GAAAAA3NCSVQICAjb4U/gAAAAGFBMVEUAtQDk9ORmzGY4xDi66rr///+U3ZQVuxWKwElKAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M0BrLToAAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMi8xOSzUsTAAAAGGSURBVDiNjdTBboJAEADQiZpyLUHaq0JNryqhvWpC9bzK6JUmkl6pNfX3u7OrCyw7pHNBfJmd2WEB4P9xvXLiLU++7483sQvPa7zF07yDbyGaEF82YjMs/sV2iEkDh6GlmFe1zmxEDAw+dBHRrF26dNeXapIdVSn2eoJuRKF0xKheOuX0SPrB6YHmxCGKSu8nT2iBeBbIh7FbYpwkSakLj9QaJfWYrmSZoyfu2ywAFkYrqd+492hFpY/6UutQ6SXLQt102VIoSVMzrZZ6MCI9R3Hp0MHEC+q6Hd1D3KNyN62u0pbKPdZdPYPcIekyinylO1BdRTS8lZ4kzRt8IMV5XVdOcmBU5eK2Vnn1ZH2RycAszNf0G+lO/puzJ/I2Kt2WMwrSQc/D54/O7bgzSxfcG0iR39+jhUtX/OvbSAW49KTKmNp4aCB49sCKpsLw07XXOvulgaL7PTufTOvbDsr4mbrXvVfn1tXFHf1auQGDSg8Vp/Ig5ExRoNPb+rjaueNXHgHerfs/Xjoz26+xeYMAAAAASUVORK5CYII=');
	background-color: #00b500;
}

#share li.facebook {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACaUlEQVRoge3Zu2sUURjG4TGJCYZEBa0sJHgpBbWzCGotgmAhdqYRBG1MJwrBRgSxsBErsYl/gVhYSLwUVnYSUCMIworiLUQTVvexOLOyl9nZnWyW2cH8YLrd5X3Peefs+b4vitZZpxhgA7bjOC7gHPZgMG9tbcEoLuID/ghUsID9fWsiXvUduIklzfzANEbz1poItuAOfiaIh684jZG8tTYRx2Y6XuUkKniD3RjIW28dGMIk3tVkvpFf8e5szltvHXHuJ/AE5Rbi4QuOYWPemuvoIPdiY3PYlrfeOjrIfZVFzGAsb83/6DD3VT7jMIby1h1FUabc92d8MI4bkv+sGlnGLLbmrTuKoky5r1IRYjaZe4QwKNxlFrTPfaOJEm7jqvBCd/pcwhHdHr9C7nfiAVYyiF8LyniGfd0YyJL7XrCM2dWK34Sz+J6T+CqlCFfwSnixGp95XMd4jfjV5r4XlCK8biPko1A5Dcg390mUIuE0SOMTDgorn/XI7CVlzGU1MCYcZYu91dYRi5gpqoGycG2ZKKKBMp4Kd6+BIhqor6MVy0BzHa1YBppvsoploLkNozgGktswimMguRBSHAPfJHXxFMNABW8ldfEUw8Ay7kuqoxXDQOsmsP43kN4E1v8G0tsw+t9A+gxBBgPx54dxFLf0vqBvP0OQ0UDDd0dwEo/0psRcEjof40nauzZQ8xuD2CuUm/P4vQbiqx289CHgWhhI2JUTuCd9RtBO/Huc0m5+hik8x8uE5wWuSdvC9N8eFnqgZ4SX/y4exyvbapdW8BCH9Nv0phYhdruEwfcULuM8Dsi76bvO/8RfXCs1E5UWoNQAAAAASUVORK5CYII=');
	background-color: #305097;
}

#share li.hatena {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAACPElEQVR4nO2aO6rCQBSGswSXcJfgElyCS8gSXII7cAk2VjZWVhaxSiUINlY+uIoMIgZRCUHCuZWXeHFmYvTy/3kc+Mqj/3wM80jiOL2lVCSAB2ADHoANeAA24AHYgAdgAx6ADXgANuAB2IAHYAMegA14ADbgAdiAB2ADHoANeAA24AHYgAdg451m199LexZkojlW0hjtMv2v6Xe/Bt84IZ4K5RM12FxfkmOqrJKphNzLU6HU+utKSLKmx8gqpVRCRETas6ASkqwgiishrwwst0I8FT5siZ4KJYjiVEJak0PxhOjWgvYssAoxrSOFE+L0lrK63Iy9zbEqlxBbb324LZcQ0wzxVGj838IJ6S7O2p4gio2zI9dCXt1lpsfIKiPXQtJWEMXGbbZ0Qu7lqTDVgEoj5F6uv6+EvCKllEKCKNY+BsitkO7iLI3R7gHX30t3cU51p9HNktwKMR3M6sOtVUp3cS6PEKe3lM78ZOzXnVj/zrokaR5B0gqx3XptR/h/IY8zxOktpdZf/74GaU0O779+QAtJs4YMNldt77PLoe38AhfybJdpTQ7Gy12ydMd50025EC+qdPVsgWyOlbGnMz8VU0jWx49vL8SMQkyDKt0MsQ2o1l8bF2Pqg1naWl1u0pmfUi+Iuh0Kvsu88zmE6++lMdpl3hVq/bW0JofPfQbxCSGFBB6ADXgANuAB2IAHYAMegA14ADbgAdiAB2ADHoANeAA24AHYgAdgAx6ADXgANuAB2IAHYAMegIwfRXnurZhV9t4AAAAASUVORK5CYII=');
	background-color: #00a4de;
}

#share li.copy {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADf0lEQVRogdXZy4scVRgF8J7MOEOGjEmMmqAiIoKIiCKKRkQXLhRnJYKQjSCiOx8hQshCcOFK4x+grh1Rtz5QkWiMLhQRQUR8gfhITEYTe5g4k570z8Wtmi7brprqrq66etZ3ps+597vfPd+pVus/AExgJx7F2/gc3+B9vIr7sTk2z4HAZjyIn3DWYHTxI+7GObE5t1qt9V2/GC/gdA7xfizjIM6Nzb+F7XgdqyXJp1jBy9gWk/ws9qE9JPkUp7AHMzHIT+I6fC+/5jdCF9/iwhgC5oQ6Xh6RfIo29sUQcD4+w1pFAStYaJr8JK7H8YrkScqoaQFTuA2LYxAAx5oWMIEr8Nv/UkAiYieOjYF8Bx/EELANC8IlrIJlHGyK9DRuxjXYIjxCJysK+APzdROfwk14TXg9F4QTqHoKqSeaq4v4BC5KfuSo3ou7KHShaVyO7wz/GnfwIS7DpjrIT+MufOnfj9Wa8IhdkKybF0qhLFJbPW/ctto/y6WoNJbwlHAXJnCpcq70L7yIS2y088k/3iEc9x7BfE0VrB1ULv1YxTu4V5+LFNzpY/gEZ/p2fBHv4gEbTWXCsd6JI8LRZsms4BVcjcnM+rxySbGGr7EXu4p2L9mM83Arbse1wtxQasfLTkdLeBp3KC6XLn4RfH8h8UrQq8M3DD8d5RE/KtR5fcQzArYkP7Y0BuInhHFvvcxqh3BBfzD6dEQ4ubewW85lr1NAldm0g4+Fixwn7lDtSV/v6VHIJwKqjHcryQZEjTiqCDiN58UMmhICZZOxfpzCw2Lmlqq10JNiBUwZAaOmBB0cFmztVuzHlZrq/xkBo8R82bR4Tm/CqnfQKBCxQ8jiOyUFpO1zLjmBw5m/7eJnPKTJu6Fc5JcatL3CyRUNJR18hFsUW/HtuCpvzbAipgQ78Kbgw89myHyBl/T5HMzgPvmWehnPCTPDpoT0LjyJT/Vs+yrewyOYHYeYyaQ8dgslVugq9b60fJUjpI0DuEewH2cGrEk364iQYDTbEBIhs3hcGGJGfSDXZ+fGBfQJqWIU43S0MQs5LmSp9Q5FNYr4XQgWmp0xBgjYajTP1U6EV+9KFQWM+lnpT7HNYiJgxmiB7gnBqzXfTvsEjPJhoytkp81/iRwEw5dRG0+IXf9ZKG8a44+qeVDckbr4Vd1pXlUIpvEGPINDCelDeBY3GqLv/w13hme32IjGNQAAAABJRU5ErkJggg==');
	background-color: #c13f3f;
}

/* 関連記事 */
#relation {
	overflow: hidden;
	margin-top: 30px;
}

#relation h2 {
	position: relative;
	background-color: #005bab;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	padding: 8px;
	margin-bottom: 12px;
}

#relation figure {
	width: 28%;
	height: 100px;
	float: left;
	overflow: hidden
}

#relation figure img {
	width: 100%;
	max-width: 100%;
	height: 100%;
}

#relation p {
	width: 68%;
	font-size: 18px;
	font-weight: bold;
	margin-left: 4%;
}

#relation li {
	overflow: hidden;
	padding: 5px 0;
	margin: 5px 0;
	border-bottom: 1px solid #efefef;
}

#relation a {
	display: flex;
	align-items: center;
	overflow: hidden;
}

/* コメント */
#comments {
	margin-top: 30px;
}

#comments cite {
	font-weight: bold
}

#comments #list-title,
#comments #reply-title {
	position: relative;
	background-color: #005bab;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	padding: 10px 0;
	margin-bottom: 12px;
}

#comments #list-title {
	cursor: pointer;
}

#comments #list-title:after {
	content: '＋';
	position: absolute;
	top: 6px;
	right: -5px;
	width: 50px;
	height: 50px;
	font-size: 20px;
	cursor: pointer;
}

#comments #list-title.open:after {
	content: '－';
}

#comments #reply-title a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

#comments #reply-title a:after {
	content: 'さん';
}

#comments #reply-title small {
	display: block;
	text-align: right;
}

#comments #reply-title small a {
	font-size: 12px;
}

#comments #reply-title small a:after {
	content: '';
}

#comments cite:after {
	content: 'さん';
}

#throwsSpamAway ,
#comments .comment-edit-link ,
#comments #comment_list ol,
#comments .says {
	display: none;
}

#comments #comment_list {
	margin-bottom: 20px;
}

#comments .comment-body {
	position: relative;
	margin: 5px 0;
}

#comments .reply {
	position: absolute;
	top: 0;
	right: 0;
}

#comments .reply a {
	background-color: #333;
	padding: 1px 14px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	border-radius: 3px;
}

#comments #comment_list ol li {
	border-bottom: 1px solid #ddd;
}

#comments .comment-body:last-child {
	border-bottom: 0;
}

#comments #comment_list ol .children {
	padding-left: 30px;
}

#comments .comment-body .comment-author {
	font-size: 14px;
	font-style: normal;
}

#comments .comment-body .commentmetadata {
	text-align: right;
}

#comments .comment-body .commentmetadata a {
	font-size: 12px;
}

#comments .comment-body p {
	margin: 8px 0;
}

#comments .comment-form {
	position: relative;
}

#comments .comment-form .comment-form-author {
	position: absolute;
	top: 0;
}

#comments .comment-form textarea {
	margin-top: 80px;
}

#comments .comment-form input ,
#comments .comment-form textarea {
	width: 100%;
	max-width: 100%;
	padding: 5px;
	height: 100px;
	font-size: 16px;
}

#comments .comment-form input {
	height: auto;
}

#comments .comment-form #submit {
	width: 100%;
	padding: 12px;
	background-color: #aaa;
	margin-top: 12px;
	font-size: 14px;
	font-weight: bold;
}

#comments .caution {
	text-align: center;
	font-size: 12px;
	color: #ababab;
}

#comments .none {
	margin-bottom: 14px;
}


/* ページネーション */
#page {
	margin-top: 40px;
}

div.pagination {
	text-align: center;
	height: 30px;
}

div.pagination .pager {
	padding: 4px 8px 8px;
	background-color: #fff;
	margin: 0 4px;
}

div.pagination .current.pager {
	font-weight: bold;
	background-color: #302416;
	color: #fff;
}

div.pagination span,
div.pagination a{
	font-size: 18px;
}

/* 関連記事 */
.relation_title {
	position: relative;
	background-color: #005bab;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	padding: 3px;
	margin-top: 16px;
	margin-bottom: 12px;
}

/* サイドバー */
#sidebar .box {
	background-color: #fff;
	margin-bottom: 24px;
}

#sidebar .box:last-child {
	margin-bottom: 0;
}

#sidebar .title {
	position: relative;
	background-color: #00459e;
	color: #fff;
	padding: 10px;
	font-weight: bold;
}


#sidebar .title:after {
	content: '';
	position: absolute;
	bottom: -24px;
	left: 130px;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-top: 12px solid #00459e;
}

#sidebar .contents {
	padding: 20px 10px 10px;
}

#sidebar .big_list li ,
#sidebar .small_list li {
	margin: 15px 0;
}

#sidebar .big_list li p,
#sidebar .small_list li p {
	margin-top: 5px;
	font-weight: bold;
}

#sidebar .big_list li:first-child ,
#sidebar .small_list li:first-child {
	margin-top: 0;
}

#sidebar .big_list li:last-child ,
#sidebar .small_list li:last-child {
	margin-bottom: 0;
}

#sidebar .big_list a ,
#sidebar .small_list a {
	display: block;
}


#sidebar a {
	text-decoration: none;
}

#sidebar .big_list a:hover p,
#sidebar .small_list a:hover p {
	color: #00459e;
}

#sidebar .big_list img {
	width: 100%;
	height: auto;
}

#sidebar .big_list p {
	font-size: 14px;
	line-height: 1.2;
}

#sidebar .big_list figure {
	max-height: 135px;
	overflow: hidden;
}

#sidebar .small_list figure {
	width: 30%;
	float: left;
}

#sidebar .small_list li {
	overflow: hidden;
}

#sidebar .small_list p {
	width: 68%;
	float: right;
	font-size: 14px;
	line-height: 1.2;
}

#sidebar .category li {
	padding: 3px 0;
}

#sidebar .category a:hover {
	text-decoration: underline;
}

 #sidebar .search form {
	position: relative;
}

#sidebar .search input.s {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 8px;
	font-size: 16px;
	border-radius: 8px;
	border: 1px solid #aaa;
	overflow: hidden;
	-webkit-appearance: none; 
}

#sidebar .search input.searchsubmit {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 40px;
	height: 35px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #fff;
	background-image: url('/wp-content/themes/custom/img/icon_search.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
}

#sidebar .game_display p {
	font-size: 12px;
}

/* 商品リスト */
.e-capcom {
	position: relative;
	width: 100%;
	margin: 20px 0;
}

.e-capcom:after {
	content: '';
	display: block;
    position: absolute;
    top: 42%;
    right: 7px;
    width: 50px;
    height: 80px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAABICAMAAACKs/ZeAAAAA3NCSVQICAjb4U/gAAAAe1BMVEX////////////////7+/v39/fz8/Px8fHv7+/Z2dnW1tbV1dXR0dHMzMzHx8fFxcXDw8PBwcG/v7+5ubmUlJSMjIyIiIiFhYWBgYF/f398fHx6enp4eHh2dnZ0dHRqampmZmZNTU1GRkZERERCQkJAQEA+Pj44ODgzMzP8pklLAAAAKXRSTlMAZt3//////////////////////////////////////////////////1OUkWQAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAFnRFWHRDcmVhdGlvbiBUaW1lADA3LzI1LzE59qPzWQAAAPVJREFUSInt19kOgjAQBVAoCG51wV0QlaL2/79QwxQLBsPM+GBCmNfmJE2btPc6zq/jCg9GuBTl2cG7qsI7UIFcy4DgQIXL+BpHIdqV6pTrPEW7t1Ja411NoV2pElBYJz4U0hVqUVE491r1x7tMa5prYggHm4wV0QmeMxfQu971rkNONLNW94UZN1xdHnWnDlO/lYVExtsk70jMf0y8gL8o0ldi1Lyr6tgrq2ZdUxBnyMrhqSKqjbacqOZP9oqoIOFFaU5TJuFVHSr0mmfROlo0Lx21CICj144ouesbveQEs3OWSryyz+pGDgiKW/u4JZNbaUnzBNwmpuko7/UTAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 50px 80px;
    -webkit-animation-name: readMoreArrow;
    animation-name: readMoreArrow;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.e-capcom h2 {
	position: relative;
	background-color: #005bab;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	padding: 3px;
	margin-bottom: 8px;
}

.e-capcom .goods {
	width: 100%;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.e-capcom .goods li {
	display: inline-block;
	width: 32%;
	border: 1px solid #ccc;
	border-radius: 8px;
	margin-right: 10px;
	vertical-align: top;
}

.e-capcom .goods a {
	position: relative;
	display: block;
	padding: 3px 8px 50px;
	text-decoration: none;
	color: #333;
}

.e-capcom .goods img {
	width: 100%;
	height: auto;
}

.e-capcom .goods span {
	display: block;
	width: 98%;
	position: absolute;
	bottom: 0;
	left: 1%;
	white-space: normal;
	font-size: 12px;
	font-weight: bold;
}

@keyframes readMoreArrow {
	0% {
		opacity: 0;
		transform: translate(-20px,0)
	}
	50% {
		opacity: 1;
		transform: translate(0px,0)
	}
	to {
		opacity: 0;
		transform: translate(0,0)
	}
}

/* フッター */
#return {
	width: 100%;
	max-width: 1100px;
	margin: 50px auto 10px;
	text-align: center;
}

#return a {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACnElEQVRYhcWXTU8TYRSFB4MRo2J0ofiRaKLGj8Sdv0B3ulP3/gx+gbpXorIxYuKGHQsGSzt973NeGMGNBhWjSyGQEBYYY7Sxti5ssdIynQ5Fb/LuOvece+5ngyClOed6gavAQ6AAvJJUAsrAGzNzkh4752465/rS+k20arXaE0XRKe/9ELAk6aekaptXMbNV4EkURSeCIOjJBB6G4S7n3CDwKSVwExFgRdLtmZmZ/o7AnXMDZpaXVMoA/NcDymb2Mo7j023VqFarO6ampi4BHzJGnaTG0vT09OXh4eGdmxKYnJw8CrzrMnhjbSzGcXyupRLdlD0pHcBsoVA43FRwwKCZrW0XeAOJ78DdfD6/v573nmKxeNbM3m+T9MmpcM71mdk9SV86ceS9L3nvR4FnGb8dieP4YDA2NrZP0ttOom90kDGACrAQRdGxALguaSUT+z8FnIXEV+BWIOlB2g9bgW+BxHdgKADGJH3bCnhGEj+89/kAKKpN728GHoZhf62dejolURvRs4Gk5SzgzrkB4LmkqY1zvgMl1hIJJIHXp+ZmyyYlibWkFPwE5iUdaTeyE0jsNbMXkn608F8GZhOL0HtfAkbm5uYOtNsXG0mkUOB3EbZrQ+99SdJTSRfaLas6CeAiMNRG/vU2TDOIKsBnpTzJUv729yDKMoq78CrAQhiGxzMvo628pu6qXULz/0iFCrAInF/vmP96kNQtl8vtASa1jSeZpLKk2fHx8YGWy2SbU9Es/Uarn+Vm9rHLJCqSliRdSTzLG8ctUOhSOsrAS+DMppG3soa/ZgsZ1ahIWjGzO00F14nlcrlDku4DyymJVIBVYGRiYuJkR1EnmXOut1gsXgMeAZGk17UUlb33b8zM1QbajdHR0d1p/f4CkzUwVyMu3kcAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-size: 22px;
	padding-left: 28px;
}

#footer {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	background-color: #c2c2c2;
}

#footer div.link {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

#footer div.copyright {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
}


#footer li {
	display: inline-block;
	width: 50%;
}

#footer li a {
	display: block;
	padding: 5px;
	font-size: 14px;
}

#footer small {
	font-size: 14px;
}

#article .offer_btn {
	position: relative;
	overflow: hidden;
	width: 94%;
	margin: 20px auto;
	display: block;
	background-color: #f55;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	border-radius: 4px;
	text-decoration: none;
	padding: 16px 0;
	animation: pekopeko 2s infinite;
    box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
}

.offer_btn:before {
  -moz-animation: reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}

.offer_btn + .offer_btn:before {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}

@keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}