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

/*==============================================================================
　　Base
==============================================================================*/

*,
*:before,
*:after {
	-webkit-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}

html {font-size:62.5%;}

body {font-size:16px;font-size:1.6rem;line-height:1.6;color:#000;
	font-family:Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;
	background:#FFF;
	_display: inline;
	_zoom: 1;
	margin:0;
	left:0 !important;}

a:hover {cursor:pointer;}

img{max-width: 100%;
	height: auto;
	width /***/:auto;}


/* GoogleChrome rem壊れ回避用 */
body > div {
    font-size: 16px;
    font-size: 1.6rem;}

.row {width:100%;
	max-width:1100px;
	margin-right:auto;margin-left:auto;}

input {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.6;}

div:after,
section:after {   
    content:" ";
    display:block;
    clear:both;}

input {font-size:16px;font-size:1.6rem;line-height:1.5;padding:2px;}


/* 表示・非表示設定 */
.spAct,.sp_only  {display:none;} /* PC消・SP現 */
.pc_only {/*display:block;*/} /* PC現・SP消 */

/* jQuery PC・スマホ画像切り替え */
.switch {visibility: hidden;}



#wrapper {background:#FFF;position:relative;}



/*==============================================================================
　　Header
==============================================================================*/

header {width:100%;height:65px;background:#FFF;position:fixed;z-index:999;}
header .row {height:65px;line-height:1.0;position:relative;
	display:-ms-flexbox;display:-webkit-flex;display: flex;
	-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}

header h1 {width:100%;text-align:center;padding:0 0 0 100px;}

header ul#navTop {color:#FFF;
	min-width:125px;height:65px;padding:20px 20px 0;background:#000;
	font-family:Meiryo,"メイリオ", sans-serif;
	display:-ms-flexbox;display:-webkit-flex;display: flex;}
header ul#navTop li {height:24px;}

header ul#navTop li.search {min-width:20px;height:24px;}

header ul#navTop li.favo {min-width:75px;position:relative;padding-left:20px;}
header ul#navTop li.favo:before {
	content:"/";position:absolute;top:5px;left:7px;
	font-size:12px;font-size:1.2rem;}
header ul#navTop li.favo span.num {min-width:24px;height:24px;
	text-align:center;padding:5px 10px 0;margin:0 0 0 3px;
	border-radius:50px;background:#3f3f3f}

header ul#navTop li a {color:#FFF;text-decoration:none;
	padding-bottom:10px;/*display:block;*/}
header ul#navTop li a:hover {color:#FFF;text-decoration:none;
	border-bottom:solid 3px #FFF;}

header ul#navTop li.favo a {
	display:-ms-flexbox;display:-webkit-flex;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}

	/*@media all and (-ms-high-contrast:none){
		header .row {display:block;}
		header .triggerBtn {float:left;margin:15px 0 0;}
		header h1 {float:left;width:75%;text-align:center;padding:0 0 0 120px;margin:15px 0 0;}
		header ul#navTop {float:right;}
	}*/

/* Megamenu Search
-------------------------------------------------------------------------*/
header ul#navTop li.search > ul {
    display: none;max-width:1100px;
	position:absolute;right: 0;top:65px;z-index:99;}
#headMain #btn_search .search_drop > ul {
    display: none;max-width: 1100px;position: absolute;z-index: 99;right: 0;top:120px;}

header ul#navTop li.search .searchBox {display:block;width:100% !important;max-width:1100px; 
	background:#FFF;color:#000;z-index:99;}
header ul#navTop li.search .searchBox .searchArea {display:block;}
/* 検索ボタン */
header ul#navTop li.search .searchBox .searchArea .bt_search p.btn a {
	padding:0 0 0 25px;}
header ul#navTop li.search .searchBox .searchArea .bt_search p.btn a:hover {
	border-bottom:none;}
header ul#navTop li.search .searchBox .searchArea .bt_search p.btn.clear a {color:#464646;}

/*==============================================================================
　　Global Navi
==============================================================================*/
/* last-sidebar.css  60行目に記述 */

/*==============================================================================
　　SubNav  (Next)
==============================================================================*/
#mainNav {width:100%;height:50px;line-height:1.0;border-top:solid 1px #ddd;
	font-size:14px;font-size:1.4rem;/*background:#eee*/
	background: rgba(255,255,255,0.8);position: fixed;z-index:3;
	top: 65px;left: 0;transition: .5s;}
#mainNav ul.row {height:50px;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;
	-webkit-justify-content:space-between;
	-ms-justify-content:space-between;
	justify-content:space-between;}

#mainNav ul.row li a {
	height:50px;padding:20px 3px 0;position: relative;
	display:block;
	color:#000;text-decoration: none;}
