@charset "utf-8";

/* =======================================
	reset
======================================= */
html,body,div,span,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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none !important}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle} button {background:none;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;}

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;word-break:break-all;}


/* =======================================
	common
======================================= */
html {height:-webkit-fill-available;}
body{
	position:relative;
	width:100%;
	min-height:100%;
	min-height:-webkit-fill-available;
	margin:0 auto;
	text-align:center;
	color:white;
	background:url("../images/bg.jpg") repeat-y;
	background-size:100% auto;
	line-height:1;
	font-family:'Noto Sans JP', sans-serif;
}

img {max-width:100%;height:auto;vertical-align:bottom;}
table {width:100%;}
tr, td {vertical-align:top;}

a {
	outline:none;
	text-decoration:underline;
}

a:link {color:white;text-decoration:none;}
a:visited {color:white;text-decoration:none;}
a:hover {color:white;text-decoration:none;}
a:active {text-decoration:none;}

main  {
	width:100%;
	margin:0 auto;
}

section  {
	width:100%;
	margin:0 auto;
}

.inner {
	width:100%;
	margin:0 auto;
}

h1 {
	font-size:0;
}

h2 {
	margin:0 auto;
}

h3 {
	margin:1em auto 1.8em;
	text-align:center;
	font-size:clamp(3vw, 5vw, 1.8em);
	font-weight:bold;
	letter-spacing:2px;
}

h4 {
	font-size:clamp(1vw, 3.6vw, 1.2em);
	font-weight:bold;
	margin-bottom:0.4em;
}
h4:not(:first-of-type) {
	margin-top:1.2em;
}
h4 span {
	font-size:2.5vw;
	font-weight:normal;
}


/* =======================================
	header
======================================= */
header {
	width:100%;
	position:relative;
	background:url("../images/01_header_sp.png") no-repeat center top;
	background-size:100% auto;
	padding-top:calc(1670 / 828 * 100%);
}

.introduction {
	width:20%;
	position:absolute;
	bottom:26.5%;
	right:3%;
}

.introduction a {
	display:block;
	width:100%;
	height:100%;
}


/* =======================================
	navigation
======================================= */
nav {
	width:100%;
	margin:0 auto;
	z-index:99;
}

nav.fixed {
	position:fixed !important;
	top:0;
	left:0;
	right:0;
	background:rgba(79,57,20,0.7);
}

nav ul {
	width:95%;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
}

nav ul li a {
	display:block;
	width:100%;
	height:100%;
}

nav ul li img {;
	padding:2vw 0;
}

nav ul li:not(:last-child) {
	margin-right:3%;
}

nav ul li a img {
	vertical-align:top;
}


/* =======================================
	download
======================================= */
.download {
	width:100%;
	margin:0 auto;
	padding:4% 14% 6%;
	background-size:100% auto;
}

.download.foot {
	background:black;
	padding:8% 14% 8%;
}

.download ul {
	width:100%;
	margin:0.8em auto 0;
	display:flex;
	justify-content:center;
}

.download ul li:not(:last-child) {
	margin-right:3%;
}

.dl_title {
	width:100%;
	margin:0 auto;
}
.dl_drptoha {
	width:100%;
	margin:1em auto 0;
}


/* =======================================
	#chara
======================================= */
#chara {
	background:url("../images/bg_frame_chara_cp.png") repeat;
	position:relative;
	padding:1.2em 0 1.2em;
}

#chara h2 {
	width:95%;
	margin-bottom:1.5em;
}

.mySwiper01b .swiper-wrapper {
	display:block;
	width:94%;
	margin:0 auto 6%;
	letter-spacing:-0.4em !important;
	text-align:center;
}

.mySwiper01b .swiper-wrapper .swiper-slide {
	position:relative;
	width:18.4% !important;
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal !important;
}

.mySwiper01a {
	width:100%;
	margin-bottom:4%;
}

.mySwiper01a .swiper-wrapper .swiper-slide img {
	width:86%;
}

.godvmax {
	width:100%;
	margin:0 auto;
}

