/***********************
* Responsive Breakpoints
* 1025px +          PC
* 768px - 1024px    Tablet - PC
* 0px - 767px       SmartPhone
************************/
html {
	height: -webkit-fill-available;
}
body {
	min-height: 100vh;
}


/*********************
* common
***********************/
:root {
	--color-main: rgb(196, 13, 35);
	--color-sub: rgb(255, 244, 244);
	--color-sub2: rgb(126, 91, 69);
	--color-bg: rgb(250, 250, 250);
	--color-1: #0064c8 !important;
	--color-2: #ff9100 !important;
	--color-3: #00b6d8 !important;
	--color-trans: rgba(0, 0, 0, 0.8);
	--color-trans2: rgba(0, 0, 0, 0.4);
	--color-trans3: rgba(0, 0, 0, 0.05);
	--distance: 50px;
	--distance-l: 100px;
	--distance-xl: 150px;
	--fnt-xs: 10px;
	--fnt-s: 12px;
	--fnt-l: 36px;
	--fnt-xl: 48px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	:root {
		--distance: 35px;
		--distance-l: 65px;
		--distance-xl: 95px;
		--fnt-xs: 9px;
		--fnt-s: 11px;
		--fnt-l: 28px;
		--fnt-xl: 36px;
	}
}
@media screen and (max-width: 767px) {
	:root {
		--distance: 25px;
		--distance-l: 50px;
		--distance-xl: 75px;
		--fnt-xs: 9px;
		--fnt-s: 11px;
		--fnt-l: 21px;
		--fnt-xl: 29px;
	}
}

.nishiki-pro-content-sc {
	max-width: 100% !important;
}

/*********************
* Nishiki Pro Hack
***********************/
.nishiki-pro-marker {
	font-weight: 900;
}

/*********************
* wp block simple definition Hack
***********************/
.wp-block-simple-definition-list-blocks-list dt {
	font-weight: 900;
}
.wp-block-simple-definition-list-blocks-list dd:not(:last-of-type) {
	margin-bottom: 1rem;
}

/*********************
* 謎のHack
***********************/
.item {
	width: 80%;
	margin: auto;
}
.thumbnail .swiper-wrapper {
	transition-duration: 0ms;
	transform: translate3d(-1655.45px, 0px, 0px);
}
.thumbnail .swiper-slide {
	opacity: 0.5;
	transition: opacity 0.5s;
	width: calc(100% / 3) !important;
}
.thumbnail .swiper-slide.swiper-slide-thumb-active {
	opacity: 1;
}

/*********************
* decoration
***********************/
.b {
	font-weight: 900;
}
p code,li code {
	color: #407b08;
	font-weight: 900;
	margin: 0 0.5rem;
}

/* svg - logo */
img[src*=".svg"] {
	width: 100%;
	height: auto;
}

#masthead .site-info a img {
	width: 100%;
	max-height: 60px;
}

/* Decoration  Other */
.b {
	font-weight: 900;
}

/* youtube */
.youtube,
.gmap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe,
.gmap iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/* Common */


/* Individual */

.turn_l-r {
	transform: scale(-1, 1);
}

body {
	/*opacity: 0;
	transition: opacity 0.1s ease-out;*/
	min-height: 100vh;
}
/*.loaded {
    opacity: 1;
}
.fade-out {
	opacity: 0;
}*/

/* 0.各種おまじない */
a,
.articles article {
	transition: all 300ms ease;
}

.site-title,
h1,
h2,
h3,
h4,
.key-visual *,
.global-nav span,
.date,
.cat a,
.tag a,
.card-label,
.card-title,
.profile-thumb figcaption,
.category-post-list a {
	font-family: "Kosugi Maru" !important;
	font-weight: 900 !important;
}

