@charset "utf-8";
/*-------------------------
	共通設定
-------------------------*/
/*font
本文
font-family: "FOT-UD角ゴ_スモール Pr6 L";
h1
font-family: "FP-ヒラギノ角ゴ StdN W1";
h2
font-family: "FP-ヒラギノ角ゴ StdN W1";
h3
font-family: "FOT-UD角ゴ_スモール Pr6 M";
*/

html{
	position:relative;
	width:100%;
	height:100%;
	margin-bottom:1px;
	overflow-y:scroll;
}
body{
	position:relative;
	width:100%;
	min-width:1200px;
	max-width:100%;
	background-color:#fff;
	font-size:11px;
	line-height:16px;
	text-align:center;
	-webkit-text-size-adjust: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*
	font-family: "FOT-UD角ゴ_スモール Pr6 L", !important;
	font-family: "FOT-マティスえれがんと Pro UB"!important;
	color:#3CC!important;
*/
}

form{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p{
	
/*
	font-family: "FOT-UD角ゴ_スモール Pr6 L"!important;
	font-family: "FOT-マティスえれがんと Pro UB"!important;
	color:#FF0!important;
*/
}

div{
	
/*
	font-family: "FOT-UD角ゴ_スモール Pr6 L"!important;
	font-family: "FOT-マティスえれがんと Pro UB"!important;
	color:#93F!important;
*/
}

h1 {
	font-size:36px;
/*
	font-family: "FP-ヒラギノ角ゴ StdN W1"!important;
	font-family: "FOT-マティスえれがんと Pro UB"!important;
	color:#F00!important;
*/
/*赤*/
}
h2 {
	font-size:28px;

/*
	font-family: "FP-ヒラギノ角ゴ StdN W1"!important;
	font-family: "FOT-マティスえれがんと Pro UB"!important;
	color:#39F!important;
*/
/*青*/
}

h3{
	font-size:18px;

/*
	font-family: "FOT-UD角ゴ_スモール Pr6 M"!important;
	font-family: "FOT-マティスえれがんと Pro UB"!important;
	color:#0F0!important;
*/
/*緑*/
}

.cat-technology h4,
.cat-technology h5,
.cat-technology h6
{
	/*
	font-family: "FOT-UD角ゴ_スモール Pr6 M"!important;
	*/
}


img{
	vertical-align:top;
}

/*link color*/
a{ outline:none; }
a{ color:#2a8ed7; text-decoration:none;}
a:hover{ color:#72c2fd; text-decoration:underline; }
a:visit{ color:#F90; }

a.bg_bright{ display:inline-block; }
a.bg_bright:hover{ }

.sp{ display:none; }

#btn_top_pc{ display:none;}
/*-------------------------
	div caption
-------------------------*/
div.caption{
	font-size:11px;
	padding-left:30px;
	}



@media (max-width:480px){
	body{ min-width:100%;}

	.sp{ display:inherit; }
	.pc{ display:none; }
	*{ box-sizing:border-box; }
}
.gmark_b{
	background:url(/kodate/syouhin/common/image/gmark_b.png) no-repeat right top;
	padding-top:28px;
	}
.gmark_w{
	background:url(/kodate/syouhin/common/image/gmark_w.png) no-repeat right top;
	padding-top:28px;
	}
/*-------------------------
	#head_area
-------------------------*/
#head_area{
	position:absolute;
	top:0;
	width:100%;
	height:45px;
	z-index:100;
	}
	#head_area_inner{
		position:relative;
		width:1180px;
		height:45px;
		margin:0;
		margin:0 auto;
		padding:0 10px;
	}
	#head_area_inner_wide{
		position:relative;
		width:1200px;
		height:45px;
		margin:0;
		margin:0 auto;
		padding:0;
	}
#head_area h1{
	float:left;
	padding:8px 0 0 0;
	margin:0;
	}

	/*190523 h1変更*/
	#head_area p.logo{
		position:absolute;
		padding:8px 0 0 0;
		margin:0;
		}

