@charset "UTF-8";
/*
Theme Name: Blessing_of_folic_acid
Author: num
Description: This is my original theme.
Version: 1.0
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, Navigation, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color: #222;
	line-height: 1.6;
	font-size: 100%;
	vertical-align: baseline;
	background-color: transparent;
	font-weight: normal;
	font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', sans-serif;
}
*, *:after, *:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	line-height: 2;
	word-wrap: break-word;
	font-size: 16px;
	counter-reset: wpp-ranking;
	font-family: 'Noto Sans JP', sans-serif;
	color: #333;
	background: #f3f3f3;
}
article, aside, details, figcaption, figure, footer, header, hgroup, Navigation, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
ul, ol, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	table-layout: fixed;
	border-spacing: 0;
	margin: 0px auto 30px;
	word-wrap: break-word;
	border-right: 1px solid #ddd;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
input {
	box-sizing: border-box;
	outline: none;
}
.flex {
	display: -webkit-flex;
	display: flex;
}
a, a:visited {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background-color: transparent;
	color: #d71657;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}
a:hover {
	text-decoration: none;
}
input.searchsubmit {
	background: url(image/SearchIcon.png) no-repeat center;
	font-size: 0;
	padding: 20px 20px 20px 20px;
	border: none; /* margin: 7px 0 0 0; */
}
input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
	height: 0px;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
.clear {
	clear: both;
}
img {
	width: 100%;
	height:auto;
}
.spbtn, #spbtn, nav .CloseBtn, #Navigation02 {
	display: none;
}
.section_none {
	background: none !important; /* padding:  0 !important; */
}

/* CTA */
.cta {
	margin: 2em 0;
}
.cta a {
	display: block;
    background-color: #ff8a00;
    padding: 0.8em 0;
    border-radius: 6px;
    width: 65%;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.cta a:hover{
	opacity:0.8;
}

.cta > img {
	height:0;
}
/*-------------------------------------
レイアウト
-------------------------------------*/
#Content {
	max-width: 1040px;
	margin: 0px auto 0px;
	padding: 50px 20px;
}
#MainContent {
	width: 100%;
}
#MainContent > div {
	position: relative;
}
#SideContent {
	float: left;
	width: 290px;
	margin-right: -290px;
	/* background:  #fff; */
	padding: 0px 0; /* border-right: 1px solid #ededed; */
}
#Page {
	margin: 50px auto 0;
	background: #ffffff;
	overflow: hidden;
	max-width: 1300px;
	width: 100%;
	border-top: 10px solid #fbe6ef;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
#Page:hover {
	box-shadow: 0px 0px 100px -15px #d4d4d4;
}
.wrap {
	/* max-width: 1240px; */
	/* margin: 80px auto 0px; */
	padding: 0 20px;
	/* background: #ffffff; */
}
@media screen and (min-width:1280px) {
	#Page {}
}
/*-------------------------------------
ヘッダー部分
-------------------------------------*/
/* ヘッダー */
#Header {
	margin: 0px auto 0px;
	padding: 0px 0 0px;
	position: relative;
	width: 100%;
}
.home #Header {
	margin: 0px auto 50px;
}
.single #Header {
	margin: 0;
}
#Header > div > img {
	max-width: 1228px;
	display: block;
	margin: 0 auto;
}
.nav_top {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	width: 302px;
}
.nav_top > div {
	width: 150px;
	border: #d8d8d8 solid 1px;
	text-align: center;
}
.nav_top > div:nth-child(odd) {
	border-right: none;
}
.nav_top > div:nth-of-type(3), .nav_top > div:nth-of-type(4) {
	border-top: none;
	border-bottom: none;
}
.nav_top a {
	font-family: serif;
	font-size: 12px;
	text-decoration: none;
	display: block;
	padding: 20px 0 0;
	height: 76.5px;
	color: #4f463f;
}
.nav_top a:hover {
	opacity: .5;
}
.nav_top span {
	font-size: 20px;
}
/* スライダー */
.swiper-container {
	width: 100%;
	max-width: 1300px;
}
.header_single_container {
	background: url(image/header_single.jpg) no-repeat top center;
	min-height: 315px;
	padding: 70px 370px 70px 170px;
	background-size: contain;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.header_single_title {
	font-size: 30px;
	color: #f784b5;
	border-bottom: 2px dotted #fbe6ef;
	display: inline-block;
	margin: 0 0 20px;
}
/*いいねボタン*/
.header_single_iine {
	position: absolute;
	left: 11%;
	bottom: 0%;
}
.likeButton {
	cursor: pointer;
}
.likeButton .border {
	fill: white;
}
.likeButton .explosion {
	-webkit-transform-origin: 250px 250px;
	transform-origin: 250px 250px;
	-webkit-transform: scale(0.02);
	transform: scale(0.02);
	stroke: #dd4688;
	fill: none;
	opacity: 0;
	stroke-width: 1;
	transform-origin: 250px 250px;
}
.likeButton .particleLayer {
	opacity: 0;
}
.likeButton .particleLayer circle {
	opacity: 0;
	-webkit-transform-origin: 250px 250px;
	transform-origin: 250px 250px;
}
.likeButton .heart {
	fill: rgba(6, 6, 6, 0.24);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transform-origin: 250px 250px;
	transform-origin: 250px 250px;
}
.likeButton.clicked .explosion {
	-webkit-animation: explosionAnime 800ms;
	animation: explosionAnime 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .heart {
	-webkit-animation: heartAnime 800ms;
	animation: heartAnime 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .particleLayer {
	-webkit-animation: particleLayerAnime 800ms;
	animation: particleLayerAnime 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .particleLayer circle:nth-child(1) {
	-webkit-animation: particleAnimate1 800ms;
	animation: particleAnimate1 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .particleLayer circle:nth-child(2) {
	-webkit-animation: particleAnimate2 800ms;
	animation: particleAnimate2 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .particleLayer circle:nth-child(3) {
	-webkit-animation: particleAnimate3 800ms;
	animation: particleAnimate3 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .particleLayer circle:nth-child(4) {
	-webkit-animation: particleAnimate4 800ms;
	animation: particleAnimate4 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .particleLayer circle:nth-child(5) {
	-webkit-animation: particleAnimate5 800ms;
	animation: particleAnimate5 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .particleLayer circle:nth-child(6) {
	-webkit-animation: particleAnimate6 800ms;
	animation: particleAnimate6 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .particleLayer circle:nth-child(7) {
	-webkit-animation: particleAnimate7 800ms;
	animation: particleAnimate7 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .particleLayer circle:nth-child(8) {
	-webkit-animation: particleAnimate8 800ms;
	animation: particleAnimate8 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .particleLayer circle:nth-child(9) {
	-webkit-animation: particleAnimate9 800ms;
	animation: particleAnimate9 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .particleLayer circle:nth-child(10) {
	-webkit-animation: particleAnimate10 800ms;
	animation: particleAnimate10 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .particleLayer circle:nth-child(11) {
	-webkit-animation: particleAnimate11 800ms;
	animation: particleAnimate11 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .particleLayer circle:nth-child(12) {
	-webkit-animation: particleAnimate12 800ms;
	animation: particleAnimate12 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .particleLayer circle:nth-child(13) {
	-webkit-animation: particleAnimate13 800ms;
	animation: particleAnimate13 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.likeButton.clicked .particleLayer circle:nth-child(14) {
	-webkit-animation: particleAnimate14 800ms;
	animation: particleAnimate14 800ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes explosionAnime {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.01);
		transform: scale(0.01);
	}
	1% {
		opacity: 1;
		-webkit-transform: scale(0.01);
		transform: scale(0.01);
	}
	5% {
		stroke-width: 200;
	}
	20% {
		stroke-width: 300;
	}
	50% {
		stroke: #cc8ef5;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		stroke-width: 1;
	}
	50.1% {
		stroke-width: 0;
	}
	100% {
		stroke: #cc8ef5;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		stroke-width: 0;
	}
}
@keyframes explosionAnime {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.01);
		transform: scale(0.01);
	}
	1% {
		opacity: 1;
		-webkit-transform: scale(0.01);
		transform: scale(0.01);
	}
	5% {
		stroke-width: 200;
	}
	20% {
		stroke-width: 300;
	}
	50% {
		stroke: #cc8ef5;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		stroke-width: 1;
	}
	50.1% {
		stroke-width: 0;
	}
	100% {
		stroke: #cc8ef5;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		stroke-width: 0;
	}
}
@-webkit-keyframes particleLayerAnime {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	31% {
		opacity: 1;
	}
	60% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		transform: translate(0, -20px);
	}
}
@keyframes particleLayerAnime {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	31% {
		opacity: 1;
	}
	60% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		transform: translate(0, -20px);
	}
}
@-webkit-keyframes particleAnimate1 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-16px, -59px);
		transform: translate(-16px, -59px);
	}
	90% {
		-webkit-transform: translate(-16px, -59px);
		transform: translate(-16px, -59px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-16px, -59px);
		transform: translate(-16px, -59px);
	}
}
@keyframes particleAnimate1 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-16px, -59px);
		transform: translate(-16px, -59px);
	}
	90% {
		-webkit-transform: translate(-16px, -59px);
		transform: translate(-16px, -59px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-16px, -59px);
		transform: translate(-16px, -59px);
	}
}
@-webkit-keyframes particleAnimate2 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(41px, 43px);
		transform: translate(41px, 43px);
	}
	90% {
		-webkit-transform: translate(41px, 43px);
		transform: translate(41px, 43px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(41px, 43px);
		transform: translate(41px, 43px);
	}
}
@keyframes particleAnimate2 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(41px, 43px);
		transform: translate(41px, 43px);
	}
	90% {
		-webkit-transform: translate(41px, 43px);
		transform: translate(41px, 43px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(41px, 43px);
		transform: translate(41px, 43px);
	}
}
@-webkit-keyframes particleAnimate3 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(50px, -48px);
		transform: translate(50px, -48px);
	}
	90% {
		-webkit-transform: translate(50px, -48px);
		transform: translate(50px, -48px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(50px, -48px);
		transform: translate(50px, -48px);
	}
}
@keyframes particleAnimate3 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(50px, -48px);
		transform: translate(50px, -48px);
	}
	90% {
		-webkit-transform: translate(50px, -48px);
		transform: translate(50px, -48px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(50px, -48px);
		transform: translate(50px, -48px);
	}
}
@-webkit-keyframes particleAnimate4 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-39px, 36px);
		transform: translate(-39px, 36px);
	}
	90% {
		-webkit-transform: translate(-39px, 36px);
		transform: translate(-39px, 36px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-39px, 36px);
		transform: translate(-39px, 36px);
	}
}
@keyframes particleAnimate4 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-39px, 36px);
		transform: translate(-39px, 36px);
	}
	90% {
		-webkit-transform: translate(-39px, 36px);
		transform: translate(-39px, 36px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-39px, 36px);
		transform: translate(-39px, 36px);
	}
}
@-webkit-keyframes particleAnimate5 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-39px, 32px);
		transform: translate(-39px, 32px);
	}
	90% {
		-webkit-transform: translate(-39px, 32px);
		transform: translate(-39px, 32px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-39px, 32px);
		transform: translate(-39px, 32px);
	}
}
@keyframes particleAnimate5 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-39px, 32px);
		transform: translate(-39px, 32px);
	}
	90% {
		-webkit-transform: translate(-39px, 32px);
		transform: translate(-39px, 32px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-39px, 32px);
		transform: translate(-39px, 32px);
	}
}
@-webkit-keyframes particleAnimate6 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(48px, 6px);
		transform: translate(48px, 6px);
	}
	90% {
		-webkit-transform: translate(48px, 6px);
		transform: translate(48px, 6px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(48px, 6px);
		transform: translate(48px, 6px);
	}
}
@keyframes particleAnimate6 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(48px, 6px);
		transform: translate(48px, 6px);
	}
	90% {
		-webkit-transform: translate(48px, 6px);
		transform: translate(48px, 6px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(48px, 6px);
		transform: translate(48px, 6px);
	}
}
@-webkit-keyframes particleAnimate7 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-69px, -36px);
		transform: translate(-69px, -36px);
	}
	90% {
		-webkit-transform: translate(-69px, -36px);
		transform: translate(-69px, -36px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-69px, -36px);
		transform: translate(-69px, -36px);
	}
}
@keyframes particleAnimate7 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-69px, -36px);
		transform: translate(-69px, -36px);
	}
	90% {
		-webkit-transform: translate(-69px, -36px);
		transform: translate(-69px, -36px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-69px, -36px);
		transform: translate(-69px, -36px);
	}
}
@-webkit-keyframes particleAnimate8 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-12px, -52px);
		transform: translate(-12px, -52px);
	}
	90% {
		-webkit-transform: translate(-12px, -52px);
		transform: translate(-12px, -52px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-12px, -52px);
		transform: translate(-12px, -52px);
	}
}
@keyframes particleAnimate8 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-12px, -52px);
		transform: translate(-12px, -52px);
	}
	90% {
		-webkit-transform: translate(-12px, -52px);
		transform: translate(-12px, -52px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-12px, -52px);
		transform: translate(-12px, -52px);
	}
}
@-webkit-keyframes particleAnimate9 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-43px, -21px);
		transform: translate(-43px, -21px);
	}
	90% {
		-webkit-transform: translate(-43px, -21px);
		transform: translate(-43px, -21px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-43px, -21px);
		transform: translate(-43px, -21px);
	}
}
@keyframes particleAnimate9 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-43px, -21px);
		transform: translate(-43px, -21px);
	}
	90% {
		-webkit-transform: translate(-43px, -21px);
		transform: translate(-43px, -21px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-43px, -21px);
		transform: translate(-43px, -21px);
	}
}
@-webkit-keyframes particleAnimate10 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-10px, 47px);
		transform: translate(-10px, 47px);
	}
	90% {
		-webkit-transform: translate(-10px, 47px);
		transform: translate(-10px, 47px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-10px, 47px);
		transform: translate(-10px, 47px);
	}
}
@keyframes particleAnimate10 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-10px, 47px);
		transform: translate(-10px, 47px);
	}
	90% {
		-webkit-transform: translate(-10px, 47px);
		transform: translate(-10px, 47px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-10px, 47px);
		transform: translate(-10px, 47px);
	}
}
@-webkit-keyframes particleAnimate11 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(66px, -9px);
		transform: translate(66px, -9px);
	}
	90% {
		-webkit-transform: translate(66px, -9px);
		transform: translate(66px, -9px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(66px, -9px);
		transform: translate(66px, -9px);
	}
}
@keyframes particleAnimate11 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(66px, -9px);
		transform: translate(66px, -9px);
	}
	90% {
		-webkit-transform: translate(66px, -9px);
		transform: translate(66px, -9px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(66px, -9px);
		transform: translate(66px, -9px);
	}
}
@-webkit-keyframes particleAnimate12 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(40px, -45px);
		transform: translate(40px, -45px);
	}
	90% {
		-webkit-transform: translate(40px, -45px);
		transform: translate(40px, -45px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(40px, -45px);
		transform: translate(40px, -45px);
	}
}
@keyframes particleAnimate12 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(40px, -45px);
		transform: translate(40px, -45px);
	}
	90% {
		-webkit-transform: translate(40px, -45px);
		transform: translate(40px, -45px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(40px, -45px);
		transform: translate(40px, -45px);
	}
}
@-webkit-keyframes particleAnimate13 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(29px, 24px);
		transform: translate(29px, 24px);
	}
	90% {
		-webkit-transform: translate(29px, 24px);
		transform: translate(29px, 24px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(29px, 24px);
		transform: translate(29px, 24px);
	}
}
@keyframes particleAnimate13 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(29px, 24px);
		transform: translate(29px, 24px);
	}
	90% {
		-webkit-transform: translate(29px, 24px);
		transform: translate(29px, 24px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(29px, 24px);
		transform: translate(29px, 24px);
	}
}
@-webkit-keyframes particleAnimate14 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-10px, 50px);
		transform: translate(-10px, 50px);
	}
	90% {
		-webkit-transform: translate(-10px, 50px);
		transform: translate(-10px, 50px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-10px, 50px);
		transform: translate(-10px, 50px);
	}
}
@keyframes particleAnimate14 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	80% {
		-webkit-transform: translate(-10px, 50px);
		transform: translate(-10px, 50px);
	}
	90% {
		-webkit-transform: translate(-10px, 50px);
		transform: translate(-10px, 50px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-10px, 50px);
		transform: translate(-10px, 50px);
	}
}
@-webkit-keyframes heartAnime {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		fill: #E2264D;
	}
	39% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	60% {
		-webkit-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
	}
	70% {
		-webkit-transform: scale(1, 1) translate(0%, -10%);
		transform: scale(1, 1) translate(0%, -10%);
	}
	75% {
		-webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
		transform: scale(1.1, 0.9) translate(0%, 5%);
	}
	80% {
		-webkit-transform: scale(0.95, 1.05) translate(0%, -3%);
		transform: scale(0.95, 1.05) translate(0%, -3%);
	}
	100% {
		-webkit-transform: scale(1, 1) translate(0%, 0%);
		transform: scale(1, 1) translate(0%, 0%);
		fill: #E2264D;
	}
}
@keyframes heartAnime {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		fill: #E2264D;
	}
	39% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	60% {
		-webkit-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
	}
	70% {
		-webkit-transform: scale(1, 1) translate(0%, -10%);
		transform: scale(1, 1) translate(0%, -10%);
	}
	75% {
		-webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
		transform: scale(1.1, 0.9) translate(0%, 5%);
	}
	80% {
		-webkit-transform: scale(0.95, 1.05) translate(0%, -3%);
		transform: scale(0.95, 1.05) translate(0%, -3%);
	}
	100% {
		-webkit-transform: scale(1, 1) translate(0%, 0%);
		transform: scale(1, 1) translate(0%, 0%);
		fill: #E2264D;
	}
}
/* 検索フォーム */
.widget_search {
	padding: 0 0px;
	width: 100%;
	max-width: 1000px !important;
	display: block;
	text-align: center;
	margin: 0px auto 0;
}
.widget_search .screen-reader-text {
	display: none;
}
.searchform {
	width: auto;
	margin: 0 auto;
	background: #fff;
	display: block;
	height: 50px;
	position: relative;
	border: solid 1px #aaa;
	outline: none; /* margin: 0px auto 30px; */
}
.s {
	width: calc(100% - 60px);
	height: 42px;
	position: absolute;
	top: 2px;
	left: 5px;
	border: none;
	outline: none;
}
.searchsubmit {
	position: absolute;
	top: 4px;
	right: 10px;
	outline: none;
}
.search .entry-content p a {
	color: #D03E40;
}
/* サイトタイトル */
.SiteTitleInner {
	max-width: 1280px;
	margin: 0 auto 0px;
	background: none;

	border: none;
	/* background: #44a9aa8f; */
	padding: 10px 0 10px;
}
.SiteTitle {
	text-align: center;
}
.SiteTitle a {
	text-decoration: none;
	margin: 0 auto;
}
.SiteTitle a img {
	max-width: 600px;
	padding: 0 10px;
}
.logo a {
	display: block;
	width: 130px;
	margin: 30px auto 0;
}
.logo a .svg {
	max-width: 130px;
	width: 100%;
}
/* ディスクリプション */
.Discription {
	margin: 0 0 0px;
	font-size: 15px;
	background: #fefbfd;
	padding: 100px 0;
}
.single #Header .Discription {
	background: none;
	padding: 0;
	margin: 0 0 10px;
}
.Discription div {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 0 10px;
}
.single .footer_description {
	margin: 0 0 30px;
	color: #777;
	text-align: left;
}
/* トップナビ */
.TopNav {
	margin: 0px auto 30px;
	padding: 0px 20px;
	max-width: 1240px;
	position: relative;
	bottom: 0;
	width: 100%;
}
nav {}
div#menu {
	display: flex;
	justify-content: center;
}
.TopNav ul {
	display: flex;
	padding: 35px 0 0;
	justify-content: center;
	position: relative;
}
.home .TopNav ul:hover:before {
	background: #f5b040;
}
.TopNav ul li {
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	padding: 0 20px;
	position: relative;
	border-left: 1px solid #f784b5;
	min-width: 150px;
	text-align: center;
}
.TopNav ul:last-child li:last-child {
	border-right: 1px solid #f784b5;
}
.home .TopNav ul li a {}
.TopNav ul li a {
	text-decoration: none;
	padding: 0px 0px 11px;
	width: 100%;
	color: #aaa;
	font: 11px 'Sofia', 'Sofia Subset', cursive;
	display: inline-block;
}
.TopNav ul li a::before {
	content: attr(data-text);
	display: block;
	margin-top: .5em;
	color: #f784b3;
	font-size: 20px;
}
#menu ul li:hover a {
	color: #f19500;
}
/* ヘッダー画像 */
.header_NewArticle, .header_feed {
	background: #fff;
	position: absolute;
	right: 0;
	padding: 10px 15px;
	border-radius: 5px;
	width: 300px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.08);
}
.header_NewArticle {
	margin: 10px 0 0;
}
.header_NewArticle p:nth-of-type(1) {
	border-bottom: 2px solid #ddd;
	margin: 0 0 10px;
	position: relative;
}
.header_NewArticle p:nth-of-type(1):before {
	position: absolute;
	content: "";
	bottom: -2px;
	left: 0;
	width: 100px;
	border-bottom: 2px solid #01c9e2;
}
.header_NewArticle p:nth-of-type(1):after {
	position: absolute;
	content: "";
	width: 20px;
	height: 15px;
	background: #01c9e2;
	right: -21px;
	top: 0;
}
.header_NewArticle a {
	text-decoration: none;
	font-size: 12px;
	display: block;
	line-height: 1.4;
	color: #01c9e2;
	padding: 0 0 0 10px;
}
.header_NewArticle a:hover {
	color: #ccc;
}
.Description {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 30px;
	border: 2px solid #fff;
	background: url(image/description.jpg) 50%;
	height: 200px;
	padding: 150px 30px 0 20%;
	font-size: 13px;
	background-size: cover;
}
@media screen and (max-width:850px) {
	.Description {
		padding: 150px 10px 0 10px;
	}
}
.PickUpInner {}
.NewArticle_container {
	background: rgba(251, 230, 239, 0.15);
	margin: 0 0 80px;
}
.NewArticle_container ul {
	max-width: 1240px;
	padding: 50px 20px 50px;
	margin: 0 auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	/* Safari */
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}
.NewArticle_container li {
	display: block;
	max-width: 320px;
	width: 100%;
	margin: 0 30px 0 0;
}
.NewArticle_container li:last-child {
	margin: 0;
}
.NewArticle_img {
	text-align: center;
	border: 10px solid #fff;
	box-shadow: 0 0 0 1px #ddd;
}
.NewArticle_img img {
	display: block;
	max-width: 320px;
	height: 180px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}
