@charset "UTF-8";

/*カフェページ*/

/*共通 @*/
      @font-face{
        font-family:"A-OTF 太ミンA101 pr5";
        font-style:normal;
        font-weight:600;
        src:local("A-OTF 太ミンA101 pr5");
        src:url("../../common/fonts/A-OTF-FutoMinA101Pr5-Bold_sub.otf") format("opentype");
      }
     @font-face{
        font-family:"07ロゴたいぷゴシック7";
        font-style:normal;
        font-weight:600;
        src:local("07ロゴたいぷゴシック7");
        src:url("../../common/fonts/logotypegothic_sub.otf") format("opentype");
      }
@font-face{
    font-family:"Baskerville";
    src:local("BaskervilleCyrLTStd");
    src:url("../../common/fonts/BaskervilleCyrLTStd_sub.otf") format("opentype");
}
/*共通 reset*/
body,h1,h2,h3,h4,p,ul,li,dl,dt,dd{
  margin:0;
  padding:0;
  line-height:1.0;
  font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
a{
  text-decoration:none;
  color:#6eb3d3;
}
a:hover{color:#186f98;}
img{
  border:0;
  vertical-align:bottom;
}
ul,dl,ol{list-style:none;}

/* font */
html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; }  /* =14px */
ul#globalnav a{
    font-size: 16px; font-size: 1.6rem;
    font-family:"A-OTF 太ミンA101 pr5";
    color:#0d0d0d;
    text-shadow:1px 1px 1px #d9d9d9;
}
ul#globalnav span.font14{ font-size: 14px; font-size: 1.4rem; }
h2 { font-size: 28px; font-size: 2.8rem;
    font-family:"07ロゴたいぷゴシック7";
    color:#5f5235;
    text-shadow:2px 1px 3px #cbcbcb;
}
span.font26{font-size: 26px; font-size: 2.6rem; }
span.font24{font-size: 24px; font-size: 2.4rem; }
h3,span.tel{  font-size: 20px; font-size: 2.0rem; 
    font-family:"07ロゴたいぷゴシック7";
    color:#45433c;
    text-shadow:1px 1px 2px #d9d9d9;
}
span.telnum{font-size: 22px; font-size: 2.2rem;
    font-family:"Baskerville";
    color:#4a4a4a;
    text-shadow:1px 1px 2px #d9d9d9;
    margin-left:4px;
}
#footer-info p,#footer-info dl dt,#footer-info dl dd{font-size: 18px; font-size: 1.8rem;
    font-family:"07ロゴたいぷゴシック7";
}
h4,#footer-content li.navcategory span{font-size: 16px; font-size: 1.6rem; }
p{ font-size: 14px; font-size: 1.4rem; }
h1,#cafe-morning dl+p{ font-size: 12px; font-size: 1.2rem; }
span.font11{ font-size: 11px; font-size: 1.1rem; }

/******** 共通 body ********/
body{
background:#f2f0d8;
color:#333;
}

/******** 共通 container内背景 ********/

#header,#container{
  width:960px;
  background:#fff;
  margin:0 auto;
}

/******** 共通 header ********/

#header #h1right{
    margin:42px 30px 0 0;
    float:right;
}
h1{
    line-height: 1.5;
    text-align: right;
    color: #636560;
    font-weight: normal;
    margin-bottom: 4px;
    width:450px;
}
#header .telinfo{
    float:right;
    margin-left: 150px;
    padding-top: 4px;
}
#header span.mailicon_sp{
    float:right;
    display: block;
    width:30px;
    margin-left: 8px;
    margin-right:4px;
}
#header span.mailicon_sp a{
  display: block;
  overflow:hidden;
  white-space: nowrap;
  text-indent:100%;
  height:32px;
  background:url(../../common/img/mail-icon_sp.png) no-repeat;
}
#header span.mailicon_sp a:hover{
  background-position:-30px 0;
}

