@charset "utf-8";
/* --------------------------------------------------

	css/tpl_footer.css

-------------------------------------------------- */

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


#footer {
	clear: both;
	width: 100%;
	background: #444;
	color: #fff;
	text-align: left;
	font-size: 11px;
	position:relative;
z-index:130px !important;
margin-bottom:-30px;
}

#footer hr{
	clear: both;
    height:0;
    border:0;
    border-top:1px solid #222;
    border-bottom:1px solid #666;
}

#footer #footer_inner {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 934px;
	overflow: hidden;
}

#footer #footer_inner a {
	color: #fff;
}

#footer #footer_inner .footer_logo {
	margin: 25px 0 20px 0;
	width: 330px;
}

#footer #footer_inner .footer_logo_b {
	margin: 10px 0 25px 0;
	width: 300px;
	float: left;
}


#footer #footer_inner .footer_menu {
	margin: 0 auto 10px;
}

#footer #footer_inner .footer_menu ul {
	clear: both;
	padding: 0 0 25px 0;
}

#footer #footer_inner .footer_menu ul.gnavi {
	clear: both;
	padding: 0 0 30px 0;
	font-size: 14px;
}

#footer #footer_inner .footer_menu ul.gnavi li {
	padding: 0 20px 0 0;
	border-left: none;
}

#footer #footer_inner .footer_menu li {
	padding: 0 10px 0 10px;
	border-left: solid 1px #fff;
	float: left;
}

#footer #footer_inner .footer_menu li.first {
	padding: 0 10px 0 0;
	border-left: none;
}

span.mark {
	width: 0px;
	height: 0px;
	border-top: solid 5px transparent;
	border-left: solid 5px #fff;
	border-right: solid 5px transparent;
	border-bottom: solid 5px transparent;
	float: left;
	position: relative;
	top: 5px;
}


#footer #footer_inner .shop_link {
	clear: both;
	margin: 20px 0 20px 0;
	padding: 20px 0 0 0;
}

#footer #footer_inner .shop_link .area {
	padding: 0 0 15px 0;
}

#footer #footer_inner .shop_link .area p {
	float: left;
	width: 100px;
}

#footer #footer_inner .shop_link ul {
	margin: 0 0 0 100px;
	padding: 0 0 20px 0;
}

#footer #footer_inner .shop_link li {
	padding: 0 10px 0 10px;
	border-left: solid 1px #fff;
	float: left;
}

#footer #footer_inner .shop_link li.first {
	padding: 0 10px 0 0;
	border-left: none;
}


#footer #footer_inner .footer_marker {
	clear: both;
	position: relative;
	top: -125px;
	right: 10px;
	width: 400px;
	float: right;
}


#footer #footer_inner .footer_qr {
	clear: both;
	width: 200px;
	float: left;
}

#footer #footer_inner .footer_qr p {
	padding: 15px 0 0 0;
	line-height: 150%;
}

#footer #footer_inner .footer_qr img {
	padding: 0 12px 0 0;
	float: left;
	width: 60px;
}

#footer #footer_inner .sfkoutori {
	width: 200px;
	float: left;
	padding-left: 90px;
}

#footer #footer_inner .sfkoutori p {
	padding: 8px 0 0 0;
	line-height: 150%;
}

#footer #footer_inner .sfkoutori img {
	padding: 0 12px 0 0;
	float: left;
}


#footer #footer_inner .copyright {
	clear: both;
	padding: 10px 0 0 0;
}

#footer #footer_inner .copyright_b {
	padding: 10px 0 0 0;
	float: right;
}
/* footer
-----------------------------*/
#footer_info{
width:100%;
background:#F2F2F2;
color:#808080;
padding:44px 0 50px 0;
margin-top:0px;
clear:both;
position:relative;
z-index:120px;
}
#footer_info .footer_info_inn{
width:950px;
margin:0 auto;
}
#footer_info a:link,
#footer_info a:visited {
	color:#808080;
	text-decoration: none;
}
#footer_info a:hover {
	color: #004699;
	text-decoration: underline;
}
#footer_info .footer_info_inn .f_de{
padding:0 0 20px 0;
}
#footer_info .footer_info_inn .box_l{
width:486px;
background:#FFF;
float: left;
border-radius:3px;
margin-bottom:10px;
padding:20px;
height: 190px;
}
#footer_info .footer_info_inn .box_r{
width:366px;
background:#FFF;
float: right;
border-radius:3px;
padding:20px;
height: 190px;
}
#footer_info .footer_info_inn .box_c{
width:930px;
clear:both;
background:#FFF;
border-radius:3px;
padding:10px;
}
#footer_info .footer_info_inn ul.fi_menu_r{
width:408px;
clear:both;
padding:12px 0 0 0;
}
#footer_info .footer_info_inn ul.fi_menu_r li{
width:408px;
padding:0 0 5px 0;
}

#footer_info .footer_info_inn dl.fi_menu_l{
width:524px;
clear:both;
padding:0;
line-height: 1.0;
}
#footer_info .footer_info_inn dl.fi_menu_r{
width:408px;
clear:both;
padding:12px 0 0 0;
}
#footer_info .footer_info_inn dl.fi_menu_l dt{
float:left;
width:100px;
}
#footer_info .footer_info_inn dl.fi_menu_r dt{
float:left;
width:100px;
}
#footer_info .footer_info_inn dl.fi_menu_l dd{
display: inline-block;
width:422px;
}
#footer_info .footer_info_inn dl.fi_menu_r dd{
display: inline-block;
width:306px;
}

