@charset"UTF-8";

/* ◆◆リセット◆◆ */
html, body, div, h1, h2, h3, p, ul, ol, li, table, tr, th, td,
header, nav, section, figure, article, aside, footer {
	margin : 0;
	padding : 0;
}

h1, h2, h3, h4, h5, h6, th {
	font-weight : normal;
}

ul {
	list-style : none;
}

th {
	text-align : left;
}

address {
	font-style : normal;
}

img {
	vertical-align : bottom;
}

iframe {	
	border : none;
	overflow : hidden;
}



/* ◆◆基本◆◆ */
html {
	height : 100%;
}

body {
	background : url(../images/pattern.png) center center no-repeat fixed #000;
	background-size : cover;
	height : 100%;
	margin : 0 auto;
	font-family : -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
	color : #fff;
	line-height : 2em;
}

h1 {
	font-weight : bold;
	font-size : 1.4em;
	line-height : 1.5em;
}

h2 {
	font-size : 1.6em;
	font-weight : bold;
}

h3 {
}

p {
}

li {
}

table {
	width : 100%;
	border-spacing : 0;
}

th, td {
	padding : 5px;
}

th {
}

td {
}

img {
	width : 100%;
}

a {
	text-decoration : none;
}

a:link {
}

a:visited {
}

a:hover {
}

.flexParent {
	display : flex;
}

.sp {
}

.note {
}


/* ◆◆wrap◆◆ */
div#wrap {
	width : 85vw;
	max-width : 640px;
	margin : 0 auto;
}



/* ◆◆ヘッダ◆◆ */
header {
	border-bottom : solid 1px #FFFBDA;
	margin : 1.5em 0 1em;
	padding : 0.5em 0;
	color : #FFFBDA;
}



/* ◆０１：音声ガイド◆ */
section#cont01 {
	margin-bottom : 0.3rem;
}

section#cont01 audio {
	width : 100%;
}



/* ◆０２：画像◆ */
section#cont02 {
	margin-bottom : 3rem;
}



/* ◆◆０３：本文◆◆ */
section#cont03 {
	margin-bottom : 3rem;
	text-indent : 1em;
}



/* ◆◆アプリダウンロード誘導◆◆ */
section#appDownload {
	display : none;
}

section#appDownload h2 {
	border-bottom : solid 1px #FFFBDA;
	margin : 4em 0 1em;
}

section#appDownload div.typeButton p a {
	display : block;
	background : #000;
	border : solid 2px #FFFBDA;
	border-radius : 10px;
	margin : 2em auto;
	width : 50%;
	padding : 20px;
	text-align : center;
	font-size : 1.5rem;
	color : #FFFBDA;
}

section#appDownload div p a img:not(:last-child) {
	margin : 10px 0;
}



/* ◆◆文字サイズ◆◆ */
section#smlButton {
    display: none;
	background : #555;
	position : fixed;
	right : 0;
	top : 1rem;
	padding : 0.25rem;
	width : 275px;
	line-height : 1em;
	font-size : 16px;
}

section#smlButton span#sButton {
	border : solid 1px #fff;
	font-size : 1rem;
}

section#smlButton span#mButton {
	border : solid 1px #999;
	font-size : 1.25rem;
}

section#smlButton span#lButton {
	border : solid 1px #999;
	font-size : 1.5rem;
}

section#smlButton span.smlInside {
	display : inline-block;
	width : 2.5rem;
	line-height : 2.25rem;
	text-align : center;
	vertical-align : bottom;
}

section#smlButton span#smlOpen {
	position : relative;
	display : inline-block;
	transform : rotate(-90deg);
	width : 2.5rem;
	line-height : 2.25rem;
	text-align : center;
}

