@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-style:normal;font-weight: normal;font-size: 100%;vertical-align: baseline;}
@font-face {
	font-family: YuGothicM;
	src: local(Yu Gothic Medium),local(Yu Gothic);
	font-weight: 500;
}
@font-face {font-family: "Helvetica Neue";src: local("Helvetica Neue Regular");font-weight: 100;}
@font-face {font-family: "Helvetica Neue";src: local("Helvetica Neue Regular");font-weight: 200;}
@media all and (-ms-high-contrast: none) {
	body {font-family: Verdana, Meiryo, sans-serif;}
}
body {
	font-family: "Sawarabi Mincho", "source-han-sans-japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', Meiryo, sans-serif;
	color: #111;letter-spacing: .1em;font-feature-settings: "palt" 1;font-kerning: auto;-webkit-font-smoothing: antialiased;background: #fefefe;
}
html {font-size: 62.5%;}
ul ,ol {list-style: none;}
a:link ,a:visited {color: #111;text-decoration: none;}
img {width: auto;height: auto;vertical-align: bottom;}
main {display: block;}
/* ドラッグ背景 */
::selection {background: #A0CCD1;color: #fff}
::-moz-selection {background: #A0CCD1;color: #fff}

.wrap {
	width: 1200px;margin: 0 auto;padding: 0 50px;
	box-sizing: border-box;
}
#tmp {
	position:fixed;top: 30px;left: 50px;display: block;
	color: #111;background: #ddd;border-radius: 5px;
}
main::after {
	content: "";width: 100%;min-height: 100dvh; /* Fallback */
	min-height: calc(var(--vh, 1vh) * 100);
	transform: translate3d(0, 0, -1px);
	position: fixed;top: 0;left: 0;z-index: -1;
	background: url(../img/back/back.jpg) no-repeat center / cover;
}

header {
	padding: 70px 20px 15px;position: relative;
	box-sizing: border-box;
	background: url(../img/icon/bar.svg) repeat-x top left / 30px 20px;
}
header.simulator {
	width: 100%;padding: 30px 20px 0;
	position: fixed;top: 0;left: 0;z-index: 10000;
}
header h1 {
	width: 400px;margin: 0 auto;
}
header h1.simu {
	width: 100%;position: relative;display: none;
	font-size: 3em;text-align: center;color: #BD764F;line-height: 1;
}
header h1.simu::before {
	content: "みやじま小町";display: block;
	font-size: 1.4rem;line-height: 1;text-align: center;
}
header .menubox {display: none;}
header.top h1 {
	width: 100%;position: relative;
	font-size: 3em;text-align: center;color: #BD764F;line-height: 1;
}
header.top h1 span {
	position: relative;
}
header.top h1 span::before ,
header.top h1 span::after {
	content: "";width: 21px;height: 18px;
	position: absolute;bottom: -12px;right: -35px;
	background: url(../img/icon/chidori.svg) no-repeat center / 100%;
}
header.top h1 span::after {
	width: 29px;height: 25px;
	bottom: 20px;right: auto;left: -45px;
	background: url(../img/icon/chidori.svg) no-repeat center / 100%;
}
footer {
	padding: 0 0 110px;
}
footer small {
	display: block;
	font-size: 1em;text-align: center;
}
section.notfound {padding: 100px 0}
section.notfound p {text-align: center;font-size: 1.4em}

.btnBox {
	width: 600px;
	margin: 0 auto 50px;
}
.btnBox a ,
.btnBox button {
	display: block;width: 100%;margin: 20px 0 0;border: none;box-shadow: none;
	background: #BD764F;border-radius: 5px;padding: 2px;
	color: #fff;font-size: 1.4em;text-align: center;
	text-decoration: none;
}
.btnBox a {background: #3D9B41}
.btnBox span {
	display: block;padding: 16px 0 15px;
	border: solid 1px #fff;border-radius: 3px;
}
.copy-detail {
	margin: 50px auto;padding: 20px;width: 600px;
	border: solid 1px #603A27;position: relative;
	background: #fff;border-radius: 5px;
}
.copy-detail::before {
	content: "";width: 29px;height: 25px;
	position: absolute;top: -12px;left: -8px;
	background: url(../img/icon/chidori.svg) no-repeat center / 100%;
}
.copy-detail p {
	font-size: 1.4em;line-height: 1.6;
}
.copy-detail p::before ,
.copy-detail p::after {
	content: "";width: 29px;height: 25px;
	position: absolute;bottom: -12px;right: 35px;
	background: url(../img/icon/chidori.svg) no-repeat center / 100%;
}
.copy-detail p::after {
	width: 18px;height: 16px;
	bottom: -22px;right: 10px;
}
.copy-detail p a {text-decoration: underline}

section {
	padding: 0 0 50px;
}
section table {
	width: 600px;margin: 20px auto;box-sizing: border-box;
	border-collapse: collapse;table-layout: fixed;
	font-size: 1.4em;
}
section table thead {
	border-bottom: solid 1px #ddd;
}
section table tr {background: #F5F5E7}
section table tr:nth-child(odd) {background: #fff}
section table th, section table td {padding: 1.2rem 0;box-sizing: border-box;text-align: center;}
section table th {
	font-weight: 700;
	width: 45%;min-width: 4em;
}
section table tr th:nth-of-type(2) ,
section table tr td:nth-of-type(2) {width: 10%;}

#totalBox {
	width: 600px;padding: 16px 20px;gap: 32px;box-sizing: border-box;
	position: fixed;bottom: 10px;left: 50%;transform: translateX(-50%);
	display: flex;flex-wrap: wrap;
	border-radius: 10px;border: 3px solid #603A27;background: #F7F3E7;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);z-index: 1000;
}
#totalBox::after {
	content: "";width: 10px;height: 10px;
	position: absolute;top: 60%;left: 50%;transform: translate3d(-50%,-50%,0);
	background: url(../img/plus.svg) no-repeat center / 100%;
}
#totalBox::before {
	content: "";width: calc(100% - 6px);height:  calc(100% - 6px);
	position: absolute;top: 2px;left: 2px;border-radius: 5px;
	border: solid 1px #603A27;
}
#totalBox div {
	display: block;flex: 1;
}
#totalBox span {
	display: block;line-height: 1;
}
#totalBox span.tt {
	font-size: 1em;
}
#totalBox span.total {
	margin: 7px 0 0;
	position: relative;background: #fff;display: block;
	padding: 5px;
	font-size: 2em;text-align: right;
}
#totalBox span.total::after {
	content: "  円（税込）";
	font-size: 1rem;
}