#footer_info .footer_info_inn dl.fi_menu_l dd ul li{
float:left;
padding-right:5px;
margin-right:4px;
}

#footer_info .footer_info_inn dl.fi_menu_l dd ul li:last-child{
background: url() no-repeat right 2px;
}
#footer_info .footer_info_inn dl.fi_menu_r dd ul li:last-child{
background: url() no-repeat right 2px;
}
#footer_info .footer_info_inn ul.fi_ninki_list li{
display: inline;
line-height: 1.5;
margin-right: 15px;
white-space: nowrap;
}

#footer_navi{
width:100%;
color:#fff;
background: url(/common/images/common/footer_bg.png) repeat-x 0 0 #003055;
}
#footer_navi a:link,
#footer_navi a:visited {
	color:#FFF;
	text-decoration: none;
}
#footer_navi a:hover {
	color: #004699;
	text-decoration: underline;
}
#footer_navi .footer_navi_inn{
width:950px;
margin:0 auto;
position:relative;
padding-top:40px;
background: url(/common/images/common/ft_bg.png) repeat-x 0 bottom;
}
#footer_navi .footer_navi_inn .footer_qr{
position:absolute;
right:200px;
bottom:24px;
width:170px;
}
#footer_navi .footer_navi_inn .footer_qr p{
font-size:90%;
padding:12px 0 0 0;
}
#footer_navi .footer_navi_inn .footer_qr img{
float:left;
padding-right:5px;
}
#footer_navi .footer_navi_inn .footer_kousei{
position:absolute;
right:0;
bottom:32px;
}
#area_pagetop.pagetop {
	display: block;
	position:absolute;
right:0;
top:-28px;
bottom: 350px;
z-index:130px;
}
#area_pagetop.pagetop a {
	display: block;
	width: 175px;
	height: 35px;
}
#footer_navi .footer_navi_inn ul.fn_menu{
width:950px;
display: inline-block;
}
#footer_navi .footer_navi_inn ul.fg_menu{
width:950px;
display: inline-block;
padding-top:20px;
}
#footer_navi .footer_navi_inn .footer_logo{
float:left;
margin-right:10px;
}
#footer_navi .footer_navi_inn ul.fn_menu li{
float:left;
padding-right:12px;
margin-right:12px;
background: url(/common/images/common/fn_menu.gif) no-repeat right 2px;
font-size:90%;
}
#footer_navi .footer_navi_inn ul.fg_menu li{
float:left;
padding-left:9px;
margin-right:18px;
background: url(/common/images/common/fg_bg.png) no-repeat 0 3px;
font-size:110%;
}
#footer_navi .footer_navi_inn ul.fn_menu li:last-child{
padding-right:0;
margin-right:0;
background: url() no-repeat right 2px;
}

#footer_navi .footer_navi_inn dl.fn_tenpo{
width:950px;
clear:both;
padding:32px 0 20px 0;
margin-top:15px;
font-size:90%;
background: url(/common/images/common/ft_bg.png) repeat-x 0 0;
}
#footer_navi .footer_navi_inn dl.fn_tenpo dt{
float:left;
width:92px;
margin-top:6px;
}
#footer_navi .footer_navi_inn dl.fn_tenpo dd{
display: inline-block;
width: 858px;
margin-top:6px;
}

#footer_navi .footer_navi_inn dl.fn_tenpo dd ul li{
float:left;
padding-right:10px;
margin-right:8px;
margin-bottom:6px;
background: url(/common/images/common/fn_tenpo.gif) no-repeat right 3px;
}
#footer_navi .footer_navi_inn dl.fn_tenpo dd ul li:last-child{
background: url() no-repeat right 2px;
}

#footer_navi .address{
height:100px;
}
#footer_navi .address .copyright{
width:950px;
margin:0 auto;
text-align: left;
padding-top:20px;
padding-left:2px;
font-size:86%;
}

/*2020*/
/*sns_area
--------------------------- */
#top_sns_box {
				margin:-70px auto 0;
				width:1020px;
				display:block;
				position:relative;
				height:460px;
				background: #fff;
}
.top_tw{
				position:absolute;
				top:0px;
				left:0px;
				width:468px;
				height:400px;
				border:solid 1px #e8e8e8;
				margin: 30px;
	overflow: hidden;
}
.top_fb {
				position:absolute;
				top:0px;
				right:0px;
				width:464px;
				border:solid 1px #e8e8e8;
				background:#FFF;
				height:400px;
				overflow:hidden;
				margin: 30px;
}



