@charset "Shift_JIS";
/* CSS Document */
* {
	margin:0px;
	padding:0px;
	}
html {
	margin:0px;
	padding:0px;
	overflow-y : scroll;
	}
body {
	margin:0px auto;
	padding:0px;
	font-size:13px !important;
	*font-size:small;
	*font:x-small;
	background:url(../images/bg_header02_local.png) repeat-x left top;
	background-size:2496px;
	line-height:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 640px)  {
body {
	font-size:14px;!important;
	line-height:120%;
	*font-size:small;
	*font:x-small;
	background:url(../images/bg_header02_local.png) repeat-x left top;
	background-size:940px;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	}
}
/* iPad背景切れ対策 */
@media screen and (min-width:641px){
	body{
		min-width:1096px;
	}
}

.container {
	margin:0px auto;
	padding:0px 0px;
	width: 1040px;	
	font-size:100%;
	font-family:sans-serif;
	font-size:inherit;
}

@media screen and (max-width: 640px)  {
.container {
	margin:0px auto;
	padding:0px 0px;
	width: 100%;
	}
}

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
	float: left;
	display: inline;
	margin-left: 28px;
	}
.grid1 {width: 61px;}
.grid2 {width: 150px;}
.grid3 {width: 239px;}
.grid4 {width: 328px;}
.grid5 {width: 417px;}
.grid6 {width: 506px;}
.grid7 {width: 595px;}
.grid8 {width: 684px;}
.grid9 {width: 773px;}
.grid10 {width: 862px;}
.grid11 {width: 951px;}
.first {margin-left: 0px;clear: left;}

@media screen and (max-width: 640px)  {
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
	margin-left: auto;
	}
}

@media screen and (max-width: 640px)  {
.grid1 {width: auto;}
.grid2 {width: auto;}
.grid3 {width: auto;}
.grid4 {width: auto;}
.grid5 {width: auto;}
.grid6 {width: auto;}
.grid7 {width: auto;}
.grid8 {width: auto;}
.grid9 {width: auto;}
.grid10 {width: auto;}
.grid11 {width: auto;}
.first {margin-left: 0px;clear: left;}
}

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
/* IE6 */
* html .clearfix { zoom: 1;}
/* IE7 */
*:first-child+html .clearfix {zoom: 1;}

h1, h2, h3, h4, h5, h6 , p , b {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	}
h1, h2, h3, h4, h5, h6 {
	clear:both;	
	line-height:140%;
	}
p {
	line-height:140%;
	}
img {
	border:none;
	vertical-align:top;
	margin:0;
	padding:0;
	} 
a , a:link , a:visited {
	text-decoration:none;
	color:#000;
	}
a:hover {
	text-decoration:none;
	}
a:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	}
a:hover {
	-webkit-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	}
li{
	margin:0;
	padding:0;
	font-size:100%;
	line-height:140%;
	list-style:none;
	}
header, section, footer, aside, nav, article , main {
	display:block;
	text-align: left;
	}
main {
	margin:0px auto;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
input:hover {
	/*-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;*/
	}

span.englishWord {
	font-family: 'Average Sans', sans-serif;
	font-size:120%;
	letter-spacing: 0.15em;
}

.clear {
	clear: both;
	}
/*古いページ用の幅600px*/
.oldPage {
	margin:0px auto 30px auto;
	width:600px;
	}

@media screen and (max-width: 640px)  {
.oldPage {
	width:auto;
	}
}
/*古いソースを流用しての幅773pxにする場合*/
.customizePage {
	margin:0px auto 30px auto;
	width:100%;
	}

/* スマホサイトはこちら（本サイトレスポンシブ完了後消去）
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#btn_Tosp {
	margin:0px auto 0px auto;
	background-color:#FFFFFF;
	}

#btn_TospIn {
	*display:none;
	}

/* スマホサイトはこちら（PCでは非表示）*/
@media screen and (min-width: 641px)  {
#btn_TospIn {
	display:none;
	}
}

/* スマホサイトはこちら（スマホでは表示）*/
@media screen and (max-width: 640px)  {
#btn_TospIn {
	margin:20px 28px;
	width:1040px;
	}

#btn_Tosp img {
	width:100%;
	}
header {
	width:1096px;
	}
#contentsOut {
	width:1096px;
	}
footer {
	width:1096px;
	}
#mainImgOut {
	width:1096px;
	}
}


@media screen and (max-width: 640px)  {
header {
	width: 100%;
	}
#contentsOut {
	width: 100%;
	}
footer {
	width: 100%;
	}
#mainImgOut {
	width: 100%;
	}
}

/*
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* カテゴリー別配色
NISSEIについて about（濃い文字色 #005CC1 , 通常文字色 #40ACFF , 濃い背景色 #349BFF , 薄い背景色 #D1E6FF）
商品のご紹介 commodity（濃い文字色 #069400 , 通常文字色 #0EB000 , 濃い背景色 #0EB000 , 薄い背景色 #CDEE91）
ショップのご紹介 shop（濃い文字色 #522819 , 通常文字色 #FF9900 , 濃い背景色 #FFC20F , 薄い背景色 #FFF183）
日世商品導入について donyu（濃い文字色 #A631A4 , 通常文字色 #CC86F3 , 濃い背景色 #BB5DF5 , 薄い背景色 #EECCFB）
広報活動・協賛 activity（濃い文字色 #1AA9FF , 通常文字色 #30B7EA , 濃い背景色 #28C0FF , 薄い背景色 #CDEEFF）
採用情報 recruit（aboutと同じ）
*/


/*Heder
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
header {
	margin:0px auto 0px auto;
	padding:0px;
	height:96px;
	}

@media screen and (max-width: 640px)  {
header {
	height:auto;
	}
}

#headerIn {
	margin:0px auto 0px auto;
	padding:0px;
	text-align: left;
	position:relative;
	}

#headLogoArea {
	margin:0px auto;
	width:640px;
	height:96px;
	position:relative;
	float:left;
	}
@media screen and (max-width: 640px)  {
#headLogoArea {
	width:230px;
	height:auto;
	}
}

#headLogo {
	margin:0px auto;
	width:392px;
	height:96px;
	background:url(../images/bg_header01_nissei.png) no-repeat left center;
	background-size:392px;
	float:left;
	position:relative;
	top:0px;
	left:-35px;
	z-index:100;
	}
@media screen and (max-width: 640px)  {
#headLogo {
	margin:0px auto;
	background:url(../images/bg_header01_nissei.png) no-repeat left -4px;
	background-size:230px;
	width:230px;
	height:52px;
	position:relative;
	top:0px;
	left:-12px;
	}
}

@media screen and (max-width: 320px)  {
#headLogo {
	background:url(../images/bg_header01_nissei.png) no-repeat left -4px;
	background-size:230px;
	width:220px;
	}
}

#headLogo a {
	margin:2px auto 0px 35px;
	display:block;
	width:208px;
	height:64px;
	background:url(../images/logo_header01_nissei.png) no-repeat left center;
	background-size:188px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	}
@media screen and (max-width: 640px)  {
#headLogo a {
	margin:8px auto 0px 24px;
	width:110px;
	height:30px;
	background:url(../images/logo_header01_nissei.png) no-repeat left top;
	background-size:100px;
	}
}
#siteCopy {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:80%;
	float:left;
	width:276px;
	color:#FFFFFF;
	box-sizing:border-box;
	text-align:right;
	}
@media screen and (max-width: 640px)  {
	#siteCopy {
	display:none;
	}
}
/*サブナビゲーション*/
.sub_navi {
	margin:0px 0px 0px 0px;
	padding:0px;
	float:right;
	width:368px;
	}
@media screen and (max-width: 640px)  {
	.sub_navi {
	display:none;
	}
}
.sub_navi li {
	margin:0px 0px 10px 10px;
	font-size:88%;
	font-weight:bold;
	list-style:none;
	display:inline;
	float:right;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/ 
	color:#FFFFFF;
	height:24px;
	line-height:23px;
	}
.sub_navi li a {
	display:block;
	width:100%;
	height:100%;
	}
.sub_navi li.btn_hd_search {
	height:34px;
	}

.sub_navi li.btn_hd_search > a {
	color:#FFFFFF;
	letter-spacing:0.2em;
	padding:1px 0px 0px 28px;
	width:64px;
	height:24px;
	background:url(../images/icon_header04_search.svg) no-repeat 5px center #0068AF;
	background-size:19px;
	border-radius:0px 0px 4px 4px;
	box-sizing:border-box;
	}
.sub_navi li.btn_hd_inquiry a {
	color:#FFFFFF;
	padding:1px 0px 0px 32px;
	width:108px;
	background:url(../images/icon_header03_inquiry.svg) no-repeat 7px center #0068AF;
	background-size:19px;
	border-radius:0px 0px 0px 4px;
	box-sizing:border-box;
	}
.sub_navi li.btn_hd_english {
	margin: 0px 0px 0px 0px;
	}
.sub_navi li.btn_hd_english a {
	color:#ffffff;
	font-size:120%;
	font-family: 'Average Sans', sans-serif;
	font-weight:bold;
	padding:0px 0px 0px 8px;
	width:78px;
	background:#0068AF;
	background-size:18px;
	border-left: 1px dotted #ffffff;
	border-radius:0px 0px 4px 0px;
	box-sizing:border-box;
	}
_::-webkit-full-page-media, _:future, :root .sub_navi li.btn_hd_english a {
	font-size:110%;
	letter-spacing: -0.05em;
}
.sub_navi li.btn_hd_recruit > a {
	color:#0068AF;
	font-family: 'Average Sans', sans-serif;
	padding:1px 0px 0px 28px;
	width:82px;
	background:url(../images/icon_header01_recruit.svg) no-repeat 6px center #ffffff;
	background-size:13px;
	border-radius:0px 0px 4px 4px;
	box-sizing:border-box;
	}
/* 採用情報吹き出し
--------------------------------------------------------------*/
li.btn_hd_recruit > .recruitInnerArea {
	width:294px;
	max-height:9999px;
	padding:2px 0px 0px 0px;
	position:absolute;
	top:34px;
	right:168px;
	visibility:hidden;
	transition:0.2s;
	opacity:0;
	z-index:1003;
	background:#FFFFFF;
	box-sizing:border-box;
	border-radius:3px;
	box-shadow: 0 0 4px rgb(150,150,150,0.8);
	}
li.btn_hd_recruit:hover > .recruitInnerArea {
	visibility:visible;
	opacity:1;
	}
li.btn_hd_recruit:hover > a:after{
	content: " ";
	display: block;
	clear: both;
	height: 0;
	width: 0;
	position:absolute;
	z-index:1004;
	border-right: 8px solid transparent;
  	border-bottom: 12px solid #FFFFFF;
  	border-left: 8px solid transparent;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1.0;
	}

li.btn_hd_recruit > a:hover{
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1.0;
	}

li.btn_hd_recruit:hover > a:after {
	margin:2px auto 0px 0px;
	}
.recruitInnerArea > ul#recruitBox
	{
	margin-top:8px;
	text-align:left;
	}
.recruitInnerArea > ul#recruitBox > li
	{
	list-style-type:none;
	display:inline;
	float: left;
	width: 45%;
	color: #FFFFFF;
	text-align: center;
	border-radius:2px;				
	}
.recruitInnerArea > ul#recruitBox > li > a
	{
	color: #FFFFFF;
	background:#007ADA;		
	font-size: 108%;
	width: 100%;
	height: 100%;
	display: block;
		font-weight: bold;
	}
.recruitInnerArea > ul#recruitBox > li > a:hover
	{
	color: #005CC1;	
	background:#D1E6FF;
	}
/* 検索フォーム吹き出し
--------------------------------------------------------------*/
li.btn_hd_search > .searchInnerArea{
	width:368px;
	max-height:9999px;
	padding:8px;
	position:absolute;
	top:34px;
	right:0px;
	visibility:hidden;
	transition:0.2s;
	opacity:0;
	z-index:1003;
	background:#FFFFFF;
	box-sizing:border-box;
	border-radius:3px;
	box-shadow: 0 0 4px rgb(150,150,150,0.8);
	}
li.btn_hd_search:hover > .searchInnerArea{
	visibility:visible;
	opacity:1;
	}