dl.calc {
	padding: 0 20px;margin: 0 250px;
}
dl.calc span.tt {
	display: block;margin: 40px 0 20px;
	font-size: 2em;text-align: center;color: #BD764F;line-height: 1;
}
dl.calc .box {
	border-radius: 3px;border: 2px solid #603A27;overflow: hidden;
	padding: 0;margin: 0 0 25px;position: relative;
}
dl.calc .box::before ,
dl.calc .box::after {
	content: "";width: calc(100% - 24px);height: 10px;display: block;
	position: absolute;top: 0;left: 12px;z-index: 10;
	background: url(../img/icon/border01.svg)repeat-x center / 6px 10px
}
dl.calc .box::after {
	top: auto;bottom: 0
}
dl.calc .box .inbox {
	border: 11px solid #603A27;
	padding: 7px;position: relative;
}
dl.calc .inbox::before ,
dl.calc .inbox::after {
	content: "";height: calc(100%);width: 10px;display: block;
	position: absolute;top: 0;left: -11px;z-index: 10;
	background: url(../img/icon/border01a.svg)repeat-y center / 10px 6px
}
dl.calc .inbox::after {
	right: -11px;left: auto;
}
dl.calc .box dt {
	font-size: 2em;text-align: center;line-height: 1;
	padding: 12px 0;border-bottom: solid 1px #603A27;
}
dl.calc .box dd {
	margin: 15px 0 0;
}
dl.calc .box .flex {
	display: flex;flex-wrap: wrap;
	margin: 20px 13px 10px;position: relative;
}
dl.calc .box .flex::after {
	content: "人　";position: absolute;top: 19px;right: 5px;
	font-size: 1em;line-height: 1;
}
dl.calc .box .flex::before {
	content: "";width: 1px;height: 20px;background: #fff;
	position: absolute;top: calc(50% - 10px);left: 56%;
}
dl.calc .box .flex span {
	position: relative;display: block;width: 38%;
	font-size: 1.8em;line-height: 1;padding: 12px 0;
}
dl.calc .box .flex span::after {content: "円/人";font-size: 1.4rem}
dl.calc .box .flex button {
	background: #BD764F;border-radius: 0 5px 5px 0;
	border: none;padding: 6px 0;width: 18%;
	color: #fff;font-size: 2.5rem;line-height: .6;font-weight: 500;
}
dl.calc .box .flex button:disabled {
	background: #BD764F;
}
dl.calc .box .flex button:nth-of-type(1) {
	border-radius: 5px 0 0 5px;
}
dl.calc .box .flex input {
	display: block;margin: 0 0 0 10px;width: calc(26% - 10px);
	padding: 8px 27px 8px 8px;box-sizing: border-box;
	border: none;background: #fff;border-radius: 5px;
	font-size: 2em;text-align: right;
}
dl.calc .box span.tax {
	display: block;padding: 8px;border-radius: 5px;position: relative;
	background: #fff;margin: 0 13px 13px;
	color: #111;
	font-size: 2em;font-weight: 400;text-align: right;
}
dl.calc .box span.tax::after {
	content: " 円（税込）";
	font-size: 1rem;
}
dl.calc .box.ext::before ,
dl.calc .box.ext::after {
	background: url(../img/icon/border02.svg)repeat-x center / 6px 10px
}
dl.calc .box.ext .inbox::before ,
dl.calc .box.ext .inbox::after {
	background: url(../img/icon/border02a.svg)repeat-y center / 10px 6px
}
dl.calc .box.ext div span::after {content: "円"}
dl.calc .box.ext .flex::after {
	content: "時間";color: #111;
}
dl.calc .box.ext.ext2 .flex::after {
	content: "";
}
dl.makeup .box::before ,
dl.makeup .box::after {
	background: url(../img/icon/border03.svg)repeat-x center / 6px 10px
}
dl.makeup .box .inbox::before ,
dl.makeup .box .inbox::after {
	background: url(../img/icon/border03a.svg)repeat-y center / 10px 6px
}

