@charset "UTF-8";

/*----------------------------------------
	reset
----------------------------------------*/
*,
::before,
::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

* {
	font-size: inherit;
	line-height: inherit;
}

::before,
::after {
	text-decoration: inherit;
	vertical-align: inherit;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
main,
menu,
nav,
section,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

header,
footer,
article,
section,
aside,
main,
nav,
menu,
figure,
figcaption {
	display: block;
}

span,
small,
strong,
em,
b,
i {
	color: inherit;
}

html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	overflow-x: hidden;
	overflow-y: auto;
}

ul,
ol {
	list-style: none;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th {
	text-align: left;
}

input,
select {
	vertical-align: middle;
}

input,
textarea {
	margin: 0;
	padding: 0;
}

address {
	font-style: normal;
}

q::before,
q::after {
	display: none;
}

i {
	vertical-align: middle;
}

::selection {
	background-color: rgba(0, 0, 0, 0);
}

/*----------------------------------------
	fontサイズ
----------------------------------------*/

html {
	/* デフォルト（モバイルビュー）ではベースのfont-sizeは14px相当 */
	font-size: 87.50%;
	line-height: 1.5;
}

@media screen and (min-width:768px) {
	html {
		/* タブレットビューではベースのfont-sizeは15px相当 */
		font-size: 93.75%
	}
}

@media screen and (min-width:1200px) {
	html {
		/* デスクトップビューではベースのfont-sizeは16px相当 */
		font-size: 100%;
	}
}

/*----------------------------------------
	ここから
----------------------------------------*/

body {
	display: grid;
	grid-template-rows: auto 1fr auto;
	height: 100dvh;
	width: 100dvw;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	letter-spacing: 0.05em;
	-webkit-tap-highlight-color: transparent;
	color: #222222;
	background-color: #FFF;
}

/* ページのタイトル */
.header {
	display: grid;
	grid-template-columns: 1fr auto;
	padding: 10px;
	background-color: #143963;
	color: #fff;
}
.header div {
	margin: auto 0;
}

.title {
	line-height: 1.25;
	font-weight: bold;
	display: -webkit-box;
	margin: auto 5px auto 0;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sub_title {
	line-height: 1.25;
	font-weight: normal;
	display: -webkit-box;
	margin: 0.2rem 5px auto 0;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* プレイリスト */
.playlist {
	overflow-y: auto;
	-ms-overflow-style: none;
	/*スクロールバー非表示（Firefox）*/
	scrollbar-width: none;
}

.playlist::-webkit-scrollbar {
	display: none;
}

.playlist li {
	padding: 15px 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100dvw;
}

.song-duration {
	display: block;
	padding-left: 5px;
}

#playlist {
	display: block;
}

#playlist.hide {
	display: none;
}

/* テキストコンテンツ */
.text_contents {
	display: none;
}

.text_contents.show {
	font-size: 1.25rem;
	line-height: 1.75;
	display: block;
	padding: 20px;
	overflow-y: auto;
	-ms-overflow-style: none;
	/*スクロールバー非表示（Firefox）*/
	scrollbar-width: none;
}

.text_p {
	width: min(100%, 35em);
	margin: 0 auto;
}
.text_p p{
	text-indent: 1em;
}

/* プレイヤー */
.player {
	padding: 10px 10px 20px;
	display: flex;
	flex-direction: column;
	max-width: 100dvw;
	border-top: 1px solid #e0e0e0;
}

.marquee {
	width: 100%;
	height: auto;
	line-height: 1.25	;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
}

#songTitle {
	color: #17181B;
	font-size: 1.25rem;
	font-weight: bold;
	padding-left: 0;
	white-space: normal;
	display: inline-block;
}

#audio {
	display: none;
}

#progressContainer {
	width: 100%;
	height: 10px;
	background-color: #e0e0e0;
	border-radius: 5px;
	cursor: pointer;
}

#progress {
	height: 10px;
	background-color: #143963;
	border-radius: 5px;
	cursor: pointer;
}

.time {
	display: flex;
	justify-content: space-between;
	font-size: 0.9rem;
}

.conrol1 {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: min(100%, 320px);
	margin: 0 auto;
}

.conrol2 {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: min(100%, 320px);
	margin: 0 auto;
}

button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 5px;
	-webkit-appearance: none;
	appearance: none;
}

/* 速度変更 */
.speed_wrapper {
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100px;
	background-color: #fff;
	padding-bottom: 20px;
	transition: bottom 0.2s ease-in-out;
}

.speed_wrapper.show {
	bottom: 0;
}

.screen {
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: bottom 0s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	background-color: rgba(0, 0, 0, 0.3);

}

.screen.show {
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	opacity: 1;
	bottom: 0;
}


#sliderContainer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	width: min(100%, 320px);
	margin: 0 auto;
}

#sliderContainer input {
	width: 100%;
}

#speedDisplay {
	padding-bottom: 10px;
}

.input-range[type="range"] {
	-webkit-appearance: none;
	appearance: none;
	background-color: #e0e0e0;
	height: 4px;
	width: 100%;
	border-radius: 2px;
  
	&:focus,
	&:active {
	  outline: none;
	}
  
	&::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		cursor: pointer;
		position: relative;
		border: none;
		width: 16px;
		height: 16px;
		display: block;
		background-color: #143963;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}
  }

  .range-marks {
	font-size: 0.7rem;
	margin-top: 10px;
	width: min(100%, 320px);
	display: flex;
	justify-content: space-between;
  }