li.btn_hd_search:hover > a:after{
	content: " ";
	display: block;
	clear: both;
	height: 0;
	width: 0;
	position:absolute;
	z-index:1004;
	border-right: 8px solid transparent;
  	border-bottom: 12px solid #FFFFFF;
  	border-left: 8px solid transparent;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1.0;
	}

li.btn_hd_search > a:hover{
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1.0;
	}

li.btn_hd_search:hover > a:after{
	margin:2px auto 0px 0px;
	}

/* 検索フォーム 検索結果ページのヘッダ箇所*/
li.btn_hd_search > .searchInnerAreaPc {
	width:auto;
	max-height:9999px;
	padding:8px 8px 8px 12px;
	position:absolute;
	top:34px;
	right:0px;
	visibility:hidden;
	transition:0.2s;
	opacity:0;
	z-index:1003;
	background:#FFFFFF;
	box-sizing:border-box;
	border-radius:3px;
	box-shadow: 0 0 4px rgb(150,150,150,0.8);
	}
li.btn_hd_search:hover > .searchInnerAreaPc {
	visibility:visible;
	opacity:1;
	color: #666666;
	font-size: 13px;
	text-align: center;
	}


/* 検索フォーム*/
.searchBox {
	margin:auto;
	width: 100%;
	position:relative;
	height:36px;
	}
@media screen and (max-width: 640px)  {
	.searchBox {
	margin:1.5% auto 5% auto;
	width: 94%;
	}
}
.searchBox input {
	-webkit-appearance: none;
}


.searchBox img {
	display:none;
	}

#srch {
	position:relative;
	top:0px;
	width:100%;
	}
		
#searchform{
	width: 100%;
	}

/*検索の新入力フォーム */
.mt-site-search-form {
	/*visibility: visible;*/
	}
.mt-site-search-form__query{
	margin:0px auto 0px auto;
	box-sizing:border-box;
	width: 100%;
	height:36px;
	padding:0 34px 0px 6px;
	border-color:#999999;
	border-style: solid;
	border-width: 1px;
	font-size:16px;
	line-height:1.5;
	border-radius:3px;
	}
form>input:focus{
	background:#fff;
	outline:none;
	}

input[type="text"]{
	paddig:20px 5px;
	}

/*検索の新入力フォームのボタン */
.mt-site-search-form__button{
	position:absolute;
	top:4px;
	right:0.75%;
	float:right;
	width:26px;
	height:26px;
	margin:0px 0px 0px 0px;
	padding:0;
	background: url(../images/btn_search01.svg) no-repeat right top;
	background-size:26px;
	border:0;
	overflow: hidden;
	text-indent: -9999px;
	}

#srchBox ul
	{
	margin-top:6px;
	text-align:left;
	}
#srchBox li
	{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
	}
#srchBox li input
	{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
	}
*:+html #srchBox li input
	{
margin:-4px 0 -4px -4px;
	}
#srchResult {
	width:100%;
	}



/*Global Navigation
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#gNavOut{
	margin:53px auto 0px auto;
	padding:0px 0 0 0;
	position:absolute;
	top:0px;
	right:0px;
	width:800px;
	z-index:1002;
	}
@media screen and (max-width: 640px)  {
	#gNavOut{
	display:none;
	}
}

#listGnav > li{
	float:left;
}
#listGnav > li > a{
	height:45px;
	font-size:94%;
	font-weight:bold;
	line-height:130%;
	letter-spacing:0.04em;
	text-align:center;
	color:#FFFFFF;
	display: block;
	/*overflow: hidden;
	text-indent: -9999px;*/
	box-sizing:border-box;
	}
#listGnav > li > a b{
	display:block;
	font-size:84%;
	font-weight:bold;
	font-family: 'Average Sans', sans-serif;
	color:#FFFF00;
	letter-spacing:0.1em;
	}

#listGnav > li#navAbout > a{
	width:130px;
	/*background:url(../images/txt_header01_nav.svg) no-repeat center -3px;
	background-size:136px;*/
	}
#listGnav > li#navAbout > a:hover{
	/*color:#005CC1;*/
	}
#listGnav > li#navCommodity > a{
	width:116px;
	/*background:url(../images/txt_header02_nav.svg) no-repeat center -3px;
	background-size:136px;*/
	}
#listGnav > li#navCommodity > a:hover{
	/*color:#069400;*/
	}
#listGnav > li#navShop > a{
	width:124px;
	/*background:url(../images/txt_header03_nav.svg) no-repeat center -3px;
	background-size:136px;*/
	}
#listGnav > li#navShop > a:hover{
	/*color:#FF8007;*/
	}
#listGnav > li#navDonyu > a{
	width:146px;
	/*background:url(../images/txt_header04_nav.svg) no-repeat center -3px;
	background-size:136px;*/
	}
#listGnav > li#navDonyu > a:hover{
	/*color:#A631A4;*/
	}
#listGnav > li#navActivity > a{
	width:128px;
	/*background:url(../images/txt_header05_nav.svg) no-repeat center -3px;
	background-size:136px;*/
	}
#listGnav > li#navActivity > a:hover{
	/*color:#1AA9FF;*/
	}
#listGnav > li#navSoftcreamland > a{
	width:156px;
	/*background:url(../images/txt_header06_nav.svg) no-repeat 18px -3px;
	background-size:136px;*/
	}
#listGnav > li#navSoftcreamland > a:hover{
	/*color:#FF6380;*/
	}
#listGnav > li >  a:hover{
	text-shadow: 2px 2px 6px #5ABEED,
			-2px 2px 6px #5ABEED,
			2px -2px 6px #5ABEED,
			-2px -2px 6px #5ABEED;
	}

.gNavIn > #listGnav > li > .gNavInnerArea{
	width:1080px;
	max-height:9999px;
	padding:16px 18px 0px 18px;
	position:absolute;
	top:45px;
	left:-260px;
	visibility:hidden;
	transition:0.2s;
	opacity:0;
	z-index:1000;
	background:#FFFFFF;
	box-sizing:border-box;
	border-radius:6px;
	box-shadow: 0 0 4px rgb(150,150,150,0.8);
	}
.gNavIn > #listGnav > li#navAbout > .gNavInnerArea{
	border:10px solid #D1E6FF;/*#D1E6FF*/
	}
.gNavIn > #listGnav > li#navCommodity > .gNavInnerArea{
	border:10px solid #CDEE91;/*#CDEE91*/
	}
.gNavIn > #listGnav > li#navShop > .gNavInnerArea{
	border:10px solid #FFF183;/*#FFF183*/
	}
.gNavIn > #listGnav > li#navDonyu > .gNavInnerArea{
	border:10px solid #EECCFB;/*#EECCFB*/
	}
.gNavIn > #listGnav > li#navActivity > .gNavInnerArea{
	border:10px solid #CDEEFF;/*#CDEEFF*/
	}
.gNavIn > #listGnav > li#navSoftcreamland > .gNavInnerArea{
	border:10px solid #F9D7DA;/*#F9D7DA*/
	}

.gNavIn > #listGnav > li:hover > .gNavInnerArea{
	visibility:visible;
	opacity:1;
	}
.gNavIn > #listGnav > li > .gNavInnerArea > .gNavInnerTit{
	font-size:136%;
	font-weight:bold;
	float:left;
	}
.gNavIn > #listGnav > li > .gNavInnerArea > .gNavInnerCopy{
	font-size:100%;
	font-weight:bold;
	color:#666;
	float:left;
	margin:5px auto auto 24px;
	}

.gNavIn > #listGnav > li > .gNavInnerArea > .listGnavInnerArea{
	width:100%;
	float:left;
	margin-top:10px;
	}

.gNavIn > #listGnav > li > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li{
	width:calc((100% - 20px)/2);
	margin:0 20px 0px 0;
	float:left;
	position:relative;
	}
/*NISSEIについて*/
.gNavIn > #listGnav > li#navAbout > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li{
	width:calc((96% - 20px)/4);
	margin:0 20px 14px 0;
	}
.gNavIn > #listGnav > li#navAbout > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li:nth-child(4n) {
	margin:0 0px 14px 0;
	}
/*商品のご紹介*/
.gNavIn > #listGnav > li#navCommodity > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li{
	width:calc((96% - 20px)/4);
	margin:0 20px 14px 0;
	}
.gNavIn > #listGnav > li#navCommodity > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li:nth-child(4n) {
	margin:0 0px 14px 0;
	}
/*ショップ*/
.gNavIn > #listGnav > li#navShop > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li{
	/*width:calc((100% - 20px)/2); 2列（2店舗の場合）*/
	width:calc((100% - 20px)/1);
	margin:0 20px 0px 0;
	/*min-height:156px; 2列（2店舗の場合）*/
	min-height:192px;
	}
.gNavIn > #listGnav > li#navShop > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li:nth-child(2n) {
	margin:0 0px 14px 0;
	}
/*商品導入について*/
.gNavIn > #listGnav > li#navDonyu > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li{
	width:calc((98% - 20px)/3);
	margin:0 20px 14px 0;
	}
.gNavIn > #listGnav > li#navDonyu > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li:nth-child(3n) {
	margin:0 0px 14px 0;
	}
.gNavIn > #listGnav > li#navDonyu > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li:nth-child(4n) {
	width:calc(67.9% - 20px);
	}
.gNavIn > #listGnav > li#navDonyu > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li:nth-child(5n) {
	margin:0 0px 14px 0;
	}

/*広報活動・協賛*/
.gNavIn > #listGnav > li#navActivity > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li{
	width:calc((96% - 20px)/4);
	margin:0 20px 14px 0;
	}
.gNavIn > #listGnav > li#navActivity > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li:nth-child(4n) {
	margin:0 0px 14px 0;
	}
/*キャンペーン・お楽しみ*/
.gNavIn > #listGnav > li#navSoftcreamland > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li{
	width:calc((96% - 20px)/4);
	margin:0 20px 14px 0;
	}
.gNavIn > #listGnav > li#navSoftcreamland > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li:nth-child(4n) {
	margin:0 0px 14px 0;
	}

.gNavIn > #listGnav > li > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li:nth-of-type(2n){
	margin:0;
	}
	
	
/*ナビゲーションメニュー各イメージ画像*/
.gNavIn > #listGnav > li > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li .navImg {
	margin:0px 0px 0px 0px;
	width:100%;
	}
.gNavIn > #listGnav > li > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li .navImg img {
	width:100%;
	}

.gNavIn > #listGnav > li#navSoftcreamland > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li .navImg {
	margin:0px 0px 0px 0px;
	width:100%;
	text-align:center;
	box-sizing:border-box;
	border-top:none;
	}
.gNavIn > #listGnav > li#navSoftcreamland > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li .navImg img {
	width:100%;
	}

/*2分の1サイズ画像*/
.gNavIn > #listGnav > li > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li .navImgHalf {
	position:absolute;
	top:37px;
	right:0px;
	width:40%;
	z-index:1;
	}
.gNavIn > #listGnav > li > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li .navImgHalf img {
	width:100%;
	}

.gNavIn > #listGnav > li > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > a{
	margin-bottom:2px;
	display:block;
	padding:3px 25px 4px 8px;
	font-weight:bold;
	color:#ffffff;
	position:relative;
	font-size:94%;
	box-sizing:border-box;
	}
	
.gNavIn > #listGnav > li#navAbout > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li > a{
	background:#349BFF;
	}
.gNavIn > #listGnav > li#navCommodity > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li > a{
	background:#0EB000;
	}
.gNavIn > #listGnav > li#navShop > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li > a{
	background:#FFC20F;
	}
.gNavIn > #listGnav > li#navDonyu > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li > a{
	background:#BB5DF5;
	}
.gNavIn > #listGnav > li#navActivity > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li > a{
	background:#28C0FF;
	}
.gNavIn > #listGnav > li#navSoftcreamland > .gNavInnerArea > .listGnavInnerArea > .listGnavInner > li > a{
	background:#FF6380;
	}	

.gNavIn > #listGnav > li > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > a:hover{
	opacity:0.7;
	}