.NewArticle_img img:hover {
	opacity: .5;







}
.NewArticle_text {
	padding: 10px 0;
	position: relative;
}
.NewArticle_text a {
	display: block;
	margin: 5px 0 0;
	position: relative;
	text-decoration: none;
	font-size: 14px;
	color: #666;
	line-height: 1.4;
}
.NewArticle_text a:hover {
	color: #aaa;
}
/*RP*/
.pr_container {}
.pr_container_inner {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto 50px;
	background: url(image/pr_bg.png) no-repeat center;
	height: 367px;
	padding: 40px;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.pr_container_inner_box01, .pr_container_inner_box02, .pr_container_inner_box03 {
	width: calc(100% / 3 - 80px);
	position: relative;
}
.pr_container_inner_box02 {
	margin: 0 30px;
}
.pr_container_inner p {
	margin: 0 auto 10px;
	max-width: 300px;
}
.pr_icon_img {
	text-align: center;
	position: relative;
}
.pr_container_inner_box01 .pr_icon_img:before, .pr_container_inner_box02 .pr_icon_img:before, .pr_container_inner_box03 .pr_icon_img:before {
	position: absolute;
	top: -10px;
	left: 0;
	transform: rotate(-9deg);
}
.pr_container_inner_box01 .pr_icon_img:before {
	content: url(image/pr_icon_obi01.png);
}
.pr_container_inner_box02 .pr_icon_img:before {
	content: url(image/pr_icon_obi02.png);
}
.pr_container_inner_box03 .pr_icon_img:before {
	content: url(image/pr_icon_obi3.png);
}
.pr_icon_img img {
	max-height: 178px;
	margin: 0px 0 7px;
	object-fit: contain;
	font-family: 'object-fit: contain;';
}
.pr_btn {}
.pr_btn a {
	text-decoration: none;
	font-size: 14px;
	padding: 10px 20px;
	background: #f4f17a;
	border: 1px solid #f784b5;
	border-radius: 5px;
	display: block;
	position: relative;
	text-align: center;
	margin: 0 auto;
	color: #f784b5;
	box-shadow: 2px 2px 3px #c0c0c0;
	max-width: 300px;
}
.pr_btn a i:before {
	color: #f784b5;
	position: absolute;
	right: 15px;
	top: 50%;
	margin: -7px 0 0 0;
}
.pr_btn a:hover {
	box-shadow: 2px 2px 5px #999;
}
/* パンくずリスト */
.breadcrumbsinner {
	width: 100%;
	max-width: 920px;
	margin: 20px auto 0px;
}
.breadcrumbs {
	padding: 0 0px 0 31px;
	font-size: 14px;
	line-height: 1.5;
	background: none;
	color: #000;
	position: relative;
}
.breadcrumbs a {
	font-size: 14px;
	color: #555;
	font-weight: bold;
}
.breadcrumbs:before {
	position: absolute;
	content: "\f015";
	font: 17px "Font Awesome 5 Free";
	left: 10px;
	font-weight: bold;
	top: 2px;
	color: #d71657;
}
/* ---------------------------SNSボタン--------------------- */
.share {
	margin: 0 0 10px;
}
.share ul {
	display: flex;
	padding: 0 !important;
	background: none !important;
	box-shadow: none !important;
	border: none !important;
	margin: 0 !important;
	justify-content: flex-end;
	width: 100% !important;
}
.share ul li {
	margin: 0 12px 0 0 !important; /* width: calc(100% / 6); */
}
.share ul li:last-child {
	margin: 0 !important;
}
.share ul li a {
	width: 100%;
	height: 42px;
	text-align: center;
	line-height: 42px;
	display: block;
	position: relative;
	text-decoration: none;
	border-radius: 5px;
	font-size: 23px;
	color: #222;
}
.share ul li a span {
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	color: #231815;
}
.share ul li a:hover span {
	color: #888;
}
/*-------------------------------------
メインコンテンツ部分
-------------------------------------*/
/* トップページのコンテンツ */
.FrontInner, .SingleInner, .ContentInner {
	margin: 0 0 10px 40px;
	padding: 0px 20px 30px 20px;
}
.SingleInner > .wp-post-image {
	margin: 0 0 20px;
}
.FrontInner > section > div {
	margin: 0 0 10px; /* padding: 30px 15px; */ /* border: 1px solid #c6c6c6; */ /* background: #ffffff; */
}
.SingleInner section, .FrontInner section, .ContentInner section {
	margin: 0 0 50px;
}
.Rankingu_container {
	margin: 40px 0 0 !important;
}
/*目次*/
.outline {
	font-size: 95%;
	margin: 0 0 15px;
	padding: 20px;
	margin: 0 0 30px;
	padding: 30px 35px 50px;
	border: 1px solid #ccc;
	border-radius: 10px;
}


.outline__title {
	margin: 0 0 7px;
	padding: 0 0 0px;
	width: 100%;
}
.outline__toggle {
	display: none;
}
.outline__switch::before {
	content: "開く";
	cursor: pointer;
	background: #fff;
	border: solid 1px #eee;
	padding: 5px 10px;
	font-size: 0.8rem;
	margin-left: 5px;
	border-radius: 5px;
}
.outline__toggle:checked + .outline__switch::before {
	content: "閉じる"
}
.outline__switch + .outline__list {
	overflow: hidden;
	width: 0;
	height: 0;
	margin: -20px 0;
	transition: 0.2s;
	border: none;
	padding: 0;
	box-shadow: none;
}
.outline__toggle:checked + .outline__switch + .outline__list {
	width: auto;
	height: auto;
	padding: 15px 0 0 15px;
	background: none;
	border: none;
	box-shadow: none;
	margin: 15px 0 -25px 0;
	width: 100%;
	transition: box-shadow 0s;
	border-top: 1px dotted #999;
	border-radius: 0;
}
.outline ul.outline__list ul {
	border: none;
	margin: 0 0 10px;
	padding: 0.2em 0 0.5em 3em;
	background: none;
	box-shadow: none;
	width: 100%;
}
.outline__item {
	margin: 0 !important;
}
.outline .outline__link {
	font-size: 14px;
	text-decoration: none;
	color: #555;
	position: relative;
	margin: 0px 0 0px;
	display: block;
	padding: 4px 10px;
}
.outline .outline__link:before {
	top: 8px;
	left: -8px;
	font: bold 13px/1 "Font Awesome 5 Free";
	color: #d71657;
	content: "\f138";
	position: absolute;
}
span.outline__number {
	display: none;
}
label.outline__switch {
	position: relative;
	float: right;
}
.outline ul {
	-webkit-padding-start: 1.2em;
}
/***********/
/***********/
/* hタグ・pタグ関係 */
.FrontInner h2, .SingleInner h1, .ContentInner h1 {
	margin: 0 0 25px;
	font-size: 35px;
	color: #f784b5;
	padding: 5px 5px 5px 30px;
	position: relative;
}
.home .FrontInner h2 {
	margin: 60px 0 30px;
}
.FrontInner h2:before, .SingleInner h1:before, .ContentInner h1:before {
	background-color: #f784b5;
	border-radius: 5px;
	content: '';
	position: absolute;
	top: 0;
	left: 3px;
	width: 5px;
	height: 100%;
}
.FrontInner h2:after, .SingleInner h1:after, .ContentInner h1:after {
	background-color: #fbe6ef;
	border-radius: 5px;
	content: '';
	position: absolute;
	top: 0;
	left: 12px;
	width: 5px;
	height: 100%;
}
.FrontInner h3, .SingleInner h2 {
	color: #f784b5;
	font-size: 32px;
	position: relative;
	padding: 0 0 10px 60px;
	border-bottom: 2px dotted #EAA8BF;
	margin: 60px 0 30px;
	line-height: 1.2;
}
.FrontInner h3:before, .SingleInner h2:before {
	content: '＊*';
	color: #fff;
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 0px;
	transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	text-shadow: 0px 0px 6px #d71657, 0px 0px 4px #d71657, 0 0 0.5px #d71657;
}
.FrontInner h4, .SingleInner h3 {
	color: #444;
	font-size: 25px;
	position: relative;
	padding: 10px 10px 10px 55px;
	border-bottom: 2px solid #eee;
	/* font-weight: bold; */
	margin: 30px 0 20px;
	line-height: 1.5;
}
.FrontInner h4:before, .SingleInner h3:before {
	content: url(image/h3_icon.jpg);
	position: absolute;
	margin: auto;
	top: 10px;
	left: 0px;
}
.FrontInner h4:after, .SingleInner h3:after {
	/* content: ""; */
	position: absolute;
	margin: auto;
	width: 8px;
	height: 8px;
	top: 18px;
	left: 6px;
	background: #e2d014;
	transform: rotate(20deg);
}
.SingleInner dt > h3 {}
.SingleInner h4 {
	color: #444;
	font-size: 23px;
	position: relative;
	margin: 30px 0 20px;
	border-bottom: 1px solid #999;
	padding: 0 0 10px 30px;
}
.SingleInner h4:before {
	position: absolute;
	content: "\e926";
	font-family: "icomoon";
	top: 3px;
	left: 0;
	color: #fbe6ef;
}
#MainContent p {
	margin: 10px 0 10px;
	padding: 0px 0 10px;
	font-size: 16px;
	line-height: 1.8;
	color: #333;
}
#Content .cta_btn01 {
	display: inline-block;
	padding: 8px 50px;
	border-radius: 32px;
	color: #fff;
	text-align: center;

	text-decoration: none;
	background: #c81c14;
	transition: .2s;
	position: relative;
	z-index: 1;
}
#Content .cta_btn01:before, #Content .cta_btn01:after {
	content: "";
	position: absolute;
	z-index: -10;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 32px;
	background: #ffaaae;
	border: 1px solid #ff999e;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#Content .cta_btn01:before {
	-webkit-animation: anime 2s ease-out infinite;
	animation: anime 2s ease-out infinite;
}
#Content .cta_btn01:after {
	-webkit-animation: anime 2s ease-out 1s infinite;
	animation: anime 2s ease-out 1s infinite;
}
@-webkit-keyframes anime {
	0% {
		-webkit-transform: scale(.95);
		transform: scale(.95);
		opacity: 1
	}
	90% {
		opacity: .1
	}
	to {
		-webkit-transform: scale(1.2, 1.5);
		transform: scale(1.2, 1.5);
		opacity: 0
	}
}
@keyframes anime {
	0% {
		-webkit-transform: scale(.95);
		transform: scale(.95);
		opacity: 1
	}
	90% {
		opacity: .1
	}
	to {
		-webkit-transform: scale(1.2, 1.5);
		transform: scale(1.2, 1.5);
		opacity: 0
	}
}
.cta_btn02 {
	
}
.FrontInner > p {
	background: #fff;
	margin: 10px 0 10px;
	padding: 0px;
	font-size: 14px;
	line-height: 1.9;
	color: #333;
	border: none;
}
.FrontInner > span, .SingleInner > span {
	display: block;
	position: relative;
	margin-bottom: 10px !important;
	padding: 0 0 0 20px;
	font-size: 14px;
	color: #555;
}
.FrontInner > span:before, .SingleInner > span:before {
	font-family: FontAwesome;
	position: absolute;
	top: -1px;
	left: 0px;
	/* content: "\f073"; */
	font-size: 14px;
	color: #333;
}
.table_style03 caption.scroll_sp{
	display: none !important;
}