.mySwiper01b .swiper-wrapper .swiper-slide:nth-of-type(1),
.mySwiper01b .swiper-wrapper .swiper-slide:nth-of-type(2),
.mySwiper01b .swiper-wrapper .swiper-slide:nth-of-type(3),
.mySwiper01b .swiper-wrapper .swiper-slide:nth-of-type(4),
.mySwiper01b .swiper-wrapper .swiper-slide:nth-of-type(6),
.mySwiper01b .swiper-wrapper .swiper-slide:nth-of-type(7),
.mySwiper01b .swiper-wrapper .swiper-slide:nth-of-type(8) {
	margin-right:2%;
}

.mySwiper01b .swiper-wrapper .swiper-slide:nth-of-type(1),
.mySwiper01b .swiper-wrapper .swiper-slide:nth-of-type(2),
.mySwiper01b .swiper-wrapper .swiper-slide:nth-of-type(3),
.mySwiper01b .swiper-wrapper .swiper-slide:nth-of-type(4),
.mySwiper01b .swiper-wrapper .swiper-slide:nth-of-type(5) {
	margin-bottom:3%;
}

.thumbnailpic .swiper-slide:nth-of-type(1) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_01.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide-thumb-active:nth-of-type(1) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_01_on.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide:nth-of-type(2) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_02.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide-thumb-active:nth-of-type(2) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_02_on.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide:nth-of-type(3) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_03.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide-thumb-active:nth-of-type(3) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_03_on.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide:nth-of-type(4) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_04.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide-thumb-active:nth-of-type(4) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_04_on.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide:nth-of-type(5) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_05.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide-thumb-active:nth-of-type(5) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_05_on.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide:nth-of-type(6) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_06.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide-thumb-active:nth-of-type(6) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_06_on.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide:nth-of-type(7) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_07.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide-thumb-active:nth-of-type(7) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_07_on.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide:nth-of-type(8) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_08.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide-thumb-active:nth-of-type(8) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_08_on.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide:nth-of-type(9) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_09.png") no-repeat;
	background-size:100% auto;
}
.thumbnailpic .swiper-slide-thumb-active:nth-of-type(9) span {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	background:url("../images/charabtn_09_on.png") no-repeat;
	background-size:100% auto;
}

.swiper-button-next01 {
	width:4%;
	height:auto;
	padding-top: calc(45 / 25 * 4%);
	background-size:cover !important;;
	margin-top:0;
	position:absolute;
	top:45%;
	right:3%;
	z-index:10;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--swiper-navigation-color, var(--swiper-theme-color));
	background-image:url("../images/righttbtn.png");
}

.swiper-button-prev01 {
	width:4%;
	height:auto;
	padding-top: calc(45 / 25 * 4%);
	background-size:cover !important;;
	margin-top:0;
	position:absolute;
	top:45%;
	left:3%;
	z-index:10;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--swiper-navigation-color, var(--swiper-theme-color));
	background-image:url("../images/leftbtn.png");
}



/* =======================================
	#contents
======================================= */
#contents {
	position:relative;
	padding:1.6em 0;
}

#contents h2 {
	width:95%;
	margin-bottom:2em;
}

.spdungeon {
	position:relative;
	width:92%;
	margin:0 auto 18%;
}

.charedungeon {
	position:relative;
	width:85%;
	margin:0 auto 18%;
}

#movie1 {
	width:56%;
	position:absolute;
	bottom:-13%;
	left:0;
	right:0;
	margin:auto;
}

#movie2 {
	width:56%;
	position:absolute;
	bottom:-4%;
	left:0;
	right:0;
	margin:auto;
}

#movie1 a,
#movie2 a {
	display:block;
	width:100%;
	height:100%;
}

.ytb {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	max-width:100%;
}

.ytb.ytbPortrait {
	position:relative;
	padding-bottom:177.78%;
	height:0;
	overflow:hidden;
	max-width:100%;
	max-height:64vh;
}

.ytb iframe, .ytb object, .ytb embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.mission {
	position:relative;
	width:90%;
	margin:0 auto 1em;
}

.yakuvoice_title {
	position:relative;
	width:78%;
	margin:0 auto 1.6em;
}