/* アイコン */
.ti-icon-player-play-filled {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXBsYXllci1wbGF5LWZpbGxlZCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIj48L3BhdGg+PHBhdGggZD0iTTYgNHYxNmExIDEgMCAwIDAgMS41MjQgLjg1MmwxMyAtOGExIDEgMCAwIDAgMCAtMS43MDRsLTEzIC04YTEgMSAwIDAgMCAtMS41MjQgLjg1MnoiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+PC9zdmc+');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: 100%;
	mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXBsYXllci1wbGF5LWZpbGxlZCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIj48L3BhdGg+PHBhdGggZD0iTTYgNHYxNmExIDEgMCAwIDAgMS41MjQgLjg1MmwxMyAtOGExIDEgMCAwIDAgMCAtMS43MDRsLTEzIC04YTEgMSAwIDAgMCAtMS41MjQgLjg1MnoiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+PC9zdmc+');
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: 100%;
	background-color: #143963;
	transition: transform .2s;
}

.ti-icon-player-play-filled:active {
	transform: scale(.8);
}

.ti-icon-player-pause-filled {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXBsYXllci1wYXVzZS1maWxsZWQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iY3VycmVudENvbG9yIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSI+PC9wYXRoPjxwYXRoIGQ9Ik05IDRoLTJhMiAyIDAgMCAwIC0yIDJ2MTJhMiAyIDAgMCAwIDIgMmgyYTIgMiAwIDAgMCAyIC0ydi0xMmEyIDIgMCAwIDAgLTIgLTJ6IiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9wYXRoPjxwYXRoIGQ9Ik0xNyA0aC0yYTIgMiAwIDAgMCAtMiAydjEyYTIgMiAwIDAgMCAyIDJoMmEyIDIgMCAwIDAgMiAtMnYtMTJhMiAyIDAgMCAwIC0yIC0yeiIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48L3N2Zz4=');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: 100%;
	mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXBsYXllci1wYXVzZS1maWxsZWQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iY3VycmVudENvbG9yIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSI+PC9wYXRoPjxwYXRoIGQ9Ik05IDRoLTJhMiAyIDAgMCAwIC0yIDJ2MTJhMiAyIDAgMCAwIDIgMmgyYTIgMiAwIDAgMCAyIC0ydi0xMmEyIDIgMCAwIDAgLTIgLTJ6IiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9wYXRoPjxwYXRoIGQ9Ik0xNyA0aC0yYTIgMiAwIDAgMCAtMiAydjEyYTIgMiAwIDAgMCAyIDJoMmEyIDIgMCAwIDAgMiAtMnYtMTJhMiAyIDAgMCAwIC0yIC0yeiIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48L3N2Zz4=');
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: 100%;
	background-color: #143963;
	transition: transform .2s;
}

.ti-icon-player-pause-filled:active {
	transform: scale(.8);
}

.ti-icon-player-skip-back-filled {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXBsYXllci1za2lwLWJhY2stZmlsbGVkIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNMTkuNDk2IDQuMTM2bC0xMiA3YTEgMSAwIDAgMCAwIDEuNzI4bDEyIDdhMSAxIDAgMCAwIDEuNTA0IC0uODY0di0xNGExIDEgMCAwIDAgLTEuNTA0IC0uODY0eiIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBkPSJNNCA0YTEgMSAwIDAgMSAuOTkzIC44ODNsLjAwNyAuMTE3djE0YTEgMSAwIDAgMSAtMS45OTMgLjExN2wtLjAwNyAtLjExN3YtMTRhMSAxIDAgMCAxIDEgLTF6IiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9wYXRoPjwvc3ZnPg==');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: 100%;
	mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXBsYXllci1za2lwLWJhY2stZmlsbGVkIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNMTkuNDk2IDQuMTM2bC0xMiA3YTEgMSAwIDAgMCAwIDEuNzI4bDEyIDdhMSAxIDAgMCAwIDEuNTA0IC0uODY0di0xNGExIDEgMCAwIDAgLTEuNTA0IC0uODY0eiIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBkPSJNNCA0YTEgMSAwIDAgMSAuOTkzIC44ODNsLjAwNyAuMTE3djE0YTEgMSAwIDAgMSAtMS45OTMgLjExN2wtLjAwNyAtLjExN3YtMTRhMSAxIDAgMCAxIDEgLTF6IiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9wYXRoPjwvc3ZnPg==');
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: 100%;
	background-color: #143963;
	transition: transform .2s;
}

.ti-icon-player-skip-back-filled:active {
	transform: scale(.8);
}

.ti-icon-player-skip-forward-filled {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXBsYXllci1za2lwLWZvcndhcmQtZmlsbGVkIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNMyA1djE0YTEgMSAwIDAgMCAxLjUwNCAuODY0bDEyIC03YTEgMSAwIDAgMCAwIC0xLjcyOGwtMTIgLTdhMSAxIDAgMCAwIC0xLjUwNCAuODY0eiIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBkPSJNMjAgNGExIDEgMCAwIDEgLjk5MyAuODgzbC4wMDcgLjExN3YxNGExIDEgMCAwIDEgLTEuOTkzIC4xMTdsLS4wMDcgLS4xMTd2LTE0YTEgMSAwIDAgMSAxIC0xeiIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48L3N2Zz4=');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: 100%;
	mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXBsYXllci1za2lwLWZvcndhcmQtZmlsbGVkIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNMyA1djE0YTEgMSAwIDAgMCAxLjUwNCAuODY0bDEyIC03YTEgMSAwIDAgMCAwIC0xLjcyOGwtMTIgLTdhMSAxIDAgMCAwIC0xLjUwNCAuODY0eiIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBkPSJNMjAgNGExIDEgMCAwIDEgLjk5MyAuODgzbC4wMDcgLjExN3YxNGExIDEgMCAwIDEgLTEuOTkzIC4xMTdsLS4wMDcgLS4xMTd2LTE0YTEgMSAwIDAgMSAxIC0xeiIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48L3N2Zz4=');
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: 100%;
	background-color: #143963;
	transition: transform .2s;
}

