@charset "utf-8";

html {
	box-sizing               : border-box;
	-webkit-text-size-adjust : 100%;
	word-break               : break-word;
	-moz-tab-size            : 4;
	tab-size                 : 4;
	font-family              : 'Helvetica', sans-serif;
	/*font-size                : 62.5%;*/
	font-size                : 16px;
}
*, ::before, ::after {
	background-repeat : no-repeat;
	box-sizing        : inherit;
}
::before, ::after {
	text-decoration : inherit;
	vertical-align  : inherit;
}
* {padding: 0;margin: 0;}
hr {
	overflow : visible;
	height   : 0;
}
details, main {display: block;}
small {font-size: 80%;}
a {
	text-decoration             : none;
	background-color            : transparent;
	outline                     : none;
	-webkit-tap-highlight-color : rgba(0, 0, 0, 0);
}
a:active,
a:hover {outline-width: 0;}
code, kbd, pre, samp {font-family: monospace, monospace;}
pre {font-size: 1em;}
b,
strong {font-weight: bolder;}
input {border-radius: 0;}
[disabled] {cursor: default;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {
	-webkit-appearance : textfield;
	outline-offset     : -2px
}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
textarea {
	overflow : auto;
	resize   : vertical;
}
button,
input,
optgroup,
select,
textarea {font: inherit;}
button {overflow: visible;}
button,
select {text-transform: none;}
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
	cursor  : pointer;
	outline : none;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style : none;
	padding      : 0;
	outline      : none;
}
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {outline: 1px dotted ButtonText;}
button,
html [type="button"],
[type="reset"],
/*[type="submit"] {-webkit-appearance: button;}*/
svg:not([fill]) {fill: currentColor;}


/* ◆ common ◇ ------------------------------*/
button,input,
select,textarea {
	background-color : transparent;
	border-style     : none;
}
input,select {
	-moz-appearance    : none;
	-webkit-appearance : none;
}
img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	vertical-align : middle;
	border-style   : none;
}
h1, h2, h3, h4 {font-family: 'Kosugi Maru', sans-serif;}
h1 {font-weight: bold;}
dl,dt,dd,ul,li {margin: 0;}
dt {font-weight: normal;}
/* △ resetEnd ▲ */

/* スマホスクロールバグ回避 */
body {
	-webkit-font-smoothing  : antialiased;
	-moz-osx-font-smoothing : grayscale;
}
li {list-style : none;}
.bld {font-weight: bold;}
.red {color: red;}

/* --------------------------------------------------- ▽ */
/*   styles
/* --------------------------------------------------- ▽ */
body {
	background: #fff;
	width: 100%;
	font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  font-size: 16px;
	line-height: 1.7;
}
a {
	cursor: pointer;
}


/*====================================
ヘッダー
======================================*/
header {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}
header > div {
	max-width: 1200px;
  margin: 0 auto;
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	gap: 10px;
}
header > div img {
	max-height: 44px;
}
header > div > p {
	font-size: 12px;
}


/*====================================
メイン
======================================*/
#wrapper {
	background: #fff;
	width: 100%;
	margin: 0 auto;
	color: #333;
}
main {
	width: 100%;
	margin: 0 auto;
}
.top {
	background: url(../img/toratop_bg.jpg) top center no-repeat;
	background-size: cover;
}
.box01 {
	background: url(../img/tora01_bg.jpg) top center no-repeat;
	background-size: cover;
}
.box01 img {
	mix-blend-mode: multiply;
}
.box02 {
	background: #fff;
}
.box_inner {
	max-width: 715px;
	width: 100%;
	margin: 0 auto;
}


p.fs26 {
	font-size: 26px;
}
.box02 a img {
	margin: 60px auto 40px;
}
.box02 a img:hover {
  opacity: 0.7;
}
.innerText {
	font-size: 20px;
	text-align: left;
	padding-bottom: 50px;
}
.box02 ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.box02 li {
  margin: 0 .5em;
  font-size: 75%;
}
.box02 a {
	text-decoration: underline;
}


/*====================================
利用規約・特商
======================================*/
.rule main {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
}
#pages {
	padding: 10px;
}
.rule h1 {
	background: #3d3d3d;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
  padding: 7px 0 4px 10px;
}
#pages > h2 {
	color: #c1181f;
	font-weight: bold;
  border-bottom: 2px solid #ffdd67;
  margin: 10px auto;
}
#pages > h3 {
	color: #333;
  font-size: 13px;
  padding: 0.5em 0.5em 0.6em 1em;
  border: 1px solid #CCC;
  margin-bottom: 0.75em;
}
#pages ol,#pages p {
  margin: 0 5px 20px;
}
#pages ol li {
  list-style: decimal;
  line-height: 1.4;
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}
#pages ol li > ol li {
  list-style: lower-roman;
}

/*====================================
フッター
======================================*/
footer {
	width: 100%;
	margin: 0 auto;
	color: #fff;
	background-color: #333;
}
.coutionbox01{
	max-width:800px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 20px 5px;
	line-height: 1.4em;
	text-align: left;
}
.cyuitaitle {
	margin-bottom:5px;
	font-size: 12px;
	font-weight: bold;
}
.cyuihonbun {
	margin-bottom: 30px;
	font-size: 11px;
}
.copy {
	text-align: center;
	font-size: 60%;
	padding-bottom: 1.5em;
}


/* --------------------------------------------------- ▽ */
/*   mediaQuery
/* --------------------------------------------------- ▽ */
@media screen and (max-width: 600px) {
	.box02,p.fs26 {
		font-size: 18px;
	}
	.innerText {
		font-size: 16px;
	}
	.box02 h2,.box04 h2 {
		font-size: 26px;
	}
	.box02 a img {
		max-width:300px;
		width: 100%;
	}
}