/*top_info
--------------------------- */
#top_info {
    background-color: #EFE7DE;
    background-image: url("file:///C|/job_list/jj-2024リニュ/common/images/top/left_brown.png") , url("file:///C|/job_list/jj-2024リニュ/common/images/top/bg_line_a.png")  ;
    background-repeat: no-repeat,no-repeat;
    background-position: left top,center top;
    background-size: 50% auto,cover;
    padding: 80px 0 120px;
    box-sizing: border-box;
    font-weight: 400;
    font-style: normal;
}
#top_info h2 {
    width: auto;
    color: #fff;
    text-align: left;
    font-size: 52px;
    padding: 0 0 50px 0px;
	margin: 0 auto;
	width: 960px;
}
@media only screen and (min-width: 1801px) {
#top_info h2{
text-align: left;
padding: 0 0 50px 300px;
margin: 0 auto;
width: 1300px;
}
}/**/
#top_info_in {
				width:900px;
				margin:0 auto;
				position:relative;
				padding-bottom:88px;
				background: #fff;
}
#infoblock {
	border-top:2px solid #fff;
	position: relative;
	padding-top: 10px;
}
#infoblock::after {
    background-color: #ffff47;
    top: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 30%;
    z-index: 2;
}
/*#top_info_in h2{
		padding:14px 0 0 0;
		width:950px;
		margin:0 auto;
		clear:both;
		}*/
#top_info .ti_title {
				border-bottom:1px dotted #666;
				float:left;
				margin-bottom:10px;
				margin-left:10px;
}
#top_info ul {
    padding: 10px 0 0 6px;
				width: 100%;
}
#top_info li {
    border-bottom: 1px solid #dbdbea;
    padding: 10px 6px;
}
#top_info .ti_title ul {
    padding: 0;
				margin-top:-3px;
				width: 670px;
				float:right;
}
#top_info .ti_title li {
    border-bottom: 0px solid #dbdbea;
    padding: 0 0 0 6px;
				float:right;
}
#top_info dl {
    border-bottom: 1px solid #dbdbea;
    padding: 10px 6px;
    overflow: hidden;
				margin-left: 10px;
}
#top_info dl dt {
    float: left;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    padding-top: 0px;
    width: 94px;
}
#top_info .info_mark {
				position:absolute;
				bottom:28px;
				right:10px;
				background: url("file:///C|/job_list/jj-2024リニュ/common/images/new/mark_black.png") no-repeat 0 5px;
				padding-left:10px;
}
#top_info .btn_opn_info a{
	border: 1px solid #444;
 bottom: -56px;
 color: #333;
 font-size: 13px;
 font-weight: normal;
 height: 29px;
 line-height: 29px;
 position: absolute;
 text-align: center;
 width: 190px;
	left:45%;
}
#top_info .btn_opn_info a:hover{
	border: 1px solid #444;
 color: #fff;
	text-decoration:none;
}
#top_info .btn_opn_info.i_under a{
	background: url("file:///C|/job_list/jj-2024リニュ/common/images/headline/mark_under.png") no-repeat 46px 11px;
}
#top_info .btn_opn_info.i_under a:hover{
	background: url("../../images/new/mark_under_ho.png") no-repeat 46px 11px #444;
}
#top_info .btn_opn_info.i_up a{
	background: url("../../images/new/mark_up.png") no-repeat 58px 11px;
}
#top_info .btn_opn_info.i_up a:hover{
	background: url("../../images/new/mark_up_ho.png") no-repeat 58px 11px #444;
}

#infoblock a {
	color: #000;
}

#infoblock span {
	width: 60px;
	margin-right: 10px;
	padding-top: 2px;
	border: solid 1px #000;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	font-size: 0.8em;
	vertical-align: bottom;
	border-radius: 4px;
}
#infoblock span.topics {
	border-color: #0066CC;
	color: #0066CC;
}
#infoblock span.campaign {
	border-color: #D90000;
	color: #D90000;
}
#infoblock span.service {
	border-color: #009966;
	color: #009966;
}
#infoblock span.corporate {
	border-color: #CC9933;
	color: #CC9933;
}
#infoblock span.media {
	border-color: #FF00FF;
	color: #FF00FF;
}
/*company_list
--------------------------- */
#company_list {
				width:950px;
				margin:24px auto 0;
				position:relative;
}
#company_list ul {
				border-bottom:1px solid #e8e8e8;
				height:106px;
}

#company_list ul li{
	float:left;
	margin-right:3%;
}
#company_list ul li:last-child{
	margin-right:0px;
}
#company_list ul li a{
	border: 1px solid #444;
	color:#333;
	font-size:15px;
	width:290px;
	height:46px;
	line-height:46px;
	text-align:center;
	display:block;
}
#company_list ul li a:hover{
	border: 1px solid #444;
	background:#444;
	color:#fff;
	text-decoration:none;
}

/*foot_info
--------------------------- */
#foot_info {
    height: 200px;
    margin: 0 auto;
    padding: 10px 0 0;
    width: 100%;
}
#top_un_bnr {
				float: none;
    height: auto;
    margin: 0 auto;
    padding-left: 100px;
    padding-top: 30px;
    width: 950px;
}

#top_un_bnr ul li {
				float: left;
    margin: 0 6px 12px;
    padding: 0;
}

#footer_info {
    margin-top: 0px !important;
}
#footer_info .fi_box_title {
    font-size: 120%;
}
#top_un_bnr ul {
	margin: 0 auto;
	}
#top_un_bnr ul.two {
	width: 478px;
	}
#top_un_bnr ul.three {
	width: 708px;
	}
#top_un_bnr ul.four {
	width: 1004px;
	}

