@charset "UTF-8";
/* CSS Document */
/*
青
*/
*{ letter-spacing: 0 }
body {
	font-size: 13px;
	line-height: 1.2em;
	font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.1em;
	vertical-align: baseline;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	height: 100%;
	overflow: hidden;
}
p,li,dt,dl {  
    line-height:1.4;  
}  
p {  
    margin:0 0 1em 0;  
}  
li {  
    list-style-type:none;  
}  a {
	color:#174F68;
}
a:hover{
	color:#BA358E;
}
br	{letter-spacing: 0;}
/*******共通フォント*********/
body,td,th ,#header,#footer,.lead,#mainnav ul li a,#subnav li a{	
font-family: 'Abel', sans-serif;
}
h2,h3,h4{
	font-family: 'Playfair Display', serif;
}

/*******全体の構造*********/
#header {
    background-color: rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66000000,EndColorStr=#66000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66000000,EndColorStr=#66000000)";
	width: 100%;
	padding: 15px 0 0;
	position: absolute;
	top: 0;
	center: 0;
	z-index: 1000;
	*position:static;
	*background-color:#333;
}
#header:not(:target){
    filter: none;
    -ms-filter: none;
}
.wrapcon {
	width: 1000px;
	margin: 0 auto;
}
.bottom_con {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 550px;
	left: 0;
	z-index: 200;
}
.in_bottom {
	width: 970px;
	margin: 0 auto;
	background:rgba(255,255,255,0.5);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff)";
	padding:15px 30px 5px;
}
/*******ヘッダー*********/
h1#id {
	width: 260px;
	height: 32px;
	margin: 0 auto;
	margin-bottom: 15px;
}
h1#id a {
	width: 260px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: url(../img/id.png) no-repeat;
}
#mainnav {
	letter-spacing: 0.2em;
	clear: both;
	background: rgba(255,255,255,0.8);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff)";
	*background:#CFCFCF;
}
#mainnav ul {
	width: 1054px;
	margin: 0 auto;
}
#mainnav ul li {
	float: left;
	padding: 0 33px;
}
#mainnav ul li a {
	display: block;
	color: #666;
	text-decoration: none;
	padding: 3px 0;
	font-size:17px;
	letter-spacing: 0.1em;
}
#mainnav ul li.current a,#mainnav ul li a:hover {
	color: #000;
}
/***********フッター*************/
#newsfeed{
	float:left;
}
#newsfeed dl dt {
	clear: left;
	float: left;
	margin: 0 0 0.4em;
	width: 7em;
}
#newsfeed dl dd {
	margin-bottom: 0.4em;
	margin-left: 7em;
	width: 43em;
}
#newsfeed h2 {
		font-size:18px;
		border-bottom:1px solid #000;
			margin-bottom: 8px;
			padding-bottom:3px;
}
#shopinfo {
		float:right;
		border-left:1px dotted #000;
		padding-left:30px;
}
#shopinfo h2 {
	margin-bottom: 6px;
	font-size:18px;
}
/*********画像グラデ************/
#slideshow {
	width: 100%;
	position: relative;
	z-index:-100;
}
#gradation {
	background: url(../img/grada.png);
	position: absolute;
	width: 100%;
	height: 100px;
	left: 0;
	bottom: 0;
	z-index:10;
}

@media screen and (min-width: 1600px) and (max-width: 3000px) {
#footer {
	position: static;
}
}

@media only screen and (max-width: 800px) {
/*******消すコンテンツ********/
#gradation {
	display: none;
}
/*******表示するコンテンツ********/
.newstitle {
	display:block;
}

/*******全体*********/
body {
	overflow:visible;
  -webkit-text-size-adjust: 100%;
}
.wrapcon {
	width: auto;
	margin: 0 auto;
}
#header {
	background: rgba(0,0,0,1);
	width: 100%;
	padding: 15px 0 0;
	position: static;
}
.bottom_con {
	position: static;
}
.in_bottom {
	width: auto;
	padding:0;
}

/*******ヘッダー*********/
#mainnav ul {
	width: 100%;
}
#mainnav ul li {
	border-bottom: 1px solid rgba(255,255,255,0.3);
	width: 25%;
	padding: 0;
}
#mainnav ul li a {
	padding: 8px 0 8px 15px;
}
/***********フッター*************/
#shopinfo{
	background:#ededed;
	text-align:center;
	float:none;
	margin:0;
	padding:15px;
	border:none;
}
#newsfeed{
		padding:15px;
float:none;
}
#newsfeed dl {
	padding:15px;

}
#newsfeed dl dt {
	float:none;
	padding:2px;
}

.newstitle {
	text-align:center;
	background:#FFF;
}
}

@media only screen and (max-width: 480px) {
#mainnav ul li {
	width: 50%;
	
}
#mainnav ul li a {
	padding: 5px 0 5px 15px;
	background: url(../img/arrow.png) no-repeat 90% center;
	border-right:1px solid rgba(255,255,255,0.3);
}
#newsfeed dl dt {
	float:none;
	margin: 0 0 0.6em;
	width:auto;
	padding-left: 5px;
}
#newsfeed dl dd {
	margin-bottom: 0.6em;
	margin-left: 0;
	width:auto;
}

}

@media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2) {
#mainnav ul li a {
	-webkit-background-size: 10px 10px;
	background-size: 10px 10px;
}
h1#id {
	background: url(../img/id_l.png) no-repeat;
-moz-background-size:100%;
	-webkit-background-size: 100%;
	background-size: 100%;
}
}