ul#globalnav{
  width:960px;
  height:62px;
  overflow:hidden;
    background-image: -moz-linear-gradient(#fdfdfd, #eaeaea);
    background-image: -ms-linear-gradient(#fdfdfd, #eaeaea);
    background-image: -webkit-linear-gradient(#fdfdfd, #eaeaea);
    background-image: linear-gradient(#fdfdfd, #eaeaea);
    border-top:1px #f4f4f4 solid;
}
ul#globalnav li{
  width:172px;
  float:left;
  text-align: center;
  margin-top:1px;
  height:58px;
  color:#333;
  border-left:1px #eaeaea solid;

}
ul#globalnav li:first-child{
 padding-left:10px;
 border-left:none;
}
ul#globalnav li.navwide{
  width:200px;
}
ul#globalnav li a{
  display:inline-block;
  color:#333;
  padding-top:16px;
  height:39px;
  width:100%;
}

ul#globalnav li.navhere{
  border-bottom:4px rgba(109, 109, 109, 0.4) solid;
}

ul#globalnav li:hover,
ul#globalnav li:active{
  border-bottom:3px #7c75ad solid;
    background-image: -moz-linear-gradient(#f2f2f2,#fdfdfd);
    background-image: -ms-linear-gradient(#f2f2f2,#fdfdfd);
    background-image: -webkit-linear-gradient(#f2f2f2,#fdfdfd);
    background-image: linear-gradient(#f2f2f2,#fdfdfd);
}

/******** header slider********/
ul.rslides{
    position:relative;
    overflow:hidden;
    width:100%;
    height:380px;
    margin:16px 0 10px;
}

ul.rslides li{
    -webkit-backface-visibility:hidden;
    position:absolute;
    display:none;
    width:100%;
    left:0;
    top:0;

}

ul.rslides li:first-child{
    position:relative;
    display:block;
    float:left;
}

ul.rslides img{
    display:block;
    height:auto;
    float:left;
    width:100%;
}

ul.rslides1_tabs{
    float:right;
    margin-right:30px;
    padding-left:800px;
    margin-bottom:10px;
}
ul.rslides1_tabs li{
    display:inline-block;
    width:12px;
    height:12px;
    border-radius:50%;
    margin:4px;
    background:#ddd;
}

ul.rslides1_tabs li:hover{
    opacity: 0.5;
}
ul.rslides1_tabs li.rslides_here{
    background:#5c5b8e;
}
ul.rslides1_tabs li a{
    text-indent:-999em;
    overflow:hidden;
    display: block;
}


/******** content ********/
#content{
    margin-left:50px;
    margin-right:30px;
    padding-bottom:130px;
}
.to-next-content{
    padding-bottom:80px;
}
.to-next-smallcontent{
    padding-bottom:20px;
}
h2{
    line-height:2.5;
}
p{
    margin-bottom: 8px;
    margin-left:10px;
    line-height:1.8;
}
h3{
    margin-left:20px;
    line-height:2;
}
h4{
    margin-left:50px;
    line-height:1.7;
}

/******カフェのご紹介******/

#cafe-info{
    margin-top: 50px;
    width:870px;
    overflow: hidden;
    margin-bottom: 40px;
}
#cafe-info img{
    margin-bottom: 20px;
}
#cafetxt1wrapper{
  overflow: hidden;
}
#cafetxt1 +p img{
  width:330px;
}
#cafetxt1{
    width:510px;
    float: left;
    margin-right: 30px;
    overflow:hidden;
}
#cafetxt2,#cafetxt3{
   overflow: hidden;
}
#cafetxt2{
  background:url(../img/31_bk_chairs.png) no-repeat right bottom;
}

#cafetxt2 img, #cafetxt3 img{
    float: left;
    margin-left:10px;
    margin-right: 30px;
}
#cafetxt2 p.cafetxt,#cafetxt3 p.cafetxt{
    margin-top: 10px;
    margin-right:26px;
}

/******イートイン******/
#cafe-eatin{
    overflow: hidden;
    margin-bottom: 40px;
}
#cafe-eatintxt{
    padding-top:10px;
    width:450px;
    margin-left: 20px;
    float: left;
}
#cafe-eatintxt+p img{
    margin-left: 30px;
    float:left;
}


/******メニュー・価格全般******/
dl.menulist, dl.menulist_long{
    margin-left:70px ;
    overflow: hidden;
}
dl.menulist dt, dl.menulist_long dt{
    display: inline-block;
    vertical-align: text-top;
    margin-right:50px;
    line-height:2;
    width:200px;
}
dl.menulist dd, dl.menulist_long dd{
    display: inline-block;
    margin-right:80px;
    vertical-align: text-top;
    line-height:2;

}
dl.menulist_long dt{
    width:380px;
}