#mainNav ul.row li a:after {
	content: '';
	position: absolute;
	left: 0;bottom: 0;
	width: 100%;height: 4px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	background:#000;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;}
#mainNav ul.row li a:hover:after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);}

#mainNav ul.row li:first-child {
	display:-webkit-flex;display:-ms-flexbox;display:flex;}
#mainNav ul.row li span.search {font-size:12px;font-size:1.2rem;vertical-align:middle;
	position:relative;padding:2px 0 0 12px;margin:0 0 0 5px;}
#mainNav ul.row li span.search:before {
	content:"/";color:#b4b4b4;position:absolute;top:21px;left:0;}
#mainNav ul.row li span.search a {position:relative;padding-left:13px;}
#mainNav ul.row li span.search a:before {
	font-family: 'icomoon';
	content: "\e906";position:absolute;top:21px;left:0;
	font-size:10px;font-size:1.0rem;color:#b4b4b4;}

	/*=@media all and (-ms-high-contrast:none){
		#mainNav ul.row li span.search:before {top:4px;}
	}*/
	
/*==============================================================================
　　breadcrumbs
==============================================================================*/

#breadcrumbs {width:100%;max-width:1100px;margin: 0 auto;
	font-family:Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}
#breadcrumbs ul {font-size:10px;font-size:1.0rem;color:#333;line-height:1.0;
	height:40px;padding: 0;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;
	-webkit-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;}
#breadcrumbs ul li {margin:0 10px 0 0;}
#breadcrumbs ul li a {color:#333;text-decoration:none;position:relative;padding:0 20px 0 0;}
#breadcrumbs ul li a:hover {text-decoration:underline;}

#breadcrumbs ul li a:after {
	display: block;
	content: '＞';
	position: absolute;top:3px;right:0;}

#breadcrumbs ul li:first-child a {padding:0 20px 0 30px;}
#breadcrumbs ul li:first-child a:before {
	font-family: 'icomoon';
	content: "\e903";position:absolute;top:-4px;left:0;
	font-size:22px;font-size:2.2rem;}

#breadcrumbs ul li:last-child {margin:0;}
#breadcrumbs ul li:last-child a {padding:0;}

/*==============================================================================
　　contents
==============================================================================*/
main {padding:115px 0 120px;display:block;}



/*===============================================================================
　　Footer
==============================================================================*/

/* Page Top */
#goTop {
	position:fixed;
	bottom:40px;
	right:30px;
	z-index:100;}
#goTop a {width:70px;}


footer {background:#000;color:#FFF;position:relative;}
footer .row {padding:100px 0 60px;
	display:-webkit-flex;display:-ms-flexbox;display: flex;}

footer #footLft {width:750px;margin:0 auto 0 0;
	display:-webkit-flex;display:-ms-flexbox;display: flex;}
footer #footLft #logo {margin:0 50px 0 0;}

footer #footLft #address a {color:#FFF;text-decoration:none;}
footer #footLft #address a:hover {color:#FFF;text-decoration:underline;}

footer #footLft #address span.accsee {font-size:14px;font-size:1.4rem;
	padding:0 15px 0 0;margin:0 0 0 10px;position:relative;}
footer #footLft #address span.accsee:after {
	font-family: 'icomoon';
	content: "\e900";position:absolute;top:3px;right:0;
	font-size:10px;font-size:1.0rem;}

footer #footLft #address .name {font-size:10px;font-size:1.0rem;margin:0 0 45px;}

footer #footLft #address ul,
footer #footLft #address p.link {font-size:12px;font-size:1.2rem;line-height:1.2;}

footer #footLft #address ul {margin:0 0 10px;
	display:-webkit-flex;display:-ms-flexbox;display: flex}
footer #footLft #address ul li,
footer #footLft #address p.link {padding:0 0 0 17px;margin:0 20px 0 0;position:relative;}
footer #footLft #address ul li:before,
footer #footLft #address p.link:before {
	content:"";position:absolute;top:3px;left:0;
	display:block;width:0;height:0;
	border:3.5px solid transparent;
	border-left:8px solid #666;}

footer #footLft #address p.link {font-size:10px;font-size:1.0rem;margin:0;}

footer #footRht {width:auto;max-width:330px;padding:15px 0 0;margin:0 0 0 20px;}
footer #footRht ul.sns {display:-webkit-flex;display:-ms-flexbox;display: flex;}
footer #footRht ul.sns li {margin:0 10px 0 0;}