.menuBox {
	position: fixed;top: 15px;left: 0;z-index: 9999;
	margin: 0;width: 100%;
	background: url(../img/back/back.jpg) no-repeat center / cover;
}
.menuBox p {
	font-size: 1.6em;line-height: 1.4;color: #BD764F;
	margin: 0 20px 34px;display: none;
}
.menuBox p a {
	color: #BD764F;text-decoration: underline;
}
.menuBox ul {
	display: flex;flex-wrap: wrap;justify-content: center;
	gap: 38px;padding: 35px 0 25px;border-bottom: solid 1px #BD764F;
}
.menuBox ul li {
	display: block;
	border-radius: 5px;box-sizing: border-box;
	text-align: center;
}
.menuBox ul li a {
	display: block;padding: 3px 10px;position: relative;
}
.menuBox ul li a::after {
	content: "";width: 20px;height: 18px;transform: translate(-50%, -50%);
	position: absolute;top: 50%;left: 0%;z-index: -1;opacity: 0;
	background: url(../img/icon/chidori.svg) no-repeat center / 100%;
	transition: opacity .3s ease-out;
}
.menuBox ul li a:hover::after ,
.menuBox ul li.active a::after {
	opacity: 1;transition: opacity .3s ease-in;
}
.menuBox ul li span {
	font-size: 2em;line-height: 1;color: #BD764F;
	position: relative;
}