/******フレンチトーストメニュー******/
#cafe-french{
    background:url(../img/33_bk_coffeemill.png) no-repeat right bottom;
}

#cafe-french p{
    margin-left: 20px
}
#cafe-french p.frenchimg{
    margin-left:70px;
    margin-top:20px;
}
#cafe-french p.frenchimg img{
    margin-right:8px;
}

/******モーニングセット******/
#cafe-morning{
  overflow: hidden;
}
#cafe-morning img {
  margin-top:40px;
  margin-right: 20px;
  float:right;
}
#cafe-morning p{
  width:510px;
  margin-left:70px;
}
#cafe-morning dl.menulist dt{
  width:360px;
}
#cafe-morning dl+p{
  margin-bottom:20px;
}



/******その他のパンメニュー******/
#cafe-sonota{
    overflow: hidden;
}
#cafe-sonota h3{
    margin-bottom: 20px;
}
#cafe-sonota p img {
    margin-left: 30px;
    margin-right: 50px;
    float:left;
}
#cafe-sonota dl{
    padding-top:20px;
    line-height: 2;
}
#cafe-sonota{
    background: url(../img/33_bk_bird.png) no-repeat right;
}

/**********カフェのこだわり*************/
#cafe-kodawari{
  width:850px;
  overflow: hidden;
}
#cafe-kodawari img{
  float:left;
  margin-top:20px;
  margin-left: 30px;
}
#cafe-kodawari ol{
  width:450px;
  float:right;
}
#cafe-kodawari ol li{
  padding-top:2px;
  padding-left: 32px;
  margin-bottom: 20px;
  line-height:1.6;
}
#cafe-kodawari ol li{
  background: url(../img/22_no1.png) no-repeat;
}
#cafe-kodawari ol li:nth-child(2){
  background: url(../img/22_no2.png) no-repeat;
}
#cafe-kodawari ol li:nth-child(3){
  background: url(../img/22_no3.png) no-repeat;
}




/*******ドリンク***********/
.taxinfo{
    width:420px;
    float:right;
    margin-bottom: 30px
}
#cafe-drink img{
    margin-left:20px; 
}




/*----------共通 ページトップへ移動ボタン---------*/
#page-top{
    display:block;
    position:fixed;
    right:30px;
    bottom:20px;
    z-index:99;
}
#page-top p a{
    width:48px;
    height:80px;
    cursor: pointer;
    display: block;
    background:url(../../common/img/06_btn_top_sp.png) no-repeat;
    text-indent: -999em;
    overflow: hidden;
}
#page-top p a:hover,#page-top p a:active{
    background-position: -48px 0;
}

/********共通 footer ********/
#footer,#footer p, #footer dt, #footer dd,#footer a{
  color:#fff;
  line-height:1.8;
}
#footer{
  background:#A4CE82 url(../../common/img/06_bk_footergreen_s.png);
  overflow: hidden;
  padding-bottom: 50px;
}
#footer-content{
  width:940px;
  margin:0 auto;
  padding:40px 0 10px;
  overflow: hidden;
}
#footer-info{
  overflow: hidden;
  width:960px;
  margin-bottom: 60px
}
#footer-info p.tenmei{
  width:240px;
  float:left;
  margin:0 30px;
  text-align: center;
  line-height: 1.6;
}
#footer-info dl{
  width:600px;
  margin-top:12px;
  float: left;
  overflow: hidden;
}
#footer-info dt{
  float:left;
  width:50px;
  margin-right: 10px;
}
#footer-info dl dd{
  width: 500px;
  margin-right:10px;
}
#footer-info dl p{
  float:right;
  margin-right: 240px;
  padding:0 0 4px;
  width:50px;
  height:40px;
}
#footer-info dl p a{
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background:url(../../common/img/06_mailicon.png) no-repeat;
}
#footer-info dl p a:hover{
  background-position:-50px 0;
}
#footer-content ul#footernav{
  height:200px;
}
#footer-content li.navcategory{
  width:180px;
  float:left;
  height:200px;
  margin-left:6px;
}
#footer-content li.navcategory span{
  margin-bottom:20px;
  line-height:2.0;
  font-weight: bold;
}
#footer ul li a:hover,
#footer ul li a:active{
    color:#585858 ;
    border-bottom: 2px dotted #585858;
}