.single .entry-content h2 {
	padding: 1.5rem 2.3rem;
	border-radius: 20px;
}
.single .entry-content h3 {
	padding: 1.1rem 2.3rem;
	border-radius: 20px;
	background: #eef1f2;
	position: relative;
}
.single .entry-content h3:before {
	position: absolute;
	top: 25%;
	left: 20px;
	width: 6px;
	height: 50%;
	content: "";
	opacity: 0.2;
	-ms-filter: "alpha(opacity=20)";
	border-radius: 3px;
	background: #5f7276;
}
.single .entry-content h4 {
	width: 94%;
	margin: auto;
}
.single .entry-content h4::before,
.single .entry-content h4::after {
	content: "";
	display: block;
	height: 6px;
	border-radius: 3px;
	background: #eef1f2;
	margin-left: -2.3rem;
	margin-right: -2.3rem;
}
.single .entry-content h4::before {
	margin-bottom: 1rem;
}
.single .entry-content h4::after {
	margin-top: 1rem;
}
.single .entry-content h2,
.single .entry-content h3 {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
.single .entry-content ol,
.single .entry-content ul {
	padding-left: 1rem;
	list-style-type: none;
}
.single .entry-content ul li {
	position: relative;
	padding: 0.5rem 0.5rem 0.5rem 25px;
	line-height: 1.5rem;
}
.single .entry-content ul li::before {
	content: "";
	position: absolute;
	top: 21px;
	left: 0;
	transform: translateY(-50%);
	width: 11px;
	height: 11px;
	background: #000000;
	border-radius: 100%;
}
.single .entry-content ul li ul li {
	padding: 0.5rem 0.5rem 0 25px;
}
.single .entry-content ul li ul li::before {
	content: "";
	position: absolute;
	top: 21px;
	left: 0;
	transform: translateY(-50%);
	width: 3px;
	height: 3px;
	border: 4px solid #5f7276;
	border-radius: 100%;
}

.single .entry-content ol {
	counter-reset: number; /*数字をリセット*/
	padding: 0.5rem;
}
.single .entry-content ol li {
	position: relative;
	padding-left: 25px;
	line-height: 1.5rem;
	padding: 0.5rem 0.5rem 0.5rem 35px;
}
.single .entry-content ol li:before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display: inline-block;
	background: #000000;
	color: white;
	font-family: "Kosugi Maru";
	font-weight: bold;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

.site-title {
	font-size: 24px;
}

body #masthead #menu-collapse a {
	background: transparent;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "icomoon" !important;
	margin-right: 0.5rem;
	font-weight: 100 !important;
}
/* iconの右マージン */
.noimage .icon-image:before,
#search-button .icon-search:before,
.social_account i:before,
#nishiki-toc-fixed #toc-fixed-nav button i:before,
.nishiki-pro-toc .icon-list2:before {
	margin-right: 0 !important;
}

/* 1.メインビジュアルの文字に影をつける */
.key-visual .description {
	text-shadow: 0 0 5px #0064c8, 0 0 5px #0064c8;
	font-size: 30px;
	color: #ffffff;
}
.key-visual .sub-text {
	text-shadow: 0 0 5px #0064c8, 0 0 5px #0064c8;
	font-size: 18px;
	color: #ffffff;
}

.key-visual .u-box {
	width: 128px;
	height: 128px;
	display: inline-block;
	position: absolute;
	bottom: 100px;
	right: 100px;
}
.key-visual .upinushi {
	animation: jump 1.5s linear 0s infinite;
}
@keyframes jump {
	0% {
		transform: scale(1, 1) translate(0%, 0%);
	}
	38% {
		transform: scale(1, 1) translate(0%, 0%);
	}
	39% {
		transform: scale(1.1, 0.9) translate(0%, 5%);
	}
	40% {
		transform: scale(1.2, 0.8) translate(0%, 15%);
	}
	50% {
		transform: scale(1, 1) translate(0%, 0%);
	}
	60% {
		transform: scale(0.9, 1) translate(0%, -35%);
	}
	75% {
		transform: scale(0.9, 0.9) translate(0%, -20%);
	}
	85% {
		transform: scale(1.2, 0.8) translate(0%, 15%);
	}
	100% {
		transform: scale(1, 1) translate(0%, 0%);
	}
}