#common_link{
	float:right;
	padding-top:11px;
}
#common_link ul, #common_link li{
	float:left;
}
#common_link .lnk_opt li{
	margin-left:5px;
	margin-top:5px;
}
#common_link .lnk_sns{
	margin-left:10px;
}
#common_link .lnk_sns li{
	margin-left:9px;
}
#common_link .lnk_sns li img{
	width:26px;
	height:26px;
	display:block !important;
	}

.lnk_opt li a.hbtn_eh,
.lnk_opt li a.hbtn_ct,
.lnk_opt li a.hbtn_so,
.lnk_opt li a.hbtn_cl{
	display:block;
	width:110px;
	height:26px;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:transparent;
}
.lnk_opt li a.hbtn_eh{ background-image:url(../image/hbtn_eh.png); }
.lnk_opt li a.hbtn_ct{ background-image:url(../image/hbtn_ct.png); }
.lnk_opt li a.hbtn_so{ background-image:url(../image/hbtn_so.png); }
.lnk_opt li a.hbtn_cl{ background-image:url(../image/hbtn_cl.png); }

.lnk_opt li a.hbtn_eh:hover{ background-image:url(../image/hbtn_eh_ov.png); }
.lnk_opt li a.hbtn_ct:hover{ background-image:url(../image/hbtn_ct_ov.png); }
.lnk_opt li a.hbtn_so:hover{ background-image:url(../image/hbtn_so_ov.png); }
.lnk_opt li a.hbtn_cl:hover{ background-image:url(../image/hbtn_cl_ov.png); }

#common_link .lnk_opt li a.hbtn_tx{
	display:block;
	width:110px;
	color:#ededed !important;
	text-indent:inherit;
	background-image:none;
	}


/*白ロゴ*/
#head_area .logo a img.bk{ display:none;}
#head_area .logo a img.logow{ display:block;}
/*黒ロゴ*/
.logobk #head_area .logo a img.bk{ display:block;}
.logobk #head_area .logo a img.logow{ display:none;}

.logobk #common_link .lnk_opt li a.hbtn_tx{ color:#000 !important;}

@media (max-width:480px){
	#head_area{ height:40px; }
		#head_area_inner{
			width:100%;
			height:40px;
			padding:0;
		}
	#head_area h1{
		padding:8px 0 0 0;
		margin:0 0 0 8px;
	}
	#head_area h1 img{
		width:auto;
		height:24px;
	}
	/*白ロゴ*/
	#head_area .logo a img.bk{ display:block;}
	#head_area .logo a img.logow{ display:none;}
	/*黒ロゴ*/
	.logobk #head_area .logo a img.bk{ display:block;}
	.logobk #head_area .logo a img.logow{ display:none;}

		/*190523 h1タグ変更*/
		#head_area p.logo{
			padding:8px 0 0 0;
			margin:0 0 0 8px;
			}
		#head_area p.logo img{
			width:auto;
			height:24px;
			}

	#common_link{
		margin-right:48px;
		padding-top:8px;
		padding-right:6px;
	}
	#common_link ul, #common_link li{
		float:left;
	}
	#common_link .lnk_sns{
		margin-left:5px;
	}
	#common_link .lnk_sns li{
		margin-left:5px;
	}
	#common_link .lnk_sns li img{
		width:24px;
		height:24px;
	}

	#common_link .lnk_opt{
		display:none;
	}
}