@media only screen and (max-width: 550px) {
.scroll {
	overflow: auto;
	white-space: nowrap;
}
.table_style03{
	width: 1000px;
}
.table_style03 caption.scroll_sp{
	display: inline !important;
	text-align: left;
	font-size: 12px;
	align: bottom !important;
}
}

table.table_style01 {
	border: 1px solid #aaa;
}
table.table_style01 tr:nth-of-type(1) {
	background: #fbe6ef;
}
table.table_style01 td {
	padding: 10px;
	border: 1px solid #aaa;
	width: 100px;
}
table.table_style01 td:nth-of-type(1) {
	width: 200px;
}


/* アーカイブ・検索・サイトマップ・カテゴリー・404ページ */
.ContentInner ul li h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.ContentInner ul li h2 a {
	color: #38587A;
	font-size: 16px;
	line-height: 1.9;
}
#Article .NewsTitle {
	margin: 5px 0 10px;
}
#Article .NewsTitle a {
	text-decoration: none;
	color: #444;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.4;
}
#Article .NewsTitle a:hover {
	text-decoration: underline;
}
#Article p {
	margin: 0;
	font-size: 13px;
	line-height: 1.6;
	padding: 0 0px;
	color: #777;
}
.NewsLink {
	text-align: center;
	padding: 10px 0 !important;
}
#Article p a {
	color: #555 !important;
	font-size: 13px !important;
	padding: 10px !important;
	text-decoration: none !important;
	font-weight: normal;
	margin: 20px auto 10px !important;
}
#Article p a:before, #Article p a:after {
	content: none !important;
}
.Clock {
	position: relative;
	font-size: 13px;
	color: #333;
	margin-bottom: 5px;
	padding: 0 0 0 18px;
}
.Clock:before {
	font-family: FontAwesome;
	position: absolute;
	top: -2px;
	left: 0px;
	content: "\f017";
	font-size: 16px;
	color: #2E2E2E;
}
#Article {
	margin: 0px 0 40px;
	display: flex;
	flex-wrap: wrap;
}
#Article section {
	margin: 0;
	padding: 0 0 10px;
}
#Article > li {
	box-sizing: border-box;
	vertical-align: top;
	width: calc(100% / 2 - 15px);
	margin: 30px 30px 0 0;
	text-align: center;
	background: #fff;
	min-height: 395px;
	position: relative;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
	border-radius: 0 0 3px 3px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}
#Article > li:nth-child(even) {
	margin-right: 0;
}
#Article > li:hover {
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
}
#Article img {
	box-sizing: border-box;
	float: none;
	max-width: 550px;
	width: 100%;
	object-fit: cover;
	border-radius: 3px 3px 0 0;
	height: 200px;
	border: solid 1px #ccc;
	margin: 0 0 10px;
	font-family: 'object-fit: cover; object-position: bottom;';
	webkit-clip-path: polygon(100% 100%, 100% 0, 0 0, 0 calc(100% - 20px));
	clip-path: polygon(100% 100%, 100% 0, 0 0, 0 calc(100% - 20px));
}
#Article .ArticleBox {
	text-align: left;
	margin: 0 0 0 0px;
	padding: 0 10px;
}
.post_deta, .post_deta time {
	font-size: 13px;
	margin: 0 10px 0px 0;
	color: #aaa;
	display: inline-block;
	line-height: 1.5;
}
.post_deta i {
	color: #aaa;
	padding: 0 2px 0 0;
}
.Article_btn {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px !important;
}
/* 関連記事(関連記事) */
.RelationContentTitle {
	font-size: 20px;
	margin: 15px 0 20px;
	padding: 0 0 0 33px;
	font-weight: bold;
	color: #f784b5;
	position: relative;
	text-shadow: 2px 2px #fff, 5px 5px rgba(247, 132, 181, .3);
}
.RelationContentTitle:before {
	content: '＊'; /*花に見せかけるためのアスタリスク*/
	color: #fff; /* アスタリスクの色 */
	display: inline-block;
	font-size: 30px; /* アスタリスクの大きさ */
	font-weight: bold;
	position: absolute;
	top: -6px;
	left: 0px;
	transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	text-shadow: 0px 0px 6px #EAA8BF, 0px 0px 4px #EAA8BF, 0 0 0.5px #EAA8BF; /* アスタリスク周りの影 */
}
.RelationContentTitle:after {
	background-color: #f3a3a8; /* 1個目（一番左）のドットの色 */
	border-radius: 50%;
	content: '';
	margin-left: 15px; /* 最後の文字とドットとの余白 */
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 5px; /* ドットの幅 */
	height: 5px; /* ドットの高さ */
	box-shadow: 20px 0px 0px rgb(217, 204, 179), /* 2個目のドットの位置と色 */ 40px 0px 0px rgb(217, 204, 179), /* 3個目のドットの位置と色 */ 60px 0px 0px rgb(243, 163, 168), /* 4個目のドットの位置と色 */ 80px 0px 0px rgb(217, 204, 179), /* 5個目のドットの位置と色 */ 100px 0px 0px rgb(217, 204, 179), /* 6個目のドットの位置と色 */ 120px 0px 0px rgb(243, 163, 168), /* 7個目のドットの位置と色 */ 140px 0px 0px rgb(217, 204, 179), /* 8個目のドットの位置と色 */ 160px 0px 0px rgb(217, 204, 179), /* 9個目のドットの位置と色 */ 180px 0px 0px rgb(243, 163, 168), /* 10個目のドットの位置と色 */ 200px 0px 0px rgb(217, 204, 179), /* 11個目のドットの位置と色 */ 220px 0px 0px rgb(217, 204, 179); /* 12個目のドットの位置と色 */
}
#RelationContent .NewsTitle {
	margin: 0px;
}
#RelationContent .NewsTitle a {
	font-weight: normal;
	text-decoration: none;
	color: #555;
	font-size: 14px;
	background: none;
	border: none !important;
	margin: 0;
	text-align: left;
}
#RelationContent .NewsTitle a:before, #RelationContent .NewsTitle a:after {
	content: none;
}
#RelationContent .NewsTitle a:hover {
	/* color: #ffffff; */
	/* font-weight: bold; */
}
#RelationContent .RelationBox {}
#RelationContent ul li a {}
#RelationContent .RelationBox span {
	font-size: 13px;
	color: #777;
}
#RelationContent {
	/* max-width:  500px; */
	/* padding: 0 0 0 20px; */
	margin: 50px 0 0px;
}
#RelationContent > ul {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	box-sizing: border-box;
	justify-content: space-between;
	max-width: 920px;
	margin: 0 auto;
}
#RelationContent > ul > li {
	display: block;
	width: calc(100% / 3 - 15px);
}
#RelationContent ul li:nth-child(odd) {}
#RelationContent ul li:hover a {
	/* color: #fff; */
}
#RelationContent ul li:hover:before {}
#RelationContent ul li:nth-child(3n) {
	margin-right: 0;
}
#RelationContent ul li div {
	position: relative;
	text-align: center;
	border: 10px solid #fff;
	box-shadow: 0 0 0 1px #ddd;
}
#RelationContent a {
	/* display: block; */
	/* height: 200px; */
}
#RelationContent ul img {
	display: block;
	max-width: 320px;
	height: 136px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}