.key-visual .m-box {
	width: 128px;
	height: 128px;
	display: inline-block;
	position: absolute;
	bottom: 200px;
	left: 100px;
}
.key-visual .marisa {
	animation: furafura 3.5s linear 0s infinite;
}
@keyframes furafura {
	0% {
		transform: translate(0%, 0%);
	}
	21% {
		transform: translate(0%, 0%);
	}
	22% {
		transform: translate(10%, 0%) rotate(10deg);
	}
	25% {
		transform: translate(20%, 0%) rotate(20deg);
	}
	30% {
		transform: translate(-10%, 0%) rotate(-10deg);
	}
	35% {
		transform: translate(-15%, 0%) rotate(-15deg);
	}
	45% {
		transform: translate(10%, 0%) rotate(10deg);
	}
	50% {
		transform: translate(15%, 0%) rotate(15deg);
	}
	60% {
		transform: translate(-5%, 0%) rotate(-5deg);
	}
	65% {
		transform: translate(-7%, 0%) rotate(-7deg);
	}
	75% {
		transform: translate(0%, 0%) rotate(0deg);
	}
	100% {
		transform: translate(0%, 0%) rotate(0deg);
	}
}
.key-visual .r-box {
	width: 128px;
	height: 128px;
	display: inline-block;
	position: absolute;
	bottom: 100px;
	left: 150px;
}
.key-visual .reimu {
	animation: punyon 1.8s linear 0s infinite;
}
@keyframes punyon {
	0% {
		transform: scale(1, 1) translate(0%, 0%);
	}
	19% {
		transform: scale(1, 1) translate(0%, 0%);
	}
	20% {
		transform: scale(1, 1.06) translate(-5%, -4%) skew(6deg, 0deg);
	}
	50% {
		transform: scale(1, 0.94) translate(5%, 4%) skew(-6deg, 0deg);
	}
	65% {
		transform: scale(1, 1.03) translate(2%, -2%) skew(-3deg, 0deg);
	}
	80% {
		transform: scale(1, 0.97) translate(-2%, 2%) skew(3deg, 0deg);
	}
	100% {
		transform: scale(1, 1) translate(0%, 0%);
	}
}

.microCopy {
	margin: 0;
	font-size: small;
	font-weight: 900;
	rotate: -5deg;
	color: crimson;
	animation: punyon 1.8s linear 0s infinite;
}

/* 2.メインビジュアルのサブテキストのボーダーをなくす */
.key-visual .sub-text {
	border-top: none;
}

/* 3.メインビジュアルのボタンをボーダーなくして角丸にしてふわっとさせる */
.key-visual a {
	background: #0064c8 !important;
	color: #ffffff !important;
	border: none;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}
.key-visual a:hover {
	background: #ffffff !important;
	color: #0064c8 !important;
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);
	transform: translateY(-2px);
}

/* 4.トップページの最新記事の色を変える */
.archives .title {
	color: #3eaad5;
	padding-bottom: 0;
}

/* 5.アーカイブのリンクを角丸にしてふわっとさせる */
.articles article {
	padding: 0;
	border-radius: 20px;
	box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}
.articles article:hover {
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);
	transform: translateY(-2px);
}
.articles article .post-detail {
	margin: 0.9rem;
}
.articles article .post-detail .publish-date {
	color: #999999;
}

/* ヘッダーの幅を調整 */
#masthead .container {
	width: 98%;
}

/* 6.ナビゲーションにアイコン追加して調整 */
#masthead #menu-collapse > ul > li > a {
	height: 100%;
	padding: 0.2rem 0.7rem 0;
	line-height: 30px;
}

#masthead #menu-collapse ul li i {
	width: 100%;
	height: 40px;
	margin: 0;
	display: block;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
	vertical-align: bottom;
}

#masthead button.icon,
#nishiki-toc-fixed #toc-fixed-nav button.icon {
	border-color: #000000;
	color: #000000;
	border: 3px solid #000000;
	border-radius: 50%;
}

