@charset 'utf-8';

/*
 * リセット
 */
body,header,footer,nav,section,article,div,p,ul,ol,li,h1,h2,h3,h4,h5,h6,a,figure,figcaption,img,table,tr,th,td,dl,dt,dd{
  padding:0;
  margin:0;
  box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6,th{font-weight:normal;}
/*
 * 共通
 */

body{
  font-family:Hiragino Kaku Gothic ProN, Meiryo, -apple-system, BlinkMacSystemFont, sans-serif;
  line-height:1.4;
  -webkit-text-size-adjust: 100%;
}
img{
  max-width:100%;
  vertical-align:top;
}
.img2x{width:100%;}
a{text-decoration:none;}
.link-hover{transition:.2s;}
.link-hover:hover{opacity:.8;}
ul,ol{list-style:none;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}

.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.v-top{vertical-align:top;}
.v-middle{vertical-align:middle;}
.v-bottom{vertical-align:bottom;}

.bld{font-weight:bold;}

.tbl{display:table;}
.row{display:table-row;}
.col,.col-l,.col-c,.col-r{
  display:table-cell;
  vertical-align:top;
}
.ib{display:inline-block;}

.visible480{display:none;}
.visible768{display:none;}

.wrapper{
  max-width:1020px;
  padding:0 10px;
  margin:0 auto;
}
.container{
  max-width:780px;
  margin:0 auto;
}

/* ヘッダー
---------------------------------------------------------------------------------- */
.slicknav_menu{
  display:none;
}
.contents-wrapper{
  margin-top:80px;
}
.logo{
  height:95px;
  position:relative;
}
.logo img{
  position:absolute;
  left:calc(50% - (268px / 2));
  bottom:-25px;
}
.nav{
  width:100%;
  text-align:center;
  background:#6A3906 url(../images/common/line.png) center top repeat-x;
  padding:7px 10px 0;
}
.gnav > #menu{
  display:flex;
  justify-content:space-between;
  max-width:1000px;
  font-size:17px;
  margin:auto;
}
.gnav > #menu > li > a{
  display:block;
  padding:16px 0 18px 28px;
}
.gnav > #menu > li > a:last-child{
  padding-right:0;
}
.gnav > #menu > li:nth-child(1) > a{
  background:url(../images/common/ico_home.png) no-repeat;
  background-position:left 15px;
  background-size:auto;
}
.gnav > #menu > li:nth-child(2) > a{
  background:url(../images/common/ico_cake.png) no-repeat;
  background-position:left 15px;
  background-size:auto;
}
.gnav > #menu > li:nth-child(3) > a{
  background:url(../images/common/ico_kranz.png) no-repeat;
  background-position:left 15px;
  background-size:auto;
}
.gnav > #menu > li:nth-child(4) > a{
  background:url(../images/common/ico_cart.png) no-repeat;
  background-position:left 15px;
  background-size:auto;
}
.gnav > #menu > li:nth-child(5) > a{
  background:url(../images/common/ico_info.png) no-repeat;
  background-position:left 14px;
  background-size:auto;
}
.gnav > #menu li a{
  color:#fff;
}
.submenu{
  position:relative;
}
.submenu:hover ul{
  display:block;
}
.submenu ul{
  display:none;
  width:180px;
  background:#231815;
  text-align:left;
  padding:5px 0;
  position:absolute;
  top:99%;
  left:-40px;
  z-index:100;
}
.submenu ul li{
  width:8em;
  margin:auto;
}
.submenu ul a{
  display:block;
  padding:5px 0;
}
.mainvisual-area{
  position:relative;
}
.main-copy{
  width:21%;
  height:50%;
  text-align:center;
  margin:auto;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  /*mix-blend-mode:multiply;*/
}