footer #footRht p.btn {width:240px;margin:0 0 20px;font-size:16px;font-size:1.6rem;}
footer #footRht p.btn a {width:240px;color:#000;background:#FFF;}
footer #footRht p.btn a:hover {color:#FFF;background:#c50000;}

footer #footRht p.btn a:after {width:35.4%;background:#000;}
footer #footRht p.btn a:hover:after {background:#FFF;}

/* コピーライト */
footer #copyright {font-size:10px;font-size:1.0rem;margin:120px 0 0;}

footer p#txtTop {position:absolute;bottom:40px;right:35px;
	font-family:'Metropolis-Medium',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}

/* Index ----------------------------*/
#index footer .row .wrap {margin:0 auto 0 0;}
#index footer #footLft {max-width:450px;display:block;margin:0 0 15px;}
#index footer #footLft #logo {margin:0 0 30px;}
#index footer #footLft #address .name {margin:0 0 15px;}
#index footer #footRht {margin:0;}

/* コピーライト */
#index footer #copyright {margin:20px 0 0;}

/* Google Map */
#index footer #map {width:100%;max-width:605px;margin:0 0 0 20px;}
#index footer #map #mapWrap {border:solid 1px #c7c7c7;padding:5px;}
#index footer #map #mapWrap .ggMap {
	position: relative;
	width: 100%;height: 0;
	padding-bottom: 61.16%;
	overflow: hidden;}
#index footer #map #mapWrap .ggMap iframe {
	position: absolute;top: 0;left: 0;
	width: 100%;height: 100%;}

/* iPhone用改行 */
footer br.ip {display:none;}

/* Safari Only */
_::-webkit-full-page-media, _:future, :root #index footer .row .wrap {
    width:41%;
}
_::-webkit-full-page-media, _:future, :root #index footer #footLft {
    width:100%;
}
_::-webkit-full-page-media, _:future, :root #index footer #footLft {
    max-width:none;
}
_::-webkit-full-page-media, _:future, :root #index footer #footLft {
    flex:1 0 41%;
}
_::-webkit-full-page-media, _:future, :root #index footer #map {
    flex:1 0 55%;
}

/*=================================================================================
　　SP設定
=================================================================================*/

/*===============================================
  見やすさ設定
===============================================*/
@media screen and (max-width:1100px) {
	
	.row {width:100%;max-width:none;padding-right:10px;padding-left:10px;}
	
	header .row {padding:0 10px;}
	header ul#navTop {right:10px;}
	
	footer .row {padding:100px 10px 60px;}
	
	/*===============================================
    　breadcrumbs
	===============================================*/
	#breadcrumbs ul {padding:0 10px;}
}

/*===============================================
●画面の横幅が769pxまで（タブレット）
===============================================*/