.ti-icon-player-skip-forward-filled:active {
	transform: scale(.8);
}


.ti-icon-rotate-2 {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	-webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjgsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO30NCgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDBoMjR2MjRIMFYweiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTE1LDQuNkMxMC45LDIuOSw2LjIsNC45LDQuNSw5UzQuOSwxNy44LDksMTkuNSBNOSwxNXY1SDQiLz4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMTUuNywyMC43Yy0yLjUsMC00LTEuOC00LTNjMC0wLjUsMC42LTAuOSwxLjEtMC45YzAuMywwLDAuNSwwLjIsMC44LDAuN2MwLjMsMC42LDAuOCwxLjQsMi4xLDEuNGMxLjEsMCwyLTAuOCwyLTEuOQ0KCQkJYzAtMS42LTEuMS0xLjctMS45LTEuOGMtMC44LTAuMS0xLjEtMC4yLTEuMS0wLjljMC0wLjcsMC4zLTAuOCwxLTFjMC42LTAuMiwxLjUtMC40LDEuNS0xLjZjMC0wLjktMC43LTEuNS0xLjYtMS41DQoJCQljLTEuMSwwLTEuNSwwLjYtMS44LDEuMWMtMC4zLDAuNC0wLjUsMC42LTAuOSwwLjZjLTAuNSwwLTAuOS0wLjUtMC45LTFjMC0xLjIsMS43LTIuNiwzLjYtMi42YzIuNiwwLDMuNiwxLjgsMy42LDIuOQ0KCQkJYzAsMS4xLTAuNSwxLjktMS40LDIuNWMtMC4xLDAuMS0wLjEsMC4yLTAuMSwwLjNjMCwwLjEsMC4xLDAuMiwwLjIsMC4yYzEuMywwLjYsMiwxLjcsMiwyLjlDMTkuOSwxOS4xLDE4LjEsMjAuNywxNS43LDIwLjd6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: 100%;
	mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjgsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO30NCgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDBoMjR2MjRIMFYweiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTE1LDQuNkMxMC45LDIuOSw2LjIsNC45LDQuNSw5UzQuOSwxNy44LDksMTkuNSBNOSwxNXY1SDQiLz4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMTUuNywyMC43Yy0yLjUsMC00LTEuOC00LTNjMC0wLjUsMC42LTAuOSwxLjEtMC45YzAuMywwLDAuNSwwLjIsMC44LDAuN2MwLjMsMC42LDAuOCwxLjQsMi4xLDEuNGMxLjEsMCwyLTAuOCwyLTEuOQ0KCQkJYzAtMS42LTEuMS0xLjctMS45LTEuOGMtMC44LTAuMS0xLjEtMC4yLTEuMS0wLjljMC0wLjcsMC4zLTAuOCwxLTFjMC42LTAuMiwxLjUtMC40LDEuNS0xLjZjMC0wLjktMC43LTEuNS0xLjYtMS41DQoJCQljLTEuMSwwLTEuNSwwLjYtMS44LDEuMWMtMC4zLDAuNC0wLjUsMC42LTAuOSwwLjZjLTAuNSwwLTAuOS0wLjUtMC45LTFjMC0xLjIsMS43LTIuNiwzLjYtMi42YzIuNiwwLDMuNiwxLjgsMy42LDIuOQ0KCQkJYzAsMS4xLTAuNSwxLjktMS40LDIuNWMtMC4xLDAuMS0wLjEsMC4yLTAuMSwwLjNjMCwwLjEsMC4xLDAuMiwwLjIsMC4yYzEuMywwLjYsMiwxLjcsMiwyLjlDMTkuOSwxOS4xLDE4LjEsMjAuNywxNS43LDIwLjd6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=');
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: 100%;
	background-color: #143963;
	transition: transform .2s;
}

.ti-icon-rotate-2:active {
	transform: scale(.8);
}