ul.yakuvoice {
	width:92%;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

ul.yakuvoice li {
	width:48%;
	margin-bottom:4%;
	position:relative;
}

ul.yakuvoice li:nth-child(odd) {
	margin-right:4%;
}


.voice01,
.voice02,
.voice03,
.voice04 {
	width:85%;
	position:absolute;
	bottom:1%;
	left:0;
	right:0;
	margin:auto;
}

.btnVoice {
	cursor:pointer;
	width:100%;
	height:0;
	padding-top:calc(58 / 307 * 100%);
	border:none;
	background:url("../images/voice_btn_on.png") left top no-repeat;
	background-size:contain;

}
.btnVoice.active {
	cursor:pointer;
	width:100%;
	height:0;
	padding-top:calc(58 / 307 * 100%);
	border:none;
	background:url("../images/voice_btn_off.png") left top no-repeat;
	background-size:contain;
}


/* =======================================
	#cp
======================================= */
#cp {
	background:url("../images/bg_frame_chara_cp.png") left top repeat;
	position:relative;
	padding:1.6em 0 3em;
}

#cp h2 {
	width:95%;
	margin-bottom:1em;
}

.cpSub {
	font-size:4.6vw;
	color:#503a13;
	font-weight:bold;
	margin:2em auto;
}

.cp01,
.cp02,
.cp03,
.cp04,
.cp05 {
	width:95%;
	margin:0 auto;
	position:relative;
	background:rgba(79,57,20,0.7);
	border-radius:10px;
}

.cp01,
.cp02,
.cp03,
.cp04 {
	margin-bottom:1.4em;
}

.cpBtn1,
.cpBtn2,
.cpBtn3,
.cpBtn4 {
	position:absolute;
	margin:auto;
}

.cpBtn1 {
	bottom:12%;
	left:0;
	right:0;
	width:54%;
}

.cpBtn2 {
	bottom:3.5%;
	left:0;
	right:0;
	width:36%;
}

.cpBtn3 {
	bottom:9%;
	left:0;
	right:0;
	width:54%;
}

.cpBtn4 {
	bottom:2%;
	left:0;
	right:0;
	width:36%;
}



/* =======================================
	about
======================================= */
.about {
	background:url("../images/bg_abyss.png") repeat-y;
	background-size:100% auto;
	position:relative;
}

.about_border {
	width:100%;
	height:24px;
	margin:0 auto;
	background:url("../images/patan_abyss.png") left top repeat-x;
	background-size:auto 100%;
	border:none;
}

.aboutTitle {
	width:64%;
	margin:1em auto 1em;
}

.aboutText {
	width:94%;
	margin:0 auto;
}

.aboutLink {
	width:72%;
	margin:1.6em auto 2em;
}

.aboutLink a {
	display:block;
}

.aboutCopy {
	margin:0 auto 3em;
	text-align:center;
	font-size:2vw;
	line-height:1.4;
	color:black;
}


/* =======================================
	footer
======================================= */
footer {
	width:100%;
	margin:0 auto;
	padding:0 0 4.8%;
	background:black;
}

footer ul {
	width:100%;
	margin:0 auto;
	padding:0 14%;
	letter-spacing:-0.4em !important;
}

footer ul li {
	display:inline-block;
	width:auto;
	letter-spacing:normal !important;
}

footer ul li:nth-child(1) {width:12.4%;}
footer ul li:nth-child(2) {width:17.7%;margin:0 5.5%;}
footer ul li:nth-child(3) {width:24.7%;margin-right:5.5%;}
footer ul li:nth-child(4) {width:28.5%;}
footer ul li:nth-child(5) {width:100%;height:2vh;display:block;font-size:0;}
footer ul li:nth-child(6) {width:22%;margin:0 5.8% 0 26.7%;}
footer ul li:nth-child(7) {width:19.4%;margin-right:26.1%;}

.copyright {
	font-size:10px;
	margin:5% auto 0;
}


/* =======================================
	remodal
======================================= */
.remodal {
	width:90%;
	margin:0 auto 50px;
	padding:50px 0 0;
	text-align:left;
	color:white;
	background:transparent;
}

.remodal-overlay {
	background:rgba(0,0,0,0.3);
}

.remodal.movies.moviePortrait {
	width:72%;
	max-width:334px;
}

.remodal_inner {
	padding:3%;
	color:#fff8e1;
	background:#592d01;
	border-radius:20px;
}

