@charset "utf-8";

/*
Theme Name: Original Theme
Theme URI: 
Description: .
*/

/* 基本設定 ---------------------------------------------*/

* {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
list-style: none;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

body {
text-align: center;
font-size: 75%;
font-family:'メイリオ', Meiryo, Verdana, 'MS Pゴシック', 'MS PGothic', Arial, Helvetica, sans-serif;
line-height: 1.7;
color: #333333;
letter-spacing:0.1em;
}

img{ border:none; vertical-align:middle; max-width:100%;}
img{width:auto\9; height:auto\9;}

.cf{zoom:1;}
.cf:before,.cf:after{ content:""; display:table;}
.cf:after{ clear:both;}

a{ color: #06F; text-decoration:none;}
a:hover{ color:  #099;}

.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}

a.addArrow{ background:url(img/icon_arrow.png) 0 center no-repeat; padding-left:20px;}
.textCenter{ text-align:center;}

#headerWrapper{ width:960px; margin:0 auto;}
#headerContent{position:fixed; width:960px; min-height:133px; background:#000 url(img/header_bg.png) 0 0 no-repeat; z-index:500;}
#headerContent h1{ overflow:hidden; width:135px; padding-top:64px; height:0; background:url(img/logo.png) 0 0 no-repeat; position:absolute; top:30px; left:70px;}
#headerContent p{ color:#FFF; position:absolute; top:55px; right:45px;}
#headerContent a{ color:#FFF; text-decoration:none;}
#headerContent a:hover{ color:#ebcb52;}


ul#mainImage{ width:960px; margin:0 auto 20px; padding-top:134px;}
ul#mainImage li{ float: left; width:136px; margin-bottom:1px; margin-left:1px; width:136px; height:136px; background:#000 url(img/loading.gif) center center no-repeat; position:relative;}
ul#mainImage li img{ position:absolute; top:0; left:0;}

.displayinlineul li{display:inline-block; padding-right:10px;}

h2{ color:#FFF; background:#000; padding:10px 0 10px 70px; text-align:left; width:890px; margin:0 auto 30px;}
h3{ font-weight:bold; margin:0 0 10px;}


.contentWrapper{ width:680px; margin:0 auto; text-align:left; padding-bottom:10px; position:relative;}
.twoColumn{ padding-bottom:20px;}
.twoColumnPrimary{ float:right; width:470px; position:relative;}
.twoColumnSecondary{ float:left; width:210px;}
.twoColumnSecondary ul li{ float:left; width:90px; margin-left:2px; margin-bottom:2px;} 
.tel{ margin-top:10px;}
.gnavi{position:absolute; width:155px; right:0; top:100px; text-align:right;}
.gnavi img{margin-bottom:10px;}
#dessemasseLogo{ height:180px; width:auto;}


#corporateDl dt{ clear:both; float:left; width:140px; padding-right:40px; background:#ededed; text-align:right; padding-bottom:18px;}
#corporateDl dd{ margin-left:200px; padding-bottom:18px;}


#omakaseContent{ padding-bottom:30px;}
#omakaseContent h3{ font-weight:bold;}
#omakaseContent p{ margin-top:20px;}


#print{ position:absolute; top:20px; right:0;}
#print a{ display:block; overflow:hidden; width:150px; height:0; padding-top:30px; background:url(img/icon_print.png) 0 0 no-repeat;}
#print a:hover{ background:url(img/icon_print.png) 0 -30px no-repeat;}


#footerWrapper{ background:#231815; color:#FFF; padding:10px 0 10px 70px; width:890px; margin:160px auto 0; text-align:left; position:relative;}
#footerWrapper img{ position:absolute; top:-35px; left:0;}


#open201909_int img{ width:182px; height:auto;}


/* タブレット ---------------------------------------------*/
@media only screen and (min-width : 768px) {

}

/* パソコン ---------------------------------------------*/
@media only screen and (min-width : 1024px) {

}