/*----------------------------------------
	#global_navi_wide, #kodate_navi_wide,
	#global_navi, 	   #kodate_navi
----------------------------------------*/
/* WIDE 1200pxナビ設定 200301*/
/*1段目*/
#global_navi_wide{
	position:absolute;
	top:47px;
	width:100%;
	height:32px;
	background:url(../image/bg_w60.png) repeat 0 0 transparent;
	z-index:10;
}
#global_navi_wide ul{
	width:1200px;
	margin:0 auto;
}
#global_navi_wide ul li{
	float:left;
}
#global_navi_wide ul li a{
	display:block;
	width:171px;
	height:32px;
	background-image:url(../image/navi_global_wide.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:transparent;
	text-indent:-9999px;
}
#global_navi_wide ul li a#gnavi01{ background-position:    0px   0px; }
#global_navi_wide ul li a#gnavi02{ background-position: -171px   0px; }
#global_navi_wide ul li a#gnavi03{ background-position: -342px   0px; }
#global_navi_wide ul li a#gnavi04{ background-position: -513px   0px; }
#global_navi_wide ul li a#gnavi05{ background-position: -684px   0px; }
#global_navi_wide ul li a#gnavi06{ background-position: -855px   0px; }
#global_navi_wide ul li a#gnavi07{ background-position: -1026px   0px; width:174px; }

/*2段め　ナビ8項目*/
#kodate_navi_wide{
	position:absolute;
	top:69px;
	width:100%;
	height:35px;
	background:#f2f2f2;
	z-index:10;
	}
#kodate_navi_wide ul{
	width:1200px;
	margin:0 auto;
	}
#kodate_navi_wide ul li{
	float:left;
	}
#kodate_navi_wide ul li a{
	display:block;
	width:150px;
	height:35px;
	background-image:url(../image/navi_kodate_v2_wide.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:transparent;
	text-indent:-9999px;
	}
#kodate_navi_wide ul li a#kodate01{ background-position:    0px   0px; }
#kodate_navi_wide ul li a#kodate02{ background-position: -150px   0px; }
#kodate_navi_wide ul li a#kodate03{ background-position: -300px   0px; }
#kodate_navi_wide ul li a#kodate04{ background-position: -450px   0px; }
#kodate_navi_wide ul li a#kodate05{ background-position: -600px   0px; }
#kodate_navi_wide ul li a#kodate06{ background-position: -750px   0px; }
#kodate_navi_wide ul li a#kodate07{ background-position: -900px   0px; }
#kodate_navi_wide ul li a#kodate08{ background-position: -1050px   0px; width:150px; }

#kodate_navi_wide ul li a:hover#kodate01{ background-position:    0px -35px; }
#kodate_navi_wide ul li a:hover#kodate02{ background-position: -150px -35px; }
#kodate_navi_wide ul li a:hover#kodate03{ background-position: -300px -35px; }
#kodate_navi_wide ul li a:hover#kodate04{ background-position: -450px -35px; }
#kodate_navi_wide ul li a:hover#kodate05{ background-position: -600px -35px; }
#kodate_navi_wide ul li a:hover#kodate06{ background-position: -750px -35px; }
#kodate_navi_wide ul li a:hover#kodate07{ background-position: -900px -35px; }
#kodate_navi_wide ul li a:hover#kodate08{ background-position: -1050px -35px; }

