@charset "utf-8";

*{ font-family: Meiryo, "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; box-sizing: border-box; }
*::-webkit-input-placeholder{ color: #BBB; }
*::-moz-placeholder{ color: #BBB; }
*:-ms-input-placeholder{ color: #BBB; }

p,div,td,dd,li,h1,h2,h3{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=); }

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

img{ vertical-align: middle; border: none; }

input[type="tel"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="submit"]{ -webkit-appearance: none; appearance: none; border-radius: 0; margin: 0; outline: none; }

button{ -webkit-appearance: none; appearance: none; border-radius: 0; outline: 0; cursor: pointer; }

@media print, screen and (min-width: 641px)
{
	input[type="text"]{ border: 1px solid #BBB; padding: 7px 7px; font-size: 14px; border-radius: 2px; transition: border 100ms 0s ease; }
	input[type="text"]:focus{ border: 1px solid #E8BC02; }
	input[type="text"]::selection{ background: #2A0001; color: #FFF; }
	input[type="number"]{ border: 1px solid #BBB; padding: 7px 7px; font-size: 14px; border-radius: 2px; transition: border 100ms 0s ease; }
	input[type="number"]:focus{ border: 1px solid #E8BC02; }
	input[type="number"]::selection{ background: #2A0001; color: #FFF; }
	input[type="tel"]{ border: 1px solid #BBB; padding: 7px 7px; font-size: 14px; border-radius: 2px; transition: border 100ms 0s ease; }
	input[type="tel"]:focus{ border: 1px solid #E8BC02; }
	input[type="tel"]::selection{ background: #E8BC02; color: #FFF; }
	input[type="email"]{ border: 1px solid #BBB; padding: 7px 7px; font-size: 14px; border-radius: 2px; transition: border 100ms 0s ease; }
	input[type="email"]:focus{ border: 1px solid #E8BC02; }
	input[type="email"]::selection{ background: #E8BC02; color: #FFF; }
	input[type="file"]{ height: 30px; font-size: 14px; border-radius: 2px; transition: border 100ms 0s ease; }
	input[type="file"]:focus{}
	input[type="file"]::selection{}
	input[type="password"]{ border: 1px solid #BBB; padding: 7px 7px; font-size: 14px; border-radius: 2px; }
	input[type="password"]:focus{ border: 1px solid #E8BC02; }
	input[type="password"]::selection{ background: #2A0001; color: #FFF; }
	textarea{ border: 1px solid #BBB; padding: 3px 5px; font-size: 14px; }
	textarea:focus{ border: 1px solid #E8BC02; }
	select{ padding: 6px 5px; border: 1px solid #BBB; border-radius: 2px; font-size: 14px; }
	select:focus{ border: 1px solid #E8BC02; }
	input.full,
	textarea.full,
	select.full{ width: 100%; }
}
@media screen and (max-width: 640px)
{
	input[type="text"]{ border: 1px solid #BBB; padding: 7px 7px; font-size: 15px; border-radius: 2px; transition: border 100ms 0s ease; }
	input[type="text"]:focus{ border: 1px solid #E8BC02; }
	input[type="text"]::selection{ background: #2A0001; color: #FFF; }
	input[type="number"]{ border: 1px solid #BBB; padding: 7px 7px; font-size: 15px; border-radius: 2px; transition: border 100ms 0s ease; }
	input[type="number"]:focus{ border: 1px solid #E8BC02; }
	input[type="number"]::selection{ background: #2A0001; color: #FFF; }
	input[type="tel"]{ border: 1px solid #BBB; padding: 7px 7px; font-size: 15px; border-radius: 2px; transition: border 100ms 0s ease; }
	input[type="tel"]:focus{ border: 1px solid #E8BC02; }
	input[type="tel"]::selection{ background: #2A0001; color: #FFF; }
	input[type="email"]{ border: 1px solid #BBB; padding: 7px 7px; font-size: 15px; border-radius: 2px; transition: border 100ms 0s ease; }
	input[type="email"]:focus{ border: 1px solid #E8BC02; }
	input[type="email"]::selection{ background: #2A0001; color: #FFF; }
	input[type="file"]{ height: 30px; font-size: 14px; border-radius: 2px; transition: border 100ms 0s ease; }
	input[type="file"]:focus{}
	input[type="file"]::selection{}
	input[type="password"]{ border: 1px solid #BBB; padding: 7px 7px; font-size: 15px; border-radius: 2px; }
	input[type="password"]:focus{ border: 1px solid #E8BC02; }
	input[type="password"]::selection{ background: #2A0001; color: #FFF; }
	textarea{ border: 1px solid #BBB; padding: 3px 5px; font-size: 14px; }
	textarea:focus{ border: 1px solid #E8BC02; }
	select{ padding: 6px 5px; border: 1px solid #BBB; border-radius: 2px; font-size: 14px; }
	select:focus{ border: 1px solid #E8BC02; }
	input.full,
	textarea.full,
	select.full{ width: 100%; }
}

@media print, screen and (min-width: 641px)
{
}
@media screen and (max-width: 640px)
{
	body.topPage{}
	body.subPage{ padding-bottom: 18%; }

	#footerNavi{ padding-top: 18%; }
}

select option{ background: #FFF; }
select optgroup{ background: #EFEBDB; }

input.disabled{ background: #CCC !important; border: 1px solid #999; }
textarea.disabled{ background: #CCC !important; border: 1px solid #999; }

/*
@media print, screen and (min-width: 641px)
{
*/
	body {
		margin: 0px;
		color: #FFF;
		position: relative;
		background: #2A0001;
		min-width: 320px;
	}
	body.topPage{}
	body.subPage{ padding-bottom: 70px; }

	img{ border: none; vertical-align: middle; }

	.hide{ display: none; }

	.left{ text-align: left; } 
	.right{ text-align: right; }
	.center{ text-align: center; }

	.mb0{ margin-bottom: 0px !important; }
	.mb3{ margin-bottom: 3px !important; }
	.mb5{ margin-bottom: 5px !important; }
	.mb10{ margin-bottom: 10px !important; }
	.mb12{ margin-bottom: 12px !important; }
	.mb15{ margin-bottom: 15px !important; }
	.mb20{ margin-bottom: 20px !important; }
	.mb30{ margin-bottom: 30px !important; }
	.mb40{ margin-bottom: 40px !important; }
	.mb50{ margin-bottom: 50px !important; }

	a{ color: #FFF; text-decoration: underline; }

	label{ display: inline-block; font-size: 15px; line-height: 21px; position: relative; margin-right: 9px; padding-left: 23px; padding-top: 2px; cursor: pointer; }
	label input[type=radio]{ position: absolute; margin: 0px; top: 5px; left: 0px; transform: scale(1.2); }
	label input[type=checkbox]{ position: absolute; margin: 0px; top: 6px; left: 0px; transform: scale(1.2); }

	.btnConfirmLater{ background: #3F60A3 !important; }
	.btnConfirmAgree{ background: #3F60A3 !important; }

	button.btnStd,
	a.btnStd{ text-decoration: none; display: inline-block; border: 1px solid #5B3C3B; background: #492526; color: #FFF; font-size: 15px; border-radius: 30px; margin: 0px auto; padding: 10px 30px; text-align: center; }

	/*
		header
	*/
	header{ margin: 18px 0px 15px; }
	header div.inner{ overflow: hidden; }
	header div.inner .title{ max-width: 154px; width: 30%; margin: 0px auto; padding: 0px; }
	header div.inner .title a{ background: url(../img/headerLogo.png) no-repeat; background-size: 100% auto; display: block; width: 100%; height: 0px; padding-top: 100%; white-space: nowrap; text-indent: 100%; overflow: hidden; }

	/*
		#footerNavi
	*/
	#footerNavi{ background: #492526; width: 100%; height: 0px; position: fixed; bottom: 0px; padding-top: 70px; }
	#footerNavi div.inner{ width: 100%; height: 100%; position: absolute; top: 0px; }
	#footerNavi div.inner ul{ list-style: none; height: 100%; margin: 0px; padding: 0px; }
	#footerNavi div.inner ul li{ height: 100%; }
	#footerNavi div.inner ul li.home a{ display: block; height: 100%; line-height: 70px; text-align: center; }
	#footerNavi div.inner ul li.home a:before{ content: ''; background: url("../svg/iconHome.svg") left bottom no-repeat; background-size: 100% auto; display: inline-block; width: 23px; height: 20px; vertical-align: middle; margin: 0 5px 0 0; }

	/*
		footer
	*/
	footer { clear: both; overflow: hidden; margin: 20px 5% 0px; }
	footer div.navi{}
	footer div.navi ul{ list-style: none; display: flex; justify-content: center; margin: 0px 0px 10px 0px; padding: 0px; }
	footer div.navi ul li{ padding: 0px 10px; font-size: 14px; }
	footer div.copyright{ text-align: center; line-height: 17px; font-size: 13px; padding: 10px 0px; }

	/*
		#pageOuter
	*/
	div#pageOuter{}

	/*
		div.page
	*/
	div.page {}
	div.page div.inner{ max-width: 640px; margin: 0px auto; padding: 0px 15px; }
	div.page div.inner img{ max-width: 100%; }
	
	div.page .h1{ font-size: 25px; font-weight: normal; line-height: 30px; padding: 0px 0px 9px 0px; margin: 0px 0px 20px 0px; border-bottom: 5px solid #794F4F; }
	div.page .h2{ font-size: 21px; font-weight: normal; line-height: 27px; padding: 0px 0px 9px 0px; margin: 0px 0px 20px 0px; border-bottom: 5px solid #794F4F; }
	div.page .h3{ font-size: 16px; font-weight: normal; line-height: 21px; padding: 0px 0px 2px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px dashed #EEE; overflow: hidden; }

	div.header{ margin: 0px auto 15px; max-width: 640px; padding: 0px 15px; }
	div.header ul{ list-style: none; padding: 0px; display: flex; justify-content: space-between; align-items: center; }
	div.header ul li.welcome{ flex-grow: 5; }
	div.header ul li.myPage{}
	div.header ul li.myPage a{ display: block; text-decoration: none; background: #492526; color: #FFF; font-size: 15px; padding: 4px 10px 4px 10px; border-radius: 3px; white-space: nowrap; margin-left: 10px; }
	div.header ul li.myPage a:before{ content: ''; background: url("../svg/iconUser.svg") left bottom no-repeat; background-size: 100% auto; display: inline-block; width: 23px; height: 20px; vertical-align: middle; margin: 0 5px 0 0; }
	div.header ul li.notifier{ position: relative; text-decoration: none; margin-left: 10px; padding-right: 2px; }
	div.header ul li.notifier a{ display: block; background: #492526; color: #FFF; font-size: 15px; padding: 4px 10px 4px 10px; border-radius: 3px; white-space: nowrap; }
	div.header ul li.notifier a:before{ content: ''; background: url("../svg/iconBell.svg") left bottom no-repeat; background-size: 100% auto; display: inline-block; width: 23px; height: 20px; vertical-align: middle; margin: 0 5px 0 0; }
	div.header ul li.notifier span{ background: #F33; color: #FFF; font-size: 12px; line-height: 22px; height: 22px; width: 22px; border-radius: 20px; display: inline-block; text-align: center; position: absolute; top: -10px; right: -10px; }

	dl.pagerNavi { margin-bottom: 30px; overflow: hidden; }
	dl.pagerNavi dt{ margin-bottom: 7px; font-size: 14px; }
	dl.pagerNavi dd{ margin: 0px; padding: 0px; float: left; font-size: 14px; }
	dl.pagerNavi dd ul{ list-style: none; overflow: hidden; padding: 0px; margin: 0px; }
	dl.pagerNavi dd ul li{ float: left; margin: 0px; padding: 0px; }
	dl.pagerNavi dd ul li a{ display: inline-block; padding: 0px 9px; margin-right: 5px; border-radius: 2px; line-height: 26px; height: 26px; font-size: 14px; text-decoration: none; background: #2A0001; color: #FFF; }
	dl.pagerNavi dd ul li span{ display: inline-block; border: 1px solid #CCC; padding: 0px 8px; margin-right: 5px; border-radius: 2px; line-height: 24px; height: 26px; font-size: 14px; }
	dl.pagerNavi dd ul li a:active{ border: 1px solid #CCC; padding: 0px 8px; }
	dl.pagerNavi dd ul li a svg{ pointer-events: none; }
	dl.pagerNavi dd.right{ float: right; margin-top: -4px; }


	/*
		#pageHome
	*/
	#pageHome{}
	#pageHome div.boxSample{ text-align: center; margin-bottom: 30px; border: 5px solid #999; padding: 15px 10px; font-size: 15px; line-height: 25px; }
	#pageHome dl.ticker{ overflow: hidden; display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0px 0px 5% 0px; padding: 0px; }
	#pageHome dl.ticker dt{ border: 1px solid #FFF; font-size: 15px; line-height: 19px; margin: 0px; padding: 5px 12px 2px 12px; white-space: nowrap; }
	#pageHome dl.ticker dd{ font-size: 15px; line-height: 19px; overflow: hidden; margin: 0px 0px 0px 10px; padding: 6px 0px 0px 0px; }
	#pageHome dl.ticker dd ul{ overflow: hidden; list-style: none; margin: 0px; padding: 0px; display: inline-block; white-space: nowrap; }
	#pageHome dl.ticker dd ul li{ display: inline; margin: 0px 30px 0px 0px; padding: 0px; }

@media print, screen and (min-width: 641px)
{
	#pageHome ul.menu{ display: flex; flex-wrap: wrap; list-style: none; justify-content: space-between; margin: 0px; padding: 0px; align-items: stretch; }
	#pageHome ul.menu:after{ content: ''; width: 32%; }
	#pageHome ul.menu li{ width: 32%; height: 30vw; max-height: 200px; margin-bottom: 2%; border: 1px solid #482214; border-radius: 8px; }
	#pageHome ul.menu li.external{ background: url("../svg/iconExternal.svg?1") no-repeat right 8px top 8px; background-size: 20px auto; }
	#pageHome ul.menu li a,
	#pageHome ul.menu li button{ font-size: 15px; line-height: 23px; height: 100%; padding: 10%; text-decoration: none; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; flex-direction: column; }
	#pageHome ul.menu li button{ border: none; width: 100%; outline: none; color: #FFF; }
	#pageHome ul.menu li form{ display: block; height: 100%; }
	#pageHome ul.menu li.trouble a{ background: url("../svg/iconTrouble.svg?") no-repeat center 22%; background-size: 31% auto; padding: 53% 0 0 0; }
	#pageHome ul.menu li.trouble span{ font-size: 14px; color: #CCC; display: block; margin-bottom: 2px; }
	#pageHome ul.menu li.youtube a{ background: url("../svg/iconYoutube.svg?") no-repeat center 28%; background-size: 31% auto; padding: 53% 0 0 0; }
	#pageHome ul.menu li.youtube span{ font-size: 14px; color: #CCC; display: block; margin-bottom: 2px; }
	#pageHome ul.menu li.cluboff button{ background: url("../svg/iconHelp.svg?") no-repeat center 22%; background-size: 33% auto; padding: 53% 0 0 0; }
	#pageHome ul.menu li.cluboff span{ font-size: 14px; color: #CCC; display: block; margin-bottom: 2px; }
	#pageHome ul.menu li.lineat a{ background: url("../svg/iconLineat.svg?") no-repeat center 22%; background-size: 32% auto; padding: 53% 0 0 0; }
	#pageHome ul.menu li.lineat span{ font-size: 14px; color: #CCC; display: block; margin-bottom: 2px; }
	#pageHome ul.menu li.life a{ background: url("../svg/iconLife.svg?") no-repeat center 22%; background-size: 32% auto; padding: 53% 0 0 0; }
	#pageHome ul.menu li.life span{ font-size: 14px; color: #CCC; display: block; margin-bottom: 2px; }
	#pageHome ul.menu li.sugi{}
	#pageHome ul.menu li.sugi a{ padding: 53% 0 0 0; background: url("../img/iconSugi.png") no-repeat center top 12%; background-size: 80% auto; }
	#pageHome ul.menu li.sugi span{ font-size: 14px; color: #CCC; display: block; margin-bottom: 2px; }
	#pageHome ul.menu li.royal-sketter{ border-color: #917A72; }
	#pageHome ul.menu li.royal-sketter a{ padding: 53% 0 0 0; }
	#pageHome ul.menu li.royal-sketter a::before{ content: ''; position: absolute; left: 0; right: 0; top: 10%; margin: 0 auto; display: block; width: 55%; height: 40%; border-radius: 8px; background: #FFF url("../svg/iconRoyalSketter.svg") no-repeat center center; background-size: 80% auto; }
	#pageHome ul.menu li.royal-sketter span{ font-size: 14px; color: #CCC; display: block; margin-bottom: 2px; }
	#pageHome ul.menu li.support a{ background: url("../svg/iconSupport.svg?") no-repeat left 56% top 24%; background-size: 32% auto; padding: 53% 0 0 0; }
	#pageHome ul.menu li.support span{ font-size: 14px; color: #CCC; display: block; margin-bottom: 2px; }
	#pageHome ul.menu li.topics a{ background: url("../svg/iconTopics.svg?") no-repeat center 24%; background-size: 32% auto; padding: 53% 0 0 0; }
	#pageHome ul.menu li.topics span{ font-size: 14px; color: #CCC; display: block; margin-bottom: 2px; }
	#pageHome ul.menu li.news a{ background: url("../svg/iconNews.svg?") no-repeat center 29%; background-size: 32% auto; padding: 53% 0 0 0; }
	#pageHome ul.menu li.news span{ font-size: 14px; color: #CCC; display: block; margin-bottom: 2px; }
	#pageHome ul.menu li.manual a{ background: url("../svg/iconManual.svg?") no-repeat center 29%; background-size: 34% auto; padding: 53% 0 0 0; }
	#pageHome ul.menu li.manual span{ font-size: 14px; color: #CCC; display: block; margin-bottom: 2px; }
}
@media screen and (max-width: 640px)
{
	#pageHome ul.menu{ display: flex; flex-wrap: wrap; list-style: none; justify-content: space-between; margin: 0px; padding: 0px; align-items: stretch; }
	#pageHome ul.menu:after{ content: ''; width: 32%; }
	#pageHome ul.menu li{ width: 32%; height: 30vw; max-height: 200px; margin-bottom: 2%; border: 1px solid #482214; border-radius: 8px; }
	#pageHome ul.menu li.external{ background: url("../svg/iconExternal.svg?1") no-repeat right 1vw top 1vw; }
	#pageHome ul.menu li a,
	#pageHome ul.menu li button{ font-size: 2.6vw; line-height: 3.7vw; height: 100%; padding: 10%; text-decoration: none; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; flex-direction: column; }
	#pageHome ul.menu li button{ border: none; width: 100%; outline: none; color: #FFF; }
	#pageHome ul.menu li form{ display: block; height: 100%; }
	#pageHome ul.menu li.trouble a{ background: url("../svg/iconTrouble.svg?") no-repeat center 4vw; background-size: 33% auto; padding: 51% 0 0 0; }
	#pageHome ul.menu li.trouble span{ font-size: 2.1vw; color: #CCC; display: block; margin-bottom: .4vw; }
	#pageHome ul.menu li.youtube a{ background: url("../svg/iconYoutube.svg?") no-repeat center 5vw; background-size: 35% auto; padding: 49% 0 0 0; }
	#pageHome ul.menu li.youtube span{ font-size: 2.1vw; color: #CCC; display: block; margin-bottom: .4vw; }
	#pageHome ul.menu li.cluboff button{ background: url("../svg/iconHelp.svg?") no-repeat center 3.3vw; background-size: 35% auto; padding: 51% 0 0 0; }
	#pageHome ul.menu li.cluboff span{ font-size: 2.1vw; color: #CCC; display: block; margin-bottom: .4vw; }
	#pageHome ul.menu li.lineat a{ background: url("../svg/iconLineat.svg?") no-repeat center 3.8vw; background-size: 33% auto; padding: 51% 0 0 0; }
	#pageHome ul.menu li.lineat span{ font-size: 2.1vw; color: #CCC; display: block; margin-bottom: .4vw; }
	#pageHome ul.menu li.life a{ background: url("../svg/iconLife.svg?") no-repeat center 3.8vw; background-size: 33% auto; padding: 51% 0 0 0; }
	#pageHome ul.menu li.life span{ font-size: 2.1vw; color: #CCC; display: block; margin-bottom: .4vw; }
	#pageHome ul.menu li.sugi{}
	#pageHome ul.menu li.sugi a{ padding: 53% 0 0 0; font-size: 2.6vw; background: url("../img/iconSugi.png") no-repeat center top 1vw; background-size: 80% auto; }
	#pageHome ul.menu li.sugi span{ font-size: 2.1vw; color: #CCC; display: block; margin-bottom: .4vw; }
	#pageHome ul.menu li.royal-sketter{ border-color: #917A72; }
	#pageHome ul.menu li.royal-sketter a{ padding: 53% 0 0 0; font-size: 2.3vw; }
	#pageHome ul.menu li.royal-sketter a::before{ content: ''; position: absolute; left: 0; right: 0; top: 10%; margin: 0 auto; display: block; width: 55%; height: 40%; border-radius: 8px; background: #FFF url("../svg/iconRoyalSketter.svg") no-repeat center center; background-size: 80% auto; }
	#pageHome ul.menu li.royal-sketter span{ font-size: 2.1vw; color: #CCC; display: block; margin-bottom: .4vw; }
	#pageHome ul.menu li.support a{ background: url("../svg/iconSupport.svg?") no-repeat left 11vw top 4.2vw; background-size: 33% auto; padding: 51% 0 0 0; }
	#pageHome ul.menu li.support span{ font-size: 2.1vw; color: #CCC; display: block; margin-bottom: .4vw; }
	#pageHome ul.menu li.topics a{ background: url("../svg/iconTopics.svg?") no-repeat center 4.2vw; background-size: 31% auto; padding: 51% 0 0 0; }
	#pageHome ul.menu li.topics span{ font-size: 2.1vw; color: #CCC; display: block; margin-bottom: .4vw; }
	#pageHome ul.menu li.news a{ background: url("../svg/iconNews.svg?") no-repeat center 5.4vw; background-size: 31% auto; padding: 51% 0 0 0; }
	#pageHome ul.menu li.news span{ font-size: 2.1vw; color: #CCC; display: block; margin-bottom: .4vw; }
	#pageHome ul.menu li.manual a{ background: url("../svg/iconManual.svg?") no-repeat center 5.5vw; background-size: 37% auto; padding: 51% 0 0 0; }
	#pageHome ul.menu li.manual span{ font-size: 2.1vw; color: #CCC; display: block; margin-bottom: .4vw; }
}

	/*
		#pageNews
	*/
	#pageNews{}
	#pageNews ul.list{ list-style: none; margin: 0px 0px 30px 0px; padding: 0px; overflow: hidden; }
	#pageNews ul.list > li{ border-bottom: 1px solid #794F4F; padding: 0px 0px 25px 0px; margin-bottom: 20px; }
	#pageNews ul.list > li span.date{ background: #794F4F; display: inline-block; font-size: 15px; line-height: 17px; padding: 3px 10px; margin-bottom: 15px; }
	#pageNews ul.list > li h2{ font-size: 19px; font-weight: normal; margin: 0px 0px 20px 0px; }
	#pageNews ul.list > li p{ padding: 0px; margin: 0px; font-size: 15px; line-height: 25px; }
	#pageNews ul.list > li p img{ max-width: 100%; margin: 0 auto; display: block; }
	#pageNews ul.list > li div.files{ margin: 20px 0 0 0; line-height: 25px; }
	#pageNews ul.list > li div.files a{ display: block; margin: 0 0 5px; }
	#pageNews ul.list > li div.files a:before{ content: '●'; }

	/*
		#pageHelp
	*/
	#pageHelp{}
	#pageHelp div.logo{ background: url(../svg/ico-contact.svg) no-repeat; background-size: 100% auto; width: 25%; height: 0px; padding-top: 22.73%; text-indent: 100%; overflow: hidden; white-space: nowrap; margin: 0px auto 6%; position: relative; left: 2%; }
	#pageHelp div.box01{ margin-bottom: 20px; font-size: 16px; line-height: 26px; overflow: hidden; }
	#pageHelp div.box02{ margin-bottom: 20px; font-size: 16px; line-height: 26px; overflow: hidden; border: 1px solid #825555; padding: 20px; }
	#pageHelp div.box03{ margin-bottom: 20px; font-size: 16px; line-height: 26px; overflow: hidden; }
	#pageHelp div.box04{ margin-bottom: 30px; }
	#pageHelp div.box04 a.text{ display: block; border: 1px solid #FFF; padding: 10px 10px 10px 25px; text-decoration: none; }
	#pageHelp div.box04 a.text svg{ margin-right: 5px; }
	#pageHelp div.tel{ text-align: center; margin-bottom: 25px; }
	#pageHelp div.box05{ margin-top: 30px; margin-bottom: 60px; }
	#pageHelp div.box05 ul{ list-style: none; margin: 30px 0px 30px 0px; padding: 0px; display: flex; justify-content: space-around; }
	#pageHelp div.box05 ul li{ width: 48%; }
	#pageHelp div.box05 ul li a{ display: block; text-align: center; border: 1px solid #FFF; padding: 10px 10px 10px 10px; text-decoration: none; }
	#pageHelp div.box05 div.link{ margin-bottom: 15px; }
	#pageHelp div.box05 a.text{ display: block; border: 1px solid #FFF; padding: 10px 10px 10px 25px; text-decoration: none; }
	#pageHelp div.box05 a.text svg{ margin-right: 5px; }
	#pageHelp div.box06{ margin-bottom: 50px; }
	#pageHelp div.box06 a{ display: block; text-align: center; border: 1px solid #FFF; padding: 10px 10px 10px 10px; text-decoration: none; width: 200px; margin: auto; }
	#pageHelp div.box06 ul{ list-style: none; margin: 30px 0px 0px 0px; padding: 0px; display: flex; justify-content: space-around; }
	#pageHelp div.box06 ul li{ width: 48%; }
	#pageHelp div.box06 ul li a{ display: block; text-align: center; border: 1px solid #FFF; padding: 10px 10px 10px 10px; text-decoration: none; }

	/*
		#pageInquiry
	*/
	#pageInquiry{}
	#pageInquiry div.boxSample{ text-align: center; margin-bottom: 30px; border: 5px solid #999; padding: 15px 10px; font-size: 15px; line-height: 27px; }
	#pageInquiry div.box01{ margin-bottom: 30px; }
	#pageInquiry div.box01 table{ width: 100%; border-collapse: collapse; }
	#pageInquiry div.box01 table th{ padding: 5px 5px; font-size: 15px; border-bottom: 1px solid #794F4F; font-weight: normal; min-width: 100px; text-align: left; }
	#pageInquiry div.box01 table td{ padding: 5px 5px; font-size: 15px; border-bottom: 1px solid #794F4F; white-space: nowrap; }
	#pageInquiry div.box02{ margin-bottom: 30px; text-align: center; }

	/*
		#pageProviderLife
	*/
	#pageProviderLife{ margin-bottom: 40px; }

	/*
		#pageUser
	*/
	#pageUser{ margin-bottom: 40px; }
	#pageUser h1:before{ content: ''; background: url("../svg/iconUser.svg") left bottom no-repeat; background-size: auto 100%; display: inline-block; width: 30px; height: 30px; vertical-align: top; margin: 0 5px 0 0; }
	#pageUser div.box01{ margin-bottom: 30px; }
	#pageUser div.box01 table{ width: 100%; border-collapse: collapse; }
	#pageUser div.box01 table th{ padding: 7px 5px; font-size: 15px; border-bottom: 1px solid #452021; font-weight: normal; min-width: 100px; text-align: left; vertical-align: top; }
	#pageUser div.box01 table td{ padding: 7px 5px; font-size: 15px; border-bottom: 1px solid #452021; }
	#pageUser a.btnClub24{ width: 200px; text-decoration: none; display: inline-block; border: 1px solid #5B3C3B; background: #492526 url("../svg/iconExternal.svg") right 10px center no-repeat; background-size: 20px auto;; color: #FFF; font-size: 15px; border-radius: 5px; margin: 0px auto; padding: 5px 25px 5px 0px; text-align: center; }
	#pageUser div.term{ text-align: center; margin-bottom: 30px; display: flex; justify-content: space-between; }
	#pageUser div.term a{ width: 200px; text-decoration: none; display: block; border: 1px solid #5B3C3B; background: #492526 url("../svg/iconBtnArrow.svg") left 15px top 11px no-repeat; background-size: 20px auto;; color: #FFF; font-size: 15px; border-radius: 30px; margin: 0px auto; padding: 10px 20px 10px 40px; text-align: left; }
	#pageUser div.term a span{ background: #2A0001; font-size: 13px; padding: 1px 10px; line-height: 13px; margin-left: 5px; border-radius: 20px; vertical-align: middle; }
	#pageUser div.guide{ text-align: center; margin-bottom: 40px; }
	#pageUser div.guide a{}
	#pageUser div.guide a img{ max-width: 100%; }
	#pageUser div.logout{ text-align: center; margin-bottom: 40px; display: flex; justify-content: center; }
	#pageUser div.logout a{ width: 200px; text-decoration: none; display: block; border: 1px solid #5B3C3B; background: #492526 url("../svg/iconLogout.svg?") left 35px top 11px no-repeat; background-size: 20px auto;; color: #FFF; font-size: 15px; border-radius: 30px; margin: 0px auto; padding: 10px 0px 10px 10px; text-align: center; }

	#pageUser div.box02{ margin: 30px 0; }

	/*
		#pageUserNotifier
	*/
	#pageUserNotifier{}
	#pageUserNotifier ul.list{ list-style: none; margin: 0px 0px 50px 0px; padding: 0px; }
	#pageUserNotifier ul.list li{ border-bottom: 2px dotted #CCC; margin: 0 0 25px; padding: 0px 0px 0; }
	#pageUserNotifier ul.list li span{ display: inline-block; margin-bottom: 10px; font-size: 15px; }
	#pageUserNotifier ul.list li h2{ font-size: 19px; line-height: 23px; font-weight: normal; margin: 0px 0px 10px; }
	#pageUserNotifier ul.list li p{ font-size: 15px; line-height: 27px; margin: 0px 0 20px; }
	#pageUserNotifier ul.list li div.link{ font-size: 15px; line-height: 29px; margin: 0px 0 30px; }
	#pageUserNotifier ul.list li a.btnRead{ text-decoration: none; display: block; background: #FFF; color: #2A0001; font-size: 15px; border-radius: 3px; margin: 0px auto 30px; padding: 7px 0; width: 140px; text-align: center; }

	/*
		#pageManual
	*/
	#pageManual{}
	#pageManual dl{}
	#pageManual dl dt{ margin: 25px 0 15px 0; }
	#pageManual dl dt a{ display: block; border: 1px solid #5B3C3B; background: #492526 url("../svg/iconBtnArrow.svg") left 15px top 11px no-repeat; background-size: 18px auto;; color: #FFF; font-size: 15px; border-radius: 30px; padding: 10px 20px 10px 40px; text-align: left; }
	#pageManual dl dd{ margin: 0 0 25px 0; font-size: 15px; line-height: 25px; }


	/*
		#pageMemberRegist
	*/
@media print, screen and (min-width: 641px)
{
	#pageMemberRegist{}
	#pageMemberRegist div.box01{ margin-bottom: 50px; }
	#pageMemberRegist div.box01 table{ width: 100%; border-collapse: collapse; }
	#pageMemberRegist div.box01 table th{ padding: 7px 0px; font-size: 15px; border-bottom: 1px solid #794F4F; white-space: nowrap; font-weight: normal; min-width: 100px; text-align: left; }
	#pageMemberRegist div.box01 table td{ padding: 7px 5px; font-size: 15px; border-bottom: 1px solid #794F4F; }
	#pageMemberRegist div.box01 table th span{ background: #EE6E5C; font-size: 12px; padding: 1px 5px; line-height: 12px; border-radius: 3px; margin: 0 0 0 5px; vertical-align: middle; white-space: nowrap; }
	#pageMemberRegist div.box02{ text-align: center; margin: 0 0 50px; }
}
@media screen and (max-width: 640px)
{
	#pageMemberRegist{}
	#pageMemberRegist p.intro{ font-size: 16px; line-height: 25px; }
	#pageMemberRegist p.intro br{ display: none; }
	#pageMemberRegist div.box01{ margin-bottom: 50px; }
	#pageMemberRegist div.box01 table{ width: 100%; border-collapse: collapse; }
	#pageMemberRegist div.box01 table tr{ display: block; }
	#pageMemberRegist div.box01 table th{ display: block; padding: 15px 0px 7px 0px; font-size: 16px; border-bottom: 1px solid #794F4F; font-weight: normal; text-align: left; width: auto; }
	#pageMemberRegist div.box01 table td{ display: block; padding: 7px 0px; font-size: 16px; border-bottom: 1px solid #794F4F; }
	#pageMemberRegist div.box01 table th span{ background: #EE6E5C; font-size: 12px; padding: 1px 5px; line-height: 12px; border-radius: 3px; margin: 0 0 0 5px; vertical-align: middle; white-space: nowrap; }
	#pageMemberRegist div.box02{ text-align: center; margin: 0 0 50px; }
}
	/*
		#pageUserPassword
	*/
	#pageUserPassword{}
	#pageUserPassword table{ width: 100%; margin-bottom: 10px; }
	#pageUserPassword table tr{ display: block; }
	#pageUserPassword table th{ display: block; font-size: 15px; margin-bottom: 7px; font-weight: normal; text-align: left; background: #000; padding: 5px 10px; }
	#pageUserPassword table td{ display: block; font-size: 15px; margin-bottom: 20px; }

	/*
		#pageWelcomeGuide
	*/
	#pageWelcomeGuide{}
	#pageWelcomeGuide div.box01{ margin-bottom: 70px; }
	#pageWelcomeGuide div.box01 p{ line-height: 25px; }
	#pageWelcomeGuide div.box01 a{ text-decoration: none; display: block; background: #FFF; color: #2A0001; font-size: 15px; padding: 10px 0px; border-radius: 3px; width: 270px; text-align: center; margin: 30px auto 0px auto; }
	#pageWelcomeGuide div.box02{ margin-bottom: 70px; display: none; }
	#pageWelcomeGuide div.box02 p{}
	#pageWelcomeGuide div.box02 a.toHome{ text-decoration: none; display: block; background: #FFF; color: #2A0001; font-size: 15px; padding: 10px 0px; border-radius: 3px; width: 270px; text-align: center; margin: 30px auto 0px auto; }

	/*
		#pageWelcomeMovein
	*/
	#pageWelcomeMovein{}
	#pageWelcomeMovein div.box01{ margin-bottom: 70px; }
	#pageWelcomeMovein div.box01 p{ margin: 0 0 40px; font-size: 15px; line-height: 25px; }
	#pageWelcomeMovein div.box01 a.toHome{ text-decoration: none; display: block; background: #FFF; color: #2A0001; font-size: 15px; padding: 10px 0px; border-radius: 3px; width: 250px; text-align: center; margin: 30px auto 0px auto; }

	/*
		#pageTerms
	*/
	#pageTerms{ margin-bottom: 50px; }
	#pageTerms p{ font-size: 15px; line-height: 25px; }
	#pageTerms div.header{ border-bottom: 1px dashed #FFF; padding-bottom: 15px; }
	#pageTerms div.footer{ border-top: 1px dashed #FFF; padding-top: 20px; text-align: center; }
	#pageTerms div.footer button{ border: 2px solid #FFF; background: #170001; color: #FFF; padding: 10px 50px; cursor: pointer; font-size: 15px; }

	/*
		#pagePrivacy
	*/
	#pagePrivacy{ margin-bottom: 50px; }
	#pagePrivacy p{ font-size: 15px; line-height: 25px; }
	#pagePrivacy div.header{ border-bottom: 1px dashed #FFF; padding-bottom: 15px; }
	#pagePrivacy div.footer{ border-top: 1px dashed #FFF; padding-top: 20px; text-align: center; }
	#pagePrivacy div.footer button{ border: 2px solid #FFF; background: #170001; color: #FFF; padding: 10px 50px; cursor: pointer; font-size: 15px; }

	/*
		#pageLogin
	*/
	#pageLogin { max-width: 360px; margin: 0px auto 70px auto; padding: 0px 20px; }
	#pageLogin h1{ margin: 0px 0px 20px; font-size: 23px; font-weight: normal; padding: 0px; color: #FFF; text-align: center; }

	#pageLogin div.boxNext{}
	#pageLogin div.boxNext.show{ display: block; }
	#pageLogin div.boxNext button.btnReset{ display: block; border: 1px solid #888; padding: 10px 20px; border-radius: 5px; width: 100%; text-align: left; margin: 0 0 20px; }
	#pageLogin div.boxNext div.boxLogin{ border-bottom: 3px dotted #888; padding: 0 0 40px; margin: 0 0 30px; }
	#pageLogin div.boxNext div.boxRegist{}
	#pageLogin div.boxNext div.boxRegist h2{ margin: 0 0 10px; font-weight: normal; }
	#pageLogin div.boxNext div.boxRegist p{ margin: 0 0 20px 0; font-size: 15px; line-height: 25px; }
	#pageLogin div.boxNext div.boxRegist nav{ display: flex; flex-wrap: wrap; gap: 20px 0; }
	#pageLogin div.boxNext div.boxRegist nav button{ width: 100%; }

	#pageLogin table{ margin-bottom: 30px; border-collapse: collapse; background: #210001; border-top: none; }
	#pageLogin table caption{ font-size: 14px; color: #FFF; background: #210001; border-bottom: 3px solid #2A0001; padding-left: 10px; line-height: 35px; margin: 0px; font-weight: normal; text-align: left; }
	#pageLogin table th{ padding: 10px 10px 0px 10px; font-size: 14px; color: #FFF; text-align: right; font-weight: normal; white-space: nowrap; }
	#pageLogin table td{ padding: 10px 10px 0px 0px; font-size: 14px; color: #FFF; }
	#pageLogin table tr.urdt_login_id th,
	#pageLogin table tr.urdt_login_id td{ padding-top: 20px; }
	#pageLogin table tr.urdt_login_pass th,
	#pageLogin table tr.urdt_login_pass td{ padding-bottom: 20px; }
	#pageLogin p.lostpass{ font-size: 14px; text-align: center; margin: 40px 0 0; }

	#pageLogin button.login{ width: 170px; text-decoration: none; display: block; border: 1px solid #5B3C3B; background: #492526 url("../svg/iconLogout.svg?") left 32px top 11px no-repeat; background-size: 20px auto;; color: #FFF; font-size: 15px; border-radius: 30px; margin: 0px auto; padding: 10px 0px 10px 15px; text-align: center; }

	/*
		#pageLogout
	*/
	div#pageLogout { margin: 50px auto 100px auto; }
	div#pageLogout p{ font-size: 15px; }

	/*
		#pageLostpass
	*/
	div#pageLostpass { margin: 20px auto 100px auto; }
	div#pageLostpass p.intro{ font-size: 15px; line-height: 25px; }
	div#pageLostpass table{ width: 100%; margin-bottom: 10px; }
	div#pageLostpass table tr{ display: block; }
	div#pageLostpass table th{ display: block; font-size: 15px; margin-bottom: 7px; font-weight: normal; text-align: left; background: #000; padding: 5px 10px; }
	div#pageLostpass table td{ display: block; font-size: 15px; margin-bottom: 20px; }
	div#pageLostpass table td p.example{ margin: 0px 0px 5px; }
	div#pageLostpass table td div.split{ display: flex; gap: 0 10px; }
	div#pageLostpass table td div.split select#branch{ width: 35%; }

	/*
		#pageError
	*/
	div#pageError {}
	div#pageError div.inner{ padding-top: 50px; padding-bottom: 80px; }
	div#pageError p{ margin-bottom: 20px; font-size: 14px; }
	div#pageError ul{ padding: 50px 0px; margin-bottom: 30px; list-style: none; }
	div#pageError ul li{ line-height: 23px; font-size: 14px; text-align: center; }
	div#pageError input[type=button]{ margin: 0px auto; }

	/* DONE */
	div#pageDone { padding-bottom: 100px; }
	div#pageDone p{ padding: 50px 0px; }
/*
}

@media screen and (max-width: 640px)
{
	body {
		margin: 0px;
		color: #333;
		position: relative;
		min-width: 320px;
		background: #2A0001;
	}
}
*/
 
.iziModal.transitionIn .iziModal-iframe, .iziModal.transitionIn .iziModal-wrap{
    -webkit-animation: iziM-fadeIn 0.5s !important;
    -moz-animation: iziM-fadeIn 0.5s !important;
    animation: iziM-fadeIn 0.5s !important;
}
.iziModal.comingIn, .iziModal-overlay.comingIn {
    -webkit-animation: iziM-comingIn 0.2s ease !important;
    -moz-animation: iziM-comingIn 0.2s ease !important;
    animation: iziM-comingIn 0.2s ease !important;
}
.iziModal.comingOut, .iziModal-overlay.comingOut {
    -webkit-animation: iziM-comingOut 0.2s cubic-bezier(.16,.81,.32,1) !important;
    -moz-animation: iziM-comingOut 0.2s cubic-bezier(.16,.81,.32,1) !important;
    animation: iziM-comingOut 0.2s cubic-bezier(.16,.81,.32,1) !important;
    animation-fill-mode: forwards;
}