/* コンテンツ
---------------------------------------------------------------------------------- */
/* 共通 */
.article-ttl{
  text-align:center;
  margin-bottom:45px;
}
/* ホーム */
.link-sweets{
  display:flex;
  justify-content:space-between;
  padding:90px 0 50px;
}
.link-sweets li{
  flex-basis:32%;
  margin-bottom:10px;
}
.recommend-area{
  text-align:center;
  background-color:#956134;
  background-image:
    url(../images/home/top_bricks_left.png),
    url(../images/home/top_bricks_right.png);
  background-position:
    left top,
    right top;
  background-repeat:
    repeat-y,
    repeat-y;
  background-size:
    contain,
    contain;
  padding:40px 10px 65px;
}
.recommend{
  margin-bottom:55px;
}
.footer-link{
  letter-spacing:-.4em;
  padding:40px 0;
}
.footer-link li{
  display:inline-block;
  width:50%;
  vertical-align:top;
  letter-spacing:normal;
  position:relative;
}
.btn-shop,
.btn-tel{
  width:75%;
  height:52%;
  margin:auto;
  position:absolute;
  top:8%;
  left:0;
  right:0;
  bottom:0;
}
/* 会社・店舗のご案内 */
.about-bdr{
  background:url(../images/kgaiyo/box_line.png) center center repeat;
  border:10px solid #7F4F21;
  padding:3px;
  margin-bottom:45px;
}
.about-inner{
  background:#7F4F21;
}
.about-tbl{
  width:100%;
}
.about-tbl .col-l,
.about-tbl .col-r{
  vertical-align:middle;
}
.about-tbl .col-r{
  width:564px;
}
.about-tbl .col-inner{
  text-align:center;
  padding:20px;
}
.history-tbl{
  font-size:17px;
  color:#fff;
  padding:20px;
}
.history-tbl th,
.history-tbl td{
  padding:5px 0;
}
.history-tbl th{
  text-align:left;
  vertical-align:top;
  padding-right:.8em;
}
.history-tbl span{
  display:block;
  text-align:right;
}
.history-tbl p{
  text-align:right;
  border-top:1px solid #fff;
  padding-top:10px;
}
.list-shop{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:45px;
}
.list-shop li{
  flex-basis:48%;
  margin-bottom:4%;
}
/* お菓子 */
.products{
  letter-spacing:-.4em;
}
.products.birth{
  margin-bottom:70px;
	text-align: center;
}
.wmg-item{
  letter-spacing:normal;
}
.products-wrapper{
  background-color:#B28247;
  background-image:
    url(../images/common/bricks_left.png),
    url(../images/common/bricks_right.png);
  background-position:
    left top,
    right top;
  background-repeat:
    repeat-y,
    repeat-y;
  background-size:
    contain,
    contain;
  padding:80px 0 50px;
}
.products-container{
  max-width:1220px;
  width:100%;
  padding:0 10px;
  margin:auto;
}
.products-main{
  margin-bottom:35px;
}
.wmg-arrow{
  border-bottom-color:#40220F;
}
.wmg-details{
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  right:0;
}
.wmg-details-content{
  background:#40220F;
}
.wmg-thumbnail{
  background:none;
}
.products .container{
  max-width:1000px;
  width:100%;
  min-height:400px;
  display:table;
  padding:60px 10px 70px;
}
.products-img,
.products-detail{
  display:table-cell;
}
.products-img{
  width:350px;
  text-align:center;
  vertical-align:middle;
  background:#fff;
}
.products-detail{
  color:#fff;
  vertical-align:top;
  padding-left:50px;
}
.products-detail h2{
  font-size:21px;
  margin-bottom:20px;
}
.products-detail p{
  font-size:15px;
  margin-top:30px;
  margin-bottom:20px;
}
.products-detail ul{
  font-size:15px;
}

.table-area{
  margin-bottom:40px;
}
.chouju_sp{
  display:none;
}
.chouju_pc{
  text-align:center;
  margin-top:70px;
}

.kashi-area {
	background-color: #fff;
	color: #000;
	padding: 40px 20px 20px 20px;

}

.kashi-tbl {
	display: flex;
	flex-wrap: wrap;
	font-weight: bold;
}

.kashi-tbl .col-l {
	text-align: center;
	padding-left: 50px;
	padding-bottom: 20px;
}

.kashi-tbl .col-r {
	padding-left: 20px;
	color: #c30d23;
}

.kashi-tbl p {
	padding-left: 50px;
}


.kashi-tbl.birthday-tbl {
	margin: 0 auto;
	justify-content: center;
}

.kashi-tbl.deco .col-r {
	padding-left: 0;
}
/* 購入ガイド */
.ttl-send{
  width:100%;
  text-align:center;
  background:#6A3906 url(../images/common/line.png) center bottom repeat-x;
  padding:4px 10px;
}
.send-tbl{
  width:100%;
  table-layout:fixed;
  margin-bottom:120px;
}
.send-tbl .col-l .col-inner{
  padding-right:10px;
}
.send-tbl .col-r{
  text-align:right;
}
.send-tbl .col-r .col-inner{
  padding-left:10px;
}
.list-shop li:last-child{
  position:relative;
}
.adobe-link{
  width:33%;
  position:absolute;
  right:3%;
  bottom:3%;
}
/* フッター
---------------------------------------------------------------------------------- */
footer{
  background:#6A3906;
  padding:15px 0 5px;
}
.footer-logo{
  text-align:center;
  margin-bottom:15px;
}
.fnav{
  text-align:center;
  margin-bottom:20px;
}
.fnav ul{
  display:inline-block;
  font-size:17px;
  text-align:center;
  vertical-align:top;
  margin-bottom:15px;
}
.fnav li{
  display:inline-block;
  vertical-align:top;
  padding-right:1.5em;
}
.fnav ul:last-child li:last-child{
  padding-right:0;
}
.fnav a{
  color:#fff;
}
.copyright{
  display:block;
  font-size:14px;
  text-align:center;
  color:#fff;
}