#RelationContent ul li:nth-child(odd) img {
	/* border-right: none; */
}
#RelationContent ul li:nth-of-type(3) img, #RelationContent ul li:nth-of-type(4) img {
	border-top: none;
}
#RelationContent .RelationBox { /* position:  absolute; */ /* bottom: 17px; */ /* padding: 0 10px; */ text-align: left;
	box-shadow: none;
	border: none;
}
/*末端記事 下部 カテゴリに関する記事一覧*/
#RelationContent.Relation_category_container, #RelationContent.Relation_tag_container {
	padding: 1px 30px 0;
	max-width: 920px;
	margin: 50px auto;
	background: rgba(251, 230, 239, .2);
}
#RelationContent.Relation_category_container > ul > li, #RelationContent.Relation_tag_container > ul > li {
	width: 100%;
	margin: 0 0 20px;
}
#RelationContent.Relation_category_container ul li div, #RelationContent.Relation_tag_container ul li div {
	box-shadow: none;
	border: none;
	display: flex;
}
#RelationContent.Relation_category_container ul li img, #RelationContent.Relation_tag_container ul li img {
	max-width: 200px;
	height: 120px;
}
#RelationContent.Relation_category_container ul li .RelationBox, #RelationContent.Relation_tag_container ul li .RelationBox {
	display: block;
	margin: 0 0 0 20px;
}
/*sitemap*/
.sitemap_list:nth-of-type(1) {
	padding: 10px 10px 10px 20px;
}
.sitemap_list:not(:nth-of-type(1)) {
	padding: 10px 10px 10px 40px;
}
.sitemap_list li {}
.sitemap_list li a {
	text-decoration: none;
	color: #222;
	position: relative;
	padding: 0 0 0 20px;
}
.sitemap_list:nth-of-type(1) li a {
	/* font-weight: bold; */
	color: #d71657;
	margin: 0 0 5px;
	display: inline-block;
}
.sitemap_list:not(:nth-of-type(1)) li a {
	color: #888;
	font-size: 14px;
	margin: 0 0 5px;
	display: inline-block;
}
.sitemap_list li a:before {
	position: absolute;
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	left: 0;
	top: 0px;
	font-weight: bold;
	color: #d71657;
}
.sitemap_list li a:hover {
	text-decoration: underline;
}
/* カテゴリー一覧ページ */
.categorymain ul li {
	box-sizing: border-box;
	padding: 10px;
	margin: 0px 1% 5px 0px;
	width: 49.5%;
	display: inline-block;
	vertical-align: top;
}
.ContentInner h1 {}
.categorymain ul li:nth-of-type(2n) {
	margin-right: 0px;
}
.categorymain h2 {
	margin-bottom: 10px;
	padding: 10px;
	background: #FFEBEC;
}
.CategoryPageBox h3, .CategoryPageText h3 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font-size: 16px;
	color: #E56777;
}
.CategoryPageBox h3 a, .CategoryPageText h3 a {
	font-size: 16px;
	color: #E56777;
}
/*末端記事のカテゴリとタグ表示*/
.category_container, .tag_container {
	display: inline-block;
	margin: 0 10px 30px 0;
}
.post-categories {
	display: flex;
	position: relative;
	padding: 0 0 0 20px;
}
.post-categories:before {
	content: "\f07c";
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	left: 0;
	top: 50%;
	margin: -10px 0 0 0;
	color: #777;
}
.post-categories li {
	margin: 0 8px 0 0;
}
.category_container li a, .tag_container a {
	font-size: 13px;
	color: #777;
	display: inline-block;
}
.tag_container {
	position: relative;
	padding: 0 0 0 20px;
}
.tag_container:before {
	content: "\f02b";
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	left: 0;
	top: 50%;
	margin: -10px 0 0 0;
	color: #777;
}
.tag_container a {
	margin: 0 5px 0 0;
}
/* ページ送り */
/*末端記事のページナビ*/
.g_navigation {
	/* text-align: center; */
	padding: 1em 0;
	width: 100%;
	margin: -20px auto 0;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	max-width: 920px;
}
.g_navigation a {
	display: block;
	background: #fd8895;
	padding: 30px 30px;
	color: #fff;
	font-size: 14px;
	position: relative;
	text-decoration: none;
	width: calc(100% /2 - 5px);
	max-width: 284px;
}
.g_navigation a:hover {
	background: rgb(253, 165, 175);
}
.g_navigation a:nth-of-type(1):before {
	content: "\f053";
	position: absolute;
	font: bold 16px "Font Awesome 5 Free";
	left: 10px;
	top: 50%;
	margin: -9px 0 0 0;
}
.g_navigation a:nth-of-type(2):before {
	content: "\f054";
	position: absolute;
	font: bold 16px "Font Awesome 5 Free";
	right: 10px;
	top: 50%;
	margin: -9px 0 0 0;
}
/********************************/
.Paging {
	margin: 20px 0px;
	padding: 0 0 0 40px;
	display: flex;
	justify-content: space-between;
}
.Paging div a {
	position: relative;
	color: #fff !important;
	text-decoration: none;
	font-size: 14px;
	border-radius: 3px;
	background: #231815;
}
.Paging div a:before {
	font-size: 20px;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
}
.Paging div a:hover {
	background: #777;
}
.Paging .CenterLink a {
	padding: 5px 15px 5px 35px;
}
.Paging .CenterLink a:before {
	content: "\e908";
	top: 3px;
	left: 10px;
}
.Paging .LeftLink a {
	padding: 5px 15px 5px 25px;
}
.Paging .LeftLink a:before {
	content: "\e92e";
	top: 5px;
	left: 10px;
}
.Paging .RightLink a {
	padding: 5px 25px 5px 15px;
}
.Paging .RightLink a:before {
	content: "\e901";
	top: 4px;
	right: 10px;
}
/* 記事内画像 */
.left, .right, .center {
	display: block;
	box-sizing: border-box;
	width: auto;
	height: auto;
	text-align: center;
	border: 10px solid #fff;
	box-shadow: 0 0 0 1px #ddd;
}
.left {
	float: left;
	/* max-width: 300px !important; */
	margin: 5px 15px 15px 0;
	padding: 0;
}
.right {
	float: right;
	/* max-width: 300px !important; */
	margin: 5px 0 10px 10px;
	padding: 0;
}
.center {
	max-width: 600px;
	margin: 20px auto 20px;
	padding: 0;
}
/* aside・details整形用 */
.supplement {
	border: solid 1px #d8d8d8;
	background: #f1f1f1;
	margin: 10px 0;
	padding: 15px;
	box-shadow: 1px 1px 0px 0px #fff inset;
}
.supplement h3, .supplement summary {
	background: #fff !important;
	padding: 10px 10px 8px;
	margin: 0 0 5px;
	color: #555;
	font-size: 20px;
	border: none;
}
.supplement h3:after, .supplement h3:before {
	content: none;
}
.supplement p {
	line-height: 1.5;
}
.supplement p a {
	padding: 0px;
}
strong {
	padding: 1px 3px;
	border-bottom: none;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 1px;
	background-size: 200% 17px;
	background-position: 0 17px;
	background-repeat: repeat-x;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	-ms-transition: all 2s ease;
	background-image: -webkit-linear-gradient(left, rgba(255, 235, 6, 0) 50%, rgba(255, 235, 6, 0.75) 50%);
	background-image: -moz-linear-gradient(left, rgba(255, 235, 6, 0) 50%, rgba(255, 235, 6, 0.75) 50%);
	background-image: -o-linear-gradient(left, rgba(255, 235, 6, 0) 50%, rgba(255, 235, 6, 0.75) 50%);
	background-image: -ms-linear-gradient(left, rgba(255, 235, 6, 0) 50%, rgba(255, 235, 6, 0.75) 50%);
	background-image: linear-gradient(left, rgba(255, 235, 6, 0) 50%, rgba(255, 235, 6, 0.75) 50%);
}
.strong_after {
	background-position: -100% 17px;
}
blockquote {
	background: #f9f9f9;
	border: 1px solid #ddd;
	padding: 20px 10px 20px 30px;
	position: relative;
	font-size: 12px;
	margin: 0 0 30px;
}
blockquote:before {
	position: absolute;
	content: "“";
	top: 3px;
	left: 1px;
	font: 13em/1 'ＭＳ Ｐゴシック';
	color: rgb(251, 230, 239);
}
blockquote p {
	margin: 0 !important;
	padding: 0 !important;
}
blockquote.blockquote_ok {
	margin: 20px 0px 25px 102px;
	position: relative;
	display: block;
	padding: 20px;
	font-weight: bold;
	font-size: 19px;
	border: 3px solid #fff08b;
	background: #fff;
	border-radius: 15px;
}
blockquote.blockquote_ok:before {
	position: absolute;
	content: url(image/blockquote_ok.jpg);
	top: 0px;
	left: -102px;
	font: 13em/0 'ＭＳ Ｐゴシック';
}
blockquote.blockquote_ok:after {
	border-right: 8px solid #fff08b;
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	top: 27px;
	left: -11px;
	content: '';
	position: absolute;
	transform: none;
}
blockquote.blockquote_ng {
	margin: 20px 102px 25px 0px;
	position: relative;
	display: block;
	padding: 20px;
	font-weight: bold;
	font-size: 19px;
	border: 3px solid #4db0e3;
	background: #fff;
	border-radius: 15px;
}
blockquote.blockquote_ng:before {
	position: absolute;
	content: url(image/blockquote_ng.jpg);
	top: 0px;
	margin: 0 0px 0 22px;


	left: 100%;
	font: 13em/0 'ＭＳ Ｐゴシック';
}
blockquote.blockquote_ng:after {
	border-left: 8px solid #4db0e3;
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	top: 27px;
	right: -11px;
	content: '';
	position: absolute;
	transform: none;
}
blockquote p {
	position: relative;
	z-index: 1;
}
blockquote cite a {
	font-size: 12px;
	color: #3F51B5;
}
blockquote cite a:hover {
	text-decoration: none;
}
.FrontInner div ul.ul_style01, .SingleInner section div ul.ul_style01 {
	background-color: rgb(251, 230, 239);
	background-image: radial-gradient(#fef2f7 20%, transparent 0), radial-gradient(#fef2f7 20%, transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 20px 20px;
	color: #555;
	padding: 20px 25px 15px 25px;
	width: 90%;
	margin: 20px auto 40px;
	box-shadow: 0px 0px 0px 10px #fbe6ef;
	border: dashed 2px #fd8895;
	border-radius: 9px;
}
.FrontInner div section ul.ul_style01 > li, .SingleInner section div ul.ul_style01 > li {
	margin: 0 0 15px;
	position: relative;
	font-size: 15px;
	line-height: 2.1;
	color: #555;
	padding: 0 0 0 15px;
	border-bottom: 1px dotted #ff98a3;
}
.FrontInner div ul.ul_style02, .SingleInner section div ul.ul_style02 {
	margin: 20px auto 30px;
	width: 80%;
}
.FrontInner div ul.ul_style02 > li, .SingleInner section div ul.ul_style02 > li {
	position: relative;
	padding: 0 0 0 24px;
	margin: 0 0 10px;
}
.FrontInner div ul.ul_style02 > li:before, .SingleInner section div ul.ul_style02 > li:before {
	position: absolute;
	content: "\f14a";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	left: 0;
	top: 0;
	color: #d70909;
}
.FrontInner div section ul.ul_style01 > li:before, .SingleInner section div ul.ul_style01 > li:before {
	position: absolute;
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	left: 0;
	top: 0;
	color: #fd8895;
}
.FrontInner div ul.ul_style03, .SingleInner section div ul.ul_style03 {
	margin: 20px 0 30px;
	border: solid 2px skyblue;
	border-radius: 5px;
	padding: 0.5em 1em 0.5em 2.3em;
}
.FrontInner div ul.ul_style03 > li, .SingleInner section div ul.ul_style03 > li {
	position: relative;
	padding: 0 0 0 24px;
	margin: 0 0 10px;
}
.FrontInner div ul.ul_style03 > li:before, .SingleInner section div ul.ul_style03 > li:before {
	position: absolute;
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	left: 0;
	top: 0;
	color: #d70909;
}
.FrontInner div ol.ol_style01, .SingleInner div ol.ol_style01 {
	margin: 0 auto 25px;
	width: 90%;
	background: #fffde8;
	box-shadow: 0px 0px 0px 10px #fffde8;
	border: dashed 2px #ffb03f;
	border-radius: 9px;
	padding: 0.5em 0.5em 0.5em 2em;
	counter-reset: chapter;
}
.FrontInner div ol.ol_style01 > li, .SingleInner div ol.ol_style01 > li {
	margin: 0 auto 10px;
	font-size: 15px;
	line-height: 2.1;
	color: #777;
	position: relative;
	border-bottom: solid 3px hsla(35, 100%, 62%, 0.17);
}
.FrontInner div ol.ol_style01 > li:before, .SingleInner div ol.ol_style01 > li:before {
	content: ""counter(chapter) ".";
	counter-increment: chapter;
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 0 5px 0 0;
	text-decoration: none;
	margin-right: 5px;
	font-size: 20px;
	color: #ffb03f;
	font-weight: bold;
}
.FrontInner div ol.number_liststyle01, .SingleInner div ol.number_liststyle01 {
	padding: 0 0 0 30px;
	counter-reset: li;
	margin: 30px 0;
}
.FrontInner div ol.number_liststyle01 > li, .SingleInner div ol.number_liststyle01 > li {
	position: relative;
	padding: 0 0 0 25px;
	margin: 0 0 15px;
}
.FrontInner div ol.number_liststyle01 > li:before, .SingleInner div ol.number_liststyle01 > li:before {
	content: counter(li) ".";
	counter-increment: li;
	margin: -1px 0 0px 0;
	line-height: 25px;
	font-weight: bold;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
dl {
	margin: 0 auto 25px;
	padding: 20px 20px 0px;
	width: 95%;
}
dt {
	margin: 0 0 13px;
	padding: 10px 15px 0px 30px;
	position: relative;
	font-size: 18px;
	font-weight: bold;
}
dt:before {
	content: "\e90e";
	top: 10px;
	left: 0px;
	border-radius: 50%;
	position: absolute;
	background: #e97fac;
	width: 25px;
	height: 25px;
	padding: 3px 0 0 6px;
	color: #fff;
	font-family: "icomoon";
	font-size: 13px;
}
dd {
	background-color: #fff;
	padding: 15px 20px 15px;
	font-size: 15px;
	border: 1px solid #f784b5;
	border-right: 20px solid #f784b5;
	line-height: 1.9;
	margin: 0 0 10px;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}
/*-------------------------------------
サイドコンテンツ部分
-------------------------------------*/
/* サイドコンテンツ */
.widget, .RelationSide {
	margin: 0px 0px 30px;
	padding: 0px;
}
/* サイドタイトル */
.widget_title div, .RelationTitle {
	margin: 0px auto 15px;
	padding: 20px 10px 20px 15px;
	font: bold 16px/1.5 'Kosugi Maru', sans-serif;
	text-align: center;
	box-shadow: 0 0 1px 0 #fff inset;
	color: #f0f0f0;
	position: relative;
	overflow: hidden;
	border-radius: 0px;
	background-color: #91ba00;
	background-image: linear-gradient(rgba(255, 255, 255, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .1) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, .3) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .3) 1px, transparent 1px);
	background-size: 50px 50px, 50px 50px, 10px 10px, 10px 10px;
	background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}