.movies .remodal_inner {
	padding:0;
	background:transparent;
}

.remodal p {
	font-weight:normal;
	font-size:clamp(1vw, 3vw, 15px);
	line-height:1.3;
}

.remodal p a {
	color:#f5a100;
}

.remodal-close {
	top:10px;
	left:auto;
	right:0;
}

.remodal-close:before {
	height:0;
	background:url("../images/close.png") center top no-repeat;
	background-size:100% auto;
	padding-top:100%;
	content:'';
}


/* =======================================
	buttons
======================================= */
.banner {
	width:24%;
	position:fixed;
	left:5%;
	bottom:24px;
	z-index:50;
}

.banner a {
	display:block;
}

.banner {
	bottom:-210px;
	transition:all 0.5s;
}

.pagetop {
	position:fixed;
	right:5%;
	bottom:24px;
	z-index:50;
}

.pagetop a {
	display:block;
	padding:0.3em;
	color:#2e2e2e;
	background:white;
	font-size:1.3rem;
	border-radius:50%;
	line-height:1;
	text-decoration:none;
	cursor:pointer;
}

.pagetop {
	bottom:-210px;
	transition:all 0.5s;
}

.active {
	bottom:30px;
	visibility:visible;
}


@media screen and (min-width: 737px) {

a, button {
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all  0.3s ease;
}

button,
.swiper-slide,
.introduction a {
	cursor:pointer;
}

nav a:hover,
footer a:hover,
.download a:hover,
.cpBtn1 a:hover,
.cpBtn2 a:hover,
.cpBtn3 a:hover,
.cpBtn4 a:hover,
.aboutLink a:hover,
.button a:hover,
.banner a:hover,
.pagetop a:hover {
	 -moz-opacity:0.5;
	 opacity:0.5;
}

.inner {
	width:90%;
	max-width:960px;
	margin:0 auto;
}

h3 {
	font-size:2em;
}

h4 {
	font-size:1.3em;
}

h4 span {
	font-size:0.8em;
}

header {
	width:100%;
	background:url("../images/01_header_pc.png") no-repeat center top;
	background-size:100% auto;
	padding-top:calc(1016 / 1920 * 100%);
	margin-bottom:0;
}

.introduction {
	width:6.4%;
	position:absolute;
	bottom:34%;
	right:29%;
}

nav ul {
	width:72%;
}

nav ul li img {;
	padding:1em 0;
}

.download {
	width:100%;
	padding:0;
}

.download.foot {
	width:100%;
	padding:0;
}

.download_inner {
	width:100%;
	max-width:960px;
	margin:0 auto;
	padding:44px 193px 84px;
}

.download.foot .download_inner {
	padding:51px 193px 33px;
}

.download ul {
	margin:12px auto 26px;
}

.dl_title {
	margin:0 auto 24px;
}

#chara {
	background:url("../images/bg_chara.jpg") center top no-repeat fixed;
	background-size:100% auto;
	position:relative;
	padding:2em 0 5em;
}

#chara .inner {
	position:relative;
	padding:3em 0;
	background:url("../images/bg_frame_chara_cp.png") left top repeat;
	border-radius:20px;
	box-shadow:0px 0px 20px 15px rgba(98,74,26,0.3) inset;
}

#chara h2 {
	width:56%;
	max-width:778px;
	margin:0 auto 48px;
}

.mySwiper01a .swiper-wrapper .swiper-slide img {
	width:60%;
}

.mySwiper01b .swiper-wrapper {
	width:83%;
	margin:0 auto 2%;
}

.mySwiper01b .swiper-wrapper .swiper-slide {
	width:10% !important;
}

.mySwiper01b .swiper-wrapper .swiper-slide:not(:last-of-type) {
	margin-right:1.25%;
}

.swiper-button-next01 {
	width:3%;
	padding-top: calc(45 / 25 * 3%);
	top:45%;
	right:8%;
}

.swiper-button-prev01 {
	width:3%;
	padding-top: calc(45 / 25 * 3%);
	top:45%;
	left:8%;
}

.godvmax {
	width:80%;
	padding:0;
	margin:48px auto 0;
}

