@charset "UTF-8";
@media screen {
  /* ▼resets▼ */
  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }

  body {
    line-height: 1;
    -webkit-text-size-adjust: 100%;
  }

  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    zoom: 1;
  }

  nav ul {
    list-style: none;
  }

  blockquote, q {
    quotes: none;
  }

  blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
  }

  a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }

  /*changecolourstosuityourneeds*/
  ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
  }

  /*changecolourstosuityourneeds*/
  mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
  }

  del {
    text-decoration: line-through;
  }

  abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  /*changebordercolourtosuityourneeds*/
  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
  }

  input, select {
    vertical-align: middle;
  }

  img {
    vertical-align: middle;
  }

  a:hover {
    text-decoration: none;
  }

  /* ▲resets▲ */
}
@media all {
  /* ▼styles▼ */
  body {
    line-height: 1.8;
    font-size: 14px;
    min-width: 1100px;
    background: url(../images/cmn/bg02.png) left top repeat;
    color: #FFF;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic' ;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","Hiragino Kaku Gothic Pro", Verdana, san-serif;
  }

  #gHeader,
  #gContainerInner,
  #gFooter {
    width: 1100px;
    margin: 0 auto;
    position: relative;
  }

  #gHeader,
  #gContainer {
    background: url(../images/cmn/bg01.png) left top repeat;
    color: #000;
    position: relative;
  }

  #gHeader {
    z-index: 10;
  }

  #gHeaderInner {
    position: absolute;
    left: 50px;
    top: 455px;
    z-index: 10;
  }

  .second #gHeaderInner {
    top: 22px;
  }

  #logo {
    margin-bottom: 10px;
  }
  #gNav {
     padding-bottom: 70px;
     overflow: hidden;
  }
  #gNav .sw {
     margin-bottom: 20px;
  }
  #gNav .sw a {
     display: block;
     width: 90px;
     height: 26px;
     float: left;
     background: url(../images/cmn/navi.png) left top no-repeat;
     text-indent: -9999px;
  }

  #gNav .sw li:nth-child(1) a { background: url(../images/cmn/navi.png) left top no-repeat; }
  #gNav .sw li:nth-child(2) a { background: url(../images/cmn/navi.png) -90px top no-repeat; }
  #gNav .sw li:nth-child(1) a:hover { background: url(../images/cmn/navi.png) left -221px no-repeat; }
  #gNav .sw li:nth-child(2) a:hover { background: url(../images/cmn/navi.png) -90px -221px no-repeat; }
  #gNav .sw li:nth-child(1) a.active { background: url(../images/cmn/navi.png) left -221px no-repeat; }
  #gNav .sw li:nth-child(2) a.active { background: url(../images/cmn/navi.png) -90px -221px no-repeat; }

  #gNav .nv {
    list-style: none;
    margin-left: 9px;
  }
  #gNav .nv li {
    float: left;
    width: 41px;
  }
  #gNav .nv li a {
     display: block;
     width: 41px;
     height: 174px;
     background: url(../images/cmn/navi.png) left -46px no-repeat;
     text-indent: -9999px;
  }
  #gNav .nv li:nth-child(1) a { background-position: 0 -46px;  }
  #gNav .nv li:nth-child(2) a { background-position: -41px -46px;  }
  #gNav .nv li:nth-child(3) a { background-position: -82px -46px;  }
  #gNav .nv li:nth-child(4) a { background-position: -123px -46px; }
  #gNav .nv li:nth-child(1) a:hover { background-position: 0 -267px;  }
  #gNav .nv li:nth-child(2) a:hover { background-position: -41px -267px;  }
  #gNav .nv li:nth-child(3) a:hover { background-position: -82px -267px;  }
  #gNav .nv li:nth-child(4) a:hover { background-position: -123px -267px; }
  #gNav .nv li:nth-child(1) a.active { background-position: 0 -267px;  }
  #gNav .nv li:nth-child(2) a.active { background-position: -41px -267px;  }
  #gNav .nv li:nth-child(3) a.active { background-position: -82px -267px;  }
  #gNav .nv li:nth-child(4) a.active { background-position: -123px -267px; }

  #gNav .nv_en {
    list-style: none;
    margin-top: -8px;
  }
  #gNav .nv_en li {
     width: 180px;
  }
  #gNav .nv_en li a {
     display: block;
     width: 180px;
     height: 32px;
     background: url(../en/images/cmn/gnav01.png) left top no-repeat;
     text-indent: -9999px;
  }
  #gNav .nv_en li:nth-child(1) a { background: url(../en/images/cmn/gnav01.png) left top no-repeat; }
  #gNav .nv_en li:nth-child(2) a { background: url(../en/images/cmn/gnav02.png) left top no-repeat; }
  #gNav .nv_en li:nth-child(3) a { background: url(../en/images/cmn/gnav03.png) left top no-repeat; }
  #gNav .nv_en li:nth-child(4) a { background: url(../en/images/cmn/gnav04.png) left top no-repeat; }
  #gNav .nv_en li:nth-child(1) a:hover { opacity: 0.6; }
  #gNav .nv_en li:nth-child(2) a:hover { opacity: 0.6; }
  #gNav .nv_en li:nth-child(3) a:hover { opacity: 0.6; }
  #gNav .nv_en li:nth-child(4) a:hover { opacity: 0.6; }
  #gNav .nv_en li:nth-child(1) a.active { opacity: 0.6; }
  #gNav .nv_en li:nth-child(2) a.active { opacity: 0.6; }
  #gNav .nv_en li:nth-child(3) a.active { opacity: 0.6; }
  #gNav .nv_en li:nth-child(4) a.active { opacity: 0.6; }



  #Slide {
    height: 480px;
    position: relative;
  }
  #Slide ul {
    list-style: none;
  }
  #Slide ul#slideList {
    list-style: none;
    position: relative;
    background-color: #000;
    height: 480px;
  }
  #Slide ul#slideList li {
    position: absolute;
  }
  #Slide ul#slideNav {
    z-index: 2;
    position: absolute;
    right: 38px;
    bottom: 45px;
  }
  #Slide ul#slideNav li {
    float: left;
    margin-right: 7px;
    background: url(../images/slide/nav.png) left top no-repeat;
    width: 8px;
    height: 8px;
    _background: none;
    _background-color: #CCCCCC;
  }
  #Slide ul#slideNav li.active {
    background: url(../images/slide/nav_active.png) left top no-repeat;
    _background: none;
    _background-color: #4e874b;
  }

  .keyVisual {
    background: url(../images/slide/bg_btm.png) left bottom no-repeat;
    padding-bottom: 33px;
  }

  .mainConts {
    margin-left: 290px;
    padding-top: 27px;
    padding-right: 50px;
    min-height: 360px;
    _height: 360px;
  }

  #greeting {
  }

  #greeting .catch {
    margin-bottom: 37px;
  }

  #greeting .photo {
    float: left;
    margin-right: 30px;
  }

  #greeting p {
    margin-bottom: 25px;
  }

  #gFooter {
    padding-top: 26px;
    width: 1000px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 26px;
  }

  #storeInfo h1 {
    font-size: 14px;
    padding-left: 32px;
    background: url(../images/cmn/icon01.png) left no-repeat;
    line-height: 1;
    padding-top: 4px;
    padding-bottom: 2px;
    margin-bottom: 24px;
  }

  #storeInfo .storeInfoBox {
    margin-bottom: 40px;
  }
  #storeInfo .storeInfoBox dt {
    float: left;
    font-weight: bold;
  }
  #storeInfo .storeInfoBox dd {
    margin-bottom: 5px;
    position: relative;
    margin-left: 5.5em;
  }
  #storeInfo .storeInfoBox dd li {
    list-style: none;
  }
  #storeInfo .storeInfoBox h1 {
    margin: 0;
    padding: 0;
    background: none;
    color: #F0DBB2;
    margin-bottom: 10px;
  }
  #storeInfo .storeInfoBox h1 a {
    color: #F0DBB2;
  }

  .leftClm {
    float: left;
    width: 455px;
  }

  .rightClm {
    float: right;
    width: 520px;
  }

  #copy {
    clear: both;
    float: left;
    position: relative;
    margin-top: -18px;
  }

  .mainConts {
    padding-bottom: 1px;
  }

  .sec_tit {
    margin-bottom: 24px;
  }

  .photo_left {
    float: left;
    margin-right: 30px;
    margin-bottom: 25px;
  }

  .photo_right {
    float: right;
    margin-left: 30px;
    margin-bottom: 25px;
  }

  .photo_center {
    text-align: center;
    margin-bottom: 25px;
  }

  .sec_lead {
    line-height: 2;
    margin-bottom: 33px;
  }
  .section {
    margin-bottom: 40px;
  }
  .section p {
    margin-bottom: 25px;
  }

  .sec_lv02 {
    margin-bottom: 5px;
  }

  .sec_lv02_tit {
    margin-bottom: 10px;
  }
  #aboutConts #sec02 {
	  font-size: 13px;
  }
  #aboutConts #sec02 .sec_lv02_tit, #aboutConts #sec02 dl {
    margin-left: 40px;
  }
  #aboutConts #sec02 dl {
    padding-top: 12px;
    float: left;
    width: 360px;
  }
  #aboutConts #sec02 dl dt {
    float: left;
    font-weight: bold;
  }
  #aboutConts #sec02 dl dd {
    margin-left: 5.2em;
    margin-bottom: 5px;
    position: relative;
  }
  #aboutConts #sec02 dl dd ul li {
    list-style: none;
  }
  #aboutConts #sec02 .en_add dl dd {
    margin-left: 7.2em;
    margin-bottom: 5px;
    position: relative;
  }
  #aboutConts #sec02 dl dd span.ml {
    display: block;
    margin-left: 4.8em;
  }
  #aboutConts #sec02 dl dd span.absolute {
    position: absolute;
    margin-left: 0;
  }
  #aboutConts #sec02 .photo {
    float: right;
    width: 320px;
  }
  #aboutConts #gmap, #aboutConts #gmap2 {
    margin-left: 40px;
    width: 719px;
    height: 180px;
    margin-bottom: 40px;
  }

  .showCase {
    list-style: none;
    margin-right: -23px;
    position: relative;
    zoom: 1;
  }
  .showCase li {
    float: left;
    background: url(../images/sweets/list_bg.png) left bottom no-repeat;
    padding-bottom: 5px;
    margin-right: 23px;
    margin-bottom: 18px;
    width: 238px;
  }
  .showCase li a {
    color: #FFF;
    text-decoration: none;
    display: block;
    word-wrap: break-word;
    word-break: break-all;
  }
  .showCase li a:hover {
    color: #eba112;
  }
  .showCase li a:hover span.name {
    background: url(../images/sweets/list_tit_bg_o.png) left top no-repeat;
  }
  .showCase li a span {
    display: block;
  }
  .showCase li a span.name {
    background: url(../images/sweets/list_tit_bg.png) left top no-repeat;
    padding-left: 27px;
    padding-right: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 20px;
    _height: 20px;
  }

  /* !クリアフィクス */
  .cf {
    zoom: 1;
  }
  .cf:after {
    content: "";
    display: block;
    clear: both;
  }
	.modal {
	 padding: 10px;
	 font-size: 18px;
	 font-family: serif;
	 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	 font-family: "Yu Mincho", "YuMincho", serif;
	}
	.modal p {
		margin-bottom: 0;
		line-height: 1.5;
	}
	.modal .pic {
	 border-bottom: 1px solid #b0aec6;
	}
	.modal .txt {
	 padding: 18px 24px 32px 24px;
	 background-color: #f5f6fa;
	 background-color: #fff;
	}
	.modal .txt .tit {
	 font-size: 24px;
	 margin-bottom: 9px;
	}
	.modal .txt .price {
	 letter-spacing: 0;
	}

  /* ▲styles▲ */
}
  
/*
@font-face {
	font-family: "hannari";
	src: 
	   url("../fonts/hannari/Hannari.woff2") format('woff2'),
	   url("../fonts/hannari/Hannari.woff") format('woff'),
	   url("../fonts/hannari/Hannari.otf")  format('opentype');
}
.hannari {
	font-family: "hannari";
	font-size: 1.2em;
}
.hannari_num {
	letter-spacing: 0;
}
*/