/*sp*/
@media only screen and (max-width: 767px) {
.footer{
	background:#444;
	padding: 10px 0 70px 0;
	font-size: 11px;

}
.footer ul{
	text-align: center;
	color: #fff;
}
.footer ul li{
	/*display: inline-block;*display: inline;*zoom: 1;*/
}
.footer ul li a{
	color: #fff;
	text-decoration: underline;
}
.footer .mode{
	text-align: center;
	color: #fff;
	padding: 10px 0 0 0;
	/*background: url(../images/common/bg_footer_mode.png);*/
	margin: 8px 0 0 0;
}
.footer .btn{
	border-color:#fff;
	border-width:2px;
	border-style:solid;
	padding: 12px 0;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
	text-align: center;
	border-radius: 6px;	
	font-size:12px;
	width: 43%;
	margin:12px 0 0 1em;
	float:left;
}
.footer .btn2{
	border-color:#fff;
	background-color:#666;
	border-width:2px;
	border-style:solid;
	padding: 12px 0;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
	text-align: center;
	border-radius: 6px;	
	font-size:12px;
	width: 43%;
	margin:12px 1em 0 0;
	float:right;
}
.footer .copyright{
	margin-top: 14px;
	color: #fff;
	width: 100%;
	display:inline-block;
}
.footer .copyright p{
	text-align: center;
	padding: 8px 0;
}
.footer .contact_wrap dt {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
	color:#fff;
}
.contact_top {
	padding-top: 10px;
	border-top: solid 1px #aaa;
}


/* footer 修正 ここから */

.footer_menu_wrap {
	margin: 0 auto;
	width: 100%;
	font-size: 1.2em;
}

.footer .footer_menu {
	text-align: left;
}
.footer ul.footer_menu {
				border-bottom:#666 1px solid;
}
.footer .footer_menu li {
				position:relative;
				border-top:#666 1px solid;
				border-bottom:#000 1px solid;
				padding:0 10px;
}
.footer .footer_menu li a {
    background-image: url("file:///C|/job_list/jj-2024リニュ/common/images/icon/icon_arrow3_right.png");
    background-size: 30px auto;
				background-position:right center;
				background-repeat:no-repeat;
				display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 6px;
    text-decoration: none;
}

.footer .mode {
	font-size: 1.2em;
}

/* footer 修正 ここまで */
/* btn_contact_tel ここから */

.btn_contact_tel {
	/*background: -moz-linear-gradient(top center, #ffffff 0%, #dcdce4 100%);		
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#dcdce4));	
	background: linear-gradient(top center, #ffffff 0%, #dcdce4 100%);	 */
	border: 0px solid #9b9ba6;
	box-shadow:0px 0px 3px;
	border-radius: 8px;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	padding: 1em 0.5em 0.5em 0.5em;
	font-size: 0.85em;
	text-align: center;
	background:#fff;
}

.btn_contact_tel a {
	text-decoration: none;
	color: #000000;
}

.btn_contact_tel span.fontc_red {
	display: block;
	width: 100%;
	padding-left: 0.9em;
	text-align: left;
	margin-right: 0.4em;
	margin-bottom: 0.4em;
	font-weight: bold;
	
}
.btn_contact_tel span.bizhour {
	padding-top: 0.3em;
	text-align: center;
	display: block;
	}

.btn_contact_tel span {
	line-height: 1em;
}

.tel_no {
	font-weight: 600;
	font-size: 2.3em;
	color: #C60000;
	/*letter-spacing: 0.04em;*/
	background-image: url(../../images/detail/tel.png);
	background-repeat: no-repeat;
	background-size: 1.2em;
	background-position: left center;
	padding-left: 1.3em;
	padding-bottom: 0.1em;
}

.contact_wrap dd:last-of-type {
	margin-bottom: 2em;
}

/* btn_contact_tel ここまで */
/* btn
--------------------------------------------------------------------------------------------------------------------*/
.btn_rese {
background-position: left center;
    
box-shadow: 0px 0px 3px;
border-radius: 8px;
margin-top: 0.3em;
margin-bottom: 0.8em;
padding: 0.5em 0.5em 0.5em 0.5em;
font-size: 1.85em;
text-align: center;
background: #FFD93F;
background: -moz-linear-gradient(top,  #FFE680 2%,#FFD93F 53%,#FFD93F 100%);
background: -webkit-linear-gradient(top,  #FFE680 2%,#FFD93F 53%,#FFD93F 100%);
background: linear-gradient(to bottom, #FFE680 2%,#FFD93F 53%,#FFD93F 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE680', endColorstr='#FFD93F',GradientType=0 );
}

.icon_rese {
background-image: url("/sp/common/images/icon_rese.png");
background-position: left center;
background-repeat: no-repeat;
background-size: 1.2em auto;
font-weight: 600;
letter-spacing: 0.04em;
padding-left: 1.3em;
} 
.btn_rese a {
color: #000;
display: inline-block;
text-decoration: none;
vertical-align: text-bottom;
width: 100%;

} 
.btn_con {
background-position: left center;
border: 0px solid #9b9ba6;
box-shadow: 0px 0px 3px;
border-radius: 8px;
margin-top: 0.5em;
margin-bottom: 0.3em;
padding: 0.5em 0.5em 0.5em 0.5em;
font-size: 1.85em;
text-align: center;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );


} 
.icon_con {
background-image: url("/sp/common/include/footer/images/icon_con.png");
background-position: left center;
background-repeat: no-repeat;
background-size: 1.2em auto;
font-weight: 600;
letter-spacing: 0.04em;
padding-left: 1.3em;
} 
.btn_con {
    background-position: left center;
    border: 0px solid #9b9ba6;
    box-shadow: 0px 0px 3px;
    border-radius: 8px;
    margin-top: 0.5em;
    margin-bottom: 0.3em;
    padding: 0.5em 0.5em 0.5em 0.5em;
    font-size: 1.85em;
    text-align: center;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.btn_con a {
color:#000;
display: inline-block;
text-decoration: none;
vertical-align: text-bottom;
width: 100%;

} 
.contact_wrap dt {
	text-align: center;
	font-size: 1.1em;
}

.contact_wrap.shop_contact dt {
	text-align: center;
	font-size: 1em;
	font-weight: normal;	
}

.contact_wrap dd div.contact_web {
	text-align: center;
	font-size: 1em;
	font-weight: normal;	
}



.contact_wrap dd,.contact_wrap li {
	width: 95%;
	margin: 0 auto 0.4em auto;
}

.contact_wrap img {
	width: 100%;
	height: auto;
}
#sp_top_un_bnr {
	float: none;
    height: auto;
    margin: 0 auto;
    padding-left: 0px;
    padding-top: 30px;
    width: 100%;
}
	#sp_top_un_bnr ul.two {
	display: block;
		text-align: center;
	width: 100%;
}
#sp_top_un_bnr ul.two li {
	display: inline-block;
	width: 48%;
    padding-bottom: 6px;
}
}/*sp*/


