@charset "UTF-8";


/*--------------------------------------------------
	＜ロゴ＞
--------------------------------------------------*/
h1.logo {
	width: 960px;
	margin:0 auto;
	display: flex;
	align-items:center;
	height:55px;
	line-height:30px;
}
h1.logo img {
	height:25px;
	max-width: none;
}

@media screen and (max-width: 640px) {
	h1.logo {
		background: linear-gradient(to bottom, #f4f4f4 0,#fff 30px);
		padding: 10px 10px;
		width:100%;
		text-align: left;
		margin-bottom: 0;
		height:30px;
	}
}
/*--------------------------------------------------
	＜ぱんくず＞
--------------------------------------------------*/
@media screen and (min-width: 641px) {
	.breadcrumb-nav {
		margin-top:60px;/* 53(localnav height)*/
		position: static;
	}
	.container .breadcrumb-nav p {
		font-size:0.7rem;
	}
}
@media screen and (max-width: 640px) {
	.container .breadcrumb-nav p {
		font-size:0.72rem;
		line-height:1.4;
	}
}
/*--------------------------------------------------
	＜注釈＞
--------------------------------------------------*/
.container ul.notes li { 
	font-size: 12px;
}
@media screen and (max-width: 640px) {
	.container ul.notes li { 
		font-size: 13px;
		font-weight: 400;
		overflow: hidden；
	}
	.container ul.notes ul.notes {
		width:100%;
	}
}

/*--------------------------------------------------
	＜背景色／文字色＞
--------------------------------------------------*/
/* ライトグレー */
.bg_lightgray {
	background-color:#F2F2F2; 
}
.bg_gray {
	/*background-color:rgb(191,195,193); */
	background-color: rgba(196,203,210,1.00)
}

/*画像はイメージ注釈*/
@media screen and (max-width: 640px) {
	.container .nv_pagetop p {
		background-color: transparent;
	}
}

/*--------------------------------------
		オンラインショップ訴求用CSS	 
  --------------------------------------*/
.onlinshop_appeal {
	position:fixed;
	bottom: -80px;
	left:0;
	background-color: #333;
	width: 100%;
	padding-top: 15px;
	height: 65px;
	z-index: 99999;
	color:#fff;
	font-size: 20px;
	min-width: 960px;
}
.onlinshop_appeal a {
	display:inline-block;
	background-color: #fff;
	color:#333;
	text-decoration: none;
	font-size: 18px;
	line-height: 50px;
	padding:0 60px;
	margin-left: 40px;
}
.onlinshop_appeal a:hover {
	opacity:0.8;
}
	/* オンラインショップ訴求リンクある場合の位置調整 */
	.onlinshop_appeal + .nv_pagetop.shiftup a {
		bottom: 85px;
	}
	.onlinshop_appeal + .nv_pagetop.shiftup p {
		bottom: 85px;
	}

@media screen and (max-width: 640px) {
	.onlinshop_appeal {
		bottom: -85px;
		padding-top: 10px;
		height: 75px;
		font-size: 13px;
		min-width:320px;
	}
	.onlinshop_appeal a {
		display:block;
		font-size: 15px;
		line-height: 36px;
		margin: 5px 10px;
	}
		/* オンラインショップ訴求リンクある場合の位置調整 */
		.onlinshop_appeal + .nv_pagetop.shiftup a {
			bottom: 105px;
		}
		.onlinshop_appeal + .nv_pagetop.shiftup p {
			bottom: 85px;
		}
}

/*--------------------------------------
   フッター内SNエリア
--------------------------------------*/
.containerFooter .snsArea {
	background-color: #f2f2f2;
	padding:30px 0;
	display:flex;
	justify-content: center;
	align-items: center;	
}
.containerFooter .snsBanner {
	position: relative;
	margin-bottom:0;
	text-align: center;
	width: auto;
}
.containerFooter .snsBanner ul {
	width:auto;
	min-width: 0;
}
.containerFooter .snsBanner li a {
    background-color: #fff !important;
}
.containerFooter .snsBanner li.fb a {
	width: 300px;
}
.containerFooter .snsBanner li.ml a {
	width: 300px;
}
.snsBanner li.ml a span {
	line-height: 32px;
}
.snsLinkIcon {
	display:flex;
	justify-content: center;
	margin-left: 30px;
}
.snsLinkIcon a {
	margin:0 6px;
	transition: 0.3s;
}
@media screen and (max-width: 640px) {
	.containerFooter .snsArea {
		display:block;
		padding:0 0 15px;
	}
	.containerFooter .snsBanner {
		padding:15px 0;
	}
	.containerFooter .snsBanner ul {
		width:300px;
	}
	.snsLinkIcon {
	margin-left: 0;
	}
}