.widget_title div:before, .RelationTitle:before {
	position: absolute;
	content: url(image/pen.svg);
	width: 49px;
	left: 10px;
	top: 7px;
	opacity: .6;
	transform: rotate(-20deg);
}
.widget_title div:after, .RelationTitle:after {
	background-color: rgba(255, 255, 255, .3);
	border-radius: 50%;
	content: '';
	display: block;
	position: absolute;
	bottom: -60px;
	right: 5px;
	width: 100px;
	height: 100px;
}
/* ウィジェット */
.widget ul li {
	position: relative;
	/* padding: 0px 0px 5px 18px; */
	margin: 0px 0px 10px 0px; /* border-bottom: dotted 1px #ddd; */
}
.widget ul li:before {
	position: absolute;
	top: 6px;
	left: 18px;
	content: "\e90e";
	font: 14px "icomoon"; /* color: #febe01; */
}
.widget ul li a {
	color: #333;
	font-size: 12px;
	line-height: 1.5;
	padding: 10px 0px 10px 40px;
	text-decoration: none;
}
.widget ul li a:hover {
	color: #999;
	text-decoration: none;
}
.archive_btn a, #Article p a {
	background: #fbe6ef;
	border: 1px solid rgba(247, 132, 181, 0.19);
	overflow: hidden;
	display: block;
	padding: 15px 0;
	transition: color .3s cubic-bezier(.02, .01, .47, 1), border-color .3s cubic-bezier(.02, .01, .47, 1);
	z-index: 1;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	position: relative;
	max-width: 200px;
	box-shadow: 0px 0px 0px 1px #fff inset;
}
.archive_btn a:before, .archive_btn a:after, #Article p a:before, #Article p a:after {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	content: '';
	transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
	opacity: 0;
}
.archive_btn a:before, #Article p a:before {
	background: #222;
	-webkit-transform: translate3d(-110%, -10%, 0) skewX(-20deg);
	transform: translate3d(-110%, -10%, 0) skewX(-20deg);
}
.archive_btn a:after, #Article p a:after {
	-webkit-transform: translate3d(110%, -10%, 0) skewX(-20deg);
	transform: translate3d(110%, -10%, 0) skewX(-20deg);
	background: #444;
}
.archive_btn a:hover, #Article p a:hover {
	transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);
	/* box-shadow: 0 1px 6px rgba(0,0,0,0.3); */
	/* color: #ffffff; */
	/* background: #fbe6ef; */
	/* border: 1px solid #333; */
}
.archive_btn a:hover:after, .archive_btn a:hover:before, #Article p a:hover:after, #Article p a:hover:before {
	transition: transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
	-webkit-transform: translate3d(50%, -10%, 0) skewX(-20deg);
	transform: translate3d(50%, -10%, 0) skewX(-20deg);
	opacity: 1;
}
.archive_btn a:active, #Article p a:active {
	opacity: 0.5;
	color: #555;
}
.archive_btn a:focus, #Article p a:focus {
	border: 1px solid #555;
	color: #555;
}
.archive_btn a:focus:hover, #Article p a:focus:hover {
	color: #ffffff;
	border: 1px solid #555;
}
/* 新着記事・人気記事 */
.RelationSide ul li {
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 0px 10px 5px;
	/* background: #fff; */
	/* border-bottom: dotted 1px #777; */
	line-height: 1.2;
}
.RelationSide .NewsTitle {
	margin: 1px 0 0px;
	padding: 0;
	font-size: 13px;
}
.RelationSide .NewsTitle a {
	font-weight: normal;
	text-decoration: none;
	color: #333;
	font-size: 12px;
	line-height: 1.4;
	display: block;
}
.RelationSide .NewsTitle a:hover {
	color: #c7c7c7;
}
.RelationSide p, #RelationContent p {
	margin: 5px 0 0;
	font-size: 13px;
	line-height: 1.6;
	padding: 0px;
}
.RelationSide p a, #RelationContent p a {
	color: #AB1F65;
	font-size: 13px;
	padding: 0;
	text-decoration: none;
}
.RelationBox time {
	font-size: 11px;
	color: #b1b1b1;
	padding: 0;
	display: inline-block;
	margin: 0 0 0px;
	background: none;
	border: none;
}
.RelationSide ul img {
	box-sizing: border-box;
	float: left;
	width: 80px;
	height: 60px;
	border: solid 1px #ccc;
	object-fit: cover;
	font-family: 'object-fit: cover; object-position: bottom;';
}
.RelationSide .RelationBox {
	margin-left: 85px;
}
.RelationSide .new {
	background: #B75657;
	color: #fff !important;
	margin-left: 10px;
	padding: 0 5px !important;
	font-size: 12px !important;
}
.RelationTitle span {
	display: block;
	margin-top: 0px;
	text-align: left;
	font-weight: normal;
	font-size: 12px !important;
	color: #777;
}
/* 一覧の表示スタイル */
.PopularityBox li {
	position: relative;
}
.PopularityBox li:before {
	content: counter(wpp-ranking, decimal);
	counter-increment: wpp-ranking;
	color: #fff;
	border-radius: 0px;
	font-size: 14px;
	line-height: 1;
	padding: 4px 7px;
	position: absolute;
	left: 7px;
	top: -2px;
	z-index: 1;
	background: rgb(0, 90, 175);
	background: -moz-linear-gradient(top, rgba(0, 90, 175, 1) 1%, rgba(10, 53, 106, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 90, 175, 1) 1%, rgba(10, 53, 106, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 90, 175, 1) 1%, rgba(10, 53, 106, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005aaf', endColorstr='#0a356a', GradientType=0);
}
/*-------------------------------------
フッター部分
-------------------------------------*/
/* フッター */
footer {}
#Footer {
	padding: 0px 0 0px;
	border: none;
	margin: 0;
	background: url(image/footer_bg.png) bottom center no-repeat;
}
#Footer:after {
	position: absolute;
	/* content: url(image/asiato3.png); */
	top: 15px;
	right: 3%;
}
/* フッターソーシャル */
#SocialIconBottom {
	margin: 5px 0 10px;
	text-align: center;
}
#SocialIconBottom a {
	display: inline-block;
	margin-left: 5px;
	width: 32px;
}
#SocialIconBottom a:hover {
	opacity: 0.7;
}
/* フッターメニュー */
.NavFooter {
	max-width: 1100px;
	margin: 0 auto 0px;
	padding: 60px 0 150px;
	/* display: -webkit-flex; */ /* Safari */
	/* display: flex; */
	/* -webkit-align-items: center; */ /* Safari */
	/* align-items: center; */
	/* -webkit-justify-content: center; */ /* Safari */
	/* justify-content: center; */
	text-align: center;
}
.NavFooter img {
	opacity: .2;
	width: 150px;
}
.NavFooter > div {
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	margin: 30px 0;
}
.NavFooter > div > ul {
	padding: 0px 0;
	text-align: left;
	width: calc(100% / 3);
	max-width: 200px;
}
.NavFooter ul:nth-of-type(3) {
	/* padding: 25px 50px 5px; */
	/* background: rgba(255, 255, 255, .8); */
	position: relative;
	max-width: 100%;
}
.NavFooter ul li {
	background: none;
	font-size: 14px;
	position: relative;
	margin: 0 0px 10px 0;
}
.NavFooter ul.child-gp {
	padding: 0 0 0 20px;
}
.NavFooter ul li a {
	color: #222;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	position: relative;
	padding: 0 0px 0 15px;
	border-bottom: 1px dotted #999;
}
.NavFooter ul:nth-of-type(2) li a {
	font-size: 12px;
	font-weight: normal;
}
.NavFooter ul li a:before {
	font: 3px "icomoon";
	position: absolute;
	content: "▶";
	left: 0;
	top: 3px; /* color: #91ba00; */
}
.NavFooter ul li a:hover {
	text-decoration: underline;
}
.Copyright {
	margin: 0px auto 0px;
	padding: 0px 0 20px;
	text-align: center;
	border: none;
	position: relative;
	color: #eee;
	font: 13px 'Kosugi Maru', sans-serif;
}
.Copyright a {
	font-size: 14px;
	color: #fff;
}
/* topに戻る */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9;
}
#page-top a {
	/* background: url(image/top_btn.png) no-repeat; */
	text-decoration: none;
	color: #fff;
	/* height: 90px; */
	/* padding: 30px 0; */
	text-align: center;
	display: block; /* border-radius: 5px; */ /* box-shadow: 0 0 7px 0 rgba(0,0,0,0.5); */
}
#page-top a span {
	font-size: 30px;
	font-weight: bold;
	position: relative;
	border-radius: 3px;
	color: #fff;
	padding: 10px 12px;
	background: #231815;
}
#page-top a:hover {
	opacity: .7;
}
/*リンクボタン*/
.link_btn {
	border: 1px solid;
	color: #000 !important;
	text-decoration: none;
	padding: 10px 80px !important;
	display: inline-block;
	margin: 30px 0 0;
}
.link_btn:hover {
	background: rgba(0, 0, 0, .3);
}
/***********お問い合わせ*************/
.forms {
	margin: 0 0 30px;
}
.forms li {
	list-style: none;
	border: 1px solid rgba(247, 132, 181, 0.2);
	border-bottom: none;
	background: rgba(251, 230, 239, .1);
}
.forms li:last-child {
	border-bottom: 1px solid rgba(247, 132, 181, 0.2);
}
.forms .form_required {
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	margin: 0 0 0 0;
	display: block;
	width: auto;
}
.forms .form_required > span {
	width: auto;
	display: inline-block;
	background: #d71657;
	padding: 0px 5px 0px 5px;
	color: #fff;
}
.forms label {
	display: block;
	max-width: 200px;
	width: 100%;
	padding: 15px;
	border-right: 1px solid rgba(247, 132, 181, 0.2);
}
.form_input {
	width: 100%;
	padding: 15px;
	background: #fff;
}
.form_checkbox_container label {
	border-right: none;
	padding: 0;
}
.forms input, .forms textarea {
	border: 1px solid rgb(253, 228, 238);
	border-radius: 3px;
	padding: 8px;
	width: 100%;
	font-size: 100%;
	outline: none;
}
.forms .form_checkbox {
	width: auto;
}
form .error {
	font-size: 80%;
	color: red
}
.forms li.textarea .error, .privacy_checkbox span {
	display: block;
	right: 0;
	top: 0;
}
.privacy_checkbox {
	text-align: center;
}
.form_submitted_btn {
	text-align: center;
	margin: 30px 0 0;
}
.form_submitted_btn button {
	cursor: pointer;
	max-width: 150px;
	width: 100%;
	margin: 15px auto 0;
	display: block;
	background: #d71657;
	color: #fff;
	border: none;
	padding: 15px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	outline: none;
}
.form_submitted_btn button:hover {
	opacity: .7;
}
.form_checkbox_container label, input[type='checkbox'] {
	cursor: pointer;
}
input::placeholder {
	color: #ddd;
}
input::-moz-input-placeholder {
	color: #ddd;
}
input::-ms-input-placeholder {
	color: #ddd;
}
textarea::placeholder {
	color: #ddd;
}
textarea::-ms-placeholder {
	color: #ddd;
}
textarea::-moz-placeholder {
	color: #ddd;
}
/****************footer*****************/
@media only screen and (min-width: 1400px) {
	/*左サイド固定バー*/
	.left_sidebar_container {
		position: fixed;
		right: 0;
		height: 100vh;
		background: #f3b6e0;
		top: 0;
		z-index: 2;
		background: repeating-linear-gradient(45deg, rgba(225, 135, 197, 0.4), rgba(225, 135, 197, 0.4) 10px, rgba(252, 236, 252, 1) 0, rgba(252, 236, 252, 1) 20px);
		/* background-size: 10px 10px; */
		/* background-position: 0 0, 5px 5px; */
		box-shadow: 0 0 7px 0 rgba(0, 0, 0, .4);
	}
	.left_sidebar_container ul {
		position: relative;
		padding: 44vh 0;
	}
	.left_sidebar_container ul li {
		margin: 0 0 10px;
	}
	.left_sidebar_container a {
		color: #777;
		font-size: 25px;
		padding: 0px 10px;
		text-decoration: none;
	}
}
@media only screen and (max-width: 1399px) {
	.left_sidebar_container span {
		display: none;
		font-size: 0;
	}
}
@media only screen and (min-width: 769px) {
	.pc_none {
		display: none;
	}
}
@media only screen and (max-width: 1200px) {
	#Footer:after {
		opacity: .3;
	}
}
@media only screen and (max-width: 768px) {
	.sp_none {
		display: none !important;
	}
	/*-------------------------------------
レイアウト
-------------------------------------*/
	.wrap {
		margin: 0 auto;
		padding: 0;
	}
	#Content {
		max-width: 768px;
		margin: 0px auto 0;
		padding: 0px 5px;
	}
	#MainContent {
		width: 100%;
		float: none;
		margin: 0px 0% 0px 0%;
		padding: 0px 0px;
	}
	#MainContent > div {
		margin: 0 0 10px;
		padding: 0px 0;
	}
	#SideContent {
		width: 100%;
		float: none;
		margin: 0px;
		padding: 0px;
	}
	#Page {
		max-width: auto;
		margin: 0 auto;
	}
	/*-------------------------------------
ヘッダー部分
-------------------------------------*/
	/*************************************
* ハンバーガーメニュー
*************************************/
	/* グロナビ */
	.Navigation {
		margin: 0 auto 0px;
		/* padding: 25px 0px; */
		border-radius: 0px;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.Navigation ul {
		max-width: 1280px;
		margin: 0 auto 0px;
		padding: 0px 0;
		display: flex;
		justify-content: space-around;
	}
	.Navigation ul li {
		/* box-sizing: border-box; */
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 14px;
		/* float: left; */
		/* position: relative; */
		/* width: 20%; */
		background: none;
		color: #333;
		text-align: center; /* border-left: solid 1px #aaa; */
	}
	/*.Navigation ul li:first-child:before { font-family:FontAwesome; content:"\f015"; position:absolute; font-size:20px;left:10px; top:-6px; color:#fff; }
.Navigation ul li:last-child:before { font-family:FontAwesome; content:"\f0e8"; position:absolute; font-size:20px;left:10px; top:-6px; color:#fff; }*/
	.Navigation ul li:last-child {
		margin: 0 auto;
		border: none;
	}
	.Navigation ul li a {
		color: #fff;
		display: block;
		text-decoration: none;
	}
	.Navigation ul li:hover, .Navigation ul li a:hover {
		color: #d03e40;
	}
	/***** クリック前のボタン *****/
	.toggle {
		/* 通常時は非表示 */
		position: fixed; /* bodyに対しての絶対位置指定 */
		right: 10px;
		top: 15px;
		display: block;
		width: 45px;
		height: 43px;
		cursor: pointer;
		z-index: 9999;
		background: #ffffff6b;
	}
	.toggle span {
		display: block;
		position: absolute; /* .toggleに対して */
		width: 70%;
		border-bottom: solid 4px #4f463f;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		padding-top: 5px;
		right: 7px;
	}
	.toggle span:nth-child(1) {
		top: 3px;
	}
	.toggle span:nth-child(2) {
		top: 13px;
	}
	.toggle span:nth-child(3) {
		top: 23px;
	}
	.toggle span:nth-child(4) {
		border: none;
		top: 28px;
		left: 5px;
		font-size: 12px;
		font-weight: bold;
	}
	/***** クリック後のボタン *****/
	/* 最初のspanをマイナス45度にする */
	.toggle.active span:nth-child(1) {
		top: 15px;
		left: 4px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
		border-bottom: solid 4px #4f463f;
	}
	/* 2番目と3番目のspanを45度にする */
	.toggle.active span:nth-child(2), .toggle.active span:nth-child(3) {
		top: 15px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		border-bottom: solid 4px #4f463f;
	}
	/*---------------------------*/
	.global_nav input.s {
		margin: 0;
		height: 40px;
	}
	.global_nav input.searchsubmit {
		top: 4px;
	}
	/*************************************
* グローバルメニュー


*************************************/
	.TopNav ul li:before {
		content: none;
	}
	/* .global_nav */
	.global_nav {

		position: fixed;
		top: 0;


		left: 0;
		width: 100%;
		height: 100vh;
		transform: translateX(-100%);
		z-index: 10;
		padding: 65px 0 50px;
		text-align: center;
		color: #000;
		background: rgba(255, 255, 255, .8);
		transition: all 0.8s;
	}
	.global_nav .nav_li {
		width: 80%;
		list-style-type: none;
		text-align: center;
		margin: 0 auto 10px;
		background: #e97fac;
		box-shadow: none !important;
		border: none;
	}
	.global_nav .nav_li a:after {
		content: none;
	}
	.global_nav li:last-child {
		background: none;
		padding: 0;
	}
	.global_nav .nav_li:hover {
		/*background: rgba(54,168,255,.3);*/
	}
	.global_nav .nav_li a {
		display: block;
		color: #fff;
		text-decoration: none;
		-webkit-transition: 0.8s;
		-moz-transition: 0.8s;
		-o-transition: 0.8s;
		width: 100%;
		-ms-transition: 0.8s;
		border: none;
		transition: 0.8s;
		padding: 15px 0;
		position: relative;
		font-size: 16px;
	}
	.global_nav .nav_li:nth-of-type(5), .global_nav .nav_li:nth-of-type(6) {
		background: none;
	}
	.global_nav .nav_li:nth-of-type(5) a, .global_nav .nav_li:nth-of-type(6) a {
		padding: 0;
		line-height: 0;
	}
	.global_nav .nav_li a:before {
		content: "\e901";
		font: 16px "icomoon";
		right: 10px;
		top: 50%;
		margin: -7px 0 0;
		position: absolute;
	}
	.global_nav .nav_li a:hover {
		color: #eae545;
	}
	/* .global_navに.activeが追加 */
	.global_nav.active {
		transform: none;
	}
	/*------------------------------------------------------- */
	/* ヘッダー */
	#Header {
		margin: 0px auto 30px;
		/* padding: 50px 0 10px; */
		position: static;
	}
	.Header_container {
		display: block;
		padding: 15px 0;
	}
	.Header_container_right {
		display: block;
	}
	.notice {
		max-width: 100%;
		margin: 0 0 10px;
	}
	/* 検索フォーム */
	.widget_search {
		float: none;
		width: auto;
		margin: 0 auto !important;
		display: block;
		text-align: center;
	}
	.widget_search .screen-reader-text {
		display: none;
	}
	.searchform {
		width: auto;
		margin: 0 auto;
		background: #fff;
		display: block;
		height: 46px;
		position: relative;
		outline: none;
	}
	.s {
		border: none;
	}
	.searchsubmit {}
	.search .entry-content p a {
		color: #D03E40;
	}
	.header_title {
		width: 100%;
		display: block;
	}
	/* サイトタイトル */
	.SiteTitleInner {
		max-width: 768px;
		margin: 0 auto 5px;
		padding: 0 20px 0 10px;
		background: none;
	}
	.SiteTitle {
		/* width: 100%; */
		padding: 0;
		top: -25px;
	}
	.SiteTitle a {
		position: relative;
		z-index: 2;
		/* width: 80px; */
		font-size: 12px;
		margin: 0 0 15px;
		display: block;
	}
	.SiteTitle a .svg {
		width: 300px;
	}
	.slider_container {}
	.slider_obi_container {
		top: 37%;
		left: 30%;
	}
	.slider_obi_container > div > img {
		width: calc(100% / 2.5);
		background: rgba(173, 203, 64, 0.9);
	}
	.slick-prev:before, .slick-next:before {
		font-size: 20px;
		width: 30px;
		height: 30px;
		padding: 4px 0px 0 0;
	}
	.slick-next {
		right: 20px;
	}
	.slick-prev {
		left: 10px;
	}
	/* ディスクリプション */
	.Discription {
		margin: 0 auto 0px;
		font-size: 13px;
	}
	.Discription > p {
		max-width: 290px;
		margin: 0 auto 10px;
	}
	.TopNav {
		display: block;
	}
	div#menu {
		/* padding: 30px 0; */
	}
	#menu > ul {
		/* Safari */
		padding: 0 70px 0 0;
		display: none !important;
	}
	/* グロナビ */
	.Navigation ul {
		margin: 0 auto 0px;
		padding: 0;
		max-width: 1100px;
		display: block;
		border: none;
	}
	.Navigation ul li {
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 14px;
		float: none;
		position: static;
		width: 100%;
		height: 100%;
		line-height: 40px;
		color: #fff;
		text-align: left;
		font-weight: bold;
	}
	.menu > li {}
	.menu > li > a {}
	.Navigation ul li a {
		color: #fff;
		display: block;
		text-decoration: none;
		/* border-bottom: dotted 1px #fff; */
		padding: 0 10px;
	}
	.Navigation ul li:hover, .Navigation ul li a:hover {
		background: #4072A8;
		color: #fff;
	}
	.Navigation ul li ul {
		position: static;
	}

	.Navigation ul li ul li {
		visibility: visible;
		overflow: visible;
		height: auto;
	}
	.Navigation ul li ul li {
		line-height: 25px;
		background: #E78CC7;
		text-align: left;
		padding: 0px;
	}
	.sub-menu > li > a {
		background: #E4E4E4;
		padding: 0 25px;
		color: #fff;
	}
	.Navigation ul li ul li:hover, .Navigation ul li ul li a:hover {
		background: #9c9c9c;
	}
	.Navigation ul li:hover ul li, .Navigation ul li a:hover ul li {
		visibility: visible;
		overflow: visible;
		height: 100%;
		z-index: -5;
	}
	/* ヘッダー画像 */
	.focal-point {
		padding: 0; /* border: 4px solid #55aceea6; */
	}
	.focal-point > div:nth-of-type(1) {
		display: block;
		height: auto;
		padding: 32% 0 0 0;
		background-size: contain;
	}
	.focal-point img {
		box-sizing: border-box;
		width: 100%;
		height: auto;
	}
	.PickUpInner {
		margin: 0 0 30px;
		padding: 0;
	}
	.Description {
		margin: 0px auto;
		background: none;
		height: auto;
		font-size: 13px;
		padding: 0px 10px;
		line-height: 1.5;
		position: absolute;
		border: none;
		bottom: 10%;
	}
	.Description p {
		height: 100%;
		background: rgba(255, 255, 255, 0.65);
		padding: 10px;
		font-size: 15px;
		position: relative;
		z-index: 2;
	}
	.header_single_container {
		background: none;
		padding: 0;
		min-height: auto;
	}
	.header_single_title {
		font-size: 25px;
		margin: 0 10px;
		line-height: 1.4;
	}
	.pr_container_inner_box01, .pr_container_inner_box02, .pr_container_inner_box03 {
		width: calc(100% / 3 - 40px);
	}
	time.post_txt {
		padding: 0 0px;
		margin: 15px 0 0;
	}
	/* パンくずリスト */
	.breadcrumbsinner {
		padding: 0 10px;
		margin: 15px auto -20px;
	}
	.breadcrumbs {
		/* width: 93%; */
		margin: 0px auto -10px;
		font-size: 12px;
		line-height: 1.5;
		padding: 0 0 0 17px;
	}
	.breadcrumbs:before {
		left: -1px;
		font-size: 14px;
	}
	.breadcrumbs a {
		font-size: 12px;
	}
	/*-------------------------------------
メインコンテンツ部分
-------------------------------------*/
	/* トップページのコンテンツ */
	.FrontInner, .SingleInner, .ContentInner {
		margin: 0 0 30px;
		padding: 20px 5px 30px !important;
	}
	.FrontInner section section, .SingleInner section {
		margin: 0 0 10px; /* padding: 5px; */
	}
	section {
		margin: 0 0 0px;
	}
	.FrontInner section:nth-of-type(2) div, .FrontInner section:nth-of-type(4) div, .FrontInner section:nth-of-type(5) div, .SingleInner section {
		/* padding: 5px; */
	}
	/* hタグ・pタグ関係 */
	.FrontInner h2, .SingleInner h1, .ContentInner h1 {
		margin: 0px 0 20px;
		font-size: 23px;
		line-height: 1.4;
		/* font-weight: bold; */
		padding: 0 0 5px 20px;
	}
	.FrontInner h2:before, .SingleInner h1:before, .ContentInner h1:before {
		/* width: 30px; */
		/* height: 28px; */
		/* margin: 0 5px 0 0; */
	}
	.home .FrontInner h2 {
		margin: 30px 0 20px;
		font-weight: bold;
	}
	.FrontInner h3, .SingleInner h2 {
		margin: 30px 0 20px;
		padding: 0px 0px 9px 50px;
		font-size: 21px;
		/* font-weight: bold; */
		line-height: 1.4;
	}
	.FrontInner div > h3:after, .SingleInner h2:after, .txt02:after {}
	.FrontInner h3:before, .SingleInner h2:before {
		/* top: -24px; */
		/* right: -7px; */
		/* content: url(image/h2_icon2.png); */
	}
	.FrontInner h4, .SingleInner h3 {
		font-size: 18px;
		line-height: 1.4;
		font-weight: bold;
	}
	.FrontInner h4:before, .SingleInner h3:before {
		top: 10px;
	}
	.FrontInner h4 {
		padding: .25em 0 .5em .75em;
		font-size: 17px;
	}
	.SingleInner h4 {
		font-size: 17px;
		padding: 0 0 10px 23px;
	}
	.FrontInner div ul, .SingleInner section div ul {
		width: 95%;
		padding: 20px 10px 1px 15px;
	}
	.FrontInner div ul li, .SingleInner section div ul li {
		line-height: 1.6;
		margin: 0 0 20px;
		border: none;
	}
	#MainContent p {
		margin: 5px 0 10px;
		padding: 0px 0 10px;
		font-size: 16px;
		/* line-height: 1.6; */
	}
	.FrontInner > p {
		margin: 10px 0 10px;
		padding: 0px;
		font-size: 14px;
		line-height: 1.9;

	}
	.FrontInner span:before, .SingleInner span:before {
		/* top: -1px; */
		/* left: 0px; */
		/* font-size: 20px; */
	}
	/*sitemap*/
	.sitemap_list li {
		padding: 0 !important;
		margin: 0 !important;
	}
	.sitemap_list:nth-of-type(2) li a {
		margin: 0 0 10px;
	}
	/* アーカイブ・検索・サイトマップ・カテゴリー・404ページ */
	.ContentInner ul {
		margin: 0;
		padding: 0;
	}
	.ContentInner ul li {
		margin: 0 0 10px;
		padding: 10px;
	}
	.ContentInner ul li h2 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	.ContentInner ul li h2 a {
		font-size: 16px;
		line-height: 1.9;
	}
	/* カテゴリー一覧ページ */
	.categorymain ul li {
		padding: 10px;
		margin: 0px 1% 5px 0px;
		width: 49.5%;
	}
	.ContentInner h1 {
		font-size: 20px;
		line-height: 1.3;
	}
	.categorymain ul li:nth-of-type(2n) {
		margin-right: 0px;
	}
	.categorymain h2 {
		margin-bottom: 10px;
		padding: 10px;
	}
	.CategoryPageBox h3, .CategoryPageText h3 {
		padding: 0px;
		margin: 0px 0px 5px 0px;
		font-size: 16px;
	}
	.CategoryPageBox h3 a, .CategoryPageText h3 a {
		font-size: 16px;
	}
	/*ページ送り*/
	.Paging {
		margin: 0px 0px 30px;
		padding: 0;
	}
	.Paging p {
		width: 35%;
	}
	.Paging p a {
		padding: 7px 10px 7px;
		font-size: 14px;
	}
	/*sns*/
	.share {
		/* margin: 0 0 20px; */
	}
	.share ul {
		padding: 10px 10px 0 !important;
	}

	
	/* 記事内画像 */
	.left, .right, .center {
		display: block;
		float: none;
		max-width: 100%;
		/* width: 100%; */
		height: auto;
		margin: 0px auto 15px;
		padding: 0;
	}
	/* aside・details整形用 */

	.supplement {
		margin-top: 10px;
	}
	.supplement h3, .supplement summary {
		padding: 10px 10px 8px !important;
		margin: 0 0 10px !important;
	}
	.supplement p {
		line-height: 1.5;
		margin: 0 !important;
	}
	.supplement p a {
		background: none;
		padding: 0px;
	}
	strong {
		font-weight: bold;
		font-size: 15px !important;
	}
	.FrontInner ul, .FrontInner ol {
		padding: 20px 10px 10px 10px;
		margin: 0 0 20px;
	}
	.FrontInner ul li, .FrontInner ol li {
		line-height: 1.5; /* padding: 0.5em 0; */
	}
	.FrontInner dl {
		margin: 0 auto;
		width: 98%;
		padding: 5px 10px;
	}
	.FrontInner dt {
		margin: 15px 0px 10px;
	}
	.FrontInner dd {
		margin-bottom: 20px;
		padding: 10px 8px 0;
	}
	/*picup*/
	#RelationContent {
		max-width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}
	#RelationContent ul li {
		width: 100%;
	}
	/*-------------------------------------
サイドコンテンツ部分
-------------------------------------*/
	/* サイドコンテンツ */
	#SideContent {
		padding: 0px;
	}
	.widget, .RelationSide {
		margin: 0px 0px 30px;
		padding: 0 0 10px 0;
	}
	.widget_title div, .RelationTitle {}
	.widget ul li {
		margin: 0px 0px 5px 0px;
	}
	.widget ul li a {
		line-height: 1.5;
	}
	/* 関連記事(サイド) */
	.RelationSide .NewsTitle {
		margin: 0;
	}
	.NewsTitle {}
	.RelationSide .NewsTitle a {
		font-size: 13px;
		line-height: 1.0;
	}
	.RelationSide p {
		margin: 5px 0 0;
		font-size: 13px;
		line-height: 1.6;
		padding: 0px;
	}
	.NewsLink {
		text-align: center;
		padding: 10px 0 !important;
	}
	.RelationSide p a {
		font-size: 15px;
		padding: 0;
	}
	.RelationBox span {
		font-size: 13px;
	}
	.RelationSide ul li {
		margin-top: 10px;
		line-height: 1.2;
	}
	.RelationSide ul img {
		float: left;
		width: 65px;
		height: 50px;
	}
	.RelationSide .RelationBox {
		margin-left: 70px;
	}
	.PageNation {
		margin: 0 0 10px;
	}
	/*-------------------------------------
フッター部分
-------------------------------------*/
	#page-top {
		right: 20px !important; /* bottom: 10px !important; */
	}
	/* フッター */
	footer {}
	#Footer {
		padding: 0;
	}
	footer #Footer:before {
		-webkit-transform: scale(0.7);
		transform: scale(.7);
		right: -100px;
	}
	/* フッターソーシャル */
	#SocialIconBottom {
		margin-top: 5px;
	}
	#SocialIconBottom a {
		margin-left: 5px;
		width: 32px;
	}
	#SocialIconBottom a:hover {
		opacity: 0.7;
	}
	/* フッターメニュー */
	.NavFooter {
		display: block;
		padding: 60px 0 120px;
	}
	.NavFooter svg {
		display: block;
		margin: 0 auto 20px;
	}
	.NavFooter ul {
		display: block;
		padding: 0 10px;
		margin: 0 auto 30px;
		width: 80% !important;
	}
	.NavFooter ul li {
		margin: 0 0 13px;
	}
	.NavFooter ul:nth-of-type(2) li a {
		line-height: 1.4;
	}
	.Copyright {
		margin: 0px auto 0px;
		padding: 30px 70px 20px 10px;
		font-size: 11px;
	}
	.Copyright a {
		font-size: 14px;
	}
}
@media only screen and (max-width: 767px) {
	/*最新情報*/
	.NewArticle_container ul {
		display: block;
	}
	.NewArticle_container li {
		margin: 0 auto 15px;
		display: flex;
	}
	.NewArticle_container li:last-child {
		margin: 0 auto;
	}
	.NewArticle_img {
		border: 5px solid #fff;
		margin: 0 10px 0 0;
	}
	.NewArticle_img img {
		width: 120px;
		height: 70px;
		/* margin: 0 10px 0 0; */
	}
	.NewArticle_text {
		padding: 0;
		width: 100%;
	}
	.NewArticle_text a:before {}
	.NewArticle_text a {
		font-size: 13px;
	}
	#Article .NewsTitle {}
	#Article .NewsTitle a {
		font-weight: bold;
		font-size: 14px;
		line-height: 1.3;
	}
	#Article .NewsTitle a:hover {
		text-decoration: underline;
	}
	#Article p {
		margin: 0;
		font-size: 13px;
		line-height: 1.5;
		padding: 0 0px;
	}
	.NewsLink {
		text-align: center;
		padding: 10px 0 !important;
	}
	#Article p a {
		/* color: #AB1F65; */
		font-size: 13px;
		padding: 0;
	}
	.ArticleBox time {
		font-size: 13px;
		/* color: #333; */
		/* background: #ddd; */
		padding: 0;
	}
	#Article {
		margin: 0px 0px 10px;
		justify-content: space-between;
	}
	#Article li {
		box-sizing: border-box;
		display: block;
		vertical-align: top;
		max-width: 768px;
		width: calc(50% - 2%);
		margin: 0px 0% 10px 0px;
		padding: 0;
		min-height: auto;
	}
	#Article li:nth-of-type(even) {
		margin: 0 0 10px;
	}
	#Article li:nth-child(3n) {
		margin: 0 0% 10px 0px;
	}
	#Article img {
		box-sizing: border-box;
		/* float: left; */
		width: 100%;
		height: 100px;
		object-fit: cover;
		border: solid 1px #ccc;
	}
}
@media only screen and (max-width: 600px) {
	#RelationContent ul li {
		box-sizing: border-box;
		width: 100%;
		margin: 0 0 10px;
		display: inline-block;
		vertical-align: top;
	}
	#RelationContent ul li:nth-child(2n) {
		margin-right: 0;
	}
	#RelationContent ul img {
		box-sizing: border-box;
		max-width: 100%;
		height: auto;
		border: solid 1px #ccc;
	}
	.rank_img img {
		max-width: 100%;
	}
}
@media only screen and (max-width: 550px) {
	.pr_container_inner {
		display: block;
		height: auto;
		background: none;
		padding: 0;
		margin: 30px 0 0;
	}
	.pr_container_inner_box01, .pr_container_inner_box02, .pr_container_inner_box03 {
		width: 100%;
		margin: 0px auto 40px;
		background: url(image/pr_bg.png) no-repeat center;
		padding: 20px 0;
	}
	.pr_container_inner_box01 .pr_icon_img:before, .pr_container_inner_box02 .pr_icon_img:before, .pr_container_inner_box03 .pr_icon_img:before {
		left: 20%;
	}
}
/*--------------------
　 吹き出し
--------------------*/
/*--------------------
　 吹き出し
--------------------*/
/* セリフ_画像が左側 */
.balloon-L {
	position: relative;
	margin-bottom: 50px; /* 吹き出し下の文章と重ならないように */
}
/* 文字設定 */
.balloon-L .text {
	position: relative;
	padding: 20px;
	border-radius: 10px;
	border: 2px solid #c0c0c0;
	max-width: calc(100% - 120px);
	display: inline-block;
	margin-left: 130px;
}
/* 画像設定 */
.balloon-L .icon {
	position: absolute;
	/* left: -50px; */
	top: 0;
	width: 85px; /* 画像の大きさ */
	height: 85px;
}
.balloon-L .icon-font { /* 画像下の文字の大きさ */
	padding: 2px 0 0;
	font-size: 10px;
	text-align: center;
}
/* 三角アイコン */
.balloon-L .text::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -17px;
	top: 20px;
	border-right: 15px solid #c0c0c0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.balloon-L .text::after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -14px;
	top: 20px;
	border-right: 15px solid #fff; /* ブログの背景色に合わせる */
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
/* セリフ_画像が右側 */
.balloon-R {
	position: relative;
	margin-bottom: 50px;
	text-align: right; /* 右端寄せ */
}
/* 文字設定 */
.balloon-R .text {
	position: relative;
	padding: 20px;
	border-radius: 10px;
	border: 2px solid #c0c0c0;
	max-width: calc(100% - 120px);
	display: inline-block;
	text-align: left; /* 文章左寄せ */
	margin-right: 130px;
}
/* 画像設定 */
.balloon-R .icon {
	position: absolute;
	right: -0px;
	top: 0;
	width: 85px; /* 画像の大きさ */
	height: 85px;
}
.balloon-R .icon-font { /* 画像下の文字の大きさ */
	padding: 2px 0 0;
	font-size: 10px;
	text-align: center;
}
/* 三角アイコン */
.balloon-R .text::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	right: -15px;
	top: 20px;
	border-left: 15px solid #c0c0c0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.balloon-R .text::after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	right: -12px;
	top: 20px;
	border-left: 15px solid #fff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