/*2024*/
/*footer
----------------------------------------------------------------------------------------------*/
footer{
	padding:10px 0 30px 0;
	z-index: 100;
    position: relative;
    background: #fff;
	}

.footerIn{
    width:960px;
    margin:24px auto 20px;
				text-align:center;
    }
    footer p img{
        width:200px;
        margin-right:5px;
								height:auto;
        }
    footer ul{
       float:right;
								padding-left:30px;
        padding-top:12px;
        }
    footer ul li{
      font-size:13px;
      font-weight:bold;
      color:#000;
        }
	footer ul li > span{
        font-weight:bold;
        padding:0 8px;
        color:#000;
        }
    footer ul li a{
      display:inline !important;
      text-decoration:none;
      font-weight:bold;
						color:#000;
        }
        footer ul li a > span{
            font-weight:inherit;
            font-size:inherit;
            }
        footer ul li a:hover{
            color:#999;
            }

footer small{
	text-align:center;
	display:block;
	font-size:14px;
	line-height:1;
	}
#pageTop {
    bottom: 20px;
    position: fixed;
    right: 20px;
    width: 50px;
				z-index:300;
}

#pageTop img {
    height: auto;
    width: 100%;
}

/**/
footer{
	padding:15px 0;
	}

.footerIn{
    width:100%;
    margin:0 auto 10px;
    padding:0 10px;
    }
    footer h1{
      	float:none;
        width:100%;
        padding-left:0;
        margin-right:0;
        text-align:center;
        margin-bottom:15px;
        }
        footer h1 img{
            width:173px;
            height:auto;
            }
												footer p img{
      	float:none;
        width:200px;
        padding-left:0px;
        margin-right:0px;
								text-align:center;
        }
    footer ul{
        float:none;
        width:100%;
        padding-top:0;
        }
								footer ul li{
								font-size:16px;
								padding:0 0 5px 0;
        }

	

footer small{
	text-align:center;
	display:block;
	font-size:12px;
	line-height:1;
	}

footer .footerIn p {
    float: none;
    text-align: center;
    width: 100%;
}
footer .footerIn p img {
    height: auto;
    width: 180px;
}
#pageTop{
	width: 40px;
	position: fixed;
	bottom: 15px;
	right: 15px;
	}

#pageTop img {
    height: auto;
    width: 100%;
}