section.simulator {padding: 2px 0 0;}
section.simulator span.tt {
	display: block;margin: 0 20px 25px;position: relative;width: 100%;
	font-size: 2em;color: #BD764F;text-align: center;color: rgba(0, 0, 0, 0);
	position: absolute;top: 120px;left: 0;z-index: 0;
}
section.simulator span.tt span.chidori {
	width: 43px;height: 38px;
	z-index: 11;
	background: url(../img/icon/chidori.svg) no-repeat center / 100%;
}
section.simulator span.tt span.chidori.ss {
	width: 28px;height: 24px;top: 85%;left: 110%;
}
.chidori {
	position: absolute;top: 0;left: 110%;
	transform: translateY(-50%);opacity: 0;
	animation: moveLeft 17s linear infinite, float 3s ease-in-out infinite;
}
.chidori.ss.c2 {animation: moveLeft 20s linear infinite, float 3.1s ease-in-out infinite;animation-delay: 3.2s}
.chidori.ss.c3 {animation: moveLeft 24s linear infinite, float 2.8s ease-in-out infinite;animation-delay: 4.5s}

@keyframes moveLeft {
	0% {left: 130%;opacity: 1;}
	100% {left: -100%;opacity: 1;}
}

@keyframes float {
	0%, 100% {transform: translateY(-50%) translateX(0)}
	25% {transform: translateY(-40%) translateX(10px)}
	50% {transform: translateY(-60%) translateX(-10px)}
	75% {transform: translateY(-50%) translateX(5px)}
}
section.simulator p.caution {
	font-size: 1.4em;line-height: 1;text-align: center;color: #111;font-weight: 500;
	margin: 0 200px 12px;position: relative;z-index: 100;border-radius: 20px;width: 100%;
	padding: 2px;border: solid 3px #000;background: #fff;position: relative;
	display: none;
}
section.simulator p.caution::before {
	content: "";width: 16px;height: 16px;border-radius: 50%;
	background: #f00;position: absolute;top: calc(50% - 8px);right: 12px;
}
section.simulator p.caution::after {
	content: "";width: 4px;height: 4px;border-top: solid 2px #fff;border-left: solid 2px #fff;position: absolute;top: calc(50% - 3px);right: 18px;transform: rotate(135deg);
}
section.simulator p.caution a {
	padding: 8px 20px 6px;display: block;
	border-radius: 15px;border: solid 1px #000;
}
section.simulator p.caution mark {
	background: none;color: #f00;
}
.simulator-box {
	width: 100%;box-sizing: border-box;position: relative;
}
.simulator-box .simulator-section {
	padding: 150px 0 80px;position: relative;margin: 0 160px;box-sizing: border-box;
	display: flex;flex-wrap: wrap;gap: 34px;
}
.simulator-box .simulator-canvas {
	width: 420px;
	margin: 0 0 25px;position: relative;
}
.simulator-box .simulator-canvas input {display: none}
.simulator-box .simulator-canvas label {
	width: 38px;height: 34px;display: block;position: absolute;top: 20px;right: 20px;z-index: 1000;
	font-size: 1rem;text-align: center;padding: 10px 0;box-sizing: border-box;color: #111;
}
.simulator-box .simulator-canvas label::before {
	content: "";width: 38px;height: 34px;display: block;position: absolute;top: 0;right: 0;
	background: url(../img/icon/reverse.svg) no-repeat center / 100%;z-index: 1000;
	font-size: 1rem;text-align: center;padding: 10px 0;box-sizing: border-box;
	transform: rotate(360deg);transition: transform .4s;
}
.simulator-box .simulator-canvas input#reverse:checked ~ label::before {
	transform: rotate(180deg);
}
.simulator-box #\37 y-girl .simulator-canvas label ,
.simulator-box #bro .simulator-canvas label ,
.simulator-box #dad .simulator-canvas label {display: none}
.simulator-box .simulator-canvas-img {
	width: 420px;height: 540px;scroll-snap-align: start;
	position: relative;display: none;
}
.simulator-box .simulator-canvas-img img {
	width: 420px;
}
.simulator-box .simulator-canvas-img::before {
	content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;
	background: url(../img/icon/subtract.svg) no-repeat center / 100%;
}
.simulator-box .simulator-canvas-img::after {
	content: "";width: calc(100% - 20px);height: calc(100% - 20px);position: absolute;top: 10px;left: 10px;border: solid 1px #111;
}
.simulator-box .simulator-canvas-img.active {display: block}
.simulator-box .simulator-canvas-img div {
	position: absolute;top: -12%;left: 0;
}
.simulator-box .simulator-canvas-img button {
	display: none;
	width: 39px;height: 39px;border-radius: 50%;background: #fff;
	border: solid 2px #BD764F;box-sizing: border-box;
	position: absolute;bottom: 10px;right: 10px;z-index: 101;
	transition: background .3s;
}
.simulator-box .simulator-canvas-img button.close {
	border-radius: 50%;background: #BD764F;
}
.simulator-box .simulator-canvas-img button.close ~ .name {
	opacity: 0;
}
.simulator-box .simulator-canvas-img button::before {
	content: "";width: 14px;height: 13px;transform: translate(-50%,-50%);
	font-size: 14px;line-height: 1.1;color: #fff;
	position: absolute;top: 50%;left: 50%;
	background: url(../img/icon/close.svg) no-repeat center / cover;
}
.simulator-box .simulator-canvas-img button.close::before {
	content: "詳細";width: 2em;height: 1em;
}
.simulator-box .simulator-canvas-img div.name {
	top: auto;top: 565px;left: 0;width: 880px;z-index: 10;
	border-radius: 10px;background: #fff;
	margin: 0;padding: 18px 25px 40px;box-sizing: border-box;
}
.simulator-box .simulator-canvas-img div.name span {
	font-size: 1.6em;line-height: 1.4;color: #111;
}
.simulator-box .simulator-canvas-img span.txt {
	position: absolute;top: 610px;left: 25px;z-index: 11;
	font-size: 1.4em;line-height: 1.4;color: #111;word-break: break-all;
}
.simulator-data {
	position: relative;bottom: 0;left: 0;width: 420px;z-index: 1000;
	box-sizing: border-box;
}
.simulator-data .databox {
	height: 540px;overflow: scroll;
	padding: 30px 0 30px 35px;box-sizing: border-box;
	border-radius: 20px;background: rgba(255, 255, 255, .7);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.simulator-data .databox {
	scrollbar-color: #BD764F transparent;
}
.simulator-data .databox::-webkit-scrollbar {
	background-color: transparent;
}
.simulator-data .databox::-webkit-scrollbar-thumb {
	background-color: #BD764F;
	border: 3px solid transparent;
	border-radius: 10px;
	background-clip: content-box;
}
.simulator-data ul {
	display: flex;flex-wrap: wrap;gap: 15px 25px;
}
.simulator-data ul.tab-list {
	justify-content: start;padding: 20px 0 0;
	flex-wrap: nowrap;flex-direction: column;
	position: absolute;left: 100%;top: 0;gap: 20px;
	width: auto;max-width: 10000px;min-width: auto;
	-ms-overflow-style: none;scrollbar-width: none;
}
.simulator-data ul.tab-list li.is-active span {
	background: #BD764F;color: #fff;
}
.simulator-data ul.list {
	overflow: visible;margin: 0;
}
.simulator-data ul.list::-webkit-scrollbar {display: none}
.simulator-data ul.list li {
	height: 100px;
	min-width: 100px;text-align: center;scroll-snap-align: start;
	padding: 0 0 10px;
}
.simulator-data ul.list li a {
	display: block;transform: background .3s;position: relative;overflow: hidden;
	background: #f5f5f5;height: 100%;
}
.simulator-data ul.list li a.active {
	background: #dedede
}
.simulator-data ul.list li img {
	width: auto;height: auto;
	max-width: 100px;max-height: 100px;
}
.simulator-box #\35 y-boy .simulator-data ul.list.kimono-list li img {
	transform-origin: 50% 38%;transform: scale(1.8);
}
.simulator-data ul.list.obi-list li img {
	transform: scale(5);transform-origin: 50% 31%;
}
.simulator-box #\37 y-girl .simulator-data ul.list.obi-list li img {
	transform-origin: 50% 38%;
}
.simulator-box #bro .simulator-data ul.list.obi-list li img ,
.simulator-box #dad .simulator-data ul.list.obi-list li img {
	transform: scale(4);transform-origin: 50%;
}
.simulator-data ul.list.koo-list li img {
	transform: scale(4);transform-origin: 50% 18%;
}
.simulator-data ul.list.hifu-list li img {
	transform: scale(2.1);transform-origin: 50% 42%;
}
.simulator-data ul.list.hakama-list li img {
	transform: scale(2.1);transform-origin: 50% 65%;
}
.simulator-data ul.list.haori-list li img {
	transform: scale(1.5);transform-origin: 50% 40%;
}
.simulator-data ul.tab-list li {
	font-size: 1.8em;line-height: 1;color: #BD764F;
}
.simulator-data ul.tab-list li span {
	display: inline-block;padding: 12px 15px;box-sizing: border-box;white-space: nowrap;
	background: #fff;transition: all .3s;max-width: 1000px;width: auto;cursor: pointer;
	border-radius: 0 10px 10px 0;
}
.simulator-data ul.tag-list {
	justify-content: center;gap: 5px;flex-wrap: wrap;
	width: 100%;
	position: relative;top: -10px;left: 0;
}
.simulator-data ul.tag-list li {
	font-size: 1em;line-height: 1;text-align: center;
	padding: .6em;box-sizing: border-box;min-width: auto;
	background: #EDEDED;width: auto;height: 2.2em;border-radius: 3px;
}