.gNavIn > #listGnav > li > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > a::after{
	content:'>';
	font-weight:900;
	font-size:100%;
	position:absolute;
	top:9%;
	right:5px;
	transform: scale(0.7, 1);
	}
	
	
.gNavIn > #listGnav > li#navAbout > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul ,
.gNavIn > #listGnav > li#navCommodity > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul ,
.gNavIn > #listGnav > li#navShop > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul ,
.gNavIn > #listGnav > li#navDonyu > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul ,
.gNavIn > #listGnav > li#navActivity > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul ,
.gNavIn > #listGnav > li#navSoftcreamland > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul {
	margin:6px auto 0px auto;
	position:relative;
	z-index:2;
	}	
	
	
.gNavIn > #listGnav > li > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li {
	margin:0px auto;
	position:relative;
	line-height:140%;
	}
.gNavIn > #listGnav > li > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li:hover {
	background: linear-gradient(to right, rgba(247,246,221,0.5), rgba(255, 255, 255, 0.0));
	font-weight:bold;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1.0;
	}
.gNavIn > #listGnav > li > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li a {
	display:block;
	width:100%;
	height:100%;
	color:#000;
	padding:3px 0px 5px 0px;
	font-size:94%;
	font-weight:bold;	
	}
.gNavIn > #listGnav > li > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li a b.hosoku {
	font-weight:normal;
	margin-top:2px;
	}


.gNavIn > #listGnav > li#navAbout > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li a{
	background: url(../images/sp_btn_about_side.png) no-repeat 1px 8px;
	background-size:10px;
	padding-left:12px;
	}
.gNavIn > #listGnav > li#navCommodity > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li a{
	background: url(../images/sp_btn_commodity_side.png) no-repeat 1px 8px;
	background-size:10px;
	padding-left:12px;
	}
.gNavIn > #listGnav > li#navShop > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li a{
	background: url(../images/sp_btn_shop_side.png) no-repeat 1px 8px;
	background-size:10px;
	padding-left:12px;
	}
.gNavIn > #listGnav > li#navDonyu > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li a{
	background: url(../images/sp_btn_donyu_side.png) no-repeat 1px 8px;
	background-size:10px;	
	padding-left:12px;
	}
.gNavIn > #listGnav > li#navDonyu > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li.gnavDonyu02 > ul >li {
	width: 50%;
	float: left;
	}
.gNavIn > #listGnav > li#navActivity > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li a{
	background: url(../images/sp_btn_activity_side.png) no-repeat 1px 8px;
	background-size:10px;
	padding-left:12px;
	}
.gNavIn > #listGnav > li#navSoftcreamland > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li a{
	background: url(../images/sp_btn_sl_side.png) no-repeat 1px 8px;
	background-size:10px;
	padding-left:12px;
	}


.gNavIn > #listGnav > li#navAbout > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul.onePage >li a ,
.gNavIn > #listGnav > li#navCommodity > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul.onePage >li a ,
.gNavIn > #listGnav > li#navShop > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul.onePage >li a ,
.gNavIn > #listGnav > li#navDonyu > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul.onePage >li a ,
.gNavIn > #listGnav > li#navActivity > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul.onePage >li a ,
.gNavIn > #listGnav > li#navSoftcreamland > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul.onePage >li a
 {
	background-image: none;
	padding-left:4px;
	}

.gNavIn > #listGnav > li#navAbout > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li a.nonArrow ,
.gNavIn > #listGnav > li#navCommodity > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li a.nonArrow ,
.gNavIn > #listGnav > li#navShop > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li a.nonArrow ,
.gNavIn > #listGnav > li#navDonyu > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li a.nonArrow ,
.gNavIn > #listGnav > li#navActivity > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li a.nonArrow ,
.gNavIn > #listGnav > li#navSoftcreamland > .gNavInnerArea > .listGnavInnerArea >.listGnavInner > li > ul >li a.nonArrow
 {
	background-image: none;
	padding-left:0px;
	}


.gNavIn > #listGnav > li#navAbout > .gNavInnerArea > .gNavInnerTit{
	color:#005CC1;
	}
.gNavIn > #listGnav > li#navCommodity > .gNavInnerArea > .gNavInnerTit{
	color:#069400;
	}
.gNavIn > #listGnav > li#navShop > .gNavInnerArea > .gNavInnerTit{
	color:#FF8007;
	}
.gNavIn > #listGnav > li#navDonyu > .gNavInnerArea > .gNavInnerTit{
	color:#A631A4;
	}
.gNavIn > #listGnav > li#navActivity > .gNavInnerArea > .gNavInnerTit{
	color:#1AA9FF;
	}
.gNavIn > #listGnav > li#navSoftcreamland > .gNavInnerArea > .gNavInnerTit{
	color:#FF6380;
	}

.gNavIn > #listGnav > li > a:hover{
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1.0;
	}

.gNavIn > #listGnav > li:hover > a:after{
	content: " ";
	display: block;
	clear: both;
	height: 0;
	width: 0;
	position:absolute;
	z-index:1001;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1.0;
	}

.gNavIn > #listGnav > li#navAbout:hover > a:after{
	margin:4px auto 0px 58px;
	border-bottom: 12px solid #D1E6FF;/*#D1E6FF*/
	}
.gNavIn > #listGnav > li#navCommodity:hover > a:after{
	margin:4px auto 0px 48px;
	border-bottom: 12px solid #CDEE91;/*#CDEE91*/
	}
.gNavIn > #listGnav > li#navShop:hover > a:after{
	margin:4px auto 0px 54px;
	border-bottom: 12px solid #FFF183;/*#FFF183*/
	}
.gNavIn > #listGnav > li#navDonyu:hover > a:after{
	margin:4px auto 0px 64px;
	border-bottom: 12px solid #EECCFB;/*#EECCFB*/
	}
.gNavIn > #listGnav > li#navActivity:hover > a:after{
	margin:4px auto 0px 56px;
	border-bottom: 12px solid #CDEEFF;/*#CDEEFF*/
	}
.gNavIn > #listGnav > li#navSoftcreamland:hover > a:after{
	margin:4px auto 0px 70px;
	border-bottom: 12px solid #F9D7DA;/*#F9D7DA*/
	}




/*Contents
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#contentsOut {
	/*background:url(../images/bg_categorytitle01.png) repeat-x left top;*/
	}

@media screen and (max-width: 640px)  {
#contentsOut {
	background-image:none;
	}
}

/* カテゴリー別の背景 */
/* 今年のデザインは全カテゴリー同じ */
/*#contentsOut .about {
}
#contentsOut .commodity {
}
#contentsOut .shop {
}
#contentsOut .donyu {
}
#contentsOut .activity {
}
#contentsOut .recruit {
}*/

.contentsIn {
	margin:0px auto 30px auto;
	background:#FFFFFF;
	
	position:relative;/*追従スクロール要素*/
}

@media screen and (max-width: 640px)  {
.contentsIn {
	margin:0px auto 3% auto;
	padding-top:14px;
	}
}

/*追従スクロール要素 start*/
.contentsIn:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* fit-sidebar */
.fit-sidebar-fixed{
	margin-top:0!important;
	margin-bottom:0!important;
	position:fixed;
}
.fit-sidebar-blank{
	z-index:0;
	background-color:transparent;
	visibility:hidden;
}

/*追従スクロール要素 End*/


/*categoryPage
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* カテゴリータイトル */
#categoryTitle {
	height:80px;
	position:relative;
	top:0px;
	right:0px;
	}
@media screen and (max-width: 640px)  {
#categoryTitle {
	width:100%;
	height:47px;
	margin:0px 0px 0px 0px;
	position:static;
	}
}


#categoryTitle h1 , #categoryTitle p {
	margin:0px;
	padding:28px 0px 8px 0px;
	font-size:236%;
	line-height:130%;
	font-weight:bold;
	letter-spacing:0.12em;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #00C3EA;
	}
#categoryTitle h1 a , #categoryTitle p a {
	color:#FFFFFF;
	text-decoration:none;
	}
/*webkit用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#categoryTitle h1 , #categoryTitle p {
	font-weight:bold;
  }
}
/*moz用*/
@-moz-document url-prefix() {
#categoryTitle h1 , #categoryTitle p {
	font-weight:bold;
  }
}

@media screen and (max-width: 640px)  {
#categoryTitle h1 , #categoryTitle p {
	margin:0px;
	padding:11px 3%;
	font-size:150%;
	font-weight:bold;
	line-height:auto;
	box-sizing:border-box;
	letter-spacing:0.01em;
	}
}
@media screen and (max-width: 380px)  {
#categoryTitle h1 , #categoryTitle p {
	font-size:130%;
	}
}


#categoryTitle span {
	font-size:96%;
	*font-size:100%;
	font-weight:bold;
	color:#FFFF00;
	text-shadow: 1px 1px 2px #00C3EA;
	margin-left:3px;
}
#categoryTitle h1 span {
	color:#FFFFFF;
}
#categoryTitle p span {
	color:#FFFFFF;
}

#categoryTitle h1 .englishWord , #categoryTitle p .englishWord {
	font-size: 116%;
	margin-right: 4px;
	}

@media screen and (max-width: 640px)  {
#categoryTitle .englishWord {
	display:none;
	}

#categoryTitle h1 .englishWord , #categoryTitle p .englishWord {
	display:inline;
	}
}

.categoryPict {
	position:absolute;
	top:-16px;
	right:0px;
	width:600px;
	height:177px;
	}

.about .categoryPict {
	background:url(../images/pic_about01.png) no-repeat right top;
	background-size:484px;
}
.commodity .categoryPict {
	background:url(../images/pic_commodity01.png) no-repeat right top;
	background-size:484px;
}
.shop .categoryPict {
	background:url(../images/pic_shop01.png) no-repeat right top;
	background-size:484px;
}
.donyu .categoryPict {
	background:url(../images/pic_donyu01.png) no-repeat right top;
	background-size:484px;
}
.activity .categoryPict {
	background:url(../images/pic_activity01.png) no-repeat right top;
	background-size:484px;
}
.recruit .categoryPict {
	background:url(../images/pic_about01.png) no-repeat right top;
	background-size:484px;
}
.other .categoryPict , .present .categoryPict , .privacy .categoryPict {
	background:url(../images/pic_other01.png) no-repeat right top;
	background-size:484px;
}

@media screen and (max-width: 640px)  {
.categoryPict {
	position:absolute;
	top:25px;
	right:16px;
	width:140px;
	padding-top:50px;
	}
.about .categoryPict {
	background:url(../images/sp_pic_about01.png) no-repeat right top;
	background-size:100%;
	position:absolute;
	}
.commodity .categoryPict {
	background:url(../images/sp_pic_commodity01.png) no-repeat right top;
	background-size:100%;
	position:absolute;
	}
.shop .categoryPict {
	background:url(../images/sp_pic_shop01.png) no-repeat right top;
	background-size:100%;
	position:absolute;
	}
.donyu .categoryPict {
	background:url(../images/sp_pic_donyu01.png) no-repeat right top;
	background-size:100%;
	position:absolute;
	}
.activity .categoryPict {
	background:url(../images/sp_pic_activity01.png) no-repeat right top;
	background-size:100%;
	position:absolute;
	}	
.recruit .categoryPict {
	background:url(../images/sp_pic_about01.png) no-repeat right top;
	background-size:100%;
	position:absolute;
	}
.other .categoryPict , .present .categoryPict , .privacy .categoryPict {
	background:url(../images/sp_pic_other01.png) no-repeat right top;
	background-size:100%;
	position:absolute;
	background:none;
	}
}




/*breadcrumb_list パンくず
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.breadcrumb_out {
	margin:0px auto 0px auto;
	padding:48px 0px 0px 0px;
	height:60px;
	background:url(../images/bg_pankuzu01.png) no-repeat center top;
	background-size:2550px;
	color:#333333;
	}

@media screen and (max-width: 640px)  {
.breadcrumb_out {
	display:none;
	}
}

.breadcrumb_list {
	margin:10px 0px 0px 0px;
	padding:0px 0 0 0;
	font-size:93%;
	color:#666666;
	display:inline-block;
	position:relative;
}
.breadcrumb_list:after {
	background:rgb(139,220,248,0.4);
	content: " ";
	display: block;
	clear: both;
	height: 6px;
	width: 100%;
	position:absolute;
	bottom:-2px;
}

.breadcrumb_list a {
	color:#54BBE9;
}
.breadcrumb_list a:link , #breadcrumb_list a:visited {
	color:#54BBE9;
	font-weight:bold;
}
.breadcrumb_list a:hover{
	color:#022A86;
}



/* カテゴリー 一覧（扉）ページの見出し2 */
.categoryTitleH2 {
	margin:0px 0px 28px 0px;
	font-size:182%;
	font-weight:bold;
	line-height:155%;
	}