/* 7.TOPページのカテゴリーごとの最新表示 */
@media only screen and (min-width: 1001px) {
	.category-archives {
		display: flex;
	}
	.category-archives .archives {
		flex-basis: calc(33.33333% - 1rem);
		width: calc(33.33333% - 1rem);
		display: block;
	}

	.category-archives .archives article {
		width: 100%;
		flex-basis: 100%;
		margin-right: 0;
	}

	.category-archives .archives article:nth-of-type(n + 2) .post-image {
		width: 40%;
		margin-right: 1rem;
		float: left;
	}
	.category-archives .archives article:nth-of-type(n + 2) .post-title {
		font-size: 16px;
	}
	.category-archives .archives article header {
		margin: 0;
	}
	.category-archives .wp-block-nishiki-blocks-pro-balloon {
		margin: 2rem 0 0;
	}
}

.key-visual {
	padding-top: 100px !important;
	padding-bottom: 0 !important;
	flex-direction: column;
	text-align: center;
	position: relative;
}
.wave-box {
	height: 150px;
	width: 100%;
}
svg.wave {
	height: 150px;
	width: 100%;
	will-change: transform;
	fill: #ffffff !important;
}

.articles article.sticky::before {
	left: 10px;
}
.articles article.sticky::after {
	left: 15px;
}
.title i {
	margin-right: 0.5rem;
}

.nishiki-share-button-wrapper > div a {
	padding: 1.5rem 0;
	font-size: 2rem;
}
.nishiki-share-button-wrapper .before_text {
	animation: vibration 0.1s infinite;
}
.nishiki-share-button-wrapper .after_text {
	animation: blink 1.5s ease-in-out infinite alternate;
}
@keyframes blink {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.max-container {
	width: 100vw;
	margin: 3rem 0 4rem;
	margin-left: calc(-50vw + 50%);
	padding: 3rem 0;
}
.max-container .container {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.blue-gradient {
	padding: 100px 0 !important;
	background: linear-gradient(
		210.04824437130446deg,
		rgba(0, 100, 200, 1) 47.62048192771084%,
		rgba(61, 169, 212, 1) 77.08378970427162%,
		rgba(62, 170, 213, 1) 77.08378970427162%
	) !important;
	color: #ffffff;
	text-align: center;
}
.dark-gradient {
	padding: 100px 0 !important;
	background: linear-gradient(
		116.82652085753034deg,
		rgba(40, 48, 44, 1) 12.710794252468265%,
		rgba(39, 48, 44, 1) 12.710794252468265%,
		rgba(0, 100, 200, 1) 87.87387605782791%
	) !important;
	color: #ffffff;
	text-align: center;
}

/* ふきだしのカスタマイズ */
/* 吹き出しキャラの設定 */
.wp-block-nishiki-blocks-pro-balloon .image .icon {
	vertical-align: bottom;
	max-width: 128px;
}
.balloon-left .image img {
	transform: scale(-1, 1);
}

/* カードのカスタマイズ */
.nishiki-pro-card-inner {
	border: none !important;
	border-radius: 20px;
	box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.1);
}
.nishiki-pro-card-inner:hover {
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);
	transform: translateY(-2px);
}
.card-image {
	border-radius: 20px 0 0 20px;
	overflow: hidden;
}
.card-label {
	padding: 0.8rem !important;
	border-radius: 50px;
	top: -1rem !important;
	font-weight: 900;
}

/* 書いてる人のカスタマイズ */
.author-info {
	max-width: 700px;
	padding: 2rem;
	border-radius: 20px;
	box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.1);
}
.author-image img {
	width: 120px;
	height: 120px;
}

/* 目次のカスタマイズ */
.nishiki-pro-toc ul.indent-h2,
.nishiki-pro-toc ul.indent-h3,
.nishiki-pro-toc ul.indent-h4 {
	font-size: 1rem;
	padding-left: 0 !important;
}
.nishiki-pro-toc ul.indent-h2 ul li::before {
	content: "";
	position: absolute;
	top: 21px;
	left: 0;
	transform: translateY(-50%);
	width: 3px;
	height: 3px;
	border: 4px solid #5f7276;
	border-radius: 100%;
}
.nishiki-pro-toc ul.indent-h2 li ul.indent-h3 li ul.indent-h4 li::before {
	content: "";
	position: absolute;
	top: 23px;
	left: 0;
	transform: translateY(-50%);
	width: 3px;
	height: 3px;
	border: 4px solid #cccccc;
	border-radius: 3px;
}