@media screen and (max-width:769px) {
	
	body {font-size:14px;font-size:1.4rem;line-height:1.5;}
	
		/* GoogleChrome rem壊れ回避用 */
		body > div {font-size: 14px;font-size: 1.4rem;}	
	
	/* 表示・非表示設定 */
	.pc_only {display:none;} /* PC現・SP消 */
	.sp_only {display:block;} /* PC消・SP現 */
	
	
	/*===============================================
    　Header
	===============================================*/
	header {height:45px;}
	header .row {height:45px;}
	
	header h1 {margin:0 auto;padding:0;}
	header h1 img {width:80%;max-width:300px;min-width:180px;}
	
	header ul#navTop {min-width:inherit;height:45px;padding:10px 15px 0 10px;}
	header ul#navTop li {height:22px;font-size:12px;font-size:1.2rem;}
	header ul#navTop li.search img {width:auto;height:20px;}
	
	header ul#navTop li.favo {min-width:40px;padding-left:18px;}
	header ul#navTop li.favo:before {font-size:10px;font-size:1.0rem;}
	header ul#navTop li.favo span.num {min-width:20px;height:20px;
		padding:4px 5px 0;margin:0 0 0 3px;border-radius:20px;}

	header ul#navTop li a {padding-bottom:none;}
	header ul#navTop li a:hover {border:none;}
	
	/*===============================================
    　SubNav  (Next)
	===============================================*/
	#mainNav {display:none;}
	
	/*===============================================
    　breadcrumbs
	===============================================*/
	#breadcrumbs {max-width:none;margin:0;}
	#breadcrumbs ul {height:30px;padding:0 10px;}
	#breadcrumbs ul li {margin:0 5px 0 0;;}
	#breadcrumbs ul li a {padding:0 15px 0 0;}
	
	#breadcrumbs ul li:first-child a {padding:0 15px 0 22px;}
	#breadcrumbs ul li:first-child a:before {top:-2px;left:0;
		font-size:18px;font-size:1.8rem;}
	
	#breadcrumbs ul li:last-child {margin:0;}
	#breadcrumbs ul li:last-child a {padding:0;}

	/*===============================================
    　Contents
	===============================================*/
	main {padding:45px 0 80px;}

	/*===============================================
    　Footer
	===============================================*/
	/* Page Top */
	#goTop {position:fixed;bottom:20px;right:20px;}
	#goTop a,#goTop img {width:40px;}

	footer .row {padding:30px 2% 40px;}
	footer #footLft {max-width:450px;width:100%;display:block;}
	footer #footLft #logo {margin:0 0 15px;}
	footer #footLft #logo img {width:auto;height:50px;}
	
	footer #footLft #address {font-size:12px;font-size:1.2rem;}
	
	footer #footLft #address span.accsee {
		font-size:12px;font-size:1.2rem;padding:0 12px 0 0;}
	footer #footLft #address span.accsee:after {top:2px;right:0;
		font-size:10px;transform:scale(0.8);}

	footer #footLft #address .name {margin:2px 0 25px;}

	footer #footLft #address ul li,
	footer #footLft #address p.link {padding:0 0 0 10px;margin:0 15px 0 0;}
	footer #footLft #address ul li:before,
	footer #footLft #address p.link:before {top:3px;left:0;
		border:3px solid transparent;
		border-left:6px solid #666;}
	
	footer #footRht {padding:15px 10px 0 0;}
	
	/* コピーライト */
	footer #copyright {margin:80px 0 0;}

	footer p#txtTop {bottom:30px;right:18px;
		font-size:12px;font-size:1.2rem;}
	
	/* Index ----------------------------*/
	#index footer .row {padding:30px 2% 40px;}
	#index footer .row .wrap {margin:0 auto 0 0;}
	#index footer #footLft {width:100%;max-width:440px;}
	#index footer #footLft #logo {margin:0 0 15px;}

	/* コピーライト */
	#index footer #copyright {margin:15px 0 0;}

	/* Google Map */
	#index footer #map {width:100%;max-width:380px;}
	#index footer #map #mapWrap .ggMap {padding-bottom: 90%;}

	
}

/*===============================================
●画面の横幅が640pxまで（スマホ）
===============================================*/

@media screen and (max-width:640px) {
	
	/*===============================================
    　Header
	===============================================*/
	header ul#navTop li.search {display:none;}
	
	header ul#navTop li.favo {min-width:40px;padding-left:5px;}
	header ul#navTop li.favo:before {display:none;}
	
	
	/* 表示・非表示設定 */
	.spAct {display:block;} /* PC消・SP現 */
	.spNon {display:none;} /* PC現・SP消 */
	
	/*===============================================
    　breadcrumbs
	===============================================*/
	#breadcrumbs {display:none;}
	
	/*===============================================
		contents
	===============================================*/
	
	/*===============================================
    　Footer
	===============================================*/
	footer .row {max-width:360px;padding:30px 2% 40px;display:block;margin:0 auto}
	
	footer #footLft {max-width:360px;margin:0 0 15px;}
	footer #footLft #address .name {margin:2px 0 15px;}

	footer #footLft #address ul li,
	footer #footLft #address p.link {padding:0 0 0 10px;margin:0 15px 0 0;}
	footer #footLft #address ul li:before,
	footer #footLft #address p.link:before {top:3px;left:0;
		border:3px solid transparent;
		border-left:6px solid #666;}
	
	footer #footRht {;padding:0;margin:0;}
	footer #footRht p.btn {margin:0 0 10px;}
	
	/* コピーライト */
	footer #copyright {margin:20px 0 0;}

	footer p#txtTop {bottom:30px;right:18px;
		font-size:12px;font-size:1.2rem;}
	
	/* Index ----------------------------*/
	#index footer .row {padding:30px 2% 90px;}
	#index footer .row .wrap {margin:0;}
	#index footer #footLft {max-width:360px;}
	#index footer #footLft #logo {margin:0 0 15px;}

	/* コピーライト */
	#index footer #copyright {margin:15px 0;}

	/* Google Map */
	#index footer #map {width:100%;max-width:360px;margin:0;}
	#index footer #map #mapWrap .ggMap {padding-bottom: 50%;}

	/* Safari Only */
	_::-webkit-full-page-media, _:future, :root #index footer .row .wrap {
    	width:100%;max-width:360px;
}
}

/*===============================================
●画面の横幅が480pxまで（スマホ）
===============================================*/
@media screen and (max-width:480px) {

}

/*===============================================
●画面の横幅が330px以下（小さいスマホ）
===============================================*/
@media screen and (max-width:330px) {
	footer br.ip {display:block;}
}