/**/
/* フッターリンク
---------------------------*/
.footerLinkArea{
    background-color: #0B3C67;
	
    padding: 5em 0 6em 0;
    color: #fff;
    font-size: 16px;
    
    margin-top: 1em;
	background-color: #1e60a2;
	background-color: #842930;
}
.footerLinkArea.mini{
    background-color: #0B3C67;
	background-color: #1e60a2;
    padding: 0em 0 5em 0;
    color: #fff;
    font-size: 16px;
    margin-top: 1em;
}
.footerLinkArea {
}
.footerLinkArea a {
    color: #fff !important;
}
.footerLinkArea a:hover {
    color: #fff;
}
.footerLinkArea .wrapper {
/*width: 1100px;*/
}
.footerLinkArea p.ftcmt {
    padding-bottom: 70px;
	color: #fff;
    font-size: 16px;
}
.footerLinkArea .footLeftArea {
    width: 32%;
    float: left;
    background-color: #1F4E79;
	background-color: #134a84;background-color: #551a1e;
    padding: 2% 2.5%;
    box-sizing: border-box;
    height: 500px;
    margin-right: 2%;
}
.footerLinkArea .footLeftArea dl {
}
.footerLinkArea .footLeftArea dl dt {
    font-size: 16px;
    padding-bottom: 6px;
}
.footerLinkArea .footLeftArea dl dd {
    font-size: 14px;
    padding-bottom: 14px;
}
.footerLinkArea .footLeftArea dl dd ul li {
    display: inline-block;
    margin-right: 8px;
}
.footerLinkArea .footCenterArea {
    width: 32%;
    float: left;
    background-color: #1F4E79;
	background-color: #134a84;background-color: #551a1e;
    padding: 2% 2.5%;
    box-sizing: border-box;
    height: 500px;
    margin-right: 2%;
}
.footerLinkArea .footCenterArea ul,.footerLinkArea .footRightArea ul {
    font-size: 14px;
}
.footerLinkArea .footCenterArea ul li,.footerLinkArea .footRightArea ul li {
    padding-bottom: 14px;
}
.footerLinkArea .footRightArea {
    width: 32%;
    float: left;
    background-color: #1F4E79;
	background-color: #134a84;background-color: #551a1e;
    padding: 2% 2.5%;
    box-sizing: border-box;
    height: 500px;
}
.footerLinkArea h2 {
    width: 100%;
    font-size: 16px;
    padding: 0px 0 25px 0px;
    box-sizing: border-box;
    border-top: none;
    border-bottom: none;
    font-weight: bold;
}
.footerLinkArea .footLeftArea dl dt {
	display: flex;
	align-items: center;
}
.footerLinkArea .footLeftArea dl dt::after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #fff;
	display: block;
}
.footerLinkArea .footLeftArea dl dt::after {
	margin-left: .7em;
}
.footerLinkArea .footLeftArea dl dt.noline::after {
	display: none;
}
.footerLinkArea .footLeftArea dl dt.noline a {
	font-size: 14px;
}
.footerLinkArea ul.arrowLinkArea{
    width: 100%;
    background-color: #1F4E79;
	background-color: #134a84;background-color: #551a1e;
    padding: 1.5% 2.8%;
    box-sizing: border-box;
}
.footerLinkArea ul.arrowLinkArea li{
    display: inline-block;
}
.footerLinkArea ul.arrowLinkArea li a{
    background-size: 10px;
    color: #fff;
    padding: 4px 28px 4px 0;
    font-size: 13px;
}

.footerLinkArea .column3{
    margin-bottom: 20px;
}
.footerLinkArea .column3:after{
    clear: both;
    display: block;
    content: "";
}


.footerLinkArea ul.btnLinkArea{
     margin-bottom: 15px;
}
.footerLinkArea ul.btnLinkArea:after{
    clear: both;
    display: block;
    content: "";
}
.footerLinkArea .btnLinkArea li{
    /*display: inline-block;*/
    float: left;
    margin-right: 10.8px;
}

.footerLinkArea .btnLinkArea li:last-child{
    margin-right: 0px;
}
.footerLinkArea .btnLinkArea li a{
    display: inline-block;
    padding: 20px 0; 
    background-color: #1F4E79;
	background-color: #134a84;background-color: #551a1e;
    width: 128px;
    box-sizing: border-box;
    text-align: center;
	color: #fff;
	text-decoration: none;
}
.footerLinkArea .btnLinkArea li a img{
    height: 88px;
    
}
.footerLinkArea .column5 {
    margin-top: 3em;
	font-size: 14px;
	    display: inline-block;
    margin: 20px 0 0 60px;
    width: 990px;
}

.footerLinkArea .column5 li {
    padding: 3px 0;
}
.footerLinkArea .column5:after {
    clear: both;
    display: block;
    content: "";
}
.footerLinkArea .area1 {
    width: 32%;
    width: 170px;
    float: left;
    box-sizing: border-box;
    /*margin-right: 2%;
    padding: 1.5% 2.5%;*/
    border-right: 1px solid #1F4E79;
	border-right: 1px solid #5a79ba;
	border-right: 1px solid #999;
    height: 600px;
}
.footerLinkArea .area2 {
    width: 32%;
    width: 650px;
    float: left;
    box-sizing: border-box;
    /*margin-right: 2%;
    padding: 1.5% 2.5%;*/
    border-right: 1px solid #1F4E79;
	border-right: 1px solid #999;
    padding-left: 24px;
    height: 470px;
}
.footerLinkArea .area2 dl {
    width: 32%;
    width: auto;
    float: left;
    box-sizing: border-box;
    /*margin-right: 2%;
    padding: 1.5% 2.5%;*/
    padding-right: 52px;
}
.footerLinkArea .area1 dl dt,
.footerLinkArea .area2 dl dt,
.footerLinkArea .area3 dl dt,
.footerLinkArea .area4 dl dt,
.footerLinkArea .area5 dl dt{
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
}
.footerLinkArea .area2 dl dd {
    
}
.footerLinkArea .area3 {
    width: 32%;
    width: 170px;
    float: left;
    box-sizing: border-box;
    /*margin-right: 2%;
    padding: 1.5% 2.5%;*/
    border-right: 1px solid #1F4E79;
	border-right: 1px solid #999;
    padding-left: 24px;
    height: 470px;
}
.footerLinkArea .area4 {
    width: 32%;
    width: 170px;
    float: left;
    box-sizing: border-box;
    /*margin-right: 2%;
    padding: 1.5% 2.5%;*/
    border-right: 0px solid #1F4E79;
	border-right: 0px solid #999;
    padding-left: 24px;
    height: 470px;
}
.footerLinkArea .area5 {
    width: 32%;
    width: 194px;
    float: left;
    box-sizing: border-box;
    /*margin-right: 2%;
    padding: 1.5% 2.5%;*/
    padding-left: 24px;
}