body.cat-kodawari   #kodate_navi_wide ul li a#kodate01{ background-position:    0px -35px; }
body.cat-syouhin    #kodate_navi_wide ul li a#kodate02{ background-position: -150px -35px; }
body.cat-gaikan     #kodate_navi_wide ul li a#kodate03{ background-position: -300px -35px; }
body.cat-ziturei    #kodate_navi_wide ul li a#kodate04{ background-position: -450px -35px; }
body.cat-designers	#kodate_navi_wide ul li a#kodate05{ background-position: -600px -35px; }
body.cat-technology #kodate_navi_wide ul li a#kodate06{ background-position: -750px -35px; }
body.cat-support    #kodate_navi_wide ul li a#kodate07{ background-position: -900px -35px; }
body.cat-guide      #kodate_navi_wide ul li a#kodate08{ background-position: -1050px -35px; }


				/*=======================
					1200px版(960pxを拡張)
				=======================*/
				/*1段目*/
				#global_navi{
					position:absolute;
					top:47px;
					width:100%;
					height:32px;
					background:url(../image/bg_w60.png) repeat 0 0 transparent;
					z-index:10;
				}
				#global_navi ul{
					width:1200px;
					margin:0 auto;
				}
				#global_navi ul li{
					float:left;
				}
				#global_navi ul li a{
					display:block;
					width:171px;
					height:32px;
					background-image:url(../image/navi_global_wide.png);
					background-repeat:no-repeat;
					background-position:0 0;
					background-color:transparent;
					text-indent:-9999px;
				}
				#global_navi ul li a#gnavi01{ background-position:    0px   0px; }
				#global_navi ul li a#gnavi02{ background-position: -171px   0px; }
				#global_navi ul li a#gnavi03{ background-position: -342px   0px; }
				#global_navi ul li a#gnavi04{ background-position: -513px   0px; }
				#global_navi ul li a#gnavi05{ background-position: -684px   0px; }
				#global_navi ul li a#gnavi06{ background-position: -855px   0px; }
				#global_navi ul li a#gnavi07{ background-position: -1026px   0px; width:174px; }

				/*2段目　ナビ8項目200301*/
				#kodate_navi{
					position:absolute;
					top:69px;
					width:100%;
					height:35px;
					background:#f7f8fa;
					z-index:10;
					}
				#kodate_navi ul{
					width:1200px;
					margin:0 auto;
					}
				#kodate_navi ul li{
					float:left;
					}
				#kodate_navi ul li a{
					display:block;
					width:150px !important;
					height:35px;
					background-image:url(../image/navi_kodate_v2_wide.png);
					background-repeat:no-repeat;
					background-position:0 0;
					background-color:transparent;
					text-indent:-9999px;
					}
				#kodate_navi ul li a#kodate01{ background-position:    0px   0px; }
				#kodate_navi ul li a#kodate02{ background-position: -150px   0px; }
				#kodate_navi ul li a#kodate03{ background-position: -300px   0px; }
				#kodate_navi ul li a#kodate04{ background-position: -450px   0px; }
				#kodate_navi ul li a#kodate05{ background-position: -600px   0px; }
				#kodate_navi ul li a#kodate06{ background-position: -750px   0px; }
				#kodate_navi ul li a#kodate07{ background-position: -900px   0px; }
				#kodate_navi ul li a#kodate08{ background-position: -1050px   0px; width:150px; }
				
				#kodate_navi ul li a:hover#kodate01{ background-position:    0px -35px; }
				#kodate_navi ul li a:hover#kodate02{ background-position: -150px -35px; }
				#kodate_navi ul li a:hover#kodate03{ background-position: -300px -35px; }
				#kodate_navi ul li a:hover#kodate04{ background-position: -450px -35px; }
				#kodate_navi ul li a:hover#kodate05{ background-position: -600px -35px; }
				#kodate_navi ul li a:hover#kodate06{ background-position: -750px -35px; }
				#kodate_navi ul li a:hover#kodate07{ background-position: -900px -35px; }
				#kodate_navi ul li a:hover#kodate08{ background-position: -1050px -35px; }
				
				body.cat-kodawari   #kodate_navi ul li a#kodate01{ background-position:    0px -35px; }
				body.cat-syouhin    #kodate_navi ul li a#kodate02{ background-position: -150px -35px; }
				body.cat-gaikan     #kodate_navi ul li a#kodate03{ background-position: -300px -35px; }
				body.cat-ziturei    #kodate_navi ul li a#kodate04{ background-position: -450px -35px; }
				body.cat-designers	#kodate_navi ul li a#kodate05{ background-position: -600px -35px; }
				body.cat-technology #kodate_navi ul li a#kodate06{ background-position: -750px -35px; }
				body.cat-support    #kodate_navi ul li a#kodate07{ background-position: -900px -35px; }
				body.cat-guide      #kodate_navi ul li a#kodate08{ background-position: -1050px -35px; }


#spmenu{display:none;}