.simulator-data .data {
	display: none;
}
.simulator-data .data.is-show {
	display: block;
}


.modal-overlay {
	z-index: 10001;position: fixed;top: 0;left: 0;
	display: none;width: 100%;height: 120%;
	background: rgba(0,0,0,.9);
}
.modal-content {
	z-index: 10002;position: fixed;top: 0;left: 0;right: 0;overflow-y: scroll;overflow-x: auto;
	display: none;max-width: 960px;max-height: 560px;min-height: 300px;
	margin: 30px 0 124px;
}
.modal-content {
	display: none;min-width: auto;max-height: none;max-width: none;width: auto;
}
.modal-content {
	max-width: 100%;min-height: auto;max-height: 100%;
	margin: 30px 25px;
}
.modal-content::after {
	content: "";width: 100%;height: 30px;display: block;
	pointer-events: none;
}
.modal-content .b_in {
	position: relative;left: 0;top: 0;background-color: #fff;border-radius: 20px;
	width: 100%;height: 100%;min-width: 1200px;min-height: 900px;max-height: 9000px;
	max-width: 1200px;padding: 50px 20px 124px;margin: 0 auto 30px;
}
.modal-content .b_in {
	height: auto;box-sizing: border-box;
	min-width: auto;max-width: auto;
	min-height: auto;
	padding: 40px 20px 67px;
}
.modal-content .b_in span {
	font-size: 2em;color: #BD764F;text-align: center;
	display: block;margin: 0 0 20px;
}
.modal-content button.modal-cl {
	background: url(../img/plus.svg) no-repeat center;background-size: 100%;
	border:none;box-shadow: none;cursor: pointer;transform: rotate(45deg);
	width: 20px;height: 20px;padding: 54px 0 0;box-sizing: border-box;
	position: fixed;right: 40px;top: 60px;margin: 0 auto;
}
.modal-content button.modal-cl {
	padding: 27px 0 0;
}
.modal-content button.modal-cl:focus {border: 0;outline: 0;}
@-webkit-keyframes glitch {
	0% {
		-moz-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		transform: skewX(0deg);
	}
	5% {
		-moz-transform: skewX(.3deg);
		-ms-transform: skewX(.3deg);
		-webkit-transform: skewX(.3deg);
		transform: skewX(.3deg);
		opacity: 0.75;
	}
	10% {
		-moz-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		transform: skewX(0deg);
		opacity: 1;
	}
	15% {
		-moz-transform: skewX(-.5deg);
		-ms-transform: skewX(-.5deg);
		-webkit-transform: skewX(-.5deg);
		transform: skewX(-.5deg);
		opacity: 0.75;
	}
	20% {
		-moz-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		transform: skewX(0deg);
		opacity: 1;
	}
	45% {
		-moz-transform: skewX(.4deg);
		-ms-transform: skewX(.4deg);
		-webkit-transform: skewX(.4deg);
		transform: skewX(.4deg);
		opacity: 0.75;
	}
	50% {
		-moz-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		transform: skewX(0deg);
		opacity: 1;
	}
	55% {
		-moz-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		transform: skewX(0deg);
		opacity: 0.75;
	}
	60% {
		-moz-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		transform: skewX(0deg);
		opacity: 1;
	}
	75% {
		-moz-transform: skewX(.3deg);
		-ms-transform: skewX(.3deg);
		-webkit-transform: skewX(.3deg);
		transform: skewX(.3deg);
	}
	80% {
		-moz-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		transform: skewX(0deg);
	}
	85% {
		-moz-transform: skewX(-.5deg);
		-ms-transform: skewX(-.5deg);
		-webkit-transform: skewX(-.5deg);
		transform: skewX(-.5deg);
		opacity: 0.75;
	}
	90% {
		-moz-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		transform: skewX(0deg);
		opacity: 1;
	}
	100% {
		-moz-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		transform: skewX(0deg);
	}
}