/* 考え事?画像が左側 */
.balloon-L-th {
	position: relative;
	margin-bottom: 50px;
}
/* 文字設定 */
.balloon-L-th .text {
	position: relative;
	padding: 20px;
	border-radius: 10px;
	border: 2px solid #c0c0c0;
	max-width: calc(100% - 120px);
	display: inline-block;
	margin-left: 100px;
}
/* 画像設定 */
.balloon-L-th .icon {
	position: absolute;
	left: -50px;
	top: 0;
	width: 85px; /* 画像の大きさ */
	height: 85px;
}
.balloon-L-th .icon-font { /* 画像下の文字の大きさ */
	padding: 2px 0 0;
	font-size: 10px;
	text-align: center;
}
/* 大きい丸 */
.balloon-L-th::before {
	content: '';
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #c0c0c0;
	border-radius: 50%;
	left: 82px;
	top: 15px;
	width: 15px;
	height: 15px;
}
/* 小さい丸 */
.balloon-L-th::after {
	content: '';
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #c0c0c0;
	border-radius: 50%;
	left: 70px;
	top: 25px;
	width: 10px;
	height: 10px;
}
/* 考え事?画像が右側 */
.balloon-R-th {
	position: relative;
	text-align: right;
	margin-bottom: 50px;
}
/* 文字設定 */
.balloon-R-th .text {
	position: relative;
	padding: 20px;
	border-radius: 10px;
	border: 2px solid #c0c0c0;
	max-width: calc(100% - 120px);
	display: inline-block;
	text-align: left; /* 文章左寄せ */
	margin-right: 100px;
}
/* 画像設定 */
.balloon-R-th .icon {
	position: absolute;
	right: -50px;
	top: 0;
	width: 85px; /* 画像の大きさ */
	height: 85px;
}
.balloon-R-th .icon-font { /* 画像下の文字の大きさ */
	padding: 2px 0 0;
	font-size: 10px;
	text-align: center;
}
/* 大きい丸 */
.balloon-R-th::before {
	content: '';
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #c0c0c0;
	border-radius: 50%;
	right: 82px;
	top: 15px;
	width: 15px;
	height: 15px;
}
/* 小さい丸 */
.balloon-R-th::after {
	content: '';
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #c0c0c0;
	border-radius: 50%;
	right: 70px;
	top: 25px;
	width: 10px;
	height: 10px;
}
/*blogカード*/
.blogcard {
	line-height: 1;
	background-color: #ffffff;
	border: 1px solid #f0699c;
	word-wrap: break-word;
	margin: 40px;
	box-shadow: 0 0 10px 6px rgba(0, 0, 0, .025);
	position: relative;
}
.blogcard:before {
	content: url(image/blogcard_icon.png);
	position: absolute;
	right: -10px;
	top: -20px;
}
.blogcard:after {
	content: "関連記事";
	position: absolute;
	top: -23px;
	left: 10px;
	background: #f0699c;
	padding: 5px 10px;
	font-size: 13px;
	color: #fff;
	letter-spacing: 1px;
}
.blogcard a {
	text-decoration: none;
	opacity: 1;
	transition: all 0.2s ease;
}
.blogcard a:hover {
	opacity: 0.6;
}
.blogcard_thumbnail {
	float: left;
	padding: 20px;
	height: 150px;
	width: 150px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.blogcard_thumbnail img {
	object-fit: cover;
}

.blogcard_title {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4;
	padding: 17px 130px 10px 20px;
}
.blogcard_excerpt {
	font-size: 0.85em;
	line-height: 1.6;
	padding: 0 130px 15px 20px;
}

@media only screen and (max-width: 768px) {
	.blogcard {
		margin: 40px 0 0 0;
	}
	.blogcard_thumbnail {
		float: none;
		width: 190px;
		padding: 20px 20px 20px 20px;
	}
	.blogcard_title {
		padding: 0px 20px 10px 20px;
	}
	.blogcard_excerpt {
		padding: 0 20px 15px 20px;
	}
}


/*box装飾*/
.box_style {
	background-image: linear-gradient(-45deg, #fff 25%, #f2cb0c 25%, #f2cb0c 50%, #fff 50%, #fff 75%, #f2cb0c 75%, #f2cb0c);
	margin-bottom: 30px;
	padding: 6px;
	background-size: 4px 4px;
	background-repeat: repeat;
	margin: 0 0 30px;
	clear: both;
}
.box_style01_inner {
	background: #fdf9f1;
	padding: 20px;
}
.box_style_title {
	margin: -8px 0 5px -32px;
	color: #fff;
	line-height: 1.4;
	position: relative;
	display: inline-block;
	padding: 5px 10px;
}
.box_style01_title {
	background-color: #f2cb0c;
}
.box_style_title:before {
	position: absolute;
	top: 100%;
	left: 0;
	height: 0;
	width: 0;
	border: 3px solid transparent;
	border-top-color: #d6d6d6;
	border-right-color: #d6d6d6;
	content: "";
}
table.table_style02 {
	border-collapse: collapse;
	padding: 0;
	table-layout: fixed;
}
.table_style02 thead th {
	padding: 1em .8em;
	border-right: 5px solid#fff;
}
table.table_style02 tr {
	background-color: #fff;
	padding: .35em;
}
table.table_style02 tr:nth-child(even) {
	background-color: #f9f9f9;
}
table.table_style02 td {
	padding: .7em;
	text-align: center;
	font-size: 13px;
	line-height: 1.8;
}
table.table_style02 th {
	font-size: .75em;
}
.table_style02 .plan1 {
	background: #f784b5;
}
.table_style02 .plan1_i, .table_style02 .plan1_i i {
	color: #f784b5;
}
.table_style02 .plan4 {
	background: #bbb;
}
.table_style02 .plan4_i, .table_style02 .plan4_i i {
	color: #999;
}
.table_style02 .plan3 {
	background: #bbb;
}
.table_style02 .plan3_i, .table_style02 .plan3_i i {
	color: #999;
}
.table_style02 .plan2 {
	background: #bbb;
}
.table_style02 .plan2_i, .table_style02 .plan2_i i {
	color: #999;
}
.table_style02 .price {
	color: #fff;
	font-weight: bold;
	font-size: 1.8em;
}
.table_style02 .price span {
	font-size: .6em;
}
.table_style02 .btn {
	background: #fff;
	color: #000;
	padding: 1em;
	border-radius: 5px;
	display: block;
	text-decoration: none;
	font-size: .8em
}

.table_style03 {
    margin: 50px auto 30px;
}
.table_style03 thead th {
	background: #455963;
	padding: 15px 10px;
	color: #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 12px;
	vertical-align: middle;
	position: relative;
}
.table_style03 tbody th {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px 10px;
	text-align: center;
	font-size: 13px;
	background: #f3f3f3;
}
.table_style03 tbody td {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px 10px;
	text-align: center;
	font-size: 13px;
}
.table_style03 .main_td {
	background: rgba(243, 73, 85, .1);
}
table .main_plan {
	position: absolute;
	color: white;
	background-color: #f34955;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 25px 0;
}


/*記事内　ランキング*/
.ranking_container {padding: 0.5em 1em;margin: 2em 0;border: double 5px #fbe6ef;}
.ranking_inner {
	display: flex;
	margin: 0 0 30px;
}
.ranking_container .ranking_title {
	padding: 0px 10px 20px 80px;
	border: none;
	margin: 50px 0 20px;
	position: relative;
	color: #555;
	font-weight: bold;
}
.ranking_container .ranking_title:before {
	content: "";
	width: 70px;
	position: absolute;
	height: 123px;
	transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	top: 50%;
	left: 0;
	-webkit-transform: translate(0%, 50%);
	transform: translate(0%, -50%);
}
.ranking_container .ranking1 {
	border-bottom: 5px dotted #ffde6f;
}
.ranking_container .ranking1:before {
	background: url(image/ranking1.png) no-repeat;
	background-size: contain;
}
.ranking_container .ranking2 {
	border-bottom: 5px dotted #aaa;
}
.ranking_container .ranking2:before {
	background: url(image/ranking2.png) no-repeat;
	background-size: contain;
}
.ranking_container .ranking3 {
	border-bottom: 5px dotted #b0883f;
}
.ranking_container .ranking3:before {
	background: url(image/ranking3.png) no-repeat;
	background-size: contain;
}
.ranking_inner img {
	width: 250px;
}
.ranking_text {
	margin: 0 0 0 30px;
}
.memo_box {
    margin-bottom: 1.5em;
    padding: 1em;
    background: #fff9e5;
    color: #545454;
}
.memo_title{
	margin-bottom: 5px;
	color: #ffb36b;
	font-size: 1.2em;
	font-weight: bold;
	position: relative;
}
.memo_title:before {
	content: "\f303";
	font: bold 20px/1 "Font Awesome 5 Free";
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin: 0 3px 0 0;
	border-radius: 50%;
	background: #ffb36b;
	color: #fff;
	vertical-align: middle;
	text-align: center;
}

.ranking_table {
	border-right: 1px solid #999;
	border-top: 1px solid #999;
}
.ranking_table th {
	color: #fff;
	background: #353e59;
	font-weight: bold;
	text-align: center;
	padding: 6px 10px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	vertical-align: middle;
	width: 30%;
}
.ranking_table td {
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    text-align: center;
    font-size: 13px;
    padding: 6px 10px;
}
.ranking_link {
	display: flex;
}
.ranking_link > div {
	width: calc(100% / 2 - 0px);
	margin: 0 auto;
}
.ranking_link a {
    border: solid #fff 3px;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 1px 1px 10px 0 #a1a1a1;
    color: #fff;
    display: block;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 auto 2em;
    padding: 1em 2em .8em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: middle;
    text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
}
.btn-cv a {
	background: #fb4e3e;
    background: -webkit-linear-gradient(#fb4e3e,#d64b26);
	background: linear-gradient(#fb4e3e,#d64b26);
	margin: 0 15px 2em 0;
}
.btn-cv2 a {
	background: #3b5998;
    background: -webkit-linear-gradient(#3b5998,#3b5998);
	background: linear-gradient(#3b5998,#3b5998);
	margin: 0 0 2em 15px;
}
.ranking_link a:before {
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 1.1em;
    margin-top: -.6em;
    position: absolute;
    right: 15px;
    top: 50%;
}
.ranking_link a:after {
    -moz-animation: is-reflection 4s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -ms-animation: is-reflection 4s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -o-animation: is-reflection 4s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -webkit-animation: is-reflection 4s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    animation: is-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;
}
@keyframes is-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: .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 is-reflection {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0
	}
	80% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: .5
	}
	81% {
		-webkit-transform: scale(4) rotate(45deg);
		opacity: 1
	}
	100% {
		-webkit-transform: scale(50) rotate(45deg);
		opacity: 0
	}
}
.btn-cv a:hover {
    box-shadow: 1px 1px 2px 0 #a1a1a1;
    filter: alpha(opacity=70);
    opacity: .7;
}

table.administrator {
  width: 100%;
  margin: 20px auto;
}
table.administrator th,
table.administrator td {
  border: 1px solid #ccc;
  padding: 20px;
}
table.administrator th {
  font-weight: 600;
  background-color: #dedede;
  width: 150px;
}
table.administrator td:first-child {
  font-weight: bold;
  background-color: #dedede;
}
table.administrator td {
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  table.administrator tr,
table.administrator td,
table.administrator th {
    display: block;
  }
  table.administrator th {
    width: 100%;
  }
  table.administrator th {
    width: auto;
  }
}