@media (max-width:480px){
	#global_navi_wide,
	#global_navi,
	#kodate_navi_wide,
	#kodate_navi,
	.local_navi{
		display:none;
		}
	#spmenu{
		position:absolute;
		left:100%;
		top:0;
		display:block !important;
		width:85%;
		height:100%;
		min-height:100%;
		background: url(../image/spnavi_bg.png) repeat 0 0 #000;
		background-size:24px 24px;
		color:#fff;
		font-size:14px;
		text-align:left;
		z-index:1500;
	}
	#spmenu a{
		color:#fff;
		line-height:35px;
	}
	#spmenu .togglebtn{
		position:absolute;
		left:-40px;
		top:9px;
		width:30px;
		height:24px;
		background:url(../image/spnavi_icon.png) no-repeat 0 0;
		background-size:30px auto;
		cursor:pointer;
		z-index:1501;
		text-indent:-9999px;
	}
	#spmenu.menuopen .togglebtn{
		background-position:0 -24px;
	}

	.spslidemenu_close{
		float:left;
		width:15%;
		min-height:100%;
	}
	.spslidemenu_inner{
		float:left;
		width:85%;
		min-height:100%;
		background:#000;
	}

	#spmenu h2{
		display:none;
	}
	#spmenu h3{
		padding:10px;
		font-weight:bold;
	}
	#spmenu h3 span{
		display:inline-block;
		width:100%;
		padding:0 0 0 5px;
		border-left:4px solid #fff;
		font-size:14px;
	}

	#spmenu #sp_lnav{}
	#spmenu #sp_lnav ul{}
	#spmenu #sp_lnav li{
		border-top:1px solid #797979;
		text-align:left;
	}
	#spmenu #sp_lnav a{
		display:inline-block;
		width:100%;
		padding:0 10px 0 20px;
		background:url(../image/spnav_arrow_w.png) no-repeat right center;
		background-size:35px 35px;
	}
	#spmenu #sp_lnav a img{
		display:inline-block;
		height:40px;
		width:auto !important;
		vertical-align:-0.2em;
	}

	#spmenu #sp_knav{
		background-color:#222;
		border-top:1px solid #797979;
		color:#fff;
	}
	#spmenu #sp_knav h3{
		background:url(../image/spnav_oc_w.png) no-repeat right 0;
		background-size:35px auto;
		cursor:pointer;
}
	#spmenu #sp_knav h3.active{
		background:url(../image/spnav_oc_w.png) no-repeat right -35px;
		background-size:35px auto;
	}
	#spmenu #sp_knav h3 span{
		border-color:#fff;
	}
	#spmenu #sp_knav ul{
		/* display:none; */
	}
	#spmenu #sp_knav li{
		border-top:1px solid #797979;
	}
	#spmenu #sp_knav a{
		display:inline-block;
		width:100%;
		padding:0 10px 0 20px;
		background:url(../image/spnav_arrow_w.png) no-repeat right center;
		background-size:35px auto;
	}
	body.cat-kodawari   #spmenu #sp_knav a#kodate01,
	body.cat-syouhin    #spmenu #sp_knav a#kodate02,
	body.cat-gaikan     #spmenu #sp_knav a#kodate03,
	body.cat-ziturei    #spmenu #sp_knav a#kodate04,
	body.cat-technology #spmenu #sp_knav a#kodate05,
	body.cat-support    #spmenu #sp_knav a#kodate06,
	body.cat-guide      #spmenu #sp_knav a#kodate07{ color:#0096ff; background-color:#333; }

	#spmenu #sp_gnav{
		background-color:#222;
		border-top:1px solid #797979;
		color:#fff;
	}
	#spmenu #sp_gnav h3{
		background:url(../image/spnav_oc_w.png) no-repeat right 0;
		background-size:35px auto;
		cursor:pointer;
	}
	#spmenu #sp_gnav h3.active{
		background:url(../image/spnav_oc_w.png) no-repeat right -35px;
		background-size:35px auto;
	}
	#spmenu #sp_gnav h3 span{
		border-color:#fff;
	}
	#spmenu #sp_gnav ul{
		display:none;
	}
	#spmenu #sp_gnav li{
		border-top:1px solid #797979;
	}
	#spmenu #sp_gnav a{
		display:inline-block;
		width:100%;
		padding:0 10px 0 20px;
		background:url(../image/spnav_arrow_w.png) no-repeat right center;
		background-size:35px 35px;
		color:#fff;
	}

}