section.character {
	margin: -28% 0 0;z-index: 101;
	--time-anim: 1.2s;
	--delay-anim: .2s;
	--gap-horizontal: 10px;
	--gap-vertical: 5px;
	--blend-mode-1: none;
	--blend-mode-2: none;
	--blend-mode-3: none;
	--blend-mode-4: none;
	--blend-mode-5: overlay;
	--blend-color-1: transparent;
	--blend-color-2: transparent;
	--blend-color-3: transparent;
	--blend-color-4: transparent;
	--blend-color-5: #312D2D;
}
section.character {
	margin: -20vw 0 0;
	--time-anim: 3s;
	--delay-anim: 1s;
}
section.character article {
	position: relative;height: 880px;
	overflow: hidden;outline : none;
}
section.character article a.modal-op {
	cursor: pointer;display: block;height: 100%;width: 100%;
	outline : none;
}
.modal-content.chara .imgBox {
	width: 723px;height: 800px;position: absolute;top: 56px;left: 0;
	background: url(../img/character/miki2@2x.png) no-repeat left top;
	background-size: 723px 800px;
}
.modal-content button.modal-cl span.b_in {padding: 0;}
.modal-content button.modal-cl span:last-of-type {
	display: inline-block;margin: 10px 0 0;padding: 0;
	font-weight: 700;
}
.modal-content button.modal-cl:focus {border: 0;outline: 0;}