/* シングルページの調整 */
.single .page-header {
	padding-bottom: 100px;
}
.single #main .column,
.single.post-template-content-full-width .eye-catch {
	margin-top: -100px;
}
.single #main .eye-catch {
	overflow: hidden;
	border-radius: 20px;
}

.single .page-header-inner.container {
	width: 100%;
}
.single .page-header-inner.container h1,
.single .page-header-inner.container .date,
.single .page-header-inner.container .cat,
.single .page-header-inner.container .tag {
	display: block;
	width: 90%;
	margin: auto;
}
.setting #masthead,
.setting .site-title,
body.setting #masthead #menu-collapse a,
.setting .page-header,
.setting .wave-box,
.setting .entry-content h2 {
	background-color: #ff9500 !important;
	color: #ffffff !important;
}

.customize #masthead,
.customize .site-title,
body.customize #masthead #menu-collapse a,
.customize .page-header,
.customize .wave-box,
.customize .entry-content h2,
.customize .entry-content ul li::before,
.customize .entry-content ol li::before,
.customize #toc-fixed-nav,
#nishiki-toc-fixed #toc-fixed-nav button.icon,
.card-label {
	background-color: #f62e36 !important;
	color: #ffffff !important;
}
.customize .entry-content ul li ul li::before {
	background-color: transparent !important;
}

.plugin #masthead,
.plugin .site-title,
body.plugin #masthead #menu-collapse a,
.plugin .page-header,
.plugin .wave-box,
.plugin .entry-content h2 {
	background-color: #b5b5ac !important;
	color: #ffffff !important;
}

.css #masthead,
.css .site-title,
body.css #masthead #menu-collapse a,
.css .page-header,
.css .wave-box,
.css .entry-content h2 {
	background-color: #009bbf !important;
	color: #ffffff !important;
}

.seo #masthead,
.seo .site-title,
body.seo #masthead #menu-collapse a,
.seo .page-header,
.seo .wave-box,
.seo .entry-content h2 {
	background-color: #00bb85 !important;
	color: #ffffff !important;
}

.copywriting #masthead,
.copywriting .site-title,
body.copywriting #masthead #menu-collapse a,
.copywriting .page-header,
.copywriting .wave-box,
.copywriting .entry-content h2 {
	background-color: #8f76d6 !important;
	color: #ffffff !important;
}

.affiliate #masthead,
.affiliate .site-title,
body.affiliate #masthead #menu-collapse a,
.affiliate .page-header,
.affiliate .wave-box {
	background-color: #c1a470 !important;
	color: #ffffff !important;
}

.setting button.icon,
.customize button.icon,
.plugin button.icon,
.css button.icon,
.seo button.icon,
.copywriting button.icon,
.affiliate button.icon {
	color: #ffffff !important;
	border-color: #ffffff !important;
}
.setting button.icon:hover,
.customize button.icon:hover,
.plugin button.icon:hover,
.css button.icon:hover,
.seo button.icon:hover,
.copywriting button.icon:hover,
.affiliate button.icon:hover {
	background: rgba(255, 255, 255, 0.3) !important;
}

#head-bg {
	width: 100%;
	height: 100%;
	z-index: -1;
	position: absolute;
}

/* サイドバー関連 */
.sidebar {
	position: sticky;
	background: #ffffff;
	border-radius: 20px;
	box-sizing: border-box;
}

.sidebar-profile {
	border-radius: 20px;
	overflow: hidden;
}
.sidebar-profile .label-ribbon {
	width: 150px;
	height: 150px;
}
.sidebar-profile .label-ribbon span {
	width: 500px;
}
.sidebar-profile .label-ribbon.label-right-top span {
	top: 40px;
	right: 153px;
}

.profile-thumb {
	width: 256px;
	margin: auto;
	margin-top: -200px;
}
.profile-thumb figcaption {
	margin-top: -30px;
	font-weight: 900;
}

.category-post-list {
	width: 100%;
}
.category-post-list a {
	display: inline-flex !important;
	justify-content: space-between;
	line-height: 1.5;
}