/*-------------------------
	#foot_info
-------------------------*/
#foot_info{
	width:100%;
	height:74px;
	background: #fff;
  border-top: 1px solid #ececec;
}
	#foot_info ul{
		width:1200px;
		height:74px;
		margin:0 auto;
		overflow:hidden;
	}
	#foot_info ul li#foot_info01{
		float:left;
	}
	#foot_info ul li img{ display:block;}
	#foot_info ul li#foot_info02{
		float:right;
    	padding-right: 20px;
	}

@media (max-width:480px){
	#foot_info{
		display:none;
	}
}

/*-------------------------
	#footer_area
-------------------------*/
#footer_area{
	position:relative;
	width:100%;
	margin:0;
	padding:10px 0;
	background-color:#fff;
	color:#000;
	font-size:10px;
	line-height:1.8;
	z-index:999;
}
/*	#footer_area .pagetop{
		display:none;
	}*/
	#footer_area #footer_menu{
		width:1170px;
		margin:0 auto;
		text-align:left;
	}
	#footer_area #footer_menu ul li{
		display:inline-block;
	}
	#footer_area #footer_menu ul li a{
		color:#000;
	}
	#footer_area #footer_menu ul li a:hover{
		text-decoration:underline;
	}
#footer_menu1{ float:left; }
#footer_menu1 li{ margin-right:15px; }
#footer_menu2{ float:right; }
#footer_menu2 li{ margin-left:15px; }
#footer_area #footer_copyright{
	clear:both;
	width:1170px;
	margin:0 auto;
	padding:0 0 15px;
	color:#000;
	text-align:right;
	line-height:normal;
	font-size:9px;
}
#footer_menu:after,#foot_info:after{
    content: "";
    clear: both;
    display: block;
}
.clearfix{
    content: "";
    clear: both;
    display: block;
}
#footTelArea, #footer_area #lnk_opt_sp{
	display:none;
}
#footer_area #btn_top{
	position:absolute;
	bottom:40px;
	width:100%;
	z-index:300;
}
#footer_area #btn_top a{
	position:fixed;
	bottom:40px;
	left:58%;
	width:42px;
	height:42px;
	margin-left:458px;
	display:none;
}
#footer_area #btn_top a img{
	width:42px;
	height:42px;
}
@media (max-width:480px){
	#footer_area{
		padding:0;
		background-color:#eee;
	}
	#footer_area #btn_top{
		position:static;
		display:block;
		width:100%;
		height:48px;
		padding:10px 0;
		background-color:#eee;
	}
	#footer_area #btn_top a{
		position:fixed;
		bottom:40px;
		right:0;
		left:inherit;
		float:right;
		display:none;
		margin-right:15px;
	}
	#footer_area #btn_top a img{
		width:28px;
		height:28px;
	}
	#footer_area #footer_menu{
		width:100%;
	}
	#footer_area #footer_copyright{
		width:100%;
	}
	#footer_menu{
		display:none;
	}
	#footer_area #lnk_opt_sp{
		display:block;
		height:46px;
	}
	#footer_area #lnk_opt_sp ul{
		position:fixed;
		left:0;
		bottom:0;
		width:100%;
		height:46px;
		padding:10px 0;
		background: url(../image/spnavi_bg.png) repeat 0 0 #000;
		background-size:24px 24px;
		text-align:center;
		z-index:100;
	}
	#footer_area #lnk_opt_sp li{
		display:inline-block;
		margin:0 3px;
	}
	#footer_area #lnk_opt_sp a.hbtn_eh,
	#footer_area #lnk_opt_sp a.hbtn_ct,
	#footer_area #lnk_opt_sp a.hbtn_so,
	#footer_area #lnk_opt_sp a.hbtn_cl{
		display:block;
		width:95px;
		height:26px;
		text-indent:-9999px;
		background-position:0 0;
		background-repeat:no-repeat;
		background-color:transparent;
		background-size:auto 26px;
	}
	#footer_area #lnk_opt_sp a.hbtn_eh{ background-image:url(../image/hbtn_eh_sp.png); }
	#footer_area #lnk_opt_sp a.hbtn_ct{ background-image:url(../image/hbtn_ct_sp.png); }
	#footer_area #lnk_opt_sp a.hbtn_so{ background-image:url(../image/hbtn_so_sp.png); }
	#footer_area #lnk_opt_sp a.hbtn_cl{ background-image:url(../image/hbtn_cl_sp.png); }

	#footer_area #footer_copyright{
		padding:15px 0;
		text-align:center;
	}
}