main.entry h1 {
	font-size: 3em;font-weight: 900;list-style: 1.33;
	margin: 0 0 8px;
}
main.entry time {
	font-size: 1.2em;font-weight: 300;line-height: 1;letter-spacing: 0;
	display: block;margin: 0 0 30px;
}
main.entry section article {width: 660px;margin: 0 auto;}
.entry_main {margin: 50px auto;}
main.entry ul.tags li::before {display: none;}
main.entry ul.tags {display: flex;flex-wrap: wrap;}
main.entry ul.tags li {margin: 0 10px 10px 0;padding: 0}
main.entry ul.tags a {
	display: block;background: #ebebeb;border-radius: 2px;padding: 10px 15px;
	color: #111;text-decoration: none;font-weight: 300;font-size: 1.2rem;
}
main.entry ul.tags a:hover {
	text-decoration: underline;background: #ddd;
	transition: background .2s ease-out;
}
main.entry ul.tags a::before {content: "#"}
main.entry .outline {
	background: #f7f7f7;padding: 35px 40px 1px;margin: 0 0 30px;border-radius: 10px;
	border: solid 1px #e3e3e3;
}
main.entry .outline span.title {
	font-size: 1.2em;font-weight: 700;color: #fff;line-height: 1;
	background: #111;padding: .7em 1.9rem .6em;border-radius: 17px;
	display: inline-block;margin: 0 0 30px;
}
main.entry .outline input {display: none}
main.entry .outline li {margin: 0 0 20px;background: none;padding: 0 0 0 27px;}
main.entry .outline li::before {
	width: 12px;height: 15px;border-radius: 0;
	background: url(../img/icon/outline.svg) no-repeat;
}
main.entry .outline li a {font-weight: 700;color: #000;text-decoration: none;font-size: 1.4rem;}
main.entry .outline li a:hover {text-decoration: underline}
main.entry .outline ul ul {margin: 10px 0}
main.entry .outline ul ul li {margin: 0 0 5px 1em;padding: 0;line-height: 1.4;}
main.entry .outline ul ul li::before {display: none;}
main.entry .outline ul ul li a {font-weight: 400;font-size: 1.3rem;}

/* 見出し */
.entry_main h2 {
	font-size: 2.6em;line-height: 1.23;font-weight: 700;color: #fff;
	margin: 80px 0 30px;padding: 15px 20px 13px;background: #111;border-radius: 10px;
}
.entry_main h3 {
	font-size: 2.2em;line-height: 1.27;font-weight: 900;
	margin: 80px 0 30px;padding: 0 0 6px;position: relative;
}
.entry_main h3::before {
	content: "";width: 100%;height: 3px;background: #111;
	position: absolute;bottom: 0;left: 0;
}
.entry_main h4 {
	font-size: 1.8em;line-height: 1.11;font-weight: 700;
	margin: 60px 0 30px;padding: 0 0 0 10px;position: relative;
}
.entry_main h4::before {
	content: "";width: 2px;height: 100%;background: #111;
	position: absolute;top: 0;left: 0;
}

/* 本文 */
.entry_main p {
	font-size: 1.6em;line-height: 2;
	margin: 0 0 30px;
}
.entry_main strong {
	font-weight: 700;
}
.entry_main mark.marker {
	line-height: 1.3;
	display: inline;padding: .05em .2em;background: #BAFFED;
	background:linear-gradient(transparent 60%, #BAFFED 60%);
}
.entry_main mark.small {
	background: none;font-size: 1.2rem;
}
.entry_main a:link ,
.entry_main a:visited {
	color: #ED324C;text-decoration: underline;
}
/* 画像 */
.entry_main figure.wp-block-image {
	margin: 0 0 30px;
}
.entry_main figure.wp-block-image figcaption {
	font-size: 1.1em;padding: .5em;background: #fafafa;
	margin: 0;
}
/* リスト */
.entry_main ol ,
.entry_main ul {list-style: none;margin: 0 0 30px;}
.entry_main li {
	font-size: 1.4em;line-height: 1.6;
	position: relative;padding: 0 0 0 1.4em;margin: 0 0 15px;
}
.entry_main ul li:before {
	content: "";width: 10px;height: 10px;border-radius: 50%;background: #eee;
	position: absolute;left: 0;top: .3em;
}
.entry_main ol {counter-reset: li2;}
.entry_main ol li:before{
	text-align: center;font-weight: 500;line-height: 1;letter-spacing: 0;
	font-size: 1rem;padding: .2em .1em 0;
	color: #fff;background: #000;border-radius: 50%;
	position: absolute;top: .4em;left: 0;width: 1.2em;height: 1.2em;
	counter-increment: li2;content: counter(li2);
}

/* テーブル */
.entry_main figure.wp-block-table {margin: 0 0 30px;}
.entry_main table {
	border: none;width: 100%;line-height: 1.3;margin: 0 0 30px;
	font-size: 1.4em;border-collapse: collapse;vertical-align: middle;
}
.entry_main table td ,
.entry_main table th {
	border: solid 4px #fff;padding: 20px 20px 19px;
	background: #F7F7F7;font-weight: 500;
}
.entry_main table tr th {
	background: #D8E6E8;
	text-align: left;
}

.entry_main figure.wp-block-table table {margin: 0}
.entry_main figure.wp-block-table table tr th {
	background: none;font-weight: normal;font-family: "A1 Gothic R";
}
.entry_main figure.wp-block-table table tr td:nth-of-type(1) {
	background: #F0F0E9;font-weight: 700;font-family: "A1 Gothic B";
}