.ti-icon-rotate-clockwise-2 {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	-webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjgsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO30NCgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDBoMjR2MjRIMFYweiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTksNC42YzQuMS0xLjcsOC44LDAuMywxMC41LDQuNHMtMC4zLDguOC00LjUsMTAuNWwwLDAgTTE1LDE1djVoNSIvPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik03LjcsMjAuN2MtMi41LDAtNC0xLjgtNC0zYzAtMC41LDAuNi0wLjksMS4xLTAuOWMwLjMsMCwwLjUsMC4yLDAuOCwwLjdjMC4zLDAuNiwwLjgsMS40LDIuMSwxLjRjMS4xLDAsMi0wLjgsMi0xLjkNCgkJCWMwLTEuNi0xLjEtMS43LTEuOS0xLjhjLTAuOC0wLjEtMS4xLTAuMi0xLjEtMC45YzAtMC43LDAuMy0wLjgsMS0xYzAuNi0wLjIsMS41LTAuNCwxLjUtMS42YzAtMC45LTAuNy0xLjUtMS42LTEuNQ0KCQkJYy0xLjEsMC0xLjUsMC42LTEuOCwxLjFjLTAuMywwLjQtMC41LDAuNi0wLjksMC42Yy0wLjUsMC0wLjktMC41LTAuOS0xYzAuMi0xLjIsMS45LTIuNiwzLjctMi42YzIuNiwwLDMuNSwxLjgsMy41LDIuOQ0KCQkJYzAsMS4xLTAuNSwxLjktMS40LDIuNWMtMC4xLDAuMS0wLjEsMC4yLTAuMSwwLjNjMCwwLjEsMC4xLDAuMiwwLjIsMC4yYzEuMywwLjYsMiwxLjcsMiwyLjlDMTEuOSwxOS4xLDEwLjEsMjAuNyw3LjcsMjAuN3oiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: 100%;
	mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjgsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO30NCgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDBoMjR2MjRIMFYweiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTksNC42YzQuMS0xLjcsOC44LDAuMywxMC41LDQuNHMtMC4zLDguOC00LjUsMTAuNWwwLDAgTTE1LDE1djVoNSIvPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik03LjcsMjAuN2MtMi41LDAtNC0xLjgtNC0zYzAtMC41LDAuNi0wLjksMS4xLTAuOWMwLjMsMCwwLjUsMC4yLDAuOCwwLjdjMC4zLDAuNiwwLjgsMS40LDIuMSwxLjRjMS4xLDAsMi0wLjgsMi0xLjkNCgkJCWMwLTEuNi0xLjEtMS43LTEuOS0xLjhjLTAuOC0wLjEtMS4xLTAuMi0xLjEtMC45YzAtMC43LDAuMy0wLjgsMS0xYzAuNi0wLjIsMS41LTAuNCwxLjUtMS42YzAtMC45LTAuNy0xLjUtMS42LTEuNQ0KCQkJYy0xLjEsMC0xLjUsMC42LTEuOCwxLjFjLTAuMywwLjQtMC41LDAuNi0wLjksMC42Yy0wLjUsMC0wLjktMC41LTAuOS0xYzAuMi0xLjIsMS45LTIuNiwzLjctMi42YzIuNiwwLDMuNSwxLjgsMy41LDIuOQ0KCQkJYzAsMS4xLTAuNSwxLjktMS40LDIuNWMtMC4xLDAuMS0wLjEsMC4yLTAuMSwwLjNjMCwwLjEsMC4xLDAuMiwwLjIsMC4yYzEuMywwLjYsMiwxLjcsMiwyLjlDMTEuOSwxOS4xLDEwLjEsMjAuNyw3LjcsMjAuN3oiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==');
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: 100%;
	background-color: #143963;
	transition: transform .2s;
}

.ti-icon-rotate-clockwise-2:active {
	transform: scale(.8);
}

.ti-icon-arrows-shuffle {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWFycm93cy1zaHVmZmxlIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNMTggNGwzIDNsLTMgMyI+PC9wYXRoPjxwYXRoIGQ9Ik0xOCAyMGwzIC0zbC0zIC0zIj48L3BhdGg+PHBhdGggZD0iTTMgN2gzYTUgNSAwIDAgMSA1IDVhNSA1IDAgMCAwIDUgNWg1Ij48L3BhdGg+PHBhdGggZD0iTTIxIDdoLTVhNC45NzggNC45NzggMCAwIDAgLTMgMW0tNCA4YTQuOTg0IDQuOTg0IDAgMCAxIC0zIDFoLTMiPjwvcGF0aD48L3N2Zz4=');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: 100%;
	mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWFycm93cy1zaHVmZmxlIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNMTggNGwzIDNsLTMgMyI+PC9wYXRoPjxwYXRoIGQ9Ik0xOCAyMGwzIC0zbC0zIC0zIj48L3BhdGg+PHBhdGggZD0iTTMgN2gzYTUgNSAwIDAgMSA1IDVhNSA1IDAgMCAwIDUgNWg1Ij48L3BhdGg+PHBhdGggZD0iTTIxIDdoLTVhNC45NzggNC45NzggMCAwIDAgLTMgMW0tNCA4YTQuOTg0IDQuOTg0IDAgMCAxIC0zIDFoLTMiPjwvcGF0aD48L3N2Zz4=');
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: 100%;
	background-color: #8e8e93;
	transition: transform .2s;
}

.ti-icon-arrows-shuffle:active {
	transform: scale(.8);
}

.ti-icon-repeat-once {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXJlcGVhdC1vbmNlIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNNCAxMnYtM2EzIDMgMCAwIDEgMyAtM2gxM20tMyAtM2wzIDNsLTMgMyI+PC9wYXRoPjxwYXRoIGQ9Ik0yMCAxMnYzYTMgMyAwIDAgMSAtMyAzaC0xM20zIDNsLTMgLTNsMyAtMyI+PC9wYXRoPjxwYXRoIGQ9Ik0xMSAxMWwxIC0xdjQiPjwvcGF0aD48L3N2Zz4=');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: 100%;
	mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXJlcGVhdC1vbmNlIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNNCAxMnYtM2EzIDMgMCAwIDEgMyAtM2gxM20tMyAtM2wzIDNsLTMgMyI+PC9wYXRoPjxwYXRoIGQ9Ik0yMCAxMnYzYTMgMyAwIDAgMSAtMyAzaC0xM20zIDNsLTMgLTNsMyAtMyI+PC9wYXRoPjxwYXRoIGQ9Ik0xMSAxMWwxIC0xdjQiPjwvcGF0aD48L3N2Zz4=');
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: 100%;
	background-color: #8e8e93;
	transition: transform .2s;
}

.ti-icon-repeat-once:active {
	transform: scale(.8);
}