#contents {
	background:url("../images/bg_contents.jpg") center top no-repeat fixed;
	background-size:100% auto;
	position:relative;
	padding:3em 0 5em;
}

#contents .inner {
	padding:5em 0 3em;
	background:url("../images/bg_frame_contents.png") left top repeat;
	border-radius:20px;
	box-shadow:0px 0px 20px 15px rgba(38,26,4,0.4) inset;
}

#contents h2 {
	width:56%;
	max-width:778px;
	margin-bottom:3em;
}

.spdungeon {
	position:relative;
	width:63%;
	margin:0 auto 2em;
}

.charedungeon {
	position:relative;
	width:60%;
	margin:0 auto 1em;
}

#movie1 {
	width:45%;
	position:absolute;
	bottom:5%;
	left:auto;
	right:-9%;
	margin:auto;
}

#movie2 {
	width:45%;
	position:absolute;
	bottom:9%;
	left:-9%;
	right:auto;
	margin:auto;
}

.mission {
	width:64%;
	margin:0 auto 1em;
}

.yakuvoice_title {
	width:56%;
	margin:0 auto 2.4em;
}

ul.yakuvoice {
	width:92%;
	margin:0 auto;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	gap:8px;
}

ul.yakuvoice li {
	width:auto;
	margin-bottom:0;
	position:relative;
}

ul.yakuvoice li:nth-child(odd) {
	margin-right:0;
}

#cp {
	background:url("../images/bg.jpg") no-repeat;
	background-size:100% auto;
	position:relative;
	padding:3em 0 5em;
}

#cp .inner {
	padding:5em 0 3em;
	background:url("../images/bg_frame_chara_cp.png") left top repeat;
	border-radius:20px;
	box-shadow:0px 0px 20px 15px rgba(98,74,26,0.3) inset;
}

#cp h2 {
	width:56%;
	max-width:778px;
	margin-bottom:20px;
}

.cpSub {
	font-size:1.4em;
	color:#503a13;
	font-weight:bold;
	margin:0 auto 2em;
}

.cp01,
.cp02,
.cp03,
.cp04,
.cp05 {
	width:66%;
}

.cp01,
.cp02,
.cp03,
.cp04 {
	margin-bottom:3.2em;
}

.cpBtn1 {
	bottom:12%;
	left:0;
	right:0;
	width:48%;
}

.cpBtn2 {
	bottom:3.5%;
	left:0;
	right:0;
	width:30%;
}

.cpBtn3 {
	bottom:9.5%;
	left:0;
	right:0;
	width:48%;
}

.cpBtn4 {
	bottom:3%;
	left:0;
	right:0;
	width:30%;
}


.about_border {
	width:100%;
	height:48px;
	margin:0 auto;
	background:url("../images/patan_abyss.png") left top repeat-x;
	background-size:auto 100%;
	border:none;
}

.aboutTitle {
	width:40%;
	max-width:563px;
	margin:1em auto 1em;
}

.aboutText {
	width:90%;
	max-width:1025px;
	margin:0 auto;
}

.aboutLink {
	width:40%;
	max-width:614px;
	margin:3em auto;
}

.aboutCopy {
	font-size:12px;
}

footer {
	padding-bottom:20px;
}

footer:after {
	display:none;
	z-index:0;
	width:100%;
	height:0;
	background:none;
}

footer ul {
	width:100%;
	max-width:650px;
	margin:0 auto;
	padding:0;
	letter-spacing:normal !important;
	display:flex;
	justify-content:space-between;
}

footer ul li:nth-child(1) {width:auto;margin:0;}
footer ul li:nth-child(2) {width:auto;margin:0;}
footer ul li:nth-child(3) {width:auto;margin:0;}
footer ul li:nth-child(4) {width:auto;margin:0;}
footer ul li:nth-child(5) {display:none;}
footer ul li:nth-child(6) {width:auto;margin:0;}
footer ul li:nth-child(7) {width:auto;margin:0;}
footer ul li:not(:last-child) {
	margin-right:4%;
}

.banner {
	width:168px;
	height:151px;
	left:3%;
}

.pagetop a {
	padding:0.5em;
	font-size:1.6rem;
}

.remodal p {
	font-size:15px !important;
}

}