@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(../images/common/footer_bg.html) 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(../images/common/ft_bg.html) 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(../images/common/fn_menu.html) 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(../images/common/fg_bg.html) 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(../images/common/ft_bg.html) 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(../images/common/fn_tenpo.html) 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;
}
.top_fb {
				position:absolute;
				top:0px;
				right:0px;
				width:464px;
				border:solid 1px #e8e8e8;
				background:#FFF;
				height:400px;
				overflow:hidden;
				margin: 30px;
}

@media only screen and (max-height: 767px) {

}/**/

/*top_info
--------------------------- */
#top_info {
    background-color: #EFE7DE;
    background-image: url("../images/top/left_brown.png") , url("../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("../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("../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.html") no-repeat 46px 11px #444;
}
#top_info .btn_opn_info.i_up a{
	background: url("../images/new/mark_up.html") no-repeat 58px 11px;
}
#top_info .btn_opn_info.i_up a:hover{
	background: url("../images/new/mark_up_ho.html") 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: 0;
    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("../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.html);
	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*/