.ti-icon-repeat {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXJlcGVhdCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIj48L3BhdGg+PHBhdGggZD0iTTQgMTJ2LTNhMyAzIDAgMCAxIDMgLTNoMTNtLTMgLTNsMyAzbC0zIDMiPjwvcGF0aD48cGF0aCBkPSJNMjAgMTJ2M2EzIDMgMCAwIDEgLTMgM2gtMTNtMyAzbC0zIC0zbDMgLTMiPjwvcGF0aD48L3N2Zz4=');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: 100%;
	mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXJlcGVhdCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIj48L3BhdGg+PHBhdGggZD0iTTQgMTJ2LTNhMyAzIDAgMCAxIDMgLTNoMTNtLTMgLTNsMyAzbC0zIDMiPjwvcGF0aD48cGF0aCBkPSJNMjAgMTJ2M2EzIDMgMCAwIDEgLTMgM2gtMTNtMyAzbC0zIC0zbDMgLTMiPjwvcGF0aD48L3N2Zz4=');
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: 100%;
	background-color: #8e8e93;
	transition: transform .2s;
}

.ti-icon-repeat:active {
	transform: scale(.8);
}

.ti-icon-brand-speedtest {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0;
	-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWJyYW5kLXNwZWVkdGVzdCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIj48L3BhdGg+PHBhdGggZD0iTTUuNjM2IDE5LjM2NGE5IDkgMCAxIDEgMTIuNzI4IDAiPjwvcGF0aD48cGF0aCBkPSJNMTYgOWwtNCA0Ij48L3BhdGg+PC9zdmc+');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: 100%;
	mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWJyYW5kLXNwZWVkdGVzdCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIj48L3BhdGg+PHBhdGggZD0iTTUuNjM2IDE5LjM2NGE5IDkgMCAxIDEgMTIuNzI4IDAiPjwvcGF0aD48cGF0aCBkPSJNMTYgOWwtNCA0Ij48L3BhdGg+PC9zdmc+');
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: 100%;
	background-color: #8e8e93;
	transition: transform .2s;
}

.ti-icon-brand-speedtest:active {
	transform: scale(.8);
}

.ti-icon-align-box-left-top {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0;
	-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWFsaWduLWJveC1sZWZ0LXRvcCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIj48L3BhdGg+PHBhdGggZD0iTTMgM20wIDJhMiAyIDAgMCAxIDIgLTJoMTRhMiAyIDAgMCAxIDIgMnYxNGEyIDIgMCAwIDEgLTIgMmgtMTRhMiAyIDAgMCAxIC0yIC0yeiI+PC9wYXRoPjxwYXRoIGQ9Ik05IDEzaC0yIj48L3BhdGg+PHBhdGggZD0iTTEzIDEwaC02Ij48L3BhdGg+PHBhdGggZD0iTTExIDdoLTQiPjwvcGF0aD48L3N2Zz4=');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: 100%;
	mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWFsaWduLWJveC1sZWZ0LXRvcCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIj48L3BhdGg+PHBhdGggZD0iTTMgM20wIDJhMiAyIDAgMCAxIDIgLTJoMTRhMiAyIDAgMCAxIDIgMnYxNGEyIDIgMCAwIDEgLTIgMmgtMTRhMiAyIDAgMCAxIC0yIC0yeiI+PC9wYXRoPjxwYXRoIGQ9Ik05IDEzaC0yIj48L3BhdGg+PHBhdGggZD0iTTEzIDEwaC02Ij48L3BhdGg+PHBhdGggZD0iTTExIDdoLTQiPjwvcGF0aD48L3N2Zz4=');
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: 100%;
	background-color: #8e8e93;
	transition: transform .2s;
}

.ti-icon-align-box-left-top:active {
	transform: scale(.8);
}

/* アイコン下のテキスト */
.shufflediv {
	position: relative;
}

.shuffle_label {
	width: max-content;
	font-size: 0.7rem;
	letter-spacing: -0.05em;
	color: #8e8e93;
	top: 122.5%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	position: absolute;
}

.looponediv {
	position: relative;
}

.loopone_label {
	width: max-content;
	font-size: 0.7rem;
	letter-spacing: -0.05em;
	color: #8e8e93;
	top: 122.5%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	position: absolute;
}

.loopalldiv {
	position: relative;
}

.loopall_label {
	width: max-content;
	font-size: 0.7rem;
	letter-spacing: -0.05em;
	color: #8e8e93;
	top: 122.5%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	position: absolute;
}

.textdiv {
	position: relative;
}

.text_label {
	width: max-content;
	font-size: 0.7rem;
	letter-spacing: -0.05em;
	color: #8e8e93;
	top: 122.5%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	position: absolute;
}

.speeddiv {
	position: relative;
}

.current_speed {
	font-size: 0.8rem;
	color: #8e8e93;
	top: 120%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	position: absolute;
}


