@charset "utf-8";
/*
Theme Name:NEW=ちいウェブ-メディア
Author: mmDesign
Ver:22.01
*/



/*	
	===共通e
	
*/


.broken_link, a.broken_link {
	text-decoration: none!important;
}
@font-face {
  font-family: "MPLUSRounded";
  src: url("css/fonts/MPLUSRounded1c-Medium.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: fallback;
	
}
@font-face {
  font-family: "MPLUSRounded-bold";
  src: url("css/fonts/MPLUSRounded1c-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: fallback;
}
@font-face {
  font-family: "Quicksand-normal";
  src: url("css/fonts/Quicksand-Regular.woff") format("woff");
		font-weight: 400;
	font-style: normal;
	font-display: fallback;
}
@font-face {
  font-family: "Quicksand";
  src: url("css/fonts/Quicksand-Bold.woff") format("woff");
		font-weight: 400;
	font-style: normal;
	font-display: fallback;
}
@font-face {
  font-family: "NotoSerifJP";
  src: url("css/fonts/NotoSerifJP-Medium.woff") format("woff");
		font-weight: 400;
	font-style: normal;
	font-display: fallback;
}
@font-face {
  font-family: "MoiraiOne";
  src: url("css/fonts/MoiraiOne-Regular.woff") format("woff");
		font-weight: 400;
	font-style: normal;
	font-display: fallback;
}


.MPLUSRounded {
	font-family: "MPLUSRounded";
}

/* fontawesome */
i {
	font-family: "fontawesome";
	font-weight: 900;
	font-style: normal;
}

li {
	list-style-position: inside;
}

.mb2em {
	margin-bottom: 2em;
}
.gtranslate_box {
	margin: 40px auto;
	text-align: center;
}
html {
	font-size: 62.5%;
	scroll-behavior: smooth;
	height: 100%;
	position: relative;
	-webkit-text-size-adjust: 100%;
}
html.is-fixed, html.is-fixed body {
	height: auto;
	overflow: hidden;
}

::selection {
	background: #78A0D1;
	color: white;
	font-weight: normal;
}

/* font */
.quicksand {
	font-family: "Quicksand";
	font-weight: bold;
}
.setofont {
	font-family: setofont-sp, sans-serif;
	font-style: normal;
	font-weight: 400;
}
.yuge {
	font-family: ta-yugemeijin, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.mrsheffield-pro {
font-family: "mrsheffield-pro", sans-serif;
font-weight: 400;
font-style: normal;
}

.braisetto {
	font-family: braisetto, script;
	font-weight: 400;
	font-style: normal;
}
.braisetto.bold {
	font-family: braisetto, script;
	font-weight: 700;
	font-style: normal;
}
.tsukuardgothic {
	font-family: "fot-tsukuardgothic-std", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.tsukuardgothic.bold {
	font-family: "fot-tsukuardgothic-std", sans-serif;
	font-weight: 700;
	font-style: normal;
}



body, p {
	word-break: normal !important;
	word-wrap: break-word !important;
}
/*Ads*/
ins, iframe {
	max-width: 100%;
	width: 100%;
}
.iframe {
	z-index: 10000;
	position: relative;
}
/*.movie {
  width: 100%;
  aspect-ratio: 9 / 16;
	margin-bottom: 1em;
}
.movie iframe {
  width: 100%;
  height: 100%;
}*/
.movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 2em;
}
.movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.fadein {
	opacity: 0;
	transform: translateY(20px);
	transition: all 1s;
}

body {
	line-height: 1.6;
	font-family: YakuHanJP, "Quicksand", serif;
	font-family: YakuHanJP,"Cormorant", serif;

	font-weight: 400;
	font-style: normal;
	
	letter-spacing: .04em;
	font-size: 16px;
	position: relative;
	color: #4f4f4f;
	font-feature-settings: 'palt';
	background-color: #efefef;
	height: 100%;
	margin: 0;
}
body.home main {
	background:#E3E6FE;
	
	background: linear-gradient(to top, #a8edea 0%, #fed6e3 70%, #a8edea 100%);/*梅雨*/
	background: linear-gradient(to bottom, #d6edf6 0%, #6cc0de 60%, #fff9f5 70%, #fff9f5 80%, #d6edf6 100%);/*夏*/
	background-color: #ffc595;
	background-image: linear-gradient(0deg, #ffc595, #b0c992, #e07a7a,#C0C090);/*秋*/
	background-color: #f5f5f5;
	background-image: linear-gradient(0deg, #f5f5f5 0%, #d9f7fb 50%, #f9f9f9 100%);/*冬*/
	background-color: #ffffff;
	background-image: linear-gradient(0deg, #ffffff 0%, #f7fff5 24%, #eeeeee 49%, #e3f1ff 75%, #ffffff 100%);/*クリア*/
	background-color: #fff3f7;
	background-image: linear-gradient(0deg, #fff3f7 0%, #fff 50%, #fff6f6 100%);/*春*/
	
	background: #fbfbfb;

	background-size: 100%;
	position: relative;
}
body.home main::before {
	/* content: ""; */
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: radial-gradient(#232946 69%, #fff 70%);
	background-size: 3px 3px;
	opacity: .04;
}
body.page-id-11580 {
	background: linear-gradient(to top, #a8edea 0%, #fed6e3 70%, #a8edea 100%);
	background-size: cover;

}

.home main {
/* 	padding-top: 200px; */
padding-top: 120px;
}
a {
	position: relative;
	z-index: 24;
}
a, a img {
	transition: 1s !important;
	overflow: hidden;
}
img {
	max-width: 100%;
	height: auto;
	transform-origin: center center;
}
@media (hover: hover) and (pointer: fine) {
	a:hover .eyecatch img {
		scale: 108%;
	}
}
a:hover img {
	opacity: .6;
}
.flex {
	display: flex;
	flex-wrap: wrap;
}
.flex img {
	width: 100%;
	height: auto;
	display: block;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}
.alignLeft {
	text-align: left;
}
.inner {
	max-width: 1100px;
	margin: 0 auto;
}
h2,h3,h4,h5 {
	font-weight: bold;
}
.home main h2 {
	
}
.pad20 {
	padding: 20px;
}
.search-box {
	width: 100%;
	margin: auto;
	position: absolute;
	line-height: 1;
	left: 0;
	right: 0;
	bottom: 80px;
}
.search-box p {
	padding: 0 0 0 10px;
	font-size: 13px;
	font-family: setofont-sp, sans-serif;
	font-style: normal;
	margin: 0 auto 10px;
}
input[type="search"] {
	margin: 0;
	background: white;
	border: 1px solid #ddd;
}
.searchform {
	position: relative;
	max-width: 600px;
	margin: auto;
}

#search-submit-button,
#search-submit-button2 {
	border: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 6px;
	height: 20px;
	margin: auto;
	cursor: pointer;
	background: none;
}
#custom_html-5 .textwidget {
	padding: 0 4% 4%;
	box-sizing: border-box;
	font-size: 13px;
}
.prev {
	left: 16.5%;
}
.next {
	right: 16.5%;
}
.commentArea-wrapper {
	align-items: center;
}
.commentProfile {
	width: 15%;
	margin-right: 3%;
}
.commentArea {
	width: 82%;
	border-radius: 10px;
	padding: 30px;
	font-size: 90%;
	background: #C5ECFF;
	position: relative;
}
.commentArea::before {
	content: "";
	position: absolute;
	top: calc(50% + 5px);
	left: -23px;
	margin-top: -15px;
	border: 10px solid transparent;
	border-right: 15px solid #C5ECFF;
}
input, select {
	border: none;
	margin: 20px 0;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	font-size: 16px;
	position: relative;
}
/*
 メインカラー：97d6e2
*/
h1, .description {
	font-size: 11px;
	font-family: YakuHanJP,"Cormorant", "fot-tsukuardgothic-std", sans-serif;
	text-align: left;
}
.scroll .description {
	display: none;
}
.head-line {
	font-size: 8vw;
	margin-top: 40px;
	margin-bottom: 40px;
	color: transparent;
	-webkit-background-clip: text;
	background-color: #cbe0ee;
	opacity: 1;
}
	
.head-line span {
		background-image: linear-gradient(to right, #66a6ff,#126eeb, #89f7fe);
		background-position: center;
		background-size: contain;
		-webkit-background-clip: text;

	
}
.to_top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 2420;
	width: 70px;
	height: 95px;
	background-image: url("img/to-top-fu_off.png");
	background-size: 100%;
	transition: 1s;
}
.to_top:hover {
	animation: to_top_anime 1s forwards 1;
}
@keyframes to_top_anime {
	0% {
		transform: rotateY(0);
		background-image: url("img/to-top-fu_off.png");
	}
	50% {
		transform: rotateY(360deg);
	}
	100% {
		background-image: url("img/to-top-fu_on.png");
	}
}
.to_top a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.btn {
	font-style: normal;
	position: relative;
	display: block;
	width: 300px;
	max-width: 96%;
	margin: 2em auto 4em;
	border: 1px solid rgb(34, 34, 34);
	transition: .5s;
	font-weight: lighter;
	text-align: center;
	letter-spacing: 2px;
	font-size: 80%;
}
.btn::after {
	background-color: rgb(34, 34, 34);
	content: '';
	display: block;
	position: absolute;
	z-index: 10;
	transition: all 0.1s;
	transition-delay: 0.1s;
	top: 6px;
	right: -6px;
	height: 100%;
	width: 1px;
}
.btn::before {
	background-color: rgb(34, 34, 34);
	content: '';
	display: block;
	position: absolute;
	z-index: 10;
	transition: all 0.1s;
	transition-delay: 0.2s;
	bottom: -6px;
	height: 1px;
	right: -6px;
	width: 100%;
}
.btn:hover::before {
	width: 0;
	transition-delay: 0.2s;
}
.btn:hover::after {
	height: 0;
	transition-delay: 0.3s;
}
.btn a {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: block;
	color: rgb(34, 34, 34);
	padding: .8em 0;
}
.btn p {
	padding: 0 !important;
}
footer {
	font-size: 11px;
	background: #c5edf4;
	background: #efefef;
	padding: 5em 0 0;
}
.footer_link {
	justify-content: center;
	margin-bottom: 1em;
}
.footer_link li {
	margin: 0 10px;
}
.footersns_area {
	margin-top: 3em;
	margin-bottom: 3em;
	z-index: 2424;
	position: relative;
}
.footersns_area p {
	padding-bottom: 20px;
}
.footersns_area.shop {
	border: 1px solid #ddd;
	margin: 2em auto ;
	background: white;
	padding: 2em 2em 0;
	max-width: 90%;
}

/*フッターのTikTok*/
.carousel-button_center.carousel-button_modern.carousel__next-button {
	background: none !important;
}

header {
	height: auto;
	padding: 2vw;
	font-weight: bold;
	z-index: 2424;
	position: absolute;
	transition: .6s;
	width: 100vw;
	
}
header.scroll {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	background-color: #e1cee7;
	background-color: #E3DEDA;
	background-color: rgba(255,255,255,.2);
	border-bottom: 1px solid #4F4F4F;
	color: #4f4f4f;
	padding: 14px 20px;
	display: flex;
	justify-content: center;
}
header.lower {
	position: absolute
}
header a {
	display: block;
}
.catch-ttl img {
	width: 400px;
	
}
.scroll .catch-ttl img {
	width: 180px;
	position: relative;
}
.global_nav {
	font-size: 16px;
	display: none;
	width: 100vw;
	min-height: 100vh;
	height: 100vh;
	border-left: 1px solid #000;
	/*background-image: url("img/bg-code2.jpg");*/
	background-position: right top;
	background-color: #EAEAEA;
	background-image: url("img/bg-border.png");
	background-size: 24px;
	position: fixed;
	top: 0;
	right: 0;
	max-width: 500px;
	padding: 80px 60px;
	overflow-y: scroll !important;
	z-index: 242424;
}
/*.global_nav::before {
	content: "";
	width: 100%;
	max-width: 600px;
	height: 100%;
	background: rgba(198,204,183,.9);
	position: fixed;
	top: 0;
	right: 0;
	z-index: -1;
}*/
.global_nav.active {
	display: block;
}	
.global_nav .searchform {
	margin-bottom: 20px;
	height: 40.5px;
	max-width: 350px;
}
.global_nav .searchform input {
	position: absolute;
	top: 0;
	left: 0;
}
.global_nav .sns_link {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
}
.menu {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	align-items: center;
	z-index: 24242424;
}
.scroll .menu {
	display: flex;
}
.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	z-index: 2424240;
}
.menu-trigger {
	position: relative;
	background: none;
	border: none;
	appearance: none;
	cursor: pointer;
	width: 36px;
	height: 21px;
	transition: all .2s linear;
	z-index: 2424240;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: #222;
	transition: background-color .6s cubic-bezier(0.23, 1, 0.32, 1);
}
.menu-trigger.active span {
	/*background: white;*/
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 9px;
	transition: all .25s .25s;
	opacity: 1;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
	animation: menu-bar02 .75s forwards;
}
.menu-trigger span:nth-of-type(1) {
	animation: menu-bar01 .75s forwards;
}
@keyframes menu-bar01 {
	0% {
		transform: translateY(20px) rotate(45deg);
	}
	50% {
		transform: translateY(20px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar02 {
	0% {
		transform: translateY(-20px) rotate(-45deg);
	}
	50% {
		transform: translateY(-20px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
.menu-trigger.active span:nth-of-type(1) {
	animation: active-menu-bar01 .75s forwards;
}
@keyframes active-menu-bar01 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(20px) rotate(0);
	}
	100% {
		transform: translateY(20px) rotate(45deg);
	}
}
.menu-trigger.active span:nth-of-type(1) {
	top: -10px;
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	animation: active-menu-bar03 .75s forwards;
	bottom: -11px;
}
@keyframes active-menu-bar03 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(-20px) rotate(0);
	}
	100% {
		transform: translateY(-20px) rotate(-45deg);
	}
}

.nav-cat.category-list .children a {
	display: inline-block;
	/*padding-left: 40px;*/
	width: auto;
}
.global_nav h2 {
	font-size: 30px;
}
.global_nav p {
	margin-bottom: 14px;
	border-bottom: 2px dashed white;
	width: fit-content;
	text-align: center;
}

.link_mailto {
	max-width: 224px;
	margin: 3em auto;
}


.global_nav {
	background-image: url("img/nav/bg.jpg");
	background-size: cover;
	max-width: 100%;
	font-family: YakuHanJP,"Cormorant", "fot-tsukuardgothic-std", sans-serif;
	font-weight: 400;
	font-style: normal;
	width: 100vw;
	height: 100vh;
	font-size: 18px;
}
.nav-new li img {
	border-radius: 5px;
}
.nav-new li {
	width: 25%;
	position: absolute;
}
.nav-new li:first-child {
	top: 20px;
	left: 20px;
	width: 30%;
}
.nav-new li:nth-child(2) {
	bottom: 20px;
	left: 30px;
	width: 20%;
}
.nav-new li:nth-child(3) {
	top: 10px;
	left: 0;
	right: 0;
	margin: auto;
}
.nav-new li:nth-child(4) {
	top: 43vh;
	right: 10vw;
	width: 10.4%;
}
.nav-new li:nth-child(5) {
	top: 40vh;
	left: 30vw;
}
.nav-new li:nth-child(6) {
	top: 40px;
	right: 20px;
}
.nav-new li:nth-child(7) {
	bottom: 20px;
	right: 20px;
}
.nav-new li:first-child ul {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: absolute;
	top: 40%;
	right: 40px;
	white-space: nowrap;
	text-align: left;
}
.nav-new li:first-child ul li {
	position: relative;
	background: rgba(255,255,255,.6);
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	z-index: 100;
	margin: 0 10px;
	padding: 5px 0;
}
.global_nav .sns_link {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: auto;
}
.nav-new-txt li {
	position: absolute;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	padding-left: 5px;
	
}
.nav-new-txt li:first-child {
	top: 50vh;
	left: 50px;
}
.nav-new-txt li:nth-child(2) {
	top: 55vh;
	left: 50px;
}
.nav-new-txt li:nth-child(3) {
	top: 55vh;
	right: 25%;
}
.nav-new-txt li:nth-child(4) {
	top: 60vh;
	right: 25%;
}
.nav-new-txt li:nth-child(5) {
	top: 65vh;
	right: 25%;
}
.nav-new li p {
	z-index: 1000;
	position: relative;
}
.nav-new li a {
	display: block;
	width: 100%;
	height: 100%;
}



/*ナビゲーションのマウスカーソル*/

.global_nav,.global_nav a {
	cursor: none;
}
#cursor{
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 3px;
	height: 3px;
	background: #666;
	transform: translate(-100px,-100px);
	border-radius: 50%;
	z-index: 999;
}
#stalker {
	pointer-events: none;
	position: fixed;
	top: -16px;
	left: -16px;
	width: 32px;
	height: 32px;
	border: 1px solid #666;
	border-radius: 50%;
	transform: translate(-100px,-100px);
	transition: transform 0.2s;
	transition-timing-function: ease-out;
	z-index: 998;
}
#stalker.hov_ {
	top: -40px;
	left: -40px;
	width: 80px;
	height: 80px;
	transition: .15s;
	background: rgba(255,255,255,.2);
}
#stalker.hov_::before,#stalker.hov_::after {
	content: "";
	width: 14px;
	height: 1px;
	background: #666;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 24242424;
}
#stalker.hov_::after {
	transform: rotate(90deg);
}



/**/

.side_contents .sns_link {
	margin-left: -1em;
}

.sns_link {
	font-size: 24px;
	justify-content: center;
	align-items: center;
}
.sns_link li {
	width: inherit;
}
.sns_link li:last-child {
	margin-bottom: 0;
}
.sns_link li {
	width: inherit;
	margin: 0 9px;
}
.sns_link li.insta-icon {
	width: 24px;
	padding: 0;
}
.x-area {
	background-color: #eee;
	background-image: url('img/x-border.png'),url('img/x-border.png');
	background-size: 30px;
	background-repeat: repeat-x;
	background-position: top,bottom;
	padding: 20px 0;
	margin-bottom: 2em;
}
.x-area i {
	font-size: 20px;
	margin-bottom: 14px;
	color: black;
	padding-left: 10px;
}
.blog-txt ul.sns_link li {
	padding: 0;
	margin: 0 10px;
	width: 24px;
}
.line-icon i {
	color: #00B901;
}
.twi-icon i {
	color: #1D9BF0;
}
.pintarest-icon i {
	color: #E60022;
}
main {
	padding-top: 69px;
	padding-bottom: 60px;

}
.sidebar.inner {
	max-width: 1200px;
}
.side-parent {
	width: 20%;
	padding: 0 1.5%;
}
.sidebar .widget_block {
	padding: 0 1.5%;
}
.rank.side-parent {
	width: 23%;
}
.adsence.side-parent {
	width: 17%;
	padding-left: 0;
	padding-right: 0;
}
.sidebar a {
	color: #77a0d1;
}
.sidebar h2 {	font-style: normal;
	font-size: 30px;
	margin: 30px auto;
	line-height: 1.2;
}
.sidebar li {
	position: relative;
	z-index: 24;
}
.side-profile {
	align-items: center;
	margin: 0;
}
.side-profile .side_contents {
	padding-left: 1em;
}
.side-profile .photo {
	/*width: 45%;
	margin-right: 5%;*/
	margin: 1em auto;
	max-width: 115px;
}
.side-profile .txt {
	/*width: 50%;*/
}
.dot li::before {
	font-family: fontawesome;
	content: "\f0c8";
	font-size: .8em;
	margin-right: .3em;
}
.side-profile .flex {
	align-items: center;

	padding: 10px 0;
}
.sidebar .pr {
	margin-top: 1.5em;
}
.flex .view-icon {
	width: 20px;
	height: auto;
	display: inline-block;
}

.category-list li a {
	align-items: center;
	border-bottom: 1px dotted #77a0d1;
	padding: .4em .4em;
	margin-bottom: .1em;
	color: black;
	display: flex;
}
.category-list li a .eyecatch {
	width: 30%;
	border-radius: 10px;
	margin-bottom: 0;
}
.category-list li a .eyecatch img {
	display: block;
	border-radius: 10px;
}
.category-list li a .txt {
	width: 70%;
	padding-left: 10px;
}
.category-list .children {
	width: 100%;
	padding-right: 0;
}
.category-list .children li {
	display: flex;
	flex-wrap: wrap;
	margin-left: 10px;
}
.category-list .children li a {
	width: calc(100% - 22px);
}
.category-list .children li a::before {
	color: #77a0d1;
	font-size: 90%;
	content: "ー";
	margin-right: 0.2em;
}
ul.tagcloud {
	justify-content: flex-start;
}
.tagcloud a {
	border: 1px solid #77a0d1;
	border-radius: 20px;
	padding: .2em .6em;
	color: #77a0d1;
	display: inline-block;
	font-size: 11px !important;
	margin-bottom: .4em;
}
.tagcloud a::before {
	content: '#';
}
.tagcloud li {
	margin-right: 7px;
	width: inherit;
}
.tagcloud li:last-child {
	margin-right: 0;
}
.ranking li {
	position: relative;
}
.ranking li:first-child::before,.ranking li:nth-child(2)::before,.ranking li:nth-child(3)::before  {
	content: "";
	width: 26px;
	height: 21px;
	display: block;
	background-image: url("img/rank1.png");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -6px;
	left: -5px;
	z-index: 100;
}
.ranking li:nth-child(2)::before {
	background-image: url("img/rank2.png");
}
.ranking li:nth-child(3)::before {
	background-image: url("img/rank3.png");
	height: 18px;
}
.blogmura-blogparts {
	z-index: 1000;
	position: relative;
}

.
/*ウィジェット*/
.widget {
	z-index: 24;
	position: relative;
}
.wp-block-latest-comments__comment-meta {
	padding: 4px;;
}
.wp-block-latest-comments__comment-excerpt p {
	padding: 2px;
	font-size: 110%;
}
#block-20::before {
	content: "新着コメント";
	display: block;
	text-align: center;
	font-size: 120%;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 30px;
	margin: 30px 0 20px;
	padding: 10px 5px;
	border-top: 1px solid #4f4f4f;
	border-bottom: 1px solid #4f4f4f;
}
.wp-block-latest-comments {
	padding: 2em 1.4em 1.4em 1.4em;
	height: 400px;
	overflow-y: scroll;
}

/*===トップページ
*/

/* welcomeエリア */
.welcome {
	display: none;
	padding: 2em 0 1em;
	position: relative;
	max-width: inherit;
	margin: 100px 0;
}
.welcome-inner {
	max-width: 1000px;
	margin: auto;
	padding: 0 3%;
	z-index: 10;
	position: relative;
}
.welcome::before {
	background-color: rgba(255,255,255,.2);
	width: 70%;
	max-width: 1200px;
	height: 80%;
	content: "";
	display: block;
	bottom: 0;
	right: 0;
	position: absolute;
}
.welcome h2 {
	transform: rotate(-6deg);
	text-align: left;
	margin: 0 0 0 -20px;
	width: fit-content;
	font-size: 160%;
	color: #B9D5DA;
	background: linear-gradient(to right,#edc3ac, #aeecfa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.welcome-catch {
	margin-left: -8px;
}
.welcome-txt {
	width: 40%;
	font-size: 14px;
	margin: 2em 0;
	line-height: 2;
	position: relative;
}
.welcome-txt img {
	position: absolute;
}
.welcome-txt span {
	padding: .1em;
	font-weight: bold;
	text-decoration: underline wavy #B9D5DA;
}
.welcome .video-area {
	width: 30%;
	position: absolute;
	bottom: -30px;
	right: 25%;
	z-index: 0;
	max-width: 400px;
}
.welcome .video-area::before {
	position: absolute;
	content: "";
	background: linear-gradient(45deg, #edc3ac, #aeecfa);
	background-size: 200% 200%;
	width: 90%;
	animation: welcome-gradient infinite 4s;
	height: 100%;
	display: block;
	top: -10px;
	left: -10px;
	z-index: -1;
}
@keyframes welcome-gradient {
	 0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.welcome video {
	width: 100%;
}
.welcome-img {
	position: absolute;
	top: -20px;
	right: 30px;
	width: 30%;
	max-width: 400px;
	z-index: 1;
}

.main-area {
	position: relative;
	margin-top: 17vh;
}
.main-area::before {
	content: "";
	width: 80vw;
	height: 100%;
	display: block;
	position: absolute;
	left: 10vw;
	top: 0;
	 border-radius: 10px 50px/50px 10px;
	background: #eee;
	border: 1px solid #000;
}

.main-area h2 {
	position: absolute;
	left: 12vw;
	bottom: 0;
	width: 10vw;
	z-index: 24;
	margin: 0;
}
.main-slide {
	position: relative;

}
.main-slide a {
	position: static;
}
.main-slide li {
	text-align: center;
	transition: .6s;
	padding: 4vh 4vw 0;
	scale: 80%;
}
.main-slide li img {
	width: 100%;
}
.slider-for {
	font-size: 7vw;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase
}
.main-slide .slick-slide.slick-current {
	scale: 100%;
	
	
}
@keyframes poyon {
	0% {
	}
	100% {
	}
}
.main-slide .slick-slide p {
	padding-top: 10px;
}

.slide-arrow {
	width: 24px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 100;
}
.prev-arrow {
	transform: translateX(-60px) rotate(180deg);
}
.next-arrow {
	transform: translateX(60px);
}
.slick-num {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-weight: 700;
	font-style: normal;
}
.pickup-list {
	z-index: 300;
	position: relative;
	padding-bottom: 60px;
	margin-bottom: 100px;
	margin-top: 60px;
}
.pickup-list article {
	padding: 0 20px 20px;
	margin: 0;
	transition: 2s;
	position: relative;
	overflow: visible;
	transform: scale(90%);	
}
.pickup-list article::after {
	content: "";
	width: 100%;
	height: calc(100% - 30px);
	position: absolute;
	background: rgba(255,255,255,.3);
	display: block;
	top: 30px;
	left: 0;
	border: 1px solid;
	border-image: linear-gradient(to right, #8828f3, #f710e9) 1;
}
.pickup-list article .flex {
	justify-content: space-between;
}
.pickup-list .eyecatch {
	width: 100%;
	border-radius: 0;
	margin: 0;
	position: relative;
	overflow: visible;
	/*background-image: url("img/blockforimg.png");
	background-size: 100%;
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 4.6%;
	padding-bottom: 5.5%;*/
	padding: 4px;
	z-index: 24242424;
}

.pickup-list a:hover .eyecatch {
	border-radius: 0;
	object-fit: none;
}
.pickup-list .eyecatch img {
	width: 140%;
	height: auto;
	display: block;
	object-fit: contain;
	border-radius: 0;
	overflow: visible;
	margin-top: -4px;
	margin-left: -4px;
	
}
.pickup-list a:hover .eyecatch img {
		scale: 100%;
	}

.slick-track {
  display: flex !important;
}
.slick-slide {
  height: auto !important;
}
.pickup-list .info {
}
.pickup-list .ttl {
	font-size: 18px;
}
.pickup-list .cat {
	border-color: white;
}
.pickup-list .tag {
	font-size: 11px;
	
	padding-top: 10px;
	padding-left: 5px;
}
.pickup-list .tag::before {
	content: "#";
}



/*スライドここまで*/



.copypaste {
	background: white;
	padding: 20px;
	border: 1px solid gray;
	margin-bottom: 60px;
}


.new-post li {
	flex: 0 0 25%;
	max-width: 25%;
	padding: 0 30px 30px;
	box-sizing: border-box;
	text-align: left;
	font-size: 14px;
	overflow: hidden;
	z-index: 24;
	position: relative;
}
.eyecatch,
a:hover .eyecatch {
	overflow: hidden;
	
}
.eyecatch {
	margin-bottom: 24px;
}
.eyecatch img {
	object-fit: cover;
	display: block;

}


.cat {
	margin-bottom: .4em;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(34, 34, 34);
	border-image: initial;
	border-radius: 100px;
	line-height: 1.2;
	padding: 6px 18px;
	transition: border-color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.info {
	padding: 0 4px;
}
a:hover .cat {
	border-color: #78A0D1;
}
.new-post li:hover a .cat span {
	color: #78A0D1;
	border-color: white;
}
.ttl {
	padding-left: 4px;
	transition: .5s;
	position: relative;
	letter-spacing: .1em;
	z-index: 40;
}
.ttl::after {
	letter-spacing: .1em;
	content: attr(data-txt);
	position: absolute;
	top: 0;
	left: 4px;
	width: calc(100% - 4px);
	color: #fff;
	color: #78A0D1;


	clip: rect(0,0,100px,0);

	transition: clip 1.4s linear;
}
.new-post li:hover .ttl::after {

	clip: rect(0,400px,100px,0);

}

/*===== 
single.php
*/
.single .inner {
	
}
.thumbnail {
	text-align: center;
}
.blog-txt p.cat {
	padding: 0;
}
.postinfo {
	font-size: 12px;
}.postinfo img {
	vertical-align: middle;
}
.singleTitle {
	font-size: 26px;
	padding: 1.4em 0;
	text-align: center;
}
.blog-txt {
	margin-top: 2em;
	margin-bottom: 2em;

}
.blog-txt a {
	color: #11b5d6;
}
.blog-txt p {
	padding-bottom: 2em;
	padding-left: .5em;
}
.blog-txt p.pb0 {
	padding-bottom: 0;
}
h2 {
	font-size: 24px;
	margin-bottom: 60px;
	font-weight: bold;
	margin-top: 60px;
	text-align: center;
	font-family: YakuHanJP,"Cormorant", "fot-tsukuardgothic-std", sans-serif;

}
h3 {
	position: relative;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 30px;
	margin: 30px 0 20px;
	padding: 10px 5px;
	border-top: 1px solid #4f4f4f;
	border-bottom: 1px solid #4f4f4f;
}
h4 {
	position: relative;
	margin: 20px 0;
	padding: 5px;
	border-bottom: 2px solid #4f4f4f;
	font-size: 18px;
	font-weight: normal;
}
.blog-txt h3 {
	margin-top: 1em;
	margin-bottom: 2em;
}
.has-background {
	margin-bottom: 2em;
	padding: 1.4em !important;
	/*border-left: 3px double #4f4f4f;
	border-right: 3px double #4f4f4f;*/
}
.blog-txt img {
	display: inline;
	padding-left: 5px;
	margin-bottom: 1.4em;
}
.blog-txt p img {
	margin-bottom: 0;
	max-width: 100%;
}
.photo {
	width: 50%;
	margin-right: 3%;
}
.flex .blog-txt .photo img {
	width: 100%;
}
.border {
	padding: 3%;
	margin: 1em 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #999;
	border-color: rgba(165, 165, 165, .2);
}
time::after {
	font-family: fontawesome;
	content: "\f133";
	font-size: .9em;
	margin-right: 0.2em;
}
.article-footer {
	margin: 1em 0;
	font-size: 12px;
	align-items: center;
}
.article-footer a {
	color: #4f4f4f;
}
.article-footer a::before {
	color: #4f4f4f;
	font-family: fontawesome;
	font-size: .9em;
	margin-right: 0.2em;
}
.footerCat a::before {
	content: "\f07b";
}
.footerCat a {
	display: inline-block;
	font-weight: 600;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(34, 34, 34);
	border-image: initial;
	border-radius: 100px;
	padding: 2px 18px;
	transition: border-color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.footerTag {
	margin-left: 4px;
}
.footerTag a {
	padding: 0 3px;
}
.footerTag a::before {
	content: "\f292";
}
.banner_area {
	font-size: 12px;
	text-align: center;
	margin: 35px auto;
}
.banner_area a {
	display: block;
	width: 140px;
	height: 193px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url("img/ranking_off.png");
	margin: 2em auto 0;
}
.banner_area a:hover {
	animation: banner_anime 1s forwards 1;
}
@keyframes banner_anime {
	0% {
		transform: rotateY(0);
		background-image: url("img/ranking_off.png");
	}
	50% {
		transform: rotateY(360deg);
	}
	100% {
		background-image: url("img/ranking_on.png");
	}
}

.profile_area {
	margin-bottom: 2em;
	padding: 20px;
	font-size: 13px;
	line-height: 1.3;
	border-radius: 20px;
	position: relative;
/*	background-image: url("img/bg-bright.png");
*/	
	    border: 1px solid #fff;
}
.profile_area::before {
	border-radius: 20px;
	z-index: -1;
	filter: blur(5rem);
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #eef9f8;
	background-image: linear-gradient(20deg, #eef9f8 0%, #f5f5f5 33%, #ffffff 66%, #deeff7 100%);

	background-size: cover;
	background-position: right;
}

.ribbon_wrap {  
  display: block;
  position: relative;
  padding: 10px 0;
  width: fit-content;
	margin-left: -20px;
}
.ribbon {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 10px 20px;
  margin: 0 0 0 -20px;
  width: calc(100% + 20px);
  color: white;
  background: #70c7ff;
}
.ribbon:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #6eb3e0;
}
.profile_area .photo {
	max-width: 140px;
}
.profile_area .photo img {
	margin-bottom: 0;
}
.profile_area .txt {
	width: 50%;
}
.profile_area .flex {
	align-items: center;
}
.profile_area {
	position: relative;
}
.profile_area .blog-txt ul {
	margin-bottom: 0;
}

.blog-txt .profile_area p {
	
}
/*.blog-txt .profile_area .white {
	background: white;
	padding: .4em;
	display: inline-block;
	border-radius: 4px;
	margin-bottom: .4em;
}*/
.blog-txt .profile_area ul {
	margin-top: .4em;
}
.blog-txt .profile_area li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom: .8em;
	text-align: left;
}
.blog-txt .profile_area li span {
	width: calc(100% - 24px);
}

.profile-page .profile_area {
	display: none;
}
.breadscrumb {
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	margin-bottom: 20px;
	margin-top: 1.4em;
}
.breadscrumb li {
	padding: 0 5px;
}
.aioseo-breadcrumb a[title="Home"]::before{
	font-weight: 900;
	font-family: fontawesome;
	content: "\f015";
	margin-right: 4px;
}
/*
archive.php
*/
.archive-lead {
	margin-bottom: 0;
}
.archive-webdesign h2 {
	margin: 0 0 20px;
	padding: 0;
	font-size: 20px;
}
.web-design-cat {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 60px;
	padding: 15px;
	position: relative;
	font-size: 12px;
	background: rgba(255,255,255,.4);
	background: white;
	background: linear-gradient(45deg, #edd1c3, #aeecfa);
	
}
.web-design-cat .children li {
	border-radius: 0;
	padding: 0;
	width: 100%;
	background: none;
	display: flex;
}
.web-design-cat .children li::before {
	content: "∟";
	display: inline;
}
.web-design-cat li {
	overflow: hidden;
	padding: 10px 0;
}
.web-design-cat li a {
	display: block;
	border-right: dotted 3px #eee;
	padding-right: 10px;
	margin-right: 15px;
	padding-left: 15px;

}
.web-design-cat li a i {
	color: #EEF4E2;
	position: absolute;
	left: 0;
	top: 3px;
}
.web-design-cat li a i::before {
	transition: .2s;
	margin-right: 1px;
}
.web-design-cat li a:hover i::before {
	content: "\f07c";
	margin-right: 0;
}
.web-design-cat li img {
	display: block;
}
.menu_button {
	cursor: pointer;
}
.menu_button i {
	transition: .6s;
}
.menu_button.active i {
	transform: rotate(180deg);
}
/*
page-sitemap.php
サイトマップ
*/

.sitemap-list li {
	padding-bottom: 20px;
	font-size: 14px;
}
.sitemap-list .flex {
	align-items: center;
}
.sitemap-list .eyecatch {
	width: 150px;
	margin-right: 20px;
	margin-bottom: 0;
}
.sitemap-list .txt {
	width: calc(100% - 170px);
}


/*  
投稿ページ 7326
【css】テキストを右から左に流すアニメーション
*/

@keyframes animetxt {
  100% {
	transform: translateX(-100%);
  }
}

.now {
	max-width: 800px;
	font-size: 90%;
	margin-bottom: 60px;
}
.now a {
	color: #77a0d1;
}


/*ローディング*/
.loader {
	width: 100vw;
	height: 100vh;
	background-color: #E3E6FE;
	background-image: url("img/loading-bg.jpg");
	background-size: cover;
	background-position: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999999;
	display: flex;
	justify-content: center;
	align-items: center;
}
.loader {
	
}
.loader img {
	display: block;
	position: absolute;
	transform: translateY(-30px);
	max-width: 80%;
}
.loadtxt1 {
	top: 100px;
	left: 60px;
	animation: transY 1s .3s forwards;
}
.loadtxt2 {
	bottom: 100px;
	right: 60px;
	animation: transY 1s 1s forwards;
}
@keyframes transY {
	from {
		transform: translateY(-30px);
	}
	to {
		transform: translateY(0);
	}
}
.loading {
	/*background: linear-gradient(rgb(72,233,251) 0%,rgb(216,200,255) 49%,rgb(72,233,251) 100%);
	background-color: #8EC5FC;
	background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);*/
	width: 140px;
	height: 140px;
	border-radius: 50%;
	margin: 300px auto;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	/*font-family: 'Source Code Pro', monospace;*/
	font-family: 'MoiraiOne', cursive;
	font-weight: bold;
	font-size: 40px;
	opacity: .7;
}
.boxLoading {  
  width: 50px;
  height: 50px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.boxLoading::before {
    content: '';
    width: 50px;
    height: 5px;
    background: #000;
    opacity: 0.1;
    position: absolute;
    top: 59px;
    left: 0;
    border-radius: 50%;
    animation: shadow .5s linear infinite;
  }
.boxLoading::after {
    content: 'C';
		display: flex;
	justify-content: center;
	align-items: center;
    width: 50px;
    height: 50px;
    background: #eee;
	border: 1px solid #000;
    animation: animate .5s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
  }

@keyframes animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    transform: translateY(18px) scale(1, .9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}

@keyframes shadow {
  0%, 100% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1);
  }
}

/*======
=====
SEASONパーツ
=====
=======
*/
.sakura-left {
	position: fixed;
	top: -4vh;
	left: -4vw;
	width: 30vw;
}
.sakura-right {
	position: fixed;
	bottom: -5vh;
	right: -5vw;
	width: 30vw;
}
.season-sakura img {
	max-width: 100%;
	width: 100%;
}

ul.season-sakura li::before {content:none;}

ul.season-sakura {
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
}

ul.season-sakura li {
	width: 18px;padding:0;
	position: absolute;
	list-style: none;
	top: -50px;
	animation: fall 20s linear infinite, rotate1 2s ease-in-out infinite alternate;
}
@keyframes fall {
	to {
		top: 120%;
	}
}
@keyframes rotate1 {
	from {
		transform: translateX(0px) rotate(0deg);
	}
	to {
		transform: translateX(200px) rotate(-80deg) rotateX(180deg);
	}
}
@keyframes rotate2 {
	from {
		transform: translateX(200px) rotate(-45deg);
	}
	to {
		transform: translateX(0px) rotate(0deg);
	}
}
ul.season-sakura li:nth-child(1) {
	left: 0;
	animation: fall 14s linear infinite, rotate1 3s ease-in-out infinite alternate;
	animation-delay: 1s;
}
ul.season-sakura li:nth-child(2) {
	left: 5vw;
	animation: fall 19s linear infinite, rotate1 2s ease-in-out infinite alternate;
	animation-delay: 2s;
}
ul.season-sakura li:nth-child(3) {
	left: 15vw;
	animation: fall 13s linear infinite, rotate1 3.5s ease-in-out infinite alternate;
	animation-delay: 3s;
}
ul.season-sakura li:nth-child(4) {
	left: 30vw;
	animation: fall 12s linear infinite, rotate2 4s ease-in-out infinite alternate;
	animation-delay: 4s;
}
ul.season-sakura li:nth-child(5) {
	left: 40vw;
	animation: fall 14s linear infinite, rotate1 4s ease-in-out infinite alternate;
	animation-delay: 5s;
}
ul.season-sakura li:nth-child(6) {
	left: 55vw;
	animation: fall 15s linear infinite, rotate2 3s ease-in-out infinite alternate;
	animation-delay: 6s;
}
ul.season-sakura li:nth-child(7) {
	left: 65vw;
	animation: fall 11s linear infinite, rotate2 3.5s ease-in-out infinite alternate;
	animation-delay: 7s;
}
ul.season-sakura li:nth-child(8) {
	left: 50vw;
	animation: fall 11s linear infinite, rotate1 3s ease-in-out infinite alternate;
	animation-delay: 8s;
}


/* season-rains */
.season-rain {
  display:flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:100%;
  overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

.rains {
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
	transform: rotate(20deg);
}

/*widthは雨の太さ、heightは長さ*/
.rains span {
  position: absolute;
  width:1px;
  height:180px;
  background:#FFF;
  opacity:0.4;
	
}



 /*雨の初期位置とアニメーション指定、leftはx座標での基準位置、topは開始位置、アニメーション時間は揺らぎ*/
.rains span:nth-child(1){left:5%; top:-190px; animation: rain-anim 10s infinite;}
.rains span:nth-child(2){left:10%; top:-180px; animation: rain-anim 11s infinite;}
.rains span:nth-child(3){left:15%; top:-170px; animation: rain-anim 8s infinite;}
.rains span:nth-child(4){left:20%; top:-160px; animation: rain-anim 12s infinite;}
.rains span:nth-child(5){left:25%; top:-150px; animation: rain-anim 10s infinite;}

.rains span:nth-child(6){left:30%; top:-150px; animation: rain-anim 11s infinite;}
.rains span:nth-child(7){left:35%; top:-160px; animation: rain-anim 13s infinite;}
.rains span:nth-child(8){left:40%; top:-170px; animation: rain-anim 7s infinite;}
.rains span:nth-child(9){left:45%; top:-180px; animation: rain-anim 9s infinite;}
.rains span:nth-child(10){left:50%; top:-190px; animation: rain-anim 11s infinite;}

.rains span:nth-child(11){left:55%; top:-190px; animation: rain-anim 10s infinite;}
.rains span:nth-child(12){left:60%; top:-180px; animation: rain-anim 6s infinite;}
.rains span:nth-child(13){left:65%; top:-170px; animation: rain-anim 14s infinite;}
.rains span:nth-child(14){left:70%; top:-160px; animation: rain-anim 12s infinite;}
.rains span:nth-child(15){left:75%; top:-150px; animation: rain-anim 10s infinite;}

.rains span:nth-child(16){left:80%; top:-150px; animation: rain-anim 14s infinite;}
.rains span:nth-child(17){left:85%; top:-160px; animation: rain-anim 8s infinite;}
.rains span:nth-child(18){left:90%; top:-170px; animation: rain-anim 9s infinite;}
.rains span:nth-child(19){left:95%; top:-180px; animation: rain-anim 11s infinite;}
.rains span:nth-child(20){left:100%; top:-190px; animation: rain-anim9 13s infinite;}

/*アニメーションキーフレーム
一度落下したら次はキーフレーム1%の間に高さを戻して左右にずらして降らす*/
@keyframes rain-anim {
  
  0% { transform: translate(0px,0px);}
  4% { transform: translate(0px,600px);}
 
  5% { transform: translate(200px,0px);}
  9% { transform: translate(200px,600px);}
  
  10% { transform: translate(-100px,0px);}
  14% { transform: translate(-100px,600px);}
  
  15% { transform: translate(-200px,0px);}
  19% { transform: translate(-200px,600px);}
  
  20% { transform: translate(100px,0px);}
  24% { transform: translate(100px,600px);}
  
  25% { transform: translate(-150px,0px);}
  29% { transform: translate(-150px,600px);}
  
  30% { transform: translate(-80px,0px);}
  34% { transform: translate(-80px,600px);}
  
  35% { transform: translate(150px,0px);}
  39% { transform: translate(150px,600px);}
  
  40% { transform: translate(-60px,0px);}
  44% { transform: translate(-60px,600px);}
  
  45% { transform: translate(90px,0px);}
  49% { transform: translate(90px,600px);}
  
  50% { transform: translate(60px,0px);}
  54% { transform: translate(60px,600px);}
  
  55% { transform: translate(-60px,0px);}
  59% { transform: translate(-60px,600px);}
  
  60% { transform: translate(-40px,0px);}
  64% { transform: translate(-40px,600px);}
  
  65% { transform: translate(40px,0px);}
  69% { transform: translate(40px,600px);}
  
  70% { transform: translate(-20px,0px);}
  74% { transform: translate(-20px,600px);}

  75% { transform: translate(-110px,0px);}
  79% { transform: translate(-110px,600px);}
  
  80% { transform: translate(20px,0px);}
  84% { transform: translate(20px,600px);}
  
  85% { transform: translate(-20px,0px);}
  89% { transform: translate(-20px,600px);}
  
  90% { transform: translate(50px,0px);}
  99% { transform: translate(50px,600px);}

  100% { transform: translate(0px,0px);}
  
}

/*====

  夏の太陽

====*/

.shadow {
  position: absolute;
	right: -60px;
	top: -20px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
	background: #fbfde2;
	filter: blur(4px);
}

.shadow:before,
.shadow:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
  border-radius: 50%;
  background: linear-gradient(45deg, #F7F1F1,#fcffd8, #F6F4E6, #DAD9E7);
  width: 50%;
  height: 50%;
  background-size: 100%;
  z-index: -1;
	display: block;
  animation: shadow 10s linear infinite;
}

@keyframes shadow {
  0% {
    
  }
  50% {
		width: 130%;
		height: 130%;
		
  }
	100%{
		width: 50%;
  height: 50%;
		
	}
}

.shadow:after {
  
}
.seasonarea {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	z-index: 0;
}
 
.seasonarea .shine {
	position: absolute;
	right: 0;
	top: -20px;
	animation: shineanime 6s infinite;
	opacity: 0;
}
@keyframes shineanime {
	50% {opacity: 1;}
	
	100% {opacity: 0;}
}
/*====

秋

=====*/
.leaf {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	
}
.leaf li {
	position: absolute;
	top: -50px;
	width: 60px;
	height: 40px;
	background: #C0C0A0;
	background: #F0C060;
	border-radius: 0 74%;
	animation: fall 4s linear infinite, sway1 2s ease-in-out infinite alternate;
	
}

@keyframes fall {
  to {
    top: 120%;
  }
}

@keyframes sway1 {
  from {
    transform: translateX(0px) rotate(0deg);
  }
  to {
    transform: translateX(200px) rotate(-45deg);
  }
}

@keyframes sway2 {
  from {
    transform: translateX(200px) rotate(-45deg);
  }
  to {
    transform: translateX(0px) rotate(0deg);
  }
}

.leaf li:nth-child(1){
  left: 0%;
  top: -60px;
  width: 24px;
  height: 15px;
  background-color: #C09090;
  animation: fall 10s linear infinite,
             sway1 3s ease-in-out infinite alternate;
  animation-delay: 2s;
}

.leaf li:nth-child(2){
  left: 5%;
  top: -70px;
  width: 13px;
  height: 9px;
  background-color: #C0C090;
  animation: fall 15s linear infinite,
             sway1 2s ease-in-out infinite alternate;
  animation-delay: 8s;
}

.leaf li:nth-child(3){
  left: 15%;
  top: -50px;
  width: 16px;
  height: 10px;
  background-color: #F0C090;
  animation: fall 9s linear infinite,
             sway1 3.5s ease-in-out infinite alternate;
  animation-delay: 13s;
}

.leaf li:nth-child(4){
  left: 30%;
  top: -70px;
  width: 16px;
  height: 10px;
  background-color: #D09D6C;
  animation: fall 8s linear infinite,
             sway2 4s ease-in-out infinite alternate;
  animation-delay: 7s;
}
.leaf li:nth-child(5){
  left: 40%;
  top: -60px;
  width: 16px;
  height: 10px;
  animation: fall 10s linear infinite,
             sway1 4s ease-in-out infinite alternate;
  animation-delay: 0s;
}
.leaf li:nth-child(6){
  left: 55%;
  top: -50px;
  width: 24px;
  height: 15px;
  background-color: #F5B29F;
  animation: fall 11s linear infinite,
             sway2 3s ease-in-out infinite alternate;
  animation-delay: 3s;
}
.leaf li:nth-child(7){
  left: 65%;
  top: -40px;
  width: 16px;
  height: 10px;
  animation: fall 7s linear infinite,
             sway2 3.5s ease-in-out infinite alternate;
  animation-delay: 7s;
}
.leaf li:nth-child(8){
  left: 50%;
  top: -60px;
  width: 13px;
  height: 9px;
  background-color: #c2704e;
  animation: fall 7s linear infinite,
             sway1 3s ease-in-out infinite alternate;
  animation-delay: 3s;
}
.leaf li:nth-child(9){
  left: 80%;
  top: -70px;
  width: 16px;
  height: 10px;
  animation: fall 10s linear infinite,
             sway2 4s ease-in-out infinite alternate;
  animation-delay: 4s;}


/* 冬
 */
 
/*** 雪 ***/
.snows li {
  position: fixed; /*画面固定*/
  top: -250px; /*初期位置*/
  left: 0;
  border-radius: 50%; /*丸型*/
  background: #fff; /*雪の色*/
  opacity: 0.9; /*若干透明に*/
}

/*** 小さい雪玉 ***/
.snows li:nth-child(1){
  width: 10px;
  height: 10px;
  filter: blur(2px); /*ぼかし*/
  /* ±240pxの範囲で影(複製)を作る */
  box-shadow:
	5vw -40px 0 #fff,
	10vw 150px #fff,
	15vw -230px #fff,
	22vw 240px #fff,
	30vw 120px #fff,
	35vw -180px #fff,
	44vw 240px #fff,
	50vw 0 #fff,
	60vw 180px #fff,
	68vw 40px #fff,
	74vw -130px #fff,
	81vw -240px #fff,
	88vw 100px #fff,
	95vw 60px #fff;
	animation: fall 12s linear infinite;/*落下*/
}

/*** 小さい雪玉 (落下が少し遅い) ***/
.snows li:nth-child(2n){
  width: 10px;
  height: 10px;
  filter: blur(2px); /*ぼかし*/
  /* ±240pxの範囲で影(複製)を作る */
  box-shadow:
	7vw 220px 0 #fff,
	35vw 20px #fff,
	68vw 100px #fff,
	93vw -190px #fff;
  animation: fall 12.5s linear infinite;/*落下*/
  animation-delay: 6s; /*開始遅延*/
}

/*** 中ぐらいの雪玉 ***/
.snows li:nth-child(3n){
  width: 14px;
  height: 14px;
  filter: blur(3px); /*ぼかし*/
  /* ±236pxの範囲で影(複製)を作る */
  box-shadow:
	12vw 5px 0 #fff,
	32vw -100px #fff,
	45vw -180px #fff,
	68vw 40px #fff,
	77vw 65px #fff,
	94vw 230px #fff;
  animation: fall 10s linear infinite; /*落下*/
  animation-delay: 6s; /*開始遅延*/
}

/*** 大きめの雪玉 ***/
.snows li:nth-child(4){
  width: 20px;
  height: 20px;
  filter: blur(8px); /*ぼかし*/
  /* ±230pxの範囲で影(複製)を作る */
  box-shadow:
	40vw -200px #fff,
	80vw 230px #fff;
  animation: fall 7s linear infinite; /*落下*/
  animation-delay: 4s; /*遅延*/
}

/*** 落下アニメーション ***/
@keyframes fall{
  0%{
	top: -250px; /*初期位置*/
  }
  100% {
	top: calc(100% + 250px); /*最終地点*/
  }
}

/* 
season ここまで
 */

/* forum */
.page-template-page-forum {
	margin-top: 65.5px;
}
.page-template-page-forum table {
	width: 100%;
}
.forum_table th {
	width: 30%;
	text-align: right;
	vertical-align: middle;
	padding: .4em;
}
.forum_table td {
	width: 70%;
}
.page-template-page-forum textarea {
	width: 100%;
	padding: .5em;
	box-sizing: border-box;
	min-height: 100px;
	border: none;
}
.forum_list li {
	background: white;
	border-radius: 30px;
	padding: 30px 20px 20px;
	margin-bottom: 2em;
}
.forum_list li h3 {
	margin-top: 0;
}
.forum_list time {
	font-size: 80%;
	color: #78A0D1;
	padding: .3em;
}
.forum_list .info {
	align-items: center;
}
.forum_list .icon {
	width: 50px;
	margin-right: .3em;
}
.forum_list .txt {
	padding: .3em;
}
.message_box {
	text-align: center;
}



/*
「コーディング質問解答集」
*/

.postid-14573 .blog-txt h2 {
	font-size: 20px;
	text-align: left;
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.postid-14573 .blog-txt h2::before {
	margin-right: .5em;
	content: "";
	background: url("img/question.png") no-repeat;
	background-size: 100%;
	width: 44px;
	height: 50px;
	display: block;
}
.postid-14573 .wp-block-group__inner-container p {
	padding-bottom: 1em;
}
.postid-14573 .wp-block-group__inner-container p:last-child {
	padding-bottom: 0;
}
.answer-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	background: rgba(255,255,255,.6);
	padding: 1em;
	
}
.answer-box::before {
	content: "";
	background: url("img/answer.png") no-repeat;
	background-size: 100%;
	width: 45px;
	height: 54px;
	margin-right: 5px;	
}
.answer-box .wp-block-group__inner-container {
	width: calc(100% - 55px);
}
.has-background .wp-block-group__inner-container {
	width: 100%;
}
.postid-14573 .underline {
text-decoration: underline 10px;
text-decoration-color: #F4E860;
border: none;
font-size: 20px;
margin: 20px 0;
font-weight: bold;
}
.postid-14573 .underline2 {
font-size: 20px;
text-decoration: underline #F4E860;
-webkit-text-decoration: underline #F4E860;
margin: 20px 0;
font-weight: bold;
}
.postid-14573 .gradient {
	font-size: 20px;	
	background: linear-gradient(transparent 70%, #F4E860 70%);
	width: fit-content;
	margin: 20px 0;
	font-weight: bold;
	padding-bottom: 6px;
}
.postid-14573 .blog-txt h2 span {
	width: calc(100% - 44px - .5em);
}
/*
ハンバーガーメニューエフェクトページ
*/
	.menu_btn {
		position: relative;
		background: none;
		border: none;
		appearance: none;
		cursor: pointer;
		width: 34px;
		height: 21px;
		margin: 2em;
		display: inline-block;
		transition: all 1s;
	}
	.menu_btn span {
		display: inline-block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background: #222;
		transition: all .4s;
	}
	.menu_btn span:nth-of-type(1) {
		top: 0;
	}
	.menu_btn span:nth-of-type(2) {
		top: 10px;
	}
	.menu_btn span:nth-of-type(3) {
		bottom: 0;
	}
	
	
	
	
	/*アニメーション
	*/
	.menu_btn1.active span:nth-of-type(1) {
		transform: translateY(20px) rotate(45deg);
		top: -10px;
		
	}
	.menu_btn1.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu_btn1.active span:nth-of-type(3) {
		transform: translateY(-20px) rotate(-45deg);
		bottom: -11px;
		
	}
	
	
	/*アニメーション
	*/
	.menu_btn2 span
	.menu_btn2.active span {
		transition: none;
	}
	.menu_btn2.active {
		transform: rotateX(720deg);
	}
	.menu_btn2.active span:nth-of-type(1) {
		transform: translateY(20px) rotate(-45deg);
		top: -10px;
	}
	.menu_btn2.active span:nth-of-type(2) {
		transform: translateY(0) rotate(45deg);
	}
	.menu_btn2.active span:nth-of-type(3) {
		opacity: 0;
	}
	
	/*アニメーション
	*/
	.menu_btn3 span:nth-of-type(2) {
		width: 70%;
	}
	.menu_btn3.active span:nth-of-type(1) {
		animation: anime3-1 .75s forwards;
	}
	@keyframes anime3-1 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(20px) rotate(0);
		}
		100% {
			transform: translateY(10px) rotate(45deg);
		}
	}
	.menu_btn3.active span:nth-of-type(2) {
		display: none;
	}
	.menu_btn3.active span:nth-of-type(3) {
		animation: anime3-3 .75s forwards;
		
	}
	@keyframes anime3-3 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(-20px) rotate(0);
		}
		100% {
			transform: translateY(-9px) rotate(-45deg);
		}
	}
	/*アニメーション04
	*/
	
	.menu_btn4::after {
		content: "MENU";
		font-size: 11px;
		position: absolute;
		bottom: -20px;
	}
	.menu_btn4.active::after {
		content: "CLOSE";
		left: -2px;
	}
	.menu_btn4.active span:nth-of-type(1) {
		transform: translateY(20px) rotate(45deg);
		top: -10px;
		
	}
	.menu_btn4.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu_btn4.active span:nth-of-type(3) {
		animation: anime2-3 .75s forwards;
		transform: translateY(-20px) rotate(-45deg);
		bottom: -11px;
		
	}
	/*アニメーション05
	*/
	.menu_btn5 span {
	  background: none;
	}
	.menu_btn5 span::before {
	  content: '';
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  display: block;
	  width: 100%;
	  height: 100%;
	  background-color: #000;
	  transition: width 0.3s;
	}
	.menu_btn5 span:nth-of-type(2)::before {
		transition: width 0.5s;
	}
	.menu_btn5 span:nth-of-type(3)::before {
		transition: width 0.7s;
	}
	.menu_btn5.active span::before {
	  width: 0;
	}
	.menu_btn5 span:nth-of-type(1)::after {
	  content: 'CLOSE';
	  position: absolute;
	  bottom: 0;
	  top: 0;
	  margin: auto;
	  right: -100%;
	  display: block;
	  font-size: 12px;
	  transition: 1s;
	  opacity: 0;
	}
	.menu_btn5.active span:nth-of-type(1)::after {
		opacity: 1;
		right: 0;
	}
	/*2本のハンバーガーメニュー
		*/
		
	.menu_btn6 {
		height: 12px;
	}
	.menu_btn6 span:nth-of-type(2) {
		bottom: 0;
		top: auto;
	}
	.menu_btn6.active span:nth-of-type(1) {
		transform: translateY(20px) rotate(20deg);
		top: -14px;
	}
	.menu_btn6.active span:nth-of-type(2) {
		transform: translateY(-20px) rotate(-20deg);
		bottom: -15px;		
	}
	/**
	変わり種
	*/
	.menu_btn7 {
		height: 12px;
	}
	.menu_btn7 span::before {
		content: "";
		display: block;
		width: 4px;
		height: 4px;
		background: #222;
		border-radius: 50%;
		position: absolute;
		left: -2px;
		top: -1.5px;
		transition: .3s;
	}
	.menu_btn7 span:nth-of-type(2)::before {
		transition: .8s;
	}
	.menu_btn7:hover span::before {
		left: 100%;
	}
	.menu_btn7 span:nth-of-type(2) {
		bottom: 0;
		top: auto;
	}
	.menu_btn7.active span:nth-of-type(1) {
		transform: translateY(20px) rotate(20deg);
		top: -14px;
	}
	.menu_btn7.active span:nth-of-type(2) {
		transform: translateY(-20px) rotate(-20deg);
		bottom: -15px;
	}
	.menu_btn7.active span::before {
		content: none;
	}
	/*2本のハンバーガーメニュー
	変わり種
		*/
	.menu_btn8 {
		overflow: hidden;
		height: 12px;
	}
	.menu_btn8 span {
		background: none;
	}
	.menu_btn8 span:nth-of-type(2) {
		bottom: 0;
		top: auto;
	}
	.menu_btn8 span::before,	
	.menu_btn8 span::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #222;
		transition: .4s;
	}
	.menu_btn8 span::before {
		transform: translateX(calc(-100% - 2rem));
	}
	.menu_btn8:hover span {
		transform:translateX(calc(100% + 2rem));
		
	}
	.menu_btn8.active {
		animation: anime-8 1s forwards;
		transition: none;
	}
	@keyframes anime-8 {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
			overflow: visible;
		}
	}
	.menu_btn8.active span {
		background: #222;
		transform: inherit;
	}
	.menu_btn8.active:hover span {
		transform: inherit;
	}
	.menu_btn8.active span:nth-of-type(1) {
		transform: translateY(6px) rotate(20deg);
	}
	.menu_btn8.active span:nth-of-type(2) {
		transform: translateY(-5px) rotate(-20deg);
	}
	.menu_btn8.active:hover span:nth-of-type(1) {
		transform: translateY(6px) rotate(30deg);
	}
	.menu_btn8.active:hover span:nth-of-type(2) {
		transform: translateY(-5px) rotate(-30deg);
	}
	.menu_btn8.active span::before, 
	.menu_btn8.active span::after {
		content: none;
	}
	
	
	/*
	post=15018
	*/

	
	.menu_btn3.menu_completed.completed span:nth-of-type(1) {
		animation: completed-move-1 .75s forwards;
	}
	@keyframes completed-move-1 {
		100% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(20px) rotate(0);
		}
		0% {
			transform: translateY(20px) rotate(45deg);
			top: -10px;
		}
	}
	
	.menu_btn3.menu_completed.completed span:nth-of-type(3) {
		animation: completed-move-3 .75s forwards;
		
	}
	@keyframes completed-move-3 {
		100% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(-20px) rotate(0);
		}
		0% {
			transform: translateY(-20px) rotate(-45deg);
			bottom: -11px;
		}
	}

/* 固定ページ読んだ本の紹介
	post=14980
	*/
	
	.page-id-14980 .broken_link, a.broken_link {
		text-decoration: none;
	}
	
	
/* 固定ページ・FAQテンプレート
	page-template-page-qa
	（page-qa.php)
*/
.page-template-page-qa .txt h2 {
	font-size: 18px;
	text-align: left;
	background: #eee;
	padding: 15px;
	margin-bottom: 0;
	margin-top: 0;
}
.page-template-page-qa .txt h2::before 
	content: "Q: ";
	font-family: "MoiraiOne" ,sans-serif;
}
.page-template-page-qa .txt p::before {
	content: "A: ";
	font-size: 18px;
	font-family: "MoiraiOne" ,sans-serif;
}

.page-template-page-qa .txt p {
	background: white;
	padding: 15px;
	margin-bottom: 20px;
}
.page-template-page-qa p.date {
	font-size: 12px;
	text-align: right;
	background-color: #eaeaea;
}
.page-template-page-qa .txt p.toc_title {
	background: none;
	padding: 0;
	margin: 0;
}
.page-template-page-qa .txt p.toc_title::before {
	content: none;
}
.page-template-page-qa #toc_container {
	display: none;
}
.page-template-page-qa textarea {
	background: #f7ffe6;
	padding: 15px;
	outline: none;
	border: 2px solid #afeeee;
	border-radius: 20px;
	width: 100%;
	box-sizing: border-box;
	max-width: 333.5px;
	font-size: 16px;
}
.page-template-page-qa .txtarea p {
	padding-bottom: 0;
}
.submit-btn input[type="submit"] {
	max-width: 333.5px;
}
/* インタビューページ
cat= interview */

.cat-interview {
	background: white;
	font-family: YakuHanJP,"Quicksand", "fot-tsukuardgothic-std", sans-serif;
}
.cat-interview #toc_container {display: none;}
.cat-interview .inner {
	max-width: 1000px;
}
.cat-interview h1 {
	text-align: center;
	margin: 10vh 2em;
}
.cat-interview .headline2 {
	margin-left: -10vw;
}
.cat-interview .headline3 {
	margin-right: -1vw;
}
.cat-interview h2 img {
	max-width: 300px;
}
.cat-interview .marie,
.cat-interview .maho {
	display: flex;
	flex-wrap: wrap;
	justify-self: flex-start;
	align-items: center;
	position: relative;
}
.cat-interview .marie .wp-block-group__inner-container,
.cat-interview .maho .wp-block-group__inner-container {
	width: calc(100% - 180px);
	margin: 15px 0;
	padding: 24px;
	/* border-radius: 20px; */
}
.cat-interview .marie .wp-block-group__inner-container {
	
}
.cat-interview .maho .wp-block-group__inner-container {
	border: 8px solid transparent;
	border-image: linear-gradient(315deg, #FFDEE9 0%, #f2eddf 50%, #cbf2f1 100%);
	border-image-slice: 1;
}
.cat-interview .marie .wp-block-group__inner-container,
.marie::after {
	background: #eee;
}
.maho::after {
	background:  #FFDEE9;
	background-image:linear-gradient(-315deg, #FFDEE9 0%, #f2eddf 50%, #cbf2f1 100%);
;
}
.cat-interview .maho .wp-block-group__inner-container p {
	z-index: 1000;
	position: relative;
}

.cat-interview .marie .wp-block-group__inner-container p,
.cat-interview .maho .wp-block-group__inner-container p {
	padding-bottom: 0;
}
.marie::before,.maho::before {
	content: "";
	width: 80px;
	height: 140px;
	display: block;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.marie::before {
	background-image: url('https://chiiweb.net/media/wp-content/uploads/2024/01/m_icon_marie.png');
}
.maho::before {
	background-image: url('https://chiiweb.net/media/wp-content/uploads/2024/01/m_icon_mahosan.png');
}
.marie::after,.maho::after {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	content: "";
	display: block;
	position: absolute;
	left: 94px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.maho.none::before,.maho.none::after {
	background: none; 
}
.cat-interview .link-column {
	justify-content: center;
	margin-bottom: 3em;
}

.cat-interview .link-column .wp-block-column a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: visible;
}
.cat-interview .link-column a::after {
	content: none!important;
}
.cat-interview .link-column .wp-block-column {
	max-width: 240px;
	width: 240px;
	height: 290px;
	background-position: center;
	padding: 34px 20px;
	transition: .8s;
	overflow: visible;
}
.cat-interview .link-column .wp-block-column:hover {
	background-position: right;
	background-size: 200%;
}
.link-blog {
	background-color: #f7d9d9;
	background-image: linear-gradient(300deg, #f7d9d9 0%, #edf7f7 50%, #e7e3f0 100%);
}
.link-site {
	background-color: #ddf7fb;
	background-image: linear-gradient(300deg, #ddf7fb 0%, #fff0e7 50%, #fffff2 100%);
}
.link-illust {
	background-color: #f9f4da;
	background-image: linear-gradient(300deg, #f9f4da 0%, #f9f0f0 50%, #ffffff 100%);
}

.link-illust img {
	margin-top: -15px;
	margin-left: 10px;
}
.cat-interview .link-column .wp-block-column a:hover img  {
	position: relative;
	bottom: -10px;
	opacity: 1;
}
.cat-interview .shape {
	width: 40vw;
	height: 40vw;
	border-radius: 50%;
	filter: blur(10px);
	position: fixed;
	z-index: -1;
	opacity: .4;
}
.shape1 {
	background: #eaffff;
	top: -10vh;
	left: -10vw;
	animation: 10s shape1 infinite;
}
.shape2 {
	background: #feedef;
	top: 4vh;
	right: -20vw;
	animation: 10s shape2 infinite;
	filter: blur(30px);
}
.shape3 {
	background: #f4fffa;
	bottom: -40vh;
	right: 20vw;
	animation: 10s shape3 infinite;
}
@keyframes shape1 {
	0% {}
	50% {left: 10vw;}
	70% {background: #fdf0dc;
		transform: scale(1.4);
	}
	100% {filter: blur(60px);
		background: #eaffff;
		transform: scale(.9);
	}
}
@keyframes shape2 {
	0% {}
	50% {right: 0;top:6vh;}
	70% {background: #f3fefe;
		transform: scale(1.2);
	}
	100% {filter: blur(40px);
		background: #feedef;
		transform: scale(.9);
	}
}
@keyframes shape3 {
	0% {}
	50% {}
	70% {background: #ebf9ea;
		transform: scale(1.4);
	}
	100% {filter: blur(60px);
		background: #f4fffa;
		transform: scale(.9);
	}
}

/* ショップページ */
.page-template-page-for-sale .blog-txt a[target=_blank]::after {content: none;}
.page-template-page-for-sale .wp-block-gallery.has-nested-images figure.wp-block-image {
	flex-grow: 0;
}
.shopify-buy-frame--product.shopify-buy__layout-horizontal {
	background: white;
	padding: 2em;
	margin-bottom: 2em;
}
.shopify-buy-frame--product.shopify-buy__layout-horizontal iframe {
	margin-left: 0 !important;
}

/* Google関連記事広告 */
.related_article .new-post li {
	padding: 0 10px 30px;
}
.adsbygoogle {
	flex: 0 0 25%;
	max-width: 25%;
	padding: 0 10px 30px;
	box-sizing: border-box;
	text-align: left;
	font-size: 14px;
	overflow: hidden;
	z-index: 24;
	background: white;

}
@media screen and (max-width: 1000px) {
				.adsbygoogle {
								flex: 0 0 33%;
								max-width: 33%;
								padding: 0 calc(100vw*(20 / 750)) 30px;
				}
}
@media screen and (max-width: 480px) {
				.adsbygoogle {
								padding: 0 10px 30px;
				}
}