@charset "UTF-8";

/* ===================================================================
	01 footer
=================================================================== */

/* 01 footer
--------------------------------------------------------------------*/

#footer {
	color:#535353;
}



#footer .switch ul {
	text-align:center;
	margin-bottom:29px;
}
#footer .switch ul li {
	display:inline;
}
#footer .switch ul li a {
	width:100px;
	background:url(../images/footer/switch_allow_01.png) no-repeat right center #fff;
	background-size:14px 6px;
	display:inline-block;
	padding:7px 0;
	margin:0 10px;
	text-align:center;
	border-radius:20px;
	font-size:13px;
}
#footer .switch ul li.on a {
	background:url(../images/footer/switch_allow_02.png) no-repeat right center #b4b4b4;
	background-size:14px 6px;
}


/* footer sns
--------------------------------------------------------------------*/

#footer .sns {

}
#footer .sns ul {
	text-align:center;
	padding:32px 0 29px;
}
#footer .sns ul li {
	display:inline;
}
#footer .sns ul li a {
	width:31px;
	height:31px;
	display:inline-block;
	text-indent:-9999px;
	margin:0 16px;
}
#footer .sns ul li:nth-child(1) a {
	background:url(../images/footer/sns_icon_01.jpg) no-repeat top center;
	background-size:31px 31px;
}
#footer .sns ul li:nth-child(2) a {
	background:url(../images/footer/sns_icon_02.jpg) no-repeat top center;
	background-size:31px 31px;
}
#footer .sns ul li:nth-child(3) a {
	background:url(../images/footer/sns_icon_03.jpg) no-repeat top center;
	background-size:31px 31px;
}


/* footer01
--------------------------------------------------------------------*/

.footer01 {
	margin: 0 auto;
	padding: 28px 0;
	border-top: #E6E6E6 1px solid;
	border-bottom: #E6E6E6 1px solid;
}
.footer01-box {
	display: flex;
	margin: 0 auto;
	width: 1080px;
}

/* footerNav section-navi 共通
--------------------------------------------------------------------*/
#footer .footerNav,
#footer .section-navi {
  display: table;
}

#footer .footerNav ul,
#footer .section-navi ul {
  display: table-cell;
	margin: 0 auto;
	width: 20%;
	min-width: 216px;
	text-align:left;
}

#footer .footerNav ul li,
#footer .section-navi ul li {
	text-align:left;
}

#footer .footerNav ul li a,
#footer .section-navi ul li a,
#footer .section-navi .title {
	display:block;
	margin: 0;
	padding:0 10px;
	font-size:12px;
	line-height: 28px;
}

/* footerNav
--------------------------------------------------------------------*/

#footer .footerNav {
    width: 40%;
	max-width: 430px;
}
#footer .footerNav ul {
  display: table-cell;
}

#footer .footerNav ul li a:link,
#footer .footerNav ul li a:hover {
	text-decoration:none;
}
#footer .footerNav ul li a:visited,
#footer .footerNav ul li a:active {
	text-decoration:none;
}


/* section-navi カテゴリー一覧
--------------------------------------------------------------------*/

#footer .section-navi {
	width: 60%;
	max-width: 650px;
}
#footer .section-navi .cat-box ul {
  display: table-cell;
}

#footer .section-navi .title{
	font-size: 13px;
	text-align:left;
}


/* footer02 copyright
--------------------------------------------------------------------*/

#footer .footer02 {
	padding:19px 0 24px;
	text-align: center;
}
#footer .footer02 h4 {
	padding:0px 0 10px;
	font-family: 'Montserrat', sans-serif;
	font-size:20px;
	color: #333333;
}
#footer .footer02 .copyright {
	font-size:10px;
	color: #535353;
}



/* pagetop
--------------------------------------------------------------------*/
.gotop{
	display: none;
}

.pagetopbutton{
	width:30px;
	height:30px;
	position: fixed;
	right: 15px;
	bottom: 25px;
	z-index: 10000;
}

.pagetopbutton a{
	display:block;
	width:30px;
	height:30px;
}

/*
------------------------*/
#footer .app_text {
    font-size: 1rem;
    margin: 0 0 10px 0;
}

#footer .app_list {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 0 10px;
    margin-bottom:20px;
}

#footer .app_item.android img {
    width:200px;
    height: 76px;
}

#footer .app_item.ios img {
    width:auto;
    height: 60px;
    padding: 8px 0;
}