@media screen and (max-width: 640px)  {
.categoryTitleH2 {
	margin:0% 0% 4% 1.25%;
	font-size:126%;
	font-weight: bold;
	line-height: 154%;
	}
.categoryTitleH2 br {
	display:none;
	}	
}

/* カテゴリー メニュー一覧（リスト）*/
.categoryMenuList {
	clear:both;
	margin:0px -28px 0px 0px;
	padding:0px;
	width:801px;
	}

/* 上記の「商品のご紹介」用*/
.commodity .categoryMenuList {
	margin:0px -28px 26px 0px;
	}	

@media screen and (max-width: 640px)  {
.categoryMenuList {
	margin:0px 0px 0px 0px;
	width:100%;
	}
}

.categoryMenuList ul {
	clear:both;
	}
.categoryMenuList li {
	margin:0px 28px 20px 0px;
	padding:0px;
	width:372.5px;
	
	list-style:none;
	display:inline;
	float:left;
	background: #ffffff;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	}

@media screen and (max-width: 640px)  {
.categoryMenuList li {
	/*margin:0% 2% 2% auto;
	width:49%;*/
	margin:0% auto 2% auto;
	width:100%;
	}
.categoryMenuList li:nth-child(even) {
	margin:0% 0% 2% auto;
	}
}

.categoryMenuList li a {
	width:100%;
	padding:8px 8px 0px 8px;
	border:8px solid #EEEEEE;
	box-sizing:border-box;
	display:block;
	background: #ffffff;
	position:relative;
	}


.categoryMenuList li a:after {
	/*clearfix*/
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.about .categoryMenuList li a {
	background:url(../images/bg_btn_about01.png) repeat-x left bottom;
	}
.commodity .categoryMenuList li a {
	background:url(../images/bg_btn_commodity01.png) repeat-x left bottom;
	}
.shop .categoryMenuList li a {
	background:url(../images/bg_btn_shop01.png) repeat-x left bottom;
	}
.donyu .categoryMenuList li a {
	background:url(../images/bg_btn_donyu01.png) repeat-x left bottom;
	}
.activity .categoryMenuList li a {
	background:url(../images/bg_btn_activity01.png) repeat-x left bottom;
	}
.recruit .categoryMenuList li a {
	background:url(../images/bg_btn_about01.png) repeat-x left bottom;
	}

@media screen and (max-width: 640px) {
.categoryMenuList li a {
	width:100%;
	padding:8px 8px 0px 8px;
	border:8px solid #EEEEEE;
	box-sizing:border-box;
	display:block;
	background: #ffffff;
	position:relative;
	}
.about .categoryMenuList li a {
	background: -moz-linear-gradient(top,  #ffffff 88%, #f2f8ff 100%);
	background: -webkit-linear-gradient(top,  #ffffff 88%,#f2f8ff 100%);
	background: linear-gradient(to bottom,  #ffffff 88%,#f2f8ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f8ff',GradientType=0 );
	}
.commodity .categoryMenuList li a {
	background: -moz-linear-gradient(top,  #ffffff 88%, #FAFEF2 100%);
	background: -webkit-linear-gradient(top,  #ffffff 88%,#FAFEF2 100%);
	background: linear-gradient(to bottom,  #ffffff 88%,#FAFEF2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FAFEF2',GradientType=0 );
	}
.shop .categoryMenuList li a {
	background: -moz-linear-gradient(top,  #ffffff 88%, #FFFDE7 100%);
	background: -webkit-linear-gradient(top,  #ffffff 88%,#FFFDE7 100%);
	background: linear-gradient(to bottom,  #ffffff 88%,#FFFDE7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFDE7',GradientType=0 );
	}
.donyu .categoryMenuList li a {
	background: -moz-linear-gradient(top,  #ffffff 88%, #FBF3FE 100%);
	background: -webkit-linear-gradient(top,  #ffffff 88%,#FBF3FE 100%);
	background: linear-gradient(to bottom,  #ffffff 88%,#FBF3FE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FBF3FE',GradientType=0 );
	}
.activity .categoryMenuList li a {
	background: -moz-linear-gradient(top,  #ffffff 88%, #F2F8FF 100%);
	background: -webkit-linear-gradient(top,  #ffffff 88%,#F2F8FF 100%);
	background: linear-gradient(to bottom,  #ffffff 88%,#F2F8FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F2F8FF',GradientType=0 );
	}
.recruit .categoryMenuList li a {
	background: -moz-linear-gradient(top,  #ffffff 88%, #f2f8ff 100%);
	background: -webkit-linear-gradient(top,  #ffffff 88%,#f2f8ff 100%);
	background: linear-gradient(to bottom,  #ffffff 88%,#f2f8ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f8ff',GradientType=0 );
	}	
}

@media screen and (max-width: 640px)  {
.categoryMenuList li a {
	width:100%;
	height:100%;
	padding:8px;
	display:block;
	box-sizing:border-box;
	}
}
.categoryMenuList li a:hover {
	text-decoration:none;
	}
.categoryMenuList li h3 {
	margin:0px 0px 12px 0px;
	padding:8px 0px 0px 0px;
	font-size:160%;
	font-weight:bold;
	line-height:126%;
	letter-spacing:-0.04em;
	}

.categoryMenuList li h3.tyotai {
	transform: scale( 0.96 , 1 ) translate(-6px, 0px);
	}
.categoryMenuList li h3.gyo2 {
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
	font-size:140%;
	line-height:120%;
	font-weight:bold;
	}
.categoryMenuList li h3.gyo2B {
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
	font-size:140%;
	line-height:120%;
	font-weight:bold;
	}
@media screen and (max-width: 640px)  {
.categoryMenuList li h3 {
	font-size:140%;
	font-weight:bold;
	}
.categoryMenuList li h3.tyotai {
	transform: scale( 1 , 1 ) translate(0px, 0px);
	}
.categoryMenuList li h3.gyo2 {
	margin:0px 0px 12px 0px;
	padding:8px 0px 0px 0px;
	font-size:140%;
	line-height:126%;
	}
.categoryMenuList li h3.gyo2B {
	margin:0px 0px 12px 0px;
	padding:8px 0px 0px 0px;
	font-size:140%;
	line-height:126%;
	}	
.categoryMenuList li h3 br {
	display:none;
	}
.categoryMenuList li h3.gyo2B.tyotai {
	letter-spacing:-0.7px;
	white-space: nowrap
	}	
}

@media screen and (max-width: 360px)  {
.categoryMenuList li h3.gyo2 {
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
	font-size:120%;
	line-height:120%;
	}
}
.about .categoryMenuList li h3 {
	color:#008CFF;
	}
.commodity .categoryMenuList li h3 {	
	color:#10AD00;
	}
.shop .categoryMenuList li h3 {
	color:#522819;
	}
.shop .categoryMenuList li h3 span {
	font-size:76%;
	}
.donyu .categoryMenuList li h3 {
	color:#BB5DF5;
	}
.activity .categoryMenuList li h3 {
	color:#2BC1FF;
	}
.recruit .categoryMenuList li h3 {
	color:#008CFF;
	}
.recruit .categoryMenuList li h3 span {
	font-size:76%;
	}

.categoryMenuList li b {
	margin:0px 0px 8px 0px;
	padding:4px;
	font-size:93%;
	color:#FFFFFF;
	display:block;
	clear:both;
	}
.about .categoryMenuList li b {
	background: #008CFF;
	background: -moz-linear-gradient(left,  #008CFF 30%, #FFFFFF 94%);
	background: -webkit-linear-gradient(left,  #008CFF 30%,#FFFFFF 94%);
	background: linear-gradient(to right,  #008CFF 30%,#FFFFFF 94%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008CFF', endColorstr='#FFFFFF',GradientType=1 );
	}
.commodity .categoryMenuList li b {
	background: #10AD00;
	background: -moz-linear-gradient(left,  #10AD00 40%, #FFFFFF 100%);
	background: -webkit-linear-gradient(left,  #10AD00 40%,#FFFFFF 100%);
	background: linear-gradient(to right,  #10AD00 40%,#FFFFFF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10AD00', endColorstr='#FFFFFF',GradientType=1 );
	}
.shop .categoryMenuList li b {
	background: #FCA400;
	background: -moz-linear-gradient(left,  #FCA400 0%, #FFE4AE 100%);
	background: -webkit-linear-gradient(left,  #FCA400 0%,#FFE4AE 100%);
	background: linear-gradient(to right,  #FCA400 0%,#FFE4AE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCA400', endColorstr='#FFE4AE',GradientType=1 );
	}
.donyu .categoryMenuList li b {
	background: #BB5DF5;
	background: -moz-linear-gradient(left,  #BB5DF5 30%, #FFFFFF 94%);
	background: -webkit-linear-gradient(left,  #BB5DF5 30%,#FFFFFF 94%);
	background: linear-gradient(to right,  #BB5DF5 30%,#FFFFFF 94%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BB5DF5', endColorstr='#FFFFFF',GradientType=1 );
	}
.activity .categoryMenuList li b {
	background: #2BC1FF;
	background: -moz-linear-gradient(left,  #2BC1FF 30%, #FFFFFF 94%);
	background: -webkit-linear-gradient(left,  #2BC1FF 30%,#FFFFFF 94%);
	background: linear-gradient(to right,  #2BC1FF 30%,#FFFFFF 94%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2BC1FF', endColorstr='#FFFFFF',GradientType=1 );
	}
.recruit .categoryMenuList li b {
	background: #008CFF;
	background: -moz-linear-gradient(left,  #008CFF 0%, #FFFFFF 100%);
	background: -webkit-linear-gradient(left,  #008CFF 0%,#FFFFFF 100%);
	background: linear-gradient(to right,  #008CFF 0%,#FFFFFF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008CFF', endColorstr='#FFFFFF',GradientType=1 );
	}

.categoryMenuList li p {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:102%;
	line-height:150%;
	color:#333333;
	letter-spacing:-0.06em;
	}


@media screen and (max-width: 640px)  {
.categoryMenuList li p {
	margin:0px 0px 8px 0px;
	}
.categoryMenuList li p br {
	display:none;
	}
}


.shop .categoryMenuList li p span {
	border-bottom: 1px dotted #000000;
	display: block;
	min-height: 24px;
	margin: 0px auto 2% auto;
	}
.recruit .categoryMenuList li p span {
	border-bottom: 1px dotted #000000;
	display: block;
	min-height: 24px;
	margin: 0px auto 2% auto;
	}


.categoryMenuList li figure {
	margin:0px;
	padding:0px;
	width:92px;
	float:right;
	}
.categoryMenuList li.catListImgLSize figure {
	width:116px;
	}
.categoryMenuList li.catListImgLSize02 figure {
	width:116px;
	}
/*
.commodity .categoryMenuList li figure {
	切り抜き画像の場合 
	position:absolute;
	top:auto;
	bottom:12px;
	}*/
.shop .categoryMenuList li figure {
	float:none;
	width:100%;
	position:static;
	top:0px;
	right:0px;
	}
.recruit .categoryMenuList li figure {
	float:none;
	width:100%;
	}

@media screen and (max-width: 640px) {
.categoryMenuList li figure {
	width:83px;
	}
.categoryMenuList li.catListImgLSize figure {
	width:106px;
	}	
.categoryMenuList li.catListImgLSize02 figure {
	width:83px;
	}	
.commodity .categoryMenuList li figure {
	/*切り抜き画像の場合
	position:absolute;
	top:4px; */
	}
.shop .categoryMenuList li figure {
	float:none;
	width:100%;
	}
.recruit .categoryMenuList li figure {
	float:none;
	width:100%;
	}	
}

@media screen and (max-width: 348px)  {

.categoryMenuList li h3 {
	margin:0px 0px 4px 0px;
	}

}



.categoryMenuList li figure img {
	width:100%;
	}


.categoryMenuList li .catListTxt {
	float:left;
	width:calc(100% - 95px);/*余白3px;*/
	}
.categoryMenuList li.catListImgLSize .catListTxt {
	float:left;
	width:calc(100% - 119px);/*余白3px;*/
	}
.categoryMenuList li.catListImgLSize02 .catListTxt {
	float:left;
	width:calc(100% - 119px);/*余白3px;*/
	}
@media screen and (max-width: 640px)  {
.categoryMenuList li .catListTxt {
	width:calc(100% - 88px);/*余白3px;*/
	}

.categoryMenuList li.catListImgLSize .catListTxt {
	width:calc(100% - 109px);/*余白3px;*/
	}	
.categoryMenuList li .catListTxt .sp , .categoryMenuList li.catListImgLSize .catListTxt .sp {
	display: inline-block;
	}	
.categoryMenuList li.catListImgLSize02 .catListTxt {
	width:calc(100% - 95px);/*余白3px;*/
	}	
.categoryMenuList li .catListTxt .sp , .categoryMenuList li.catListImgLSize02 .catListTxt .sp {
	display: inline-block;
	}		
}

@media screen and (max-width: 348px) {
.categoryMenuList li .catListTxt {
	font-size:84%;
	line-height:130%;
	}
.categoryMenuList li.catListImgLSize .catListTxt {
	font-size:84%;
	line-height:130%;
	}
.categoryMenuList li.catListImgLSize02 .catListTxt {
	font-size:84%;
	line-height:130%;
	}	
}



/* その他 メニュー一覧*/
.otherMenuList {
	clear:both;
	margin:0px -28px 0px 0px;
	padding:0px;
	width:801px;
	}

@media screen and (max-width: 640px)  {
.otherMenuList {
	margin:0px 0px 0px 0px;
	width:100%;
	}
}

.otherMenuList ul {
	clear:both;
	}
.otherMenuList li {
	margin:0px 28px 20px 0px;
	padding:0px;
	width:372.5px;
	list-style:none;
	display:inline;
	float:left;
	background: #ffffff;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	}
.otherMenuList.dn_case li {
	margin:0% auto 2% auto;
	width:773px;
	}
.otherMenuList li:nth-child(odd){ 
	float:left;
	clear:both; 
	} 
@media screen and (max-width: 640px)  {
.otherMenuList li {
	margin:0% auto 2% auto;
	width:100%;
	}
.otherMenuList.dn_case li {
	width:100%;
	}
}
.otherMenuList li a {
	width:100%;
	height:100%;
	padding:0px;
	display:block;
	}
.otherMenuList li a:hover {
	text-decoration:none;
	}
.otherMenuList li a:after {
	/*clearfix*/
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.otherMenuList li img {
	width:100%;
	}

@media screen and (max-width: 640px)  {
.otherMenuList li a {
	width:100%;
	height:100%
	padding:8px;
	display:block;
	box-sizing:border-box;
	}
}


/*上記設定のリセット*/
@media screen and (max-width: 640px)  {
.otherMenuList.dn_menu li {
	margin:0% 2% 2% auto;
	width:49%;
	}
.otherMenuList.dn_menu li:nth-child(even) {
	margin:0% 0% 2% auto;
	}
}

/*pageMainContents
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ページのメイン記事 */
.pageMainContents {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	}
@media screen and (max-width: 640px)  {
.pageMainContents {
	margin-bottom:20px;
	padding:0px 2%;
	width:96%;
	}
}

/* ページのメイン記事2列分割 */
.pmContentsLeft {
	float: left;
	width: 48%;
	}
.pmContentsRight {
	float: right;
	width: 48%;
	}
.pmContentsLeft figure , .pmContentsRight figure {
	width: 100%;
	}
.pmContentsLeft figure img , .pmContentsRight figure img {
	width: 100%;
	}
@media screen and (max-width: 640px)  {
.pmContentsLeft {
	float:none;
	width: 100%;		
	}
.pmContentsRight {
	float:none;
	width: 100%;		
	}
}

/* ページのメインタイトル（画像の場合） */
.pageTitleImg {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	}
.pageTitleImg img {
	width: 100%;
	}
/* ページのメインタイトル（テキストの場合） */
.pageTitleText {
	width: 100%;
	margin:0px 0px 18px 0px;
	padding:10px 0px 6px 16px;
	font-size:182%;
	line-height:130%;
	color:#FFFFFF;
	font-weight:bold;
	box-sizing:border-box;
	}


/*webkit用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.pageTitleText {
	font-weight:normal;
  }
}
/*moz用*/
@-moz-document url-prefix() {
.pageTitleText {
	font-weight:normal;
  }
}
 


@media screen and (max-width: 640px)  {
.pageTitleText {
	font-size:140%;
	margin:10px 0px 10px 0px;
	padding:8px 1% 6px 3%;
	box-sizing:border-box;
	}
}
.pageTitleText span , .pageTitleText b {
	margin:0px 0px 0px 16px;
	padding:0px 0px 0px 0px;
	font-size:50%;
	font-weight:normal;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 0.2em;
	}
@media screen and (max-width: 640px)  {
.pageTitleText span , .pageTitleText b {
	display:none;
	}
}

/* ページのメインタイトル（テキストの場合） */
.about .pageTitleText {
	background-color:#349BFF;
}
.commodity .pageTitleText {
	background-color:#0EB000;
}
.shop .pageTitleText {
	background-color:#FFC20F;
}
.donyu .pageTitleText {
	background-color:#BB5DF5;
}
.activity .pageTitleText {
	background-color:#28C0FF;
}
.recruit .pageTitleText {
	background-color:#349BFF;
}
.other .pageTitleText {
	background-color:#666666;
}
/* ページのメインタイトルその他（画像の場合） */
.pageTitleImg_oth {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	}
.pageTitleImg_oth img {
	width: 100%;
	}

.pageTitleImg_form {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

.pageTitleImg_oth span {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:110%;
	font-weight:bold;
	font-family: 'Average Sans', sans-serif;
	letter-spacing: 0.1em;
	color:#FFF;
	position: absolute;
	top: 50px;
	left: 57px;
}






/*Category Navigation（カテゴリー内メニュー）
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*追従スクロール要素 start*/
#sideWrap {
	position:relative;
	width:210px;
	float: right;
}


@media screen and (max-width:640px){
	#sideWrap {
	width:100%;
	}
}
/*追従スクロール要素 End*/

.categoryNav {
	margin:0px 0px 15px 0px;
	padding:8px 0px 8px 0px;
	float:right;
	width:210px;
	text-align:left;
	}

@media screen and (max-width: 640px)  {
.categoryNav {
	margin:0px 2% 20px 2%;
	padding:8px 0px 8px 0px;
	float:left;
	width:96%;
	}
}

.about .categoryNav {
	background-color:#D1E6FF;
}
.commodity .categoryNav {
	background-color:#CDEE91;
}
.shop .categoryNav {
	background-color:#FFF183;
}
.donyu .categoryNav {
	background-color:#EECCFB;
}
.activity .categoryNav {
	background-color:#CDEEFF;
}
.recruit .categoryNav {
	background-color:#D1E6FF;
}
.other .categoryNav {
	background-color:#D1E6FF;
}
.categoryNav b.new {
	font-weight: bold;
	color: #F60307;
	font-size: 86%;
	}
.categoryNavActiveb.new {
	color: #F60307;
	}

/*一覧（扉）ページへのボタン
------------------------------*/
.categoryNav h3 {
	width:210px;
	height:36px;
	font-size:100%;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left center;
	}

@media screen and (max-width: 640px)  {
.categoryNav h3 {
	width:100%;
	height:auto;
	}
}

.categoryNav h3 a {
	padding-left:12%;	
	color:#FFFFFF;
	display:block;
	width:88%;
	height:100%;
	vertical-align:middle;
	line-height:36px;
	}

@media screen and (max-width: 640px) {
.categoryNav h3 a {
	padding-left:2%;	
	width:96%;
	}
}

.about .categoryNav h3 a {
	color:#005CC1;
	background-image: url(../images/btn_about_side01.png);
	background-color:#D1E6FF;
	}
.commodity .categoryNav h3 a {
	color:#0EB000;
	background-image: url(../images/btn_commodity_side01.png);
	background-color:#CDEE91;
	}
.shop .categoryNav h3 a {
	color:#522819;
	background-image: url(../images/btn_shop_side01.png);
	background-color:#FFF183;
	}
.donyu .categoryNav h3 a {
	color:#A631A4;
	background-image: url(../images/btn_donyu_side01.png);
	background-color:#EECCFB;
	}
.activity .categoryNav h3 a {
	color:#30B7EA;
	background-image: url(../images/btn_activity_side01.png);
	background-color:#CDEEFF;
	}
.recruit .categoryNav h3 a {
	color:#005CC1;
	background-image: url(../images/btn_about_side01.png);
	background-color:#D1E6FF;
	}
.other .categoryNav h3 a {
	color:#005CC1;
	background-image: url(../images/btn_about_side01.png);
	background-color:#D1E6FF;
	}
.other .categoryNav.btnInquiry h3 a {
	color:#005CC1;
	background-image: url(../images/btn_inquiry_side01.png);
	background-color:#D1E6FF;
	}
@media screen and (max-width: 640px) {
.categoryNav h3 a {
	margin:0px 2% 0px 2%;
	width:auto;
	}
.about .categoryNav h3 a {
	background-image: none;
	background: url(../images/sp_btn_about_side01.png) no-repeat right bottom;
	background-size: contain;
	}
.commodity .categoryNav h3 a {
	background-image: none;
	background: url(../images/sp_btn_commodity_side01.png) no-repeat right bottom;
	background-size: contain;
	}
.shop .categoryNav h3 {
	background-image: none;
	background: url(../images/sp_btn_commodity_side01.png) no-repeat right bottom;
	background-size: contain;
	}
.donyu .categoryNav h3 a {
	background-image: none;
	background: url(../images/sp_btn_donyu_side01.png) no-repeat right bottom;
	background-size: contain;
	}
.activity .categoryNav h3 a {
	background-image: none;
	background: url(../images/sp_btn_activity_side01.png) no-repeat right bottom;
	background-size: contain;
	}
.recruit .categoryNav h3 a {
	background-image: none;
	background: url(../images/sp_btn_about_side01.png) no-repeat right bottom;
	background-size: contain;
	}
.other .categoryNav h3 a {
	background-image: none;
	background: url(../images/sp_btn_about_side01.png) no-repeat right bottom;
	background-size: contain;
	}
.other .categoryNav.btnInquiry h3 a {
	background-image: none;
	background: url(../images/sp_btn_inquiry_side01.png) no-repeat right bottom;
	background-size: contain;
	}
}

.categoryNav h3 a:hover {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	background-repeat: no-repeat;
	background-position: left center;
	}
.about .categoryNav h3 a:hover {
	background-image: url(../images/btn_about_side01_on.png);
	}
.commodity .categoryNav h3 a:hover {
	background-image: url(../images/btn_commodity_side01_on.png);
	}
.shop .categoryNav h3 a:hover {
	background-image: url(../images/btn_shop_side01_on.png);
	}
.donyu .categoryNav h3 a:hover {
	background-image: url(../images/btn_donyu_side01_on.png);
	}
.activity .categoryNav h3 a:hover {
	background-image: url(../images/btn_activity_side01_on.png);
	}
.recruit .categoryNav h3 a:hover {
	background-image: url(../images/btn_about_side01_on.png);
	}
.other .categoryNav h3 a:hover {
	background-image: url(../images/btn_about_side01_on.png);
	}
.other .categoryNav.btnInquiry h3 a:hover {
	background-image: url(../images/btn_inquiry_side01_on.png);
	}
@media screen and (max-width: 640px) {
.categoryNav h3 a:hover {
	margin:0px 2% 0px 2%;
	width:auto;
	}
.about .categoryNav h3 a:hover {
	background-image: none;
	background-color:#009AFF;
	}
.commodity .categoryNav h3 a:hover {
	background-image: none;
	background-color:#00B000;
	}
.shop .categoryNav h3 a:hover {
	background-image: none;
	background-color:#FFA400;
	}
.donyu .categoryNav h3 a:hover {
	background-image: none;
	background-color:#C05DF3;
	}
.activity .categoryNav h3 a:hover {
	background-image: none;
	background-color:#00C0FF;
	}
.recruit .categoryNav h3 a:hover {
	background-image: none;
	background-color:#009AFF;
	}
.other .categoryNav h3 a:hover {
	background-image: none;
	background-color:#009AFF;
	}
}


/*ボタンの該当するページを開いている時
（その際はリンクを外す）*/
h3.categoryNavActive {
	padding-left:12%;	
	color:#FFFFFF;
	display:block;
	width:88%;
	height:100%;
	vertical-align:middle;
	line-height:36px;
	font-weight:normal;
	}

@media screen and (max-width: 640px) {
h3.categoryNavActive {
	padding-left:2%;	
	width:98%;
	}
}

/*NISSEIについて*/
.about h3.categoryNavActive {
	background-image: url(../images/btn_about_side01_on.png);
	}
.commodity h3.categoryNavActive {
	background-image: url(../images/btn_commodity_side01_on.png);
	}
.shop h3.categoryNavActive {
	background-image: url(../images/btn_shop_side01_on.png);
	}
.donyu h3.categoryNavActive {
	background-image: url(../images/btn_donyu_side01_on.png);
	}
.activity h3.categoryNavActive {
	background-image: url(../images/btn_activity_side01_on.png);
	}	
.recruit h3.categoryNavActive {
	background-image: url(../images/btn_about_side01_on.png);
	}
.other h3.categoryNavActive {
	background-image: url(../images/btn_about_side01_on.png);
	}
.other .btnInquiry h3.categoryNavActive {
	background-image: url(../images/btn_inquiry_side01_on.png);
	}
@media screen and (max-width: 640px)  {
h3.categoryNavActive  {
	margin:0px 2% 0px 2%;
	width:auto;
	}
.about h3.categoryNavActive {
	background-image: none;
	background-color:#009AFF;
	}
.commodity h3.categoryNavActive {
	background-image: none;
	background-color:#00B000;
	}
.shop h3.categoryNavActive {
	background-image: none;
	background-color:#FFA400;
	}
.donyu h3.categoryNavActive {
	background-image: none;
	background-color:#C05DF3;
	}
.activity h3.categoryNavActive {
	background-image: none;
	background-color:#00C0FF;
	}
.recruit h3.categoryNavActive {
	background-image: none;
	background-color:#009AFF;
	}
.other h3.categoryNavActive {
	background-image: none;
	background-color:#009AFF;
	}
}


/* お問い合わせページでは非表示にする */
.btnInquiry + .other.sideInquiry{
	display:none;
}
/* 各カテゴリーページ閲覧時は非表示にする */
.about .btnEntryUpdate {
	display:none;
}
.commodity .btnEntryUpdate {
	display:none;
}
.shop .btnEntryUpdate {
	display:none;
}
.donyu .btnInq_ipan{
	display:none;
}
.donyu .btnEntryUpdate {
	display:none;
}
.activity .btnEntryUpdate {
	display:none;
}
.recruit .btnEntryUpdate {
	display:none;
}
.other .btnEntryUpdate {
	display:none;
}

/*詳細ページへのボタン
------------------------------*/
.categoryNav ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


.categoryNav ul li {
	list-style:none;
	width:210px;
	font-size:100%;
	}

@media screen and (max-width: 640px)  {
.categoryNav ul li {
	width:auto;
	}
}

.about .categoryNav ul li {
	border-bottom:1px solid #D1E6FF;
}
.commodity .categoryNav ul li {
	border-bottom:1px solid #CDEE91;
}
.shop .categoryNav ul li {
	border-bottom:1px solid #FFF183;
}
.donyu .categoryNav ul li {
	border-bottom:1px solid #EECCFB;
}
.activity .categoryNav ul li {
	border-bottom:1px solid #CDEEFF;
}
.recruit .categoryNav ul li {
	border-bottom:1px solid #D1E6FF;
}
.other .categoryNav ul li {
	border-bottom:1px solid #D1E6FF;
}
/*「業務用商品/市販商品」タイトル*/
.categoryNav ul li.catNavTitle {
	margin:0% 4% 0% 4%;
	padding:3% 2% 2% 3%;
	width:87%;
	color:#ffffff;
	display:block;
	font-size:100%;
	font-weight:normal;
	line-height:130%;
	border-bottom:none;
	border-radius:4px 4px 0px 0px;
	background:#7bc828;
	}
.categoryNav ul li.catNavTitle h4 {
	font-weight:bold;
	}
@media screen and (max-width: 640px)  {
.categoryNav ul li.catNavTitle {
	margin:0% 2% 0% 2%;
	padding:3% 2% 2% 3%;
	width:96%;
	box-sizing:border-box;
	}
}

/*ショップのご紹介（シルクレーム） タイトル*/
.shop .categoryNav ul li.catNavTitle {
	background:#FF8007;
	}
.categoryNav ul li a {
	padding:5% 6% 5% 12% ;
	color:#FFFFFF;
	display:block;
	width:82%;
	height:90%;
	vertical-align:middle;
	line-height:130%;
	background-repeat: no-repeat;
	background-position: left center;
}



.about .categoryNav ul li a {
	color:#000000;
	background-image: url(../images/btn_about_side02.png);
	background-color:#D1E6FF;
	}
.commodity .categoryNav ul li a {
	color:#000000;
	background-image: url(../images/btn_commodity_side02.png);
	background-color:#CDEE91;
	}
.shop .categoryNav ul li a {
	color:#000000;
	background-image: url(../images/btn_shop_side02.png);
	background-color:#FFF183;
	}
.donyu .categoryNav ul li a {
	color:#000000;
	background-image: url(../images/btn_donyu_side02.png);
	background-color:#EECCFB;
	}
.activity .categoryNav ul li a {
	color:#000000;
	background-image: url(../images/btn_activity_side02.png);
	background-color:#CDEEFF;
	}
.recruit .categoryNav ul li a {
	color:#000000;
	background-image: url(../images/btn_about_side02.png);
	background-color:#D1E6FF;
	}
.other .categoryNav ul li a {
	color:#000000;
	background-image: url(../images/btn_about_side02.png);
	background-color:#D1E6FF;
	}
@media screen and (max-width: 640px)  {
.categoryNav ul li a {
	margin:0px 2% 0px 2%;
	width:auto;
	height:auto;
	padding:3% 2% 3% 5%;
	background-position: 2% center;
	box-sizing:borde-box;
	}
.about .categoryNav ul li a {
	background-image: url(../images/sp_btn_about_side.png);
	background-size:10px;
	background-color:#FFFFFF;
	}
.commodity .categoryNav ul li a {
	background-image: url(../images/sp_btn_commodity_side.png);
	background-size:10px;
	background-color:#FFFFFF;
	}
.shop .categoryNav ul li a {
	background-image: url(../images/sp_btn_shop_side.png);
	background-size:10px;
	background-color:#FFFFFF;
	}
.donyu .categoryNav ul li a {
	background-image: url(../images/sp_btn_donyu_side.png);
	background-size:10px;
	background-color:#FFFFFF;
	}
.activity .categoryNav ul li a {
	background-image: url(../images/sp_btn_activity_side.png);
	background-size:10px;
	background-color:#FFFFFF;
	}
.recruit .categoryNav ul li a {
	background-image: url(../images/sp_btn_about_side.png);
	background-size:10px;
	background-color:#FFFFFF;
	}
.other .categoryNav ul li a {
	background-image: url(../images/sp_btn_about_side.png);
	background-size:10px;
	background-color:#FFFFFF;
	}
}

.categoryNav ul li a:hover {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	background-repeat: no-repeat;
	background-position: left center;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1.0;
}
.about .categoryNav ul li a:hover {
	background-image: url(../images/btn_about_side02_on.png);
}
.commodity .categoryNav ul li a:hover {
	background-image: url(../images/btn_commodity_side02_on.png);
}
.shop .categoryNav ul li a:hover {
	background-image: url(../images/btn_shop_side02_on.png);
}
.donyu .categoryNav ul li a:hover {
	background-image: url(../images/btn_donyu_side02_on.png);
}
.activity .categoryNav ul li a:hover {
	background-image: url(../images/btn_activity_side02_on.png);
}
.recruit .categoryNav ul li a:hover {
	background-image: url(../images/btn_about_side02_on.png);
}
.other .categoryNav ul li a:hover {
	background-image: url(../images/btn_about_side02_on.png);
}
@media screen and (max-width: 640px)  {
.categoryNav ul li a:hover {
	padding:3% 2% 3% 5%;
	background-position: 2% center;
	box-sizing:borde-box;
	}
.about .categoryNav ul li a:hover {
	background-image: url(../images/sp_btn_w_side.png);
	background-size:10px;
	background-color:#009AFF;
	}
.commodity .categoryNav ul li a:hover {
	background-image: url(../images/sp_btn_w_side.png);
	background-size:10px;
	background-color:#00B000;
	}
.shop .categoryNav ul li a:hover {
	background-image: url(../images/sp_btn_w_side.png);
	background-size:10px;
	background-color:#FFA400;
	}
.donyu .categoryNav ul li a:hover {
	background-image: url(../images/sp_btn_w_side.png);
	background-size:10px;
	background-color:#C05DF3;
	}
.activity .categoryNav ul li a:hover {
	background-image: url(../images/sp_btn_w_side.png);
	background-size:10px;
	background-color:#00C0FF;
	}
.recruit .categoryNav ul li a:hover {
	background-image: url(../images/sp_btn_w_side.png);
	background-size:10px;
	background-color:#009AFF;
	}
.other .categoryNav ul li a:hover {
	background-image: url(../images/sp_btn_w_side.png);
	background-size:10px;
	background-color:#009AFF;
	}
}


.categoryNav ul li.categoryNavActive a {
	padding:5% 6% 5% 12% ;
	color:#FFFFFF;
	display:block;
	width:82%;
	height:100%;
	vertical-align:middle;
	line-height:130%;
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration:none;
	font-weight:normal;
	}
.categoryNav ul li.categoryNavActive a {
	color:#FFFFFF;
	font-weight: bold;
	}
.about .categoryNav ul li.categoryNavActive a {
	background-image: url(../images/btn_about_side02_on.png);
	}
.commodity .categoryNav ul li.categoryNavActive a {
	background-image: url(../images/btn_commodity_side02_on.png);
	}
.shop .categoryNav ul li.categoryNavActive a {
	background-image: url(../images/btn_shop_side02_on.png);
	}
.donyu .categoryNav ul li.categoryNavActive a {
	background-image: url(../images/btn_donyu_side02_on.png);
	}
.activity .categoryNav ul li.categoryNavActive a {
	background-image: url(../images/btn_activity_side02_on.png);
	}
.recruit .categoryNav ul li.categoryNavActive a {
	background-image: url(../images/btn_about_side02_on.png);
	}
.other .categoryNav ul li.categoryNavActive a {
	background-image: url(../images/btn_about_side02_on.png);
	}

@media screen and (max-width: 640px)  {
.categoryNav ul li.categoryNavActive a {
	margin:0px 2% 0px 2%;
	width:auto;
	height:auto;
	padding:3% 2% 3% 5%;
	background-position: 2% center;
	box-sizing:borde-box;
	}
.about .categoryNav ul li.categoryNavActive a {
	background-image: url(../images/sp_btn_w_side.png);
	background-size:10px;
	background-color:#009AFF;
	}
.commodity .categoryNav ul li.categoryNavActive a {
	background-image: url(../images/sp_btn_w_side.png);
	background-size:10px;
	background-color:#00B000;
	}
.shop .categoryNav ul li.categoryNavActive a {
	background-color:#FFA400;
	}
.donyu .categoryNav ul li.categoryNavActive a {
	background-image: url(../images/sp_btn_w_side.png);
	background-size:10px;
	background-color:#C05DF3;
	}
.activity .categoryNav ul li.categoryNavActive a {
	background-image: url(../images/sp_btn_w_side.png);
	background-size:10px;
	background-color:#00C0FF;
	}
.recruit .categoryNav ul li.categoryNavActive a {
	background-image: url(../images/sp_btn_w_side.png);
	background-size:10px;
	background-color:#009AFF;
	}
.other .categoryNav ul li.categoryNavActive a {
	background-image: url(../images/sp_btn_w_side.png);
	background-size:10px;
	background-color:#009AFF;
	}
}

/*ローカルカテゴリー
------------------------------------------------------------------------*/

.categoryNav ul li.categoryNavActive .categoryNavLocal li a {
	margin: 0px 8px -1px 8px;
	padding-left: 17px;
	background-image: none;
	background-color:rgba(255,255,255,0.8);
	border-bottom: 1px solid;
	width: 164px;
	box-sizing: border-box:
}
.categoryNav ul li.categoryNavActive .categoryNavLocal li a:hover {
	opacity: 0.7;
	background-image: url(../images/sp_btn_w_side.png);
	background-size:10px;	
}
.categoryNav ul li.categoryNavActive .categoryNavLocal li:last-child a {
	border-bottom: none;
	margin-bottom: 7px;
}

/*各カテゴリー*/
/*about*/
.about .categoryNav ul li.categoryNavActive .categoryNavLocal li a {
	background-image: url(../images/sp_btn_about_side.png);
	background-position: 3px center;
	background-size:10px;
	border-color: #009AFF;
	color: #008CFF;
}
.about .categoryNav ul li.categoryNavActive .categoryNavLocal li a:hover {
	background-color:#009AFF;
	color:#ffffff;
}
.about .categoryNav ul li.categoryNavActive .categoryNavLocal li.categoryNavActive a {
	background-color:rgba(52, 155, 255,0.75);
	}
/*commodity*/
.commodity .categoryNav ul li.categoryNavActive .categoryNavLocal li a {
	background-image: url(../images/sp_btn_commodity_side.png);
	background-position: 3px center;
	background-size:10px;
	border-color: #00B000;
	color: #0EB000;
}
.commodity .categoryNav ul li.categoryNavActive .categoryNavLocal li a:hover {
	background-color:#00B000;
	color:#ffffff;
}
.commodity .categoryNav ul li.categoryNavActive .categoryNavLocal li.categoryNavActive a {
	background-color:rgba(14,176,5,0.75)
	}
/*shop*/
.shop .categoryNav ul li.categoryNavActive .categoryNavLocal li a {
	background-image: url(../images/sp_btn_shop_side.png);
	background-position: 3px center;
	background-size:10px;
	border-color: #FFA400;
	color: #FF8007;
}
.shop .categoryNav ul li.categoryNavActive .categoryNavLocal li a:hover {
	background-color:#FFA400;
	color:#ffffff;
}
/*donyu*/
.donyu .categoryNav ul li.categoryNavActive .categoryNavLocal li a {
	background-image: url(../images/sp_btn_donyu_side.png);
	background-position: 3px center;
	background-size:10px;
	border-color: #C05DF3;
	color: #A631A4;
}
.donyu .categoryNav ul li.categoryNavActive .categoryNavLocal li a:hover {
	background-color:#C05DF3;
	color:#ffffff;
}
.donyu .categoryNav ul li.categoryNavActive .categoryNavLocal li.categoryNavActive a {
	background-color:rgba(192,93,243,0.75);
	}
.donyu .categoryNav ul li.categoryNavActive .categoryNavLocal li .categoryNavLocalSub > li a {
	/*ローカルページのローカル*/
	color:#A631A4;
	border-left: 4px solid #d28cf7;
	border-right: 4px solid #d28cf7;
	border-top: 1px solid #c975f5;
	background-color:rgba(255,255,255,0.8);	
}
.donyu .categoryNav ul li.categoryNavActive .categoryNavLocal li .categoryNavLocalSub > li.categoryNavActive a {
	background-color:rgba(192,93,243,0.2);
}
.donyu .categoryNav ul li.categoryNavActive .categoryNavLocal li .categoryNavLocalSub > li a:hover {
	background-color:rgba(192,93,243,0.2);
}
.donyu .categoryNav ul li.categoryNavActive .categoryNavLocal li .categoryNavLocalSub > li:last-child a {
	border-bottom: 4px solid #d28cf7;
}
/*activity*/
.activity .categoryNav ul li.categoryNavActive .categoryNavLocal li a {
	background-image: url(../images/sp_btn_activity_side.png);
	background-position: 3px center;
	background-size:10px;
	border-color: #00C0FF;
	color: #30B7EA;
}
.activity .categoryNav ul li.categoryNavActive .categoryNavLocal li a:hover {
	background-color:#00C0FF;
	color:#ffffff;
}
.activity .categoryNav ul li.categoryNavActive .categoryNavLocal li.categoryNavActive a {
	background-color:rgba(0,192,255,0.75);
	}
/*recruit*/
.recruit .categoryNav ul li.categoryNavActive .categoryNavLocal li a {
	background-image: url(../images/sp_btn_about_side.png);
	background-position: 3px center;
	background-size:10px;
	border-color: #009AFF;
	color: #007ADA;
}
.recruit .categoryNav ul li.categoryNavActive .categoryNavLocal li a:hover {
	background-color:#009AFF;
	color:#ffffff;
}
.recruit .categoryNav ul li.categoryNavActive .categoryNavLocal li.categoryNavLocalHd a {
	background-color:rgba(52, 155, 255,0.8);
}

/*other*/
.other .categoryNav ul li.categoryNavActive .categoryNavLocal li a {
	background-image: url(../images/sp_btn_about_side.png);
	background-position: 3px center;
	background-size:10px;
	border-color: #009AFF;
	color: #007ADA;
}
.other .categoryNav ul li.categoryNavActive .categoryNavLocal li a:hover {
	background-color:#009AFF;
	color:#ffffff;
}
.other .categoryNav ul li.categoryNavActive .categoryNavLocal li.categoryNavLocalHd a {
	background-color:rgba(52, 155, 255,0.8);
}

/*ローカルメニュー アクティブ状態*/
.categoryNav ul li.categoryNavActive .categoryNavLocal li.categoryNavActive a {
	margin: -1px auto;
	background-image: url(../images/sp_btn_w_side.png);	
	color:#ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;	
	}
.categoryNav ul li.categoryNavActive .categoryNavLocal li.categoryNavActive:last-child a {
	border-bottom: none;
	margin-bottom: 0px;	
}

/*ローカルメニューのタイトル*/
.categoryNav ul li.categoryNavActive .categoryNavLocal li.categoryNavLocalHd a {
	margin: -1px auto;
	background-image: url(../images/sp_btn_w_side.png);	
	color:#ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;	
}

/*ローカルページのローカル*/
.categoryNav ul li.categoryNavActive .categoryNavLocal li .categoryNavLocalSub > li a {
	margin: -1px auto;
	color:#000000;
	width: calc(100% - 16px);
	box-sizing: border-box;
	background-image: none;	
}
.categoryNav ul li.categoryNavActive .categoryNavLocal li.categoryNavActive:last-child .categoryNavLocalSub > li a {
	margin-bottom: 0px;
}
.categoryNav ul li.categoryNavActive .categoryNavLocal li.categoryNavActive:last-child .categoryNavLocalSub > li:last-child a  {
	margin-bottom: 7px;
}

@media screen and (max-width: 640px)  {
.categoryNav ul li.categoryNavActive .categoryNavLocal li a {
	margin: 0px 2% -1px 2%;
	background-image: url(../images/sp_btn_w_side.png);
	padding-left: 4.5%;
	border-bottom: 1px solid;
	width: auto;
	}
.categoryNav ul li.categoryNavActive .categoryNavLocal li.categoryNavActive a {
	margin: -1px 2% -1px 2%;
	padding-bottom: 2.5%;
	width: auto;	
	}
.categoryNav ul li.categoryNavActive .categoryNavLocal li.categoryNavLocalHd a {
	margin: -1px 2% -1px 2%;
	padding-bottom: 2.5%;
	width: auto;	
	}
/*ローカルページのローカル*/
.categoryNav ul li.categoryNavActive .categoryNavLocal li .categoryNavLocalSub > li a {
	width: calc(100% - 4%);
	}
}

/*ローカルメニュー最下段*/
.categoryNavActive.catLocalBtm {
	margin-bottom: 7px;
	}
}


/*SideMenu（Pick up!）
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sideNav {
	margin:0px 0px 40px 0px;	
	clear:right;
	float:right;
	width:210px;
}
@media screen and (max-width: 640px)  {
.sideNav {
	margin:40px auto 15px auto;	
	clear:none;
	float:none;
	width:94%;
	}
}
.sideNav h3 {
	margin-bottom:3px;
	color:#00C4F0;
	font-family: 'Average Sans', sans-serif;
	font-size:153.9%;
	}

@media screen and (max-width: 640px)  {
.sideNav h3 {
	display:none;
	}
}
.sideNav ul {
	padding:0px;
	vertical-align:middle;
	list-style:none;
	width: 210px;
}
@media screen and (max-width: 640px)  {
.sideNav ul {
	width: auto;
	}
}

/* サイドメニュー内の会員登録＆プレゼント情報一式 
.sideEntry {
	margin:0px 0px 20px 0px;
	border-top:5px  solid #DFF1F7;
	border-bottom:5px  solid #DFF1F7;
	background:#DFF1F7;
	width:210px;
	text-align:center;
}
.sideEntry li {
	margin:0px 0px 0px 0px;

}*/

/* 会員登録エリア */
.entryBox {
	margin:0px auto 10px auto;
	padding:5px 0px 6px 0px;
	text-align:center;
	clear:both;
	width:100%;
	background-color:#DEF1F7;
	}
@media screen and (max-width: 640px)  {
.entryBox {
	margin:0px auto 10px auto;
	box-sizing:border-box;
	}
}
.entryBox ul {
	margin:0px 0px 0px 0px;
	list-style:none;
	border-bottom: none;
	}
.entryBox li {
	padding:0px 0px 0px 0px;
	}
.entryBox li.txt {
	margin:6px 0px 6px 0px;
	padding:0px 3% 0px 4%;
	font-weight:bold;
	color:#0076A5;
	font-size:90%;
	line-height:150%;
	text-align:left;
	}
@media screen and (max-width: 640px)  {
.entryBox li.txt {
	font-size:132%;
	}
}
.entryBox li img {
	width:98%;
	}
li.bnr_present img {
	margin:0px 0px 0px 0px;
	width:92%;
	}
@media screen and (max-width: 640px)  {
li.bnr_present img {
	margin:0px 0px 2% 0px;
	width:98%;
	}
}

/* その他本文に関係のないバナー類 */
.sideBnr {
	margin:0px 0px 20px 0px;	
	clear:right;
	float:right;
	width:210px;
	/*一旦非表示display: none;*/
}
@media screen and (max-width: 640px)  {
.sideBnr {
	margin:0px auto 40px auto;	
	clear:none;
	float:none;
	width:96%;
	}
}
.sideBnr .titSideBnr {
	margin-bottom:3px;
	color:#333333;
	font-family: 'Average Sans', sans-serif;
	font-size:98%;
	font-weight: bold;
	}
@media screen and (max-width: 640px)  {
.sideBnr .titSideBnr {
	margin:0px auto 6px auto;
	padding: 3px 0px;
	font-size:110%;
	text-align: center;
	box-sizing: border-box;
	background:#D8D5D5; 
	}
}


.sideBnr > ul {
	margin:0px 0px 0px 0px;
}
.sideBnr > ul > li {
	margin:0px 0px 6px 0px;
}

.sideBnr img {
	width:100%;
}

/*Footer
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
footer {
	clear:both;
	margin:0px auto 0px auto;
	padding:0px;
	}
	
#footerTop {
	margin:0px auto 0px auto;
	padding:0px 0px 12px 0px;
	background:url(../images/bg_footer01_top.png) repeat-x center top #FFD900;
	background-size:1496px;
	}
@media screen and (max-width: 640px)  {
#footerTop {
	padding:0px 0px 36px 0px;
	background:url(../images/bg_footer01_top.png) repeat-x -60px top #FFD900;
	background-size:640px;
	}
}
@media screen and (max-width: 340px)  {
#footerTop {
	padding:0px 0px 56px 0px;
	}
}
.footerTopIn {
	margin:0px auto 0px auto;
	padding:0px;
	}
	
.footerTopList {
	margin:118px auto 0px auto;
	padding:0px;
	width:100%;
	float:left;
	}
@media screen and (max-width: 640px)  {
.footerTopList {
	margin:60px 0px 0px 0px;
	}
}

.ft_oyaUl {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	width:auto;
	}
.ft_oyaLi {
	margin:0px 29px 0px 0px;
	padding:0px 0px 0px 0px;
	width:149px;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	}
@media screen and (max-width: 640px)  {
.ft_oyaLi {
	margin:0px 2% 2.5% 2%;
	width:46%;
	}
}	
.ft_oyaLi_last {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:149px;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	}
@media screen and (max-width: 640px)  {
.ft_oyaLi_last {
	margin:0px 2% 2.5% 2%;
	width:46%;
	}
}		
.ft_oyaLi h3 , .ft_oyaLi_last h3 {
	margin:0px 0px 0px 0px;
	padding:1px 0px 0px 0px;
	color:#ffffff;
	font-size:93%;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-align:center;
	}
@media screen and (max-width: 640px)  {
.ft_oyaLi h3 , .ft_oyaLi_last h3 {
	margin:0px 0px 3px 0px;
	padding:2px 0px 0px 0px;
	font-size:83%;
	height:26px;
	line-height:auto;
	}
}

.ft_oyaLi.ftAbout h3 {
	background:url("../images/txt_footer01_nav.svg") no-repeat left top;
	background-size:100%;
	}
.ft_oyaLi.ftCommodity h3 {
	background:url("../images/txt_footer02_nav.svg") no-repeat left top;
	background-size:100%;
	}
.ft_oyaLi.ftShop h3 {
	background:url("../images/txt_footer03_nav.svg") no-repeat left top;
	background-size:100%;
	}
.ft_oyaLi.ftDonyu h3 {
	background:url("../images/txt_footer04_nav.svg") no-repeat left top;
	background-size:100%;
	}
.ft_oyaLi.ftActivity h3 {
	background:url("../images/txt_footer05_nav.svg") no-repeat left top;
	background-size:100%;
	}	
.ft_oyaLi_last.ftSoftcreamland h3 {
	background:url("../images/txt_footer06_nav.svg") no-repeat left top;
	background-size:100%;
	}

.ft_oyaLi h3 a , .ft_oyaLi_last h3 a {
	color:#ffffff;
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
	}

.ft_oyaLi p , .ft_oyaLi_last p {
	margin:0px 0px 14px 0px;
	padding:0px 0px 0px 0px;
	font-size:85%;
	text-align:center;
	font-weight:bold;
	}
@media screen and (max-width: 640px)  {
.ft_oyaLi p , .ft_oyaLi_last p {
	margin:0px 0px 8px 0px;
	font-size:80%;
	display:none;
	}
}	
.ft_oyaLi.ftAbout p {
	color:#488CE7;
	}
.ft_oyaLi.ftCommodity p {
	color:#119C00;
	}
.ft_oyaLi.ftShop p {
	color:#FF8007;
	}
.ft_oyaLi.ftDonyu p {
	color:#AF7CDC;
	}
.ft_oyaLi.ftActivity p {
	color:#03B2FF;
	}	
.ft_oyaLi_last.ftSoftcreamland p {
	color:#FF6380;
	}

.ft_koUl {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	}
@media screen and (max-width: 640px)  {
.ft_koUl {
	margin:7px 0px 0px 0px;
	}
}
.ft_koUl li {
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 8px;
	background:url("../images/btn_footer01_arrow.svg") no-repeat left 5px;
	background-size:5px;
	color:#464637;
	font-size:90%;
	line-height:140%;
	letter-spacing: -0.03em;	
	}
@media screen and (max-width: 640px)  {
.ft_koUl li {
	margin:0px 0px 5px 3px;
	font-size:86%;
	line-height:130%;
	}
.ft_koUl li br {
	display:none;
	}	
}

.ft_koUl li a {
	color:#464637;
	}
.ft_koUl li a:hover {
	color:#464637;
	text-decoration:underline;
	}


/*フッタサブメニュー*/
.ftSubNavBox {
	margin:12px 28px 0px 178px;
	float:left;
	width:506px;
	}
@media screen and (max-width: 640px)  {
.ftSubNavBox {
	margin:0px auto 0px auto;
	float:none;
	width:94%;
	}
}	
.ftSubNavList {
	padding:0px;
	list-style:none;
	width:auto;
	}
.ftSubNavList li {
	margin:0px 28px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	}
@media screen and (max-width: 640px)  {
.ftSubNavList li {
	margin:0px 4% 0px 0px;
	font-size:84%;
	}
}	
.ftSubNavList li h3 {
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 8px;
	background:url("../images/btn_footer02_arrow.svg") no-repeat left 6px;
	background-size:4px;
	color:#80501B;
	font-size:104%;
	font-weight:bold;
	}
.ftSubNavList li h3 a {
	color:#80501B;
	text-decoration:none;
	}
	
	
	
/*フッタSNSメニュー*/
.ftSnsBox {
	margin:12px 0px 0px 0px;
	float:right;
	width:328px;/* 2つの場合width:280px;*/
	height:36px;
	}
@media screen and (max-width: 640px)  {
.ftSnsBox {
	margin:20px 0px 0px 0px;
	width:100%;	
	height:auto;
	}
}
.ftSnsBox h3 {
	margin:0px 0px 12px 28px;
	padding:0px 12px 0px 0px;
	background:url("../images/btn_footer02_arrow.svg") no-repeat right 4px;
	background-size:6px;
	color:#80501B;
	font-size:104%;
	font-weight:bold;
	display:inline;
	float:left;	
	}
@media screen and (max-width: 640px)  {
.ftSnsBox h3 {
	margin:0px;
	padding:0px;
	display:none;
	}
}	
.ftSnsList {
	margin:-12px 0px 0px 0px;
	padding:0px;
	list-style:none;
	width:auto;
	float:right;
	}
@media screen and (max-width: 640px)  {
.ftSnsList {
	margin:0px 3% 0px 0px;
	}
}
@media screen and (max-width: 340px)  {
.ftSnsList {
	width:48%;
	}
}

.ftSnsList li {
	margin:0px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	display:inline;
	float:left;
	width:43px;
	}
@media screen and (max-width: 640px)  {
.ftSnsList li {
	width:50px;
	}
}	
@media screen and (max-width: 340px)  {
.ftSnsList li {
	margin:0px 0px 0px 3%;
	width:30%;
	}
}
.ftSnsList li img {
	width:100%;
	}
	
#footerBottom {
	margin:0px auto 0px auto;
	padding:44px 0px 20px 0px;
	background:url("../images/bg_footer02_btm.svg") repeat-x left top #E98D00;
	background-size:42px;
	}

#
.footerBottomIn {
	margin:0px auto 0px auto;
	}
	
.footerBottomIn.container {
	position:relative;
	top:0px;
	left:0px;
	}	

	
.footerCharactor {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:156px;
	position:absolute;
	top:-160px;
	left:0px;
	}
	@media screen and (max-width: 640px)  {
.footerCharactor {
	width:130px;
	position:absolute;
	top:-136px;
	left:2%;
	}	
}
.footerCharactor img {
	width:100%;
	}

#ft_nisseiLogo {
	margin:0px 0px 8px 0px;
	font-size:93%;
	color:#FFF;
	vertical-align:middle;
	float:left;
}
@media screen and (max-width: 640px)  {
	#ft_nisseiLogo {
	width:94%;
	height:auto;
	margin:auto;
	float:none;
	}
	#ft_nisseiLogo a {
		display:block;
	}
}
#ft_nisseiLogo img {
	margin-right:16px;
	vertical-align:middle;
	width:119px;
	}
@media screen and (max-width: 640px)  {
	#ft_nisseiLogo img {
		margin:0 0 2% 0;
		width:149px;
	}
}
#ft_Home a {
	font-size:100%;
	color:#FFF;
	text-decoration:none;
	float:right;
}
#ft_Home img {
	margin-right:5px;
	vertical-align:middle;
}
#copyright {
	margin-top:5px;
	font-size:85%;
	color:#FFF;
	vertical-align:middle;
	clear:both;
	float:left;
	}
@media screen and (max-width: 640px)  {
	#copyright {
		margin:2% auto 0px auto;
		font-size:96%;
		float:none;
		width:94%;
	}
}
	
ul.ft_Btm_list {
	float:right;
	margin:5px 0px 0px 0px ;
	padding:0px 0px 0px 0px;
	text-align: left;
	font-size:86%;
	line-height:120%;
	color:#FFF;
	float:right;
}
.ft_Btm_list li {
	margin:0px 18px 0px 0px;
	padding:0px 0px 0px 7px;
	background:url("../images/btn_footer03_arrow.svg") no-repeat left 3px;
	background-size:4px;
	list-style:none;
	display:inline;
	*display: inline;
	*zoom: 1;
	vertical-align:middle;
}
@media screen and (max-width: 640px)  {
	ul.ft_Btm_list {
		float:none;
		margin:2% auto 0px auto;
		float:none;
		width:94%;
	}
	.ft_Btm_list li {
	margin:0px 0px 1.5% 0px;
	display:block;	
	}
}

.ft_Btm_list li:last-child {
	border-right:none;
	}
.ft_Btm_list li a, .ft_Btm_list li a:link, .ft_Btm_list li a:visited {
	color:#FFF;
	}


/* ページトップへ戻る */
#page-top {
	margin:0px auto 36px auto;
	position: fixed;
	bottom: 40px;
	right: 20px;
	z-index:99;
	width:114px;
	height:80px;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1.0;
}
@media screen and (max-width: 640px)  {
#page-top {
	position: fixed;
	bottom: 26px;
	right: 0px;
	}
}
#page-top a {
	text-align: center;
	padding-top:20px;
	width:100%;
	height:100%;
	display: block;
	color:#FFFFFF;
	font-size:196%;
	line-height:100%;
	letter-spacing:0.07em;
	transform: scale(0.7, 1);	
	font-family: 'Average Sans', sans-serif;
	text-decoration: none;
	background-color:#00C5F2;
	background:url(../images/btn_pagetop.png) no-repeat center top;
	background-size:114px 80px;
	font-weight:bold;
}





/* 非表示・改行処理 */
.sp {
	display:none;
	}

@media screen and (max-width: 640px)  {
.sp {
	display:block;
	}
.pc {
	display:none;
	}

/* 画像　範囲いっぱい */
.imgMax {
	width:100%;
	}
.imgMax img {
	width:100%;
	}
}

/*整理予定・整理後削除 （第一次レスポンシブ）
------------------------------------------------------------------------------*/
.pcBr {
	display:block;
	}
@media screen and (max-width: 640px)  {
.spBr {
	display:block;
	}
.pcBr {
	display:inline;
	}

}
.spDisplay {/* spに統一する・整理後削除 */
	display:none;
	}

@media screen and (max-width: 640px)  {
.spDisplay {/* spに統一する・整理後削除 */
	display:block;
	}
.pcDisplay {/* pcに統一する・整理後削除 */
	display:none;
	}

/* カテゴリータイトル */
#sp_categoryTitle {
	width:100%;
	height:auto;
	background: url(../images/s_bg_categorytitle01.png) repeat-x left top;
	margin:0px 0px 20px 0px;
	}
#sp_categoryTitle h1 , #sp_categoryTitle p {
	margin:0px;
	padding:10px;
	font-size:150%;
	line-height:140%;
	font-weight:normal;
	*font-weight:bold;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #00C3EA;
	}

/* ページのメイン記事 */
.sp_pageTitleImg_oth {
	position: relative;
	margin-bottom: 10px;
	}
.sp_pageTitleImg_oth img {
	width:100%;
	}
.sp_pageTitleImg_oth span {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-family: 'Average Sans', sans-serif;
	line-height:100%;
	letter-spacing: 0.1em;
	color:#FFF;
	position: absolute;
	bottom: 8%;
	left: 15%;
	}
}