.category-post-list img {
	width: 128px;
	height: 72px;
	max-width: 100%;
	margin-right: 0.5rem;
}

/* 各ページのタイトル周り */
@media only screen and (min-width: 1001px) {
	.page-header .page-header-inner h1 {
		font-size: 3rem;
	}
}

.entry-content .wp-block-nishiki-blocks-pro-layout-content h4 {
	width: 84%;
	margin-top: 2.5rem;
	margin-bottom: 1.5rem;
}
.caption-bg {
	padding-bottom: 50px;
}
.caption-bg figure {
	position: relative;
}
.caption-bg figure figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	background: rgba(0, 0, 0, 0.3);
	color: #ffffff;
}

.swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	-o-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}

#menu-sub_nav {
	display: flex;
	justify-content: center;
	background: #0064c8;
	gap: 20px;
	margin-bottom: 0;
}
#menu-sub_nav li {
	list-style-type: none;
}
#menu-sub_nav li a {
	color: #ffffff !important;
}

/*********************
* PC+
1025px +
***********************/
@media only screen and (min-width: 1025px) {
}

/*********************
* Tablet - PC
769px - 1024px
***********************/
@media only screen (min-width: 768px) and (max-width: 1024px) {
}

/*********************
* SmartPhone
0px - 768px
***********************/
@media only screen and (max-width: 767px) {
	.category-archives .articles[class*=column-] article {
		border-bottom: none;
		padding-bottom: 0;
	}
}


/****************************
 TOPpage - makeWeb 
****************************/
.makeWeb {
}
.makeWeb .inner-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.makeWeb .headerSection,
.makeWeb .goToOne {
	padding-bottom: 2rem;
}
.makeWeb .headerSection * {
	color: #fff !important;
	text-shadow: 0 0 10px lightskyblue;
}
.makeWeb .goToOne * {
	color: #fff !important;
	text-shadow: 0 0 10px orange;
}
.makeWeb .goToOne .b {
	color: #EA5506 !important;
}
.makeWeb .headerSection .wp-block-cover__inner-container :not(p),
.makeWeb .goToOne .wp-block-cover__inner-container :not(p) {
	text-align: center;
}
.makeWeb .headerSection p,
.makeWeb .goToOne p {
    width: 1000px;
    max-width: 85% !important;
	margin: auto;
	text-align: center;
}
.makeWeb h2 strong, .makeWeb h3 strong{
	display: block;
}
.makeWeb .wp-block-columns {
	margin-top: var(--distance-l);
}
.makeWeb .introduction .imageBoxRight {
	background: url('//wp-theme-nishiki.pro/wp-content/uploads/2023/02/makeWeb-introduction.jpg');
}

.makeWeb .introduction .imageBoxRight img {
	animation: jump 1.5s linear 0s infinite;
}

.makeWeb .ownership .imageBoxLeft {
	background: url('//wp-theme-nishiki.pro/wp-content/uploads/2023/02/makeWeb-ownership.jpg');
}

.makeWeb .ownership .imageBoxLeft img {
	animation: furafura 3.5s linear 0s infinite;
}

.makeWeb .ownership .imageBoxLeft {
	background: url('//wp-theme-nishiki.pro/wp-content/uploads/2023/02/makeWeb-ownership.jpg');
}

.makeWeb .contents .imageBoxRight img {
	animation: punyon 1.8s linear 0s infinite;
}
.makeWeb .contents .imageBoxRight {
	background: url('//wp-theme-nishiki.pro/wp-content/uploads/2023/02/makeWeb-contents.jpg');
}

