html,body{
	min-width:980px;/*sp 背景きれるの予防*/
	max-width: 100%;
    width: 100%;
    background:url("../img/bg.jpg") repeat top center;
	font-size:12px;	
}

#wrap{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
     margin: 0px auto;
}

.br-sp{
	display:none;
}

/* head */
h1{
	background:#FF0099;
	color:#FFF;
	padding: 2px;
	font-size:18px;
	letter-spacing: 1.2px; 
}

#header #head-logo{clear:both;width:980px;margin:10px auto;}
#header .catch{float:left;margin-top:20px;}
#header .pc-logo{max-width:280px;float:left;padding:0 10px;}
#header p{color:#1b1464;line-height:180%;margin-bottom:10px;}

.hamburger-menu{display:none;}

#navi-bg{
    margin: 0px auto;
    width: 100%;
    border-bottom:2px solid #FF0099;
    border-top:2px solid #FF0099;
    font-size:18px;
	}
#navi{
    max-width: 980px;
    margin: 0px auto;
    width: 100%;
	}
#navi ul li{display:inline-block;text-align:center;}
#navi ul li:before,#navi ul li:last-child:after{content:"|";color: #FF0099;}
#navi ul li a{
	font-weight:bold;
	color:#FF0099;
	padding:10px  25.4px;
	font-size:16px;
	display:inline-block;
}
#navi ul li a:hover{color:#1b1464;}



/* 全体 */

#contents,.contents{
	max-width: 980px;
	width: 100%;
	margin:0px auto;
}


h4.top-title{	
	font-size:28px;
	font-weight:bold;
	color:#FF0099;
	margin:4vh auto 10px;
	position: relative;
	}


h4.top-title::before {
  content:"";
  border-left:10px solid #FF0099;
  margin-right:10px;
}



/*フッター*/

#footer img{display:inline;}


#footer{
    height:300px;
    min-width:980px;/*sp 背景きれるの予防*/
	max-width: 100%;
    width: 100%;
    margin:10px auto 0;
    text-align:center;
}

.bottom-contact{
	width:100%;
	margin:30px 0 0;
	padding:10px 0;
	background:#ff0099;
	font-size:30px;
	font-weight:bold; 
	text-align:center;
	color:#fff;
	}

.bottom-contact a{color:#FFFF00;}

/* 下部メニュー*/

#menu {
	background:#ff0099;
	margin-top:20px;
	font-size:16px;
	
}

#menu ul{
    list-style:none;
    padding:0 15px;
   margin:10px auto;
	width:980px;
}

#menu ul li{
    float:left; 
       margin: 20px 0.86%;
}

#menu ul li a,#menu ul li{
	color:#FFF;

}

#gmap{margin:0 auto -48px;}

/*SNS*/
#sns h3{font-weight:bold;font-size:32px;float:left;width:55%;}
#sns h3 small{font-weight:normal;font-size:16px;}
#sns ul li{padding:0 15px;display:inline-block;}
#sns ul li:last-child{padding-right:0;}


/* 商品メニュー*/
#item-menu{
	margin:3vh 0 0;
}

#item-menu ul li {
    display: inline-block;
    margin: 2px auto 6px;
    width: 46%;
    padding:10px 0;
    font-size: 18px;
    position: relative;
}
#item-menu ul li img{max-width:100px;float:left;margin-right:14px;}
#item-menu ul li h2{color:#FF0099;margin:-8px 0 5px;display:block;font-size:19px;}
#item-menu ul li p{font-size:12px;max-width:90%;color:#000;}
#item-menu ul li::after {
  content: '>';
  position: absolute;
    right: 10px;
    top: 25%;
    font-size:36px;
    color:#FF0099;
}

#item-menu ul li a:hover{text-decoration:none;	filter:
	 alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;}