/* ==================================================================================

  1000px以下

================================================================================== */
@media screen and (max-width:1000px){

/* ヘッダー
---------------------------------------------------------------------------------- */
  .gnav > #menu{
    font-size:15px;
  }
  .gnav > #menu > li:nth-child(1) > a,
  .gnav > #menu > li:nth-child(2) > a,
  .gnav > #menu > li:nth-child(3) > a,
  .gnav > #menu > li:nth-child(4) > a{
    background-position:left 13px;
  }
  .gnav > #menu > li:nth-child(5) > a{
    background-position:left 12px;
  }

/* コンテンツ
---------------------------------------------------------------------------------- */
/* 会社・店舗のご案内 */
  .about-bdr{
    border:8px solid #7F4F21;
  }
  .about-tbl,
  .about-tbl .col-l,
  .about-tbl .col-r{
    display:block;
    width:100%;
  }
  .about-tbl .col-r{
    max-width:520px;
    margin:auto;
  }
  .about-tbl .col-inner{
    padding:10px;
  }
  .history-tbl{
    font-size:13px;
    padding:10px;
    padding-top:0;
  }
  .history-tbl th{
    padding-right:.6em;
  }
  
/* フッター
---------------------------------------------------------------------------------- */
  .fnav ul{
    display:block;
    font-size:14px;
  }
  .fnav li:last-child{
    padding-right:0;
  }
  .copyright{
    font-size:11px;
  }
}
/* ==================================================================================

  768px以下

================================================================================== */
@media screen and (max-width:768px){

/* ヘッダー
---------------------------------------------------------------------------------- */
  .nav{
    padding-left:0;
    padding-right:0;
  }
  .gnav{
    display:none;
  }
  .submenu ul{
    display:block;
    width:100%;
    padding:0;
    position:static;
  }
  .submenu ul li{
    width:100%;
    text-align:center;
  }
  .submenu ul a{
    padding:10px 0;
  }
  .slicknav_menu{
    display:block;
    font-size:18px;
    background: #6A3906;
    padding:5px 0 0;
  }
  .slicknav_btn{
    background-color:#000;
    border-radius:0;
  }
  .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{
    margin-top:.2em;
  }
  .slicknav_nav a:hover,
  .slicknav_nav .slicknav_row:hover{
    color:#fff;
    background:none;
  }
  .slicknav_nav .slicknav_row,
  .slicknav_nav a{
    padding:10px;
    margin:0;
  }
  .slicknav_nav ul{
    margin:0;
  }
  .slicknav_nav li{
    border-top:1px dashed #b8772a;
  }
  
/* コンテンツ
---------------------------------------------------------------------------------- */
/* ホーム */
  .footer-link li{
    display:block;
    width:100%;
    text-align:center;
  }
/* お菓子 */
  .products .container,
  .products-img,
  .products-detail{
    display:block;
    width:100%;
  }
  .products-img{
    max-width:350px;
    margin:0 auto 20px;
    padding:30px;
  }
  .products-detail{
    padding-left:0;
  }
	.kashi-tbl {
		flex-direction: column;
	}
	.kashi-tbl dl {margin: 0 auto;}
	.kashi-tbl .col-l {
		padding-left: 0;
	}
	.kashi-tbl p {
		padding-left: 0;
		padding-bottom: 10px;
	}
/* 購入ガイド */
  .send-tbl,
  .send-tbl .col-l,
  .send-tbl .col-r{
    display:block;
    width:100%;
    text-align:center;
  }
  .send-tbl .col-l{
  margin-bottom:30px;
  }
  .send-tbl .col-l .col-inner{
    padding-right:0;
  }
  .send-tbl .col-r .col-inner{
    padding-left:0;
  }
}
/* ==================================================================================

  640px以下

================================================================================== */
@media screen and (max-width:640px){

/* コンテンツ
---------------------------------------------------------------------------------- */
/* お菓子 */
  .chouju_pc{
    display:none;
  }
  .chouju_sp{
    display:block;
    text-align:center;
    margin-top:70px;
  }
}
/* ==================================================================================

  480px以下

================================================================================== */
@media screen and (max-width:480px){

/* コンテンツ
---------------------------------------------------------------------------------- */
/* ホーム */
  .link-sweets{
    flex-wrap:wrap;
    justify-content:space-around;
    padding:40px 0 30px;
  }
  .link-sweets li{
    flex-basis:48%;
  }
  
/* 会社・店舗のご案内 */
  .history-tbl{
    font-size:13px;
    padding-top:0;
  }
  .history-tbl table,
  .history-tbl tbody,
  .history-tbl tr,
  .history-tbl th,
  .history-tbl td{
    display:block;
    width:100%;
  }
  .history-tbl th{
    padding-right:0;
    padding-bottom:0;
  }
  .history-tbl td{
    padding-bottom:15px;
  }
  .history-tbl span {
    text-align:left;
  }
  
  .list-shop{
    display:block;
    text-align:center;
  }
  .list-shop li{
    margin-bottom:20px;
  }
  
/* フッター
---------------------------------------------------------------------------------- */
  .fnav ul{
    margin-bottom:0;
  }
  .fnav li{
    display:block;
    padding-right:0;
    margin-bottom:10px;
  }
}