.makeWeb .linkBuilding {
	padding: 300px 0 200px!important;
	background:#f7f7f7;
}
.makeWeb .linkBuilding .imageBoxLeft img {
	animation: jump 1.5s linear 0s infinite;
}
.makeWeb .linkBuilding .imageBoxLeft {
	background: url('//wp-theme-nishiki.pro/wp-content/uploads/2023/02/makeWeb-linkBuliding.jpg');
}
.makeWeb .linkBuilding .linkVariety {
	width: 1360px;
    max-width: 85% !important;
	margin-top: 100px;
}
.makeWeb .linkBuilding .linkVariety .wp-block-column {
	padding: 1.5rem;
	border-radius: 5px;
	box-shadow: 0 5px 15px -3px rgb(0 0 0 / 10%);
	background: #e8f7f6;
}
@media screen and (min-width:1025px) {
	.makeWeb .linkBuilding .linkVariety .wp-block-column:nth-of-type(2) {
		margin-top: 50px;
	}
	.makeWeb .linkBuilding .linkVariety .wp-block-column:nth-of-type(3) {
		position: relative;
		margin-top: 100px;
	}
	.makeWeb .linkBuilding .linkVariety .wp-block-column:nth-of-type(3)::before {
		position: absolute;
		top: -75px;
		right: 75px;
		content: url('//wp-theme-nishiki.pro/wp-content/uploads/2020/08/chara-up-mumu.png');
		display: block;
		animation: punyon 1.5s linear 0s infinite;
	}
}

.makeWeb .siteMap .imageBoxRight img {
	animation: furafura 3.5s linear 0s infinite;
}
.makeWeb .siteMap .imageBoxRight {
	background: url('//wp-theme-nishiki.pro/wp-content/uploads/2023/02/makeWeb-sitemap.jpg');
}

.makeWeb .responsiveDesigns .imageBoxLeft img {
	animation: jump 1.5s linear 0s infinite;
}
.makeWeb .responsiveDesigns .imageBoxLeft {
	background: url('//wp-theme-nishiki.pro/wp-content/uploads/2023/02/makeWeb-responsiveDesigns.jpg');
}


.makeWeb .conclusion .inner-container {
	width: 1000px;
    max-width: 85% !important;
}
.makeWeb .conclusion h2 {
	text-align: center;
}

.introduction,.ownership,.contents,.linkBuilding,.siteMap,.responsiveDesigns,.conclusion {
	margin: var(--margin-l);
}
.makeWeb :is(.introduction,.ownership,.contents,.linkBuilding,.siteMap,.responsiveDesigns,.conclusion) h2 strong{
    font-size: var(--fnt-xl);
	color: var(--color-1);
}
.makeWeb :is(.introduction,.ownership,.contents,.linkBuilding,.siteMap,.responsiveDesigns,.conclusion) h3 strong {
    font-size: var(--fnt-l);
	color: #666;
}
.makeWeb :is(.introduction,.ownership,.contents,.linkBuilding,.siteMap,.responsiveDesigns,.conclusion) h2,.makeWeb :is(.introduction,.ownership,.contents,.linkBuilding,.siteMap,.responsiveDesigns,.conclusion) h3 {
    font-size: 128%;
	line-height: 1.5;
	color: #bbb;
}


.makeWeb .imageBoxRight,.makeWeb .imageBoxLeft {
	position: relative;
	min-height: 250px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.makeWeb .imageBoxRight figure {
	position: absolute;
	top: 50%;
	left:50%;
}
.makeWeb .imageBoxLeft figure {
	position: absolute;
	top: 50%;
	right:50%;
	transform: scale(-1, 1);
}

/****************************
 色々カスタマイズCSS
****************************/
.post-template-content-full-width .wp-block-nishiki-blocks-pro-section2 {
	max-width: 1024px!important;
}

.marginSlider {
    max-width: 1090px!important;
    margin: 100px 0;
	margin-right: auto;
	margin-left: auto;
}

.marginSliderWrapper {
	width: calc(100% + (100vw - 1090px) / 2);
    overflow: hidden;
    z-index: 2;

}

.marginSliderWrapper .wp-block-nishiki-blocks-pro-slider,
.columnsSliderWrapper .wp-block-nishiki-blocks-pro-slider {
	padding: 45px 0 45px 45px;
	background: #ffd602;
	border-radius: 15px 0 0 15px;
}

/*　無限スライダー　*/
.infinite-slider .swiper-wrapper {
	transition-timing-function: linear !important;
}

/*　span装飾　*/
.tags span.b {
	font-weight: 900;
}
.tags span:not(.b) {
	color: red;
}