.footerLinkArea .snsArea {
    text-align: center;
    width: 520px;
    margin: 60px auto 70px auto;
}
.footerLinkArea .snsArea dt {
    text-align: center;
}
.footerLinkArea .snsArea dt img {
}
.footerLinkArea .snsArea dd {
}
.footerLinkArea .snsArea ul {
    width: 520px;
    margin: 30px auto; 
	text-align: center;
}
.footerLinkArea .snsArea li {
    display: inline-block;
    margin-right: 34px;
}
.footerLinkArea .snsArea li:last-child {
    margin-right: 0px;
}
.footerLinkArea .snsArea li img {
    max-width: 50px;
}

.footerLinkArea .footerBtmArea {
    /*width: 1000px;*/
    margin: 0 auto;
}
.footerLinkArea .footerBtmArea:after {
    clear: both;
    display: block;
    content: "";   
}
.footerLinkArea .footerBtmArea p.cr {
    line-height: 106px;
    font-size: 14px;
	text-align: center;
	color: #fff;
}
.footerLinkArea .footerBtmArea p.kotori {
    float: left;
	margin-top: -100px;
    width: 290px;
}
.footerLinkArea .footerBtmArea p.kotori img {
    float: left;
	width: 100px;
}
.footerLinkArea .footerBtmArea p.kotori .logotext {
    font-size: 14px;
    padding-top: 17px;
    padding-left: 10px;
    display: inline-block;
	color: #fff;
}
.footerLinkArea .footerBtmArea br {
}
.footerLinkArea .p_t_set {
padding-top: 1.5em;
}

/* ロゴ＋コピーライトのみフッター */
.footer {
    background-color: #1e60a2;
	background-color: #0B3C67;
    padding: 2em 0 1em 0;
    color: #fff;
    font-size: 14px;
    margin-top: 1em;
}
.footer:after{
    clear: both;
    display: block;
    content: "";
}
.footer .wrapper {
}
.footer p.logoLeft {
    float: left;
}
.footer p.crRight {
    float: right;
    padding-top: 40px;
    vertical-align: bottom;
}
.footer a {
}
.footer img {
}
.footer .cr {
}
/* pagetop
--------------------------------------------------------------------------------------------------------------------*/
.pagetop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index:1000;
}
.shopbody .pagetop {
	bottom: 110px;
}
.pagetop a {
	display: block;
	width: 50px;
	height:78px!important;
	/*border: 2px solid #039CD6;
	border-radius: 2px;
	background-color:#039CD6;
	color: #039CD6;*/
	/*background-image: url("/common/images/common/menu/totop_h.svg");*/
	background-image: url("/common/images/common/totop.webp");
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding-top: 0px!important;;
	box-sizing: border-box;
	line-height: 1.2;
	border: 0px solid #039CD6!important;
	background-color:none!important;
	background-size: cover;
}
.pagetop a:hover {
	opacity: 0.6;

}
@media only screen and (max-width: 767px) {
.pagetop {
	bottom: 70px;
}
}/**/
@media only screen and (max-height: 767px) {
	/*spfooter*/
	.footerLinkArea{
    padding: 2em 0 0 0;
}
	.footerLinkArea .wrapper {
    width: 90%;
}
	

	@media only screen and (max-width: 360px) {
    
.footerLinkArea {
    font-size: 15px;
}
    }
@media only screen and (max-width: 340px) {
    
.footerLinkArea {
    font-size: 12px;
}
    }

.footerLinkArea ul.btnLinkArea{
    margin: 0 auto;
     margin-bottom: 15px;
}
.footerLinkArea ul.btnLinkArea:after{
    clear: both;
    display: block;
    content: "";
}
.footerLinkArea .btnLinkArea li{
    /*display: inline-block;*/
    float: left;
    margin-right: 2%;
     width: 49%;
	margin-bottom: 5px;
}

.footerLinkArea .btnLinkArea li:nth-child(even){
    margin-right: 0px;
}
.footerLinkArea .btnLinkArea li a{
    display: inline-block;
    padding: 0px 0 0px 10px;
    background-color: #1F4E79;
    background-color: #2D577D;
    width: 100%;
    box-sizing: border-box;
    text-align: left; 
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	min-height: 56px;
}
.footerLinkArea .btnLinkArea li a span{
    width: calc(100% - 42px);
    padding-left: 8px;
}
.footerLinkArea .btnLinkArea li a span.bLA-p{
    width: 42px;
    padding-left: 0px;
	display: inline-block;
}
.footerLinkArea .btnLinkArea li:last-child a span{
    font-size: 12px;
}
.footerLinkArea .btnLinkArea li a img{
        height: auto;
    padding-right: 0%;
    width: 100%;
    
}
	#sp_top_un_bnr {
    float: none;
    height: auto;
    margin: 0 auto;
    padding-left: 0px;
    padding-top: 0px!important;
		padding-bottom: 10px;
    width: 100%;
}
    /*20210817*/
	.footerLinkArea .btnLinkArea li.ub_img a span {
    width: 100%;
    line-height: 33px;
	background: #fff;
	text-align: center;
	display: block;
}
.footerLinkArea .btnLinkArea li.ub_img a img {
    height: 40px;
    padding-right: 0%;
}
	.footerLinkArea .btnLinkArea li.ub_img a {
    display: inline-block;
    padding: 10px 5% 10px 9%;
    background-color: #1F4E79;
    background-color: #2D577D;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}
/**//*20210817*/
    
.footerLinkArea .secondArea .arrowLinkArea:after {
    clear: both;
    content: "";
    display: block;
    }     
.footerLinkArea .secondArea .arrowLinkArea {
    width: 55%;
    float: left;     
    }  
.footerLinkArea .secondArea .snsArea {
    width: 36%;
    float: right; 
    margin: -10px auto 35px auto;
    }  
.footerLinkArea .snsArea dt {
    text-align: center;
}
.footerLinkArea .snsArea dt img {
}
.footerLinkArea .snsArea dd {
}
.footerLinkArea .snsArea ul {
    width: 100%;
    margin: 30px auto;
	text-align: left;
}
.footerLinkArea .snsArea li {
    display: inline-block;
    margin-right: 0%;
	margin-left: 7%;
    width: 38%;
	margin-bottom: 6%;
}
.footerLinkArea .snsArea li:last-child {
    margin-right: 0px;
}
.footerLinkArea .snsArea .kotori {
    text-align: right;
    font-size: 10px;
    width: 100%;
	color: #fff;
    float: right;
     padding-top: 0px;
    padding-right: 4px;
}   
.footerLinkArea .snsArea .kotori img {
    height: 34px;
    text-align: right;
    margin-bottom: 5px;
} 
.footerLinkArea .snsArea .kotori .logotext {
    display: block;
    clear: both;
    text-align: right;
} 
    
.footerLinkArea ul.arrowLinkArea{
    width: 100%;
    background: none;
    padding: 1.5% 2.8%;
    box-sizing: border-box;
}
.footerLinkArea ul.arrowLinkArea li{
    display: block;
}
.footerLinkArea ul.arrowLinkArea li a{
    background: url("../../images/common/menu/arrow_right.svg") no-repeat left 0px bottom 5px;
    background: none;
    background-size: 10px;
    color: #fff;
    padding: 4px 32px 4px 5px;
    font-size: 13px;
    line-height: 260%;
	text-decoration: none;
}
    

.footerLinkArea .footerBtmArea {
    clear: both;
    width: 100%;
    margin: 0 auto;
	padding-bottom: 124px;
}
.footerLinkArea.mini .footerBtmArea {
    clear: both;
    width: 100%;
    margin: 0 auto;
	padding-bottom: 23px;
}
.footerLinkArea .footerBtmArea p {
    text-align: center;
}
.footerLinkArea .footerBtmArea img {
    width: 75%;
}
.footerLinkArea .footerBtmArea:after {
    clear: both;
    display: block;
    content: "";   
}
.footerLinkArea .footerBtmArea p.cr {
    float: none;
    line-height: 30px;
    font-size: 10px;
    text-align: center;
    padding: 0 0 10px 0;
}

}/**/

