@charset "utf-8";

/* ****************************************************

layout_sp.css
1: layout common setting
2: header
3: footer
99: extra

***************************************************** */

@media only screen and (max-width: 750px) {
/*1: layout common setting
=========================================*/
/* base font */
body.membersTop {
	font-size: 1.4rem;
	line-height: 1.4;
	color: #333333;
}
#mainContents {
	display: block;
	margin: 28px 10px 68px;
}

/*2: header
=========================================*/
#headContainer {
	width: 100%;
	background-color: #fff;
	padding: 5px 0 8px;
	border-bottom: solid 1px #ccc;
}

#header {
	text-align: left;
	padding: 0 10px;
}
/* logoArea */
#header #logoArea{
	display: flex;
	justify-content: space-between;
}
#header #logoArea #logoArea__main {
	display: flex;
	align-items: center;
	min-height: 34px;
}
#header #logoArea #logoArea__main #logo{
	width: 95px;
}
#header #logoArea #logoArea__main #logo > img{
	width: 100%;
	height: 100%;
}
#header #logoArea #logoArea__main #logo-title{
	font-size: 1.25rem;
	color: #073f9e;
	line-height: 1;
}

#header #logoArea #title {
	padding-top: 5px;
}

/* button */
#header #logoArea .logoArea__button-wrap{
	display: none;
}

/* ==================================
topicPath
================================== */
	#topicPath {
		display: none;
	}

/*3: footer
=========================================*/
#footContainer {
	width: 100%;
	background-color: #333333;
}

#footContainer #footer {
	padding: 17px 0;
}
#footContainer #footer > .inner >*:first-child{
	margin-top: 0!important;
}
#footContainer #footer #footerNav {
	display: flex;
	justify-content: center;
}
#footContainer #footer #footerNav__list {
	display: flex;
	font-size: 1.3rem;
	text-align: center;
}
#footContainer #footer #footerNav a{
	display: block;
	margin: 0 15px;
	color: #fff;
	text-decoration: none;
}
#footContainer #footer #footerNav #footerNav__list > li + li{
	border-left: 1px solid #fff;
}
#footContainer #footer #footerCopyright {
	color: #aaa;
	text-align: center;
	margin-top: 17px;
	font-size: 1.1rem;
}
/* pagetop */
#footContainer #pagetop {
	position: fixed;
	right: 10px;
	bottom: 90px;
	z-index: 9999;
}
#footContainer #pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	background: url(/member/common/img/footer_bt01.png) no-repeat 0 0;
	background-size: contain;
}

/* 2024.06.21 Qoil追記  */
#footContainer #footer #footerNav__list_02 {
	display: flex;
    justify-content: center;
	padding-top: 1em;
    margin-bottom: 2em;
	font-size: 12px;
	gap: 8px;
}
#footContainer #footer #footerNav__list_02 li a {
	color: #FFF;
    background: rgba(255, 255, 255, .25);
    padding: .25em 1em;
    border-radius: 9999px;
}
#footContainer #footer #footerNav__list_02 li a:hover {
    background: rgba(255, 255, 255, .1);
}


/*99: extra
=========================================*/

}