/* 文英堂ロゴ */
.logo {
	display: block;
	width: 30px;
	height: 32px;
	margin: auto;
	-webkit-mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2020.9%2022.7%22%20style%3D%22enable-background%3Anew%200%200%2020.9%2022.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cg%3E%20%3Cpolygon%20points%3D%2218%2C5.8%2019%2C5.8%2019%2C11%2020%2C11%2020%2C5.8%2020.9%2C5.8%2020.9%2C4.9%2018%2C4.9%20%22%2F%3E%20%3Cpath%20d%3D%22M16.1%2C10.2c-0.4%2C0-0.6-0.3-0.6-0.9l-0.9%2C0.1c0%2C1.1%2C0.6%2C1.7%2C1.6%2C1.7c0.8%2C0%2C1.5-0.6%2C1.5-1.5c0-0.8-0.4-1.3-1.1-1.9%20c-0.5-0.5-0.9-0.9-0.9-1.4c0-0.3%2C0.2-0.6%2C0.5-0.6c0.3%2C0%2C0.5%2C0.2%2C0.5%2C0.8l0.9-0.1c-0.1-1-0.6-1.5-1.4-1.5c-0.8%2C0-1.5%2C0.6-1.5%2C1.5%20c0%2C0.8%2C0.5%2C1.3%2C1.2%2C2c0.5%2C0.5%2C0.8%2C0.8%2C0.8%2C1.3C16.6%2C10%2C16.4%2C10.2%2C16.1%2C10.2z%22%2F%3E%20%3Cpolygon%20points%3D%2211.5%2C11%2013.9%2C11%2013.9%2C10.1%2012.4%2C10.1%2012.4%2C8.3%2013.5%2C8.3%2013.5%2C7.4%2012.4%2C7.4%2012.4%2C5.8%2013.9%2C5.8%2013.9%2C4.9%2011.5%2C4.9%20%22%2F%3E%20%3Cpath%20d%3D%22M9.8%2C7.9c0.4-0.3%2C0.7-0.8%2C0.7-1.4c0-1-0.6-1.6-1.6-1.6H7.6V11H9c1%2C0%2C1.5-0.5%2C1.5-1.6C10.5%2C8.6%2C10.3%2C8.2%2C9.8%2C7.9%20M8.6%2C5.8%20h0.3c0.4%2C0%2C0.6%2C0.2%2C0.6%2C0.8c0%2C0.5-0.2%2C0.8-0.5%2C0.8H8.6V5.8%20M9%2C10.1H8.6V8.3h0.3c0.5%2C0%2C0.7%2C0.3%2C0.7%2C0.9C9.6%2C9.8%2C9.4%2C10.1%2C9%2C10.1z%22%20%2F%3E%20%3Cpath%20d%3D%22M9.9%2C14.3H1.8l4.1-7L2.4%2C0.7c0%2C0%2C5.3%2C0%2C6%2C0c0.7%2C0%2C1.6%2C0.7%2C1.6%2C1.7c0%2C1%2C0%2C1.4%2C0%2C1.4h0.5V0H0l4.4%2C8.4L0%2C15.8h10.5V12H9.9%20V14.3z%22%2F%3E%20%3Cpath%20d%3D%22M0%2C17.4v5.3h20.9v-5.3H0z%20M13.6%2C17.9c0.1%2C0.2%2C0.3%2C0.4%2C0.4%2C0.6l-0.3%2C0.3c-0.1-0.2-0.2-0.4-0.4-0.6L13.6%2C17.9z%20M13.1%2C18.2%20c0.2%2C0.2%2C0.3%2C0.4%2C0.4%2C0.6l-0.3%2C0.2c0-0.1-0.2-0.4-0.4-0.7L13.1%2C18.2z%20M6.6%2C17.8c0.1%2C0.2%2C0.1%2C0.5%2C0.2%2C0.7l-0.4%2C0.1%20c0-0.1-0.1-0.6-0.2-0.7L6.6%2C17.8z%20M0.9%2C18.1c0.4%2C0.1%2C0.8%2C0.3%2C1.2%2C0.5l-0.2%2C0.7C1.4%2C19%2C1%2C18.8%2C0.6%2C18.7L0.9%2C18.1z%20M0.6%2C19.2%20c0.3%2C0.1%2C0.8%2C0.3%2C1.1%2C0.5l-0.2%2C0.7c-0.3-0.2-0.7-0.4-1.1-0.5L0.6%2C19.2z%20M0.7%2C22l-0.2-0.8c1.2-0.1%2C2-0.4%2C2.5-2.5L3.6%2C19%20C3%2C21.3%2C2.1%2C21.8%2C0.7%2C22z%20M6.6%2C20.3c-0.6%2C1.3-1.3%2C1.6-2.3%2C1.8l-0.2-0.7c0.9-0.2%2C1.8-0.5%2C2.2-2.2H5.1c-0.4%2C0.6-0.7%2C0.9-0.9%2C1%20l-0.4-0.6c0.7-0.4%2C1-1.1%2C1.2-1.8L5.6%2C18c-0.1%2C0.2-0.1%2C0.3-0.2%2C0.5h0.9c0%2C0%2C0%2C0.2%2C0%2C0.2L7%2C18.6C7%2C19.2%2C6.8%2C19.8%2C6.6%2C20.3z%20M7%2C18.5%20c0-0.2-0.1-0.4-0.2-0.7l0.3-0.1c0.1%2C0.2%2C0.1%2C0.5%2C0.2%2C0.7L7%2C18.5z%20M9.8%2C21.4L9.3%2C22c-0.4-0.7-1.1-1.4-1.5-1.8l0.5-0.5%20c0.1%2C0.1%2C0.3%2C0.2%2C0.6%2C0.6c0.1-0.1%2C0.2-0.2%2C0.4-0.4c0.4-0.4%2C0.5-0.7%2C0.6-0.8H7.4v-0.7h3.3c0%2C0.3-0.1%2C0.9-0.7%2C1.6%20c-0.3%2C0.4-0.6%2C0.7-0.7%2C0.8C9.6%2C21.1%2C9.7%2C21.3%2C9.8%2C21.4z%20M13.6%2C21.7c-0.6-1.1-1.3-2-1.4-2.1c-0.2-0.2-0.2-0.3-0.3-0.3%20c-0.1%2C0-0.1%2C0-0.3%2C0.4c-0.1%2C0.2-0.5%2C0.9-0.6%2C1.1l-0.4-0.7c0.1-0.2%2C0.6-0.9%2C0.7-1c0.4-0.5%2C0.5-0.6%2C0.7-0.6c0.2%2C0%2C0.5%2C0.3%2C0.6%2C0.4%20c0.2%2C0.2%2C1.1%2C1.5%2C1.6%2C2.2L13.6%2C21.7z%20M17.1%2C22.1c-0.4-0.5-0.8-1.1-1.1-1.4c-0.1%2C0.1-0.2%2C0.3-0.4%2C0.5c-0.5%2C0.6-0.9%2C0.7-1.1%2C0.8%20l-0.3-0.6c0.2-0.1%2C0.7-0.4%2C1.3-1.1c0.5-0.6%2C0.7-1.2%2C0.7-1.5h-1.8v-0.7h2.6c0%2C0.3-0.2%2C1-0.7%2C2c0.4%2C0.4%2C0.9%2C0.8%2C1.2%2C1.3L17.1%2C22.1z%20M20.3%2C20.8c-0.4-0.3-1-0.8-1.5-1v2.2h-0.6V18h0.6v1.1c0.6%2C0.2%2C1.3%2C0.6%2C1.8%2C1L20.3%2C20.8z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: 100%;
	mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2020.9%2022.7%22%20style%3D%22enable-background%3Anew%200%200%2020.9%2022.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cg%3E%20%3Cpolygon%20points%3D%2218%2C5.8%2019%2C5.8%2019%2C11%2020%2C11%2020%2C5.8%2020.9%2C5.8%2020.9%2C4.9%2018%2C4.9%20%22%2F%3E%20%3Cpath%20d%3D%22M16.1%2C10.2c-0.4%2C0-0.6-0.3-0.6-0.9l-0.9%2C0.1c0%2C1.1%2C0.6%2C1.7%2C1.6%2C1.7c0.8%2C0%2C1.5-0.6%2C1.5-1.5c0-0.8-0.4-1.3-1.1-1.9%20c-0.5-0.5-0.9-0.9-0.9-1.4c0-0.3%2C0.2-0.6%2C0.5-0.6c0.3%2C0%2C0.5%2C0.2%2C0.5%2C0.8l0.9-0.1c-0.1-1-0.6-1.5-1.4-1.5c-0.8%2C0-1.5%2C0.6-1.5%2C1.5%20c0%2C0.8%2C0.5%2C1.3%2C1.2%2C2c0.5%2C0.5%2C0.8%2C0.8%2C0.8%2C1.3C16.6%2C10%2C16.4%2C10.2%2C16.1%2C10.2z%22%2F%3E%20%3Cpolygon%20points%3D%2211.5%2C11%2013.9%2C11%2013.9%2C10.1%2012.4%2C10.1%2012.4%2C8.3%2013.5%2C8.3%2013.5%2C7.4%2012.4%2C7.4%2012.4%2C5.8%2013.9%2C5.8%2013.9%2C4.9%2011.5%2C4.9%20%22%2F%3E%20%3Cpath%20d%3D%22M9.8%2C7.9c0.4-0.3%2C0.7-0.8%2C0.7-1.4c0-1-0.6-1.6-1.6-1.6H7.6V11H9c1%2C0%2C1.5-0.5%2C1.5-1.6C10.5%2C8.6%2C10.3%2C8.2%2C9.8%2C7.9%20M8.6%2C5.8%20h0.3c0.4%2C0%2C0.6%2C0.2%2C0.6%2C0.8c0%2C0.5-0.2%2C0.8-0.5%2C0.8H8.6V5.8%20M9%2C10.1H8.6V8.3h0.3c0.5%2C0%2C0.7%2C0.3%2C0.7%2C0.9C9.6%2C9.8%2C9.4%2C10.1%2C9%2C10.1z%22%20%2F%3E%20%3Cpath%20d%3D%22M9.9%2C14.3H1.8l4.1-7L2.4%2C0.7c0%2C0%2C5.3%2C0%2C6%2C0c0.7%2C0%2C1.6%2C0.7%2C1.6%2C1.7c0%2C1%2C0%2C1.4%2C0%2C1.4h0.5V0H0l4.4%2C8.4L0%2C15.8h10.5V12H9.9%20V14.3z%22%2F%3E%20%3Cpath%20d%3D%22M0%2C17.4v5.3h20.9v-5.3H0z%20M13.6%2C17.9c0.1%2C0.2%2C0.3%2C0.4%2C0.4%2C0.6l-0.3%2C0.3c-0.1-0.2-0.2-0.4-0.4-0.6L13.6%2C17.9z%20M13.1%2C18.2%20c0.2%2C0.2%2C0.3%2C0.4%2C0.4%2C0.6l-0.3%2C0.2c0-0.1-0.2-0.4-0.4-0.7L13.1%2C18.2z%20M6.6%2C17.8c0.1%2C0.2%2C0.1%2C0.5%2C0.2%2C0.7l-0.4%2C0.1%20c0-0.1-0.1-0.6-0.2-0.7L6.6%2C17.8z%20M0.9%2C18.1c0.4%2C0.1%2C0.8%2C0.3%2C1.2%2C0.5l-0.2%2C0.7C1.4%2C19%2C1%2C18.8%2C0.6%2C18.7L0.9%2C18.1z%20M0.6%2C19.2%20c0.3%2C0.1%2C0.8%2C0.3%2C1.1%2C0.5l-0.2%2C0.7c-0.3-0.2-0.7-0.4-1.1-0.5L0.6%2C19.2z%20M0.7%2C22l-0.2-0.8c1.2-0.1%2C2-0.4%2C2.5-2.5L3.6%2C19%20C3%2C21.3%2C2.1%2C21.8%2C0.7%2C22z%20M6.6%2C20.3c-0.6%2C1.3-1.3%2C1.6-2.3%2C1.8l-0.2-0.7c0.9-0.2%2C1.8-0.5%2C2.2-2.2H5.1c-0.4%2C0.6-0.7%2C0.9-0.9%2C1%20l-0.4-0.6c0.7-0.4%2C1-1.1%2C1.2-1.8L5.6%2C18c-0.1%2C0.2-0.1%2C0.3-0.2%2C0.5h0.9c0%2C0%2C0%2C0.2%2C0%2C0.2L7%2C18.6C7%2C19.2%2C6.8%2C19.8%2C6.6%2C20.3z%20M7%2C18.5%20c0-0.2-0.1-0.4-0.2-0.7l0.3-0.1c0.1%2C0.2%2C0.1%2C0.5%2C0.2%2C0.7L7%2C18.5z%20M9.8%2C21.4L9.3%2C22c-0.4-0.7-1.1-1.4-1.5-1.8l0.5-0.5%20c0.1%2C0.1%2C0.3%2C0.2%2C0.6%2C0.6c0.1-0.1%2C0.2-0.2%2C0.4-0.4c0.4-0.4%2C0.5-0.7%2C0.6-0.8H7.4v-0.7h3.3c0%2C0.3-0.1%2C0.9-0.7%2C1.6%20c-0.3%2C0.4-0.6%2C0.7-0.7%2C0.8C9.6%2C21.1%2C9.7%2C21.3%2C9.8%2C21.4z%20M13.6%2C21.7c-0.6-1.1-1.3-2-1.4-2.1c-0.2-0.2-0.2-0.3-0.3-0.3%20c-0.1%2C0-0.1%2C0-0.3%2C0.4c-0.1%2C0.2-0.5%2C0.9-0.6%2C1.1l-0.4-0.7c0.1-0.2%2C0.6-0.9%2C0.7-1c0.4-0.5%2C0.5-0.6%2C0.7-0.6c0.2%2C0%2C0.5%2C0.3%2C0.6%2C0.4%20c0.2%2C0.2%2C1.1%2C1.5%2C1.6%2C2.2L13.6%2C21.7z%20M17.1%2C22.1c-0.4-0.5-0.8-1.1-1.1-1.4c-0.1%2C0.1-0.2%2C0.3-0.4%2C0.5c-0.5%2C0.6-0.9%2C0.7-1.1%2C0.8%20l-0.3-0.6c0.2-0.1%2C0.7-0.4%2C1.3-1.1c0.5-0.6%2C0.7-1.2%2C0.7-1.5h-1.8v-0.7h2.6c0%2C0.3-0.2%2C1-0.7%2C2c0.4%2C0.4%2C0.9%2C0.8%2C1.2%2C1.3L17.1%2C22.1z%20M20.3%2C20.8c-0.4-0.3-1-0.8-1.5-1v2.2h-0.6V18h0.6v1.1c0.6%2C0.2%2C1.3%2C0.6%2C1.8%2C1L20.3%2C20.8z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: 100%;
	background-color: #fff;
	transition: transform .2s;
}

