/*各ページ共通*/
.pagewrapper {margin-top:90px;}

.mainimgarea {height:50vh;}
.mainimg {}
.mainimg h1 {font-size:3.0rem;font-weight:600;line-height:50vh;text-align:center;color:#fff; }

/*
.maintitle {padding:100px 0px 0px 0px;}
.maintitle h1 {font-size:3.0rem;font-weight:600;line-height:1.5em;text-align:center;color:#000;margin-bottom:10px;}
.maintitle p {font-size:1.4rem;text-align:center;}
*/
.pankuzuarea {padding:10px 1em;background:#333;}
.pankuzu {color:#fff;font-size:0.7rem;width:1200px;max-width:100%;margin: 0px auto 0px auto;}
.pankuzu span {color:#fff;padding:0px 2px;}
.pankuzu span a {color:#fff;}


.maintitle {padding:100px;background:#002;
	background:#002 url(../img/page/bgmain.jpg) no-repeat center center;background-size:cover;}
.maintitle h1 {color:#fff;font-size:4.0rem;letter-spacing:0px;margin-bottom:20px;}
.maintitle p {margin-top:50px;font-size:1.1rem;color:#ddd;width:68%;}
.maintitle p a {text-decoration:underline;}
.maintitle p .target {text-decoration:underline;cursor:pointer;}
.maintitle .pankuzuarea {padding:0px;background:none;}
.maintitle .pankuzu {width:auto;margin:0px;font-size:1.1rem;color:#ddd;}
.pankuzu span {color:#ddd;}
.pankuzu span a {color:#ddd;border-bottom:solid #777 1px;}
.pankuzu span a:hover {text-decoration:none;border-bottom:solid #fff 1px;}

/*SP*/
@media (max-width: 896px){
	.maintitle {padding:30px 15px;}
	.maintitle h1 {font-size:2.0rem;margin-bottom:10px;}
	.maintitle p {margin-top:20px;width:100%;font-size:0.9rem;line-height:1.5em;}
	.maintitle .pankuzu {font-size:0.8rem;}
}

/*submenuwrap*/
.submenuwrap {position:relative;width:100%;height:70px;z-index:900;background:#eee;}
.submenuwrap.on {position:fixed;top:90px;left:0px;}
.submenuwrap ul {text-align:left;padding-right:20px;margin-left:70px;}
.submenuwrap h3 {display:block;height:70px;line-height:70px;height:70px;text-align:center;padding:0px 30px;font-size:1rem;color:#333;}
.submenuwrap li {display:inline-block;line-height:70px;}
.submenuwrap li a {color:#333;display:block;height:70px;text-align:center;padding:0px 30px;}
.submenuwrap li a:hover {text-decoration:none;background:#ddd;}
.submenuwrap li span {color:#333;display:block;height:70px;text-align:center;padding:0px 30px;}
.submenuwrap li span:hover {text-decoration:none;background:#ddd;}
/*SP*/
@media (max-width: 896px){
	.submenuwrap .submenubtn {width:70px;height:70px;float:right;
		background:url(../img/cmn/submenubtn.svg) no-repeat center center;background-size:50% auto;}
	.submenuwrap .submenubtn.on {background-image:url(../img/cmn/submenubtn_close.svg);background-size:contain;}
	.submenuwrap h3 {display:inline-block;float:left;height:70px;line-height:70px;margin-left:50px;font-size:1rem;color:#333;padding:0px;}
	.submenuwrap ul {display:none;position:absolute;top:70px;right:0px;background:#fff;padding:0px;}
	.submenuwrap li {width:100%;}
	.submenuwrap li a {padding:0px 20px;width:100%;border-bottom:solid #ddd 1px;}
	.submenuwrap li span {padding:0px 20px;width:100%;border-bottom:solid #ddd 1px;}
}

.detailstarea {background:#eee;}
.detailstarea h2 {font-size:1.8rem;text-align:center;color:#000;margin-bottom:20px;}
.detailsbox {text-align:center;}
.detailsbox a {display:inline-block;width:250px;height:75px;text-align:center;background:url(../img/cmn/arrow01.svg) no-repeat left 20px center;background-size:14px auto;border:solid #000 1px;color:#000;font-size:1.0rem;line-height:1.2em;margin-top:3px;position:relative;}
.detailsbox a:hover {text-decoration:none;background:#000 url(../img/cmn/arrow02.svg) no-repeat left 20px center;background-size:14px auto;border:solid #fff 1px;color:#fff;}
.detailsbox a span {position:absolute;top:50%;left:20px;transform:translateY(-50%);width:calc(100% - 20px);}
/*SP*/
@media (max-width: 896px){
	.detailsbox {}
	.detailstarea h2 {font-size:1.2rem;}
	.detailsbox a {background-color:#fff;width:calc(50% - 1px);height:60px;float:left;font-size:0.8rem;background-size:8px auto;margin-top:1px;margin-right:1px;}
}


/*privacy*/
.privacy .privacyarea h2 {font-size:1.2rem;margin-top:50px;margin-bottom:7px;}
.privacy .privacyarea p {font-size:0.8rem;}
.privacy .privacyarea ol {}
.privacy .privacyarea li {font-size:0.8rem;}
/*SP*/
@media (max-width: 896px){
}

/*sitemap*/
.sitemap {}
.sitemap .contents01 {background:#ddd;}
.sitemap .contents01 .content {width:1200px;margin:0px auto;}
.sitemap .sitemaparea {}
.sitemap .sitemaparea .inner {padding-left:30px;}
.sitemap .sitemaparea p {font-size:1.0rem;line-height:3em;color:#000;}
.sitemap .sitemaparea a {color:#000;text-decoration:none;}
.sitemap .sitemaparea a:hover {text-decoration:underline;}
/*SP*/
@media (max-width: 896px){
	.sitemap .sitemaparea .inner {padding-left:15px;}
	.sitemap .sitemaparea p {font-size:0.9rem;}
}


/*news*/
.news .newsarea {}
.news .newsarea ul {}
.news .newsarea li {color:#222;border-bottom:solid #ddd 1px;padding:10px 30px;}
.news .newsarea li span.date {display:inline-block;width:120px;}
.news .newsarea li a {color:#222;}
/*SP*/
@media (max-width: 896px){
	.news .newsarea li span.date {display:block;width:100%;}
}

/*store*/
.store {}
.store .mainimgarea .bgcover {background-image:url(../img/download/mainbg.jpg);}
.store .mainimgarea .mainimg {padding:7vh 0px;}

/*store.index*/
.store.index .contents01 {text-align:center;}
.store.index .contents01 p {font-size:1.2rem;font-weight:bold;margin-bottom:20px;}
.store.index .contents01 a {display:inline-block;width:20vw;padding:30px 15px 30px 0px;margin:0px 10px;text-align:center;font-size:1.2rem;font-weight:bold;
color:#fff;background:url(../img/cmn/arrow02.svg) no-repeat right 30px center;background-size:30px auto;border-radius:50px;box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.store.index .contents01 a.btn01 {background-color:#f49a00;}
.store.index .contents01 a.btn02 {background-color:#25a8e2;}
.store.index .contents01 a:hover {text-decoration:none;opacity:0.8;}

.store.index .contents02 {padding-top:0px;}
.store.index .contents02 .textbox {width:800px;margin:0px auto;height:350px;overflow:scroll;background:#eee;padding:30px	;}
.store.index .contents02 .textbox h2 {font-size:1.5rem;text-align:center;margin-bottom:20px;}
.store.index .contents02 .textbox h3 {font-size:1.3rem;margin-bottom:10px;}
.store.index .contents02 .textbox h4 {font-size:1.1rem;margin-bottom:10px;}
.store.index .contents02 .textbox h5 {font-size:0.9rem;margin-bottom:10px;}
.store.index .contents02 .textbox p {font-size:0.8rem;margin-bottom:30px;}
.store.index .contents02 .textbox table {border-collapse:collapse;width:100%;margin-bottom:50px;}
.store.index .contents02 .textbox table th {border:solid #777 1px;padding:10px;}
.store.index .contents02 .textbox table td {border:solid #777 1px;padding:10px;}

.store.index .contents02 .textbox ul {padding:15px 30px 0px 30px;}
.store.index .contents02 .textbox ul li {list-style:disc;}

.store.thanks {}
.store.thanks .contents01 h2 {margin-bottom:20px;text-align:center;}
.store.thanks .contents01 h3 {margin-bottom:20px;text-align:center;font-size:1.8rem;font-weight:normal;}
.store.thanks .contents01 p {font-size:1.2rem;text-align:center;}
.store.thanks .contents01 p a.btn {margin-top:20px;}
.store.thanks .contents01 p.attention {font-size:1.2rem;font-weight:bold;color:#f70;padding:30px 0px;}
.store.thanks .resultbox {width:500px;max-width:100%;margin:0px auto;}
.store.thanks .resultbox p {text-align:left;margin-bottom:30px;border-top:solid #000 1px;border-bottom:solid #000 1px;}
.store.thanks .resultbox p strong {display:inline-block;padding:10px 0px;}
.store.thanks .resultbox p span.name {display:inline-block;width:400px;max-width:70%;padding-right:20px;}
.store.thanks .resultbox input[type=submit] {display:inline-block;width:20vw;padding:30px 15px 30px 0px;margin:0px 10px;text-align:center;font-size:1.2rem;font-weight:bold;
color:#fff;background:#f49a00 url(../img/cmn/arrow02.svg) no-repeat right 30px center;background-size:30px auto;border-radius:50px;box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.store.thanks .resulttable table {width:800px;max-width:100%;margin: 0px auto 50px auto;border-collapse:collapse;}
.store.thanks .resulttable table th {width:350px;border:solid #ccc 1px;padding:10px;text-align:left;font-weight:normal;background:#f2f2f2;}
.store.thanks .resulttable table td {border:solid #ccc 1px;padding:10px;text-align:right;}
.store.thanks .resulttable.bank table th {text-align:center;}
.store.thanks .resulttable.bank table td {text-align:left;}
/*SP*/
@media (max-width: 896px){
	.store.index .contents01 a {width:80%;margin:0px auto 7px auto;}
	.store.thanks .contents01 p {font-size:0.9rem;}
	.store.thanks .resulttable table th {width:150px;}
}


.support {}
.support .pagewrapper {}
.support .contents01 .content {width:1140px;max-width:100%;}
.support .contents01 .inner {padding:16px;}
.support .contents01 .inner .box {background:#fff;padding:20px 16px;height:100%;position:relative;border:solid #ccc 1px;border-radius:4px;text-align:center;}
.support .contents01 .inner a {color:#333;}
.support .contents01 .inner img {max-width:100%;margin-bottom:25px;}
.support .contents01 .inner h3 {font-size:1.6rem;margin-bottom:25px;}
.support .contents01 .inner:hover a {color:#fff;text-decoration:none;}
.support .contents01 .inner:hover a p {color:#fff;}
.support .contents01 .inner:hover .box {background:#111;}
/*SP*/
@media (max-width: 896px){
	.support .contents01 .titlearea {padding-bottom:15px;}
	.support .contents01 .inner img {width:60%;margin-bottom:0px;}
	.support .contents01 .inner h3 {font-size:1.4rem;margin-bottom:10px;}
	.support .contents01 .inner p {}
}