/* CSS Document */


/*フレームワーク*/

.header-text {
	width:950px;margin:0 auto;
	text-align:left;
	font-size:11px;
}
#header {
	background:url(/images/framework/header-bg.jpg) repeat-x;height:117px;
}
.header {
	text-align:center;
}

#gnavi {
	background:url(/images/framework/gn-bg.jpg) repeat-x;height:51px;
}
.gnavi {width:950px;margin:0 auto;}
.gnavi li {
	float:left;
}

.header-alert {
	width:950px;margin:0 auto;
	text-align:center;
	font-size:11px;
}
.header-alert span {
	color:#c00;
}

.sn-category div {
	height:28px;
	margin:0;
	padding:0;
}
.sn-category ul {
	margin:0;
	padding:0;
	
}
.sn-category ul li {
	height:59px;
	margin:0;
	padding:0;
}

.sn-contentslist li {
	padding:5px 15px;
	border-bottom:1px solid #666;
	background:url(/images/framework/sn-contentslist-lm.jpg) no-repeat 5px 10px;
	font-size:12px;	
}
.sn-shoplist {
	margin-top:5px;
	padding-bottom:10px;
	border-bottom:1px solid #666;
}


.sns-shoplist {
	margin-top:5px;
	text-align:center;
	
	padding-bottom:3px;
	border-bottom:1px solid #666;
}








.sn-shoplist h3 {
	font-size:12px;
	font-weight:bold;
}
.sn-shoplist img {
	float:left;
	margin-top:3px;
}
.sn-shoplist p {
	margin-top:3px;
	width:85px;
	float:right;
	font-size:11px;
	line-height:13px;
}





#bottominfo {
	width:740px;margin-bottom:40px;line-height:150%;
}
#bottominfo-containter {
	width:640px;padding:30px 49px 20px;border:#970102 solid 1px;
}
.bottominfo-left {
	width:300px;float:left;	
}
.bottominfo-right {
	width:300px; float:right;
}
#bottomcontact {
	width:740px;
}
#bottomcontact-container {
	clear:both;width:738px;height:183px;background:url(/images/framework/stuff-2024.jpg) top left no-repeat;border:#970102 solid 1px;
}

.sitemap {
	width:164px;
	margin-right:35px;
	float:left;
}
.sitemap-last {
	width:164px;
	float:left;
}
.sitemap h2,.sitemap-last h2 {
	color:#fff;
	font-size:90%;
	border-bottom:1px solid #fff;
	margin-top:30px;
	padding-bottom:5px;
}
.sitemap ul,.sitemap-last ul {
	margin-top:5px;
}
.sitemap ul li,.sitemap-last ul li {
	color:#fff;
	background:url(/images/framework/listmark-sitemap.png) 5px 3px no-repeat;
	margin-top:5px;
	padding-left:20px;
	padding-bottom:2px;
	border-bottom:1px dashed #fff;
	font-size:80%;
}
.sitemap ul li a,.sitemap-last ul li a {
	color:#fff;
}
.sitemap ul li a:hover,.sitemap-last ul li a:hover {
	text-decoration:underline;
}

#footer-info {
/*	margin-top:150px;*/
}
#footer-sitemap {
	background:url(/images/framework/footer-bg.jpg) repeat-x;
	padding-bottom:20px;
}
#sitemap {
	width:960px;margin:0 auto 0 auto;padding-top:20px;
}
#footer {
	color:#fff;
}
#footer a {
	color:#fff;
	font-size:80%;
}

.sample13 {font-size: 150%; }


.color-blue {
	color:#0000FF;
}

/*フレームワークここまで*/



/* +++++++++++++++++ 余白設定 +++++++++++++++++ */

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.pt20 {padding-top:20px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}

/* +++++++++++++++++ その他設定 +++++++++++++++++ */

/*
clearfixはオーサリングソフトでの表示が崩れることがあるため
使用には注意する。オーサリングソフト上で崩れる場合は使用
しないこと
*/

.clear {
	height:0px;
	clear:both;
	font-size:10%;
	}
br.clear {
	clear:both;
	}
.nodisplay {
	display:none;
	}
.text-hidden {
	text-indent:-9999px;
	}
.text-center {
	text-align:center;
	}
.text-right {
	text-align:right;
	}
.font-smaller {
	font-size:85%;
	}
.font-smallest {
	font-size:77%;
	}
.f-left {
	float:left;
	}
.f-right {
	float:right;
	}
.fl {
	float:left;
}
.fr {
	float:right;
}
.color-red {
	color:#ff0000;
}


}
.color-white {
	color:#ffffff;
}




.font-larger {
	font-size:200%;
	}
	
	
	
	
	
	

.sns-btn {
display: flex;
margin-top: 10px;
justify-content: center;
}


.sns-btn-so{
display: flex;
margin-top: 50px;
justify-content: space-between;
}





.sns-btn li {
width: 50px;
margin-left: 40px;
margin-right: 40px;
}

.o-heading {
	font-weight: 500
}

.o-heading--section-title {
	line-height: 1;
	font-size: 2.333vw
}


.o-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 3.2vw
}





.o-wrap--sm {
	row-gap: 3.2vw
}





.u-text-center {
	text-align: center
}



.none {
  list-style:none;
}


li {
  list-style: none;
}