/**/
.timeArea{
	margin: 50px auto 30px;
	width: 100%;
	max-width: 780px;
}
.timeArea ul{
	display: flex;
	flex-wrap: wrap;
}
.timeArea ul li:first-child{
	width: 36%;
	margin-right: 3%;

}
.timeArea ul li:last-child{
	width: 61%;
}
.timeArea ul li dl{
	border: 1px solid #fff;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.timeArea ul li dl dt{
	font-size: 16px;
	font-weight: bold;
	background: #fff;
	text-align: center;
	padding: 5px 0;
	width: 110px;
	color: #000;
	box-sizing: border-box;
}
.timeArea ul li dl dd{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	width: calc(100% - 110px);
	box-sizing: border-box;

	margin: 0;
}
.timeArea ul li dl dd span{
	font-size: 14px;
	font-weight: normal;
}
@media only screen and (max-width: 767px) {
	.timeArea{
	margin: -10px auto 30px;
	width: 100%;
	max-width: 780px;
}
	.timeArea ul {
    display: block;
    width: 100%;
}
	.timeArea ul li:first-child{
	width: 100%;
	margin-right: 0%;
		margin-bottom: -1px;

}
.timeArea ul li:last-child{
	width: 100%;
}
	.timeArea ul li dl dd span {
    display: block;
    text-align: center;
}
	.timeArea ul li dl dt{
	padding: 15px 0;
		background: none;
        color: #fff;
        border-right: #fff solid 1px;
}
	.sp-harea .timeArea ul li:first-child {
        margin-bottom: -1px;
    }
}/**/

.sp-harea .timeArea ul li dl{
	border: 1px solid #333;
}
.sp-harea .timeArea ul li dl dt{
	background: #999;
	color: #fff;
}
.sp-harea .timeArea ul li dl dd{
	font-weight: bold;
	color: #000;
}

.sp-harea .timeArea ul li:first-child dl dd{
	padding-top: 15px;
}
@media only screen and (max-width: 767px) {
.timeArea ul li:first-child dl dd {
    padding-top: 15px;
}
}/**/