.logo:active {
	transform: scale(.8);
}

/* リストボタン */
.contents_list {
	margin: 0.5rem;
	display: flex;
	flex-direction: column;
}
.list_button a {
    background: #f3f6f9;
	color: #222;
    position: relative;
    display: flex;
	width: min(100%, 35em);
    margin: 0 auto;
    padding: 10px 25px;
    transition: 0.3s ease-in-out;
	text-decoration: none;
	font-weight: bold;
}
.list_button a span {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	padding-right: 1rem;
}
.list_button a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right .2s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.list_button a:active {
	background: #143963;
	color: #fff;
  }
  .list_button a:active:after {
	right: 1.4rem;
  }

.list_policy a{
	text-align: center;
	color: #17181B;
    position: relative;
	width: min(100%, 35em);
    margin: 0 auto;
    padding: 10px 25px;
    transition: 0.3s ease-in-out;
	text-decoration: none;
}

/* テキストブック */
.textbook {
	font-size: 1.25rem;
	line-height: 1.75;
	display: block;
	padding: 20px;
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	width: min(100%, 35em);
    margin: 0 auto;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	}
.textbook::-webkit-scrollbar{
		display:none;
	  }

.textbook p {
	text-indent: 1em;
}

.tb_lsit {
	text-indent: -1em;
	padding-left: 1em;
	list-style: none;
	margin-bottom: 0.25rem;
}

/* 戻るボタン */
.back_page {
	display: block;
	width: 30px;
	height: 30px;
	margin: auto 20px auto 10px;
	-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWFycm93LWxlZnQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iY3VycmVudENvbG9yIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik01IDEybDE0IDAiIC8+PHBhdGggZD0iTTUgMTJsNiA2IiAvPjxwYXRoIGQ9Ik01IDEybDYgLTYiIC8+PC9zdmc+');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: 100%;
	mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWFycm93LWxlZnQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iY3VycmVudENvbG9yIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik01IDEybDE0IDAiIC8+PHBhdGggZD0iTTUgMTJsNiA2IiAvPjxwYXRoIGQ9Ik01IDEybDYgLTYiIC8+PC9zdmc+');
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: 100%;
	background-color: #fff;
	transition: transform .2s;
}

.back_page:active {
	transform: scale(.8);
}

/* プライバシーポリシー */
.list_policy {
	margin-top: 10px;
	font-size: 0.8rem;
}