#code_area{
	position:absolute;
	bottom:0;
	height:1px;
	overflow:hidden;
}

/*-------------------------
	BASE LAYOUT
-------------------------*/
#wrap{
	min-width:1200px;
	background-color:#ccc;
}

	/*1200px版パンくず*/
	#wide #breadcrumb{ margin-left:-600px;}

#breadcrumb{
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-600px;
	font-size:11px;
	z-index:10;
	color:#000;
}
#breadcrumb a{
	color:#000;
}
h1#page_title{
	position:absolute;
	top:160px;
	left:50%;
	margin-left:-480px;

	z-index:10;
}

@media (max-width:480px){
	#wrap{
		position:relative;
		min-width:100%;
		max-width:100%;
		overflow:hidden;
	}

	#breadcrumb{
		position:absolute;
		left:0;
		top:10px;
		width:100%;
		margin:0 auto;
		padding:0 6px;
		line-height:1.4;
		text-align:left;
	}

	h1#page_title{
		position:absolute;
		top:70px;
		left:10px;
		margin:0;
		font-size:20px;
		z-index:10;
	}

}
/*-------------------------
	MAIN コンテンツエリア
-------------------------*/
main{
	width:100%;
	margin:auto;
	display:inline-block;
	}
main .wrap{
	padding: 10px;
    width: 1200px;
    margin: auto;
    padding-top: 110px;
	}

/* パンくず */
#bread ul{ display:flex; justify-content:flex-start; margin:0;}
#bread li a{ margin-right: 5px; color:#000;}
#bread li:nth-last-child(n+2):after{ content:">"; margin-right:5px;}
@media (max-width:480px){
	main .wrap{
		width:100%;
		margin:auto;
		padding-top:40px;
		}
	}



/*-------------------------
	PRE MENU
-------------------------*/
.premenu{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.premenu ul{
	padding-bottom:5px;
	border-bottom:1px solid #666;
}
.premenu ul li{
	margin:5px 0 0 0;
	padding:5px 5px 0 5px;
	border-top:1px solid #666;
}
.premenu ul ul{
	padding-bottom:0;
	border-bottom:none;
}
.premenu ul ul li{
	padding-left:25px;
	border-top:1px dotted #666;
}

.clip_on{
	background-color:#D1C347 !important;
}
/*----------------------------------------------------------*/
.item_list .item .qrip a span{
	width:100%;
}
.clip_close {
	text-align:right;
}
@media (max-width: 480px){
	#spmenu_bg.menuopen{
		position: absolute;
	    top: 0;
	    display: block;
	    width: 100%;
	    height: 100%;
	    min-height: 100%;
	    color: #fff;
	    font-size: 14px;
	    text-align: left;
	    z-index: 100;
	}
}