@charset "utf-8";

/* Reset */
ul,ol { list-style: none; }
img { border:0; }

/* Common */
* { margin:0;padding:0; border:0; }
html { height:100%;margin:0; padding:0; font-size:14px;}
body { margin: 0 auto; text-align:left; line-height:170%; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size:1.0rem; color:#333333; }

.clearboth { padding: 0; clear:both; }
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#preloadedImages {}

#Container { font-size:1.0rem; color:#000000; width:100%; margin: 0; padding:0; text-align:left;}
p{font-size:1.0rem; line-height:170%; padding:10px 0 10px 0; margin:0; }
a { color:#666666; text-decoration:underline; }
a:hover{ color:#666666; text-decoration:none;}
.disnon{display:none;}
.spnon{ display:inherit;}
.disnon2{display:none;}
.spnon2{ display:inherit;}
.font_red{ color:#FF0000;}
 	@media (max-width: 930px){
        img{ max-width:100%; height:auto;}
        .disnon{display:inherit !important;}
        .spnon{ display:none !important;}
}
 	@media (max-width: 690px){
        .disnon2{display:inherit !important;}
        .spnon2{ display:none !important;}

}
.returntop{ display:block; width:58px; height:66px; position:fixed; bottom:20px; right:20px;}
header { display:block; width:100%; height:173px; background:url(../img/bg_header.jpg) repeat-x top center; }
#BlockHeader{ display:block; width:930px; height:173px; margin:0 auto;}
h1 { display:block; width:255px; height:166px; margin:0; padding:0; text-indent:-9999px;
background:url(../img/h1.jpg) no-repeat top left; float:left; }
nav#GNav { display:block; margin:0; padding:0; width:675px; height:166px;
background:url(../img/bg_nav.jpg) no-repeat top left; float:right;}	
nav#GNav ul { margin:110px 0 0 0; padding:0; width:675px; display:block; list-style:none;}
nav#GNav ul li { margin:0; padding:0; border:0; width:135px; height:31px; position: relative; float:left;}
nav#GNav ul li.nav01 a{ margin:0; padding:0; width:135px; height:31px; display:block;
background:url(../img/nav01.jpg) no-repeat top left; text-indent:-9999px; }
nav#GNav ul li.nav02 a{ margin:0; padding:0; width:135px; height:31px; display:block;
background:url(../img/nav02b.jpg) no-repeat top left; text-indent:-9999px; cursor: pointer; }
	nav#GNav ul li.nav02 ul.child{ margin:10px 0 0 0; padding:0; width:135px;  display:none; border:1px solid #FFFFFF; position: relative; z-index: 100;}
	nav#GNav ul li.nav02 ul.child li{ margin:0; padding:0; border:0; width:135px; height:31px; position: relative; float:none; border-bottom:1px solid #FFFFFF; }
	nav#GNav ul li.nav02 ul.child li:last-of-type{ border-bottom:0; }
	nav#GNav ul li.nav02 ul.child li a{ margin:0; padding:0; width:135px; height:31px; display:flex; align-items: center; justify-content: center;
	background:none #999999; text-indent:0; color:#000000; text-decoration: none; text-align: center; font-size: 0.8rem; }

nav#GNav ul li.nav03 a{ margin:0; padding:0; width:135px; height:31px; display:block;
background:url(../img/nav03.jpg) no-repeat top left; text-indent:-9999px; }
nav#GNav ul li.nav04 a{ margin:0; padding:0; width:135px; height:31px; display:block;
background:url(../img/nav04.jpg) no-repeat top left; text-indent:-9999px; }
nav#GNav ul li.nav05 a{ margin:0; padding:0; width:135px; height:31px; display:block;
background:url(../img/nav05.jpg) no-repeat top left; text-indent:-9999px; }
nav#GNav ul li.nav03 a{ margin:0; padding:0; width:135px; height:31px; display:block;
background:url(../img/nav03.jpg) no-repeat top left; text-indent:-9999px; }
nav#GNav ul li.nav04 a{ margin:0; padding:0; width:135px; height:31px; display:block;
background:url(../img/nav04.jpg) no-repeat top left; text-indent:-9999px; }
nav#GNav ul li.nav05 a{ margin:0; padding:0; width:135px; height:31px; display:block;
background:url(../img/nav05.jpg) no-repeat top left; text-indent:-9999px; }
 	@media (max-width: 930px){
    header { display:block; width:100%; height:42vw; background:url(../img/bg_header.jpg) repeat-x bottom center; }
    #BlockHeader{ display:block; width:100%; padding:0 20px; height:42vw; margin:0 auto; box-sizing: border-box;}
    h1 { display:block; width:100%; max-width:685px; height:100%; max-height:41vw; margin:0 auto; padding:0; text-indent:-9999px;
    background:url(../img/h1_sp.jpg) no-repeat center center; float:none; background-size: contain; }
    nav#GNav { display:none; }
    }

        
/* Title */  
#Title { margin:0 auto; padding:0; width:930px; height:43px; display:block;  }
#Title2 { margin:0 auto; padding:0; width:930px; height:328px; display:block;  }
#Title3 { margin:0 auto; margin-bottom:40px; padding:0; width:930px; min-height:127px; display:block;  }
#Title4 { margin:0 auto; padding:0; width:930px; height:auto; min-height:68px; display:block;  }
#Title4 p{ display:block; margin:0 0 20px 0; padding:10px 20px; font-size:1.3rem; font-weight:bold; background:#FFE9C0; border-radius: 10px;  }
#Title5 { margin:0 auto; padding:0; width:930px; height:141px; display:block;  }
#Title6 { margin:0 auto; padding:16px 0 30px 0; width:930px; display:block;  }
h2.h2_honey { display:flex; justify-content: flex-start; width:100%; height:auto; }
h2.h2_honey2 { display:flex; justify-content: center; width:100%; height:auto; text-align: center; }
h2.h2_others { display:flex; justify-content: center; width:100%; height:auto; }
h2.h2_others2 { display:flex; justify-content: center; width:100%; height:auto; }
h2.h2_gift { display:flex; justify-content: center; height:auto; }
h2.h2_foods { display:block; width:100%; height:102px; background:url(../img/h2_foods.jpg) no-repeat top left; text-indent:-9999px; }
h2.h2_commercial { display:flex; justify-content: center; height:auto; }
h2.h2_concept { display:block; width:100%; height:56px; background:url(../img/h2_concept.jpg) no-repeat top left; text-indent:-9999px; }
h2.h2_contact { display:block; width:100%; height:56px; background:url(../img/h2_contact.jpg) no-repeat top left; text-indent:-9999px; }
h2.h2_shop { display:block; width:100%; height:56px; background:url(../img/h2_shop.jpg) no-repeat top left; text-indent:-9999px; }
.subnav01{ display:block; margin:0; padding:0; list-style:none;}
.subnav01 li{ display:block; margin:0 12px 0 0; padding:0; float:left;}
.subnav01 li.tail{ display:block; margin:0; padding:0; float:left;}
 	@media (max-width: 930px){
    #Title { margin:0 auto; padding:0; width:100%; height:43px; display:block;  }
    #Title2 { margin:0 auto; padding:0; width:100%; height:auto; display:block;  }
    #Title3 { margin:0 auto; padding:0; width:100%; height:auto; min-height:127px; display:block; box-sizing: border-box;  }
    #Title4 { margin:0 auto; padding:0; width:100%; height:auto; min-height:auto; display:block;  }
    #Title4 p{ display:block; margin:0 0 20px 0; padding:10px 20px; font-size:1.3rem; font-weight:bold; background:#FFE9C0; border-radius: 10px;  }
    #Title5 { margin:0 auto; padding:0; width:100%; height:141px; display:block;  }
    #Title6 { margin:0 auto; padding:16px 0 30px 0; width:100%; height:auto; display:block;  }
    h2.h2_honey { display:flex; justify-content: center; width:100%; height:auto; padding:20px 10px 20px 10px; box-sizing: border-box; }
    h2.h2_foods { display:block; width:100%; height:102px; background:url(../img/h2_foods.jpg) no-repeat top left; text-indent:-9999px; }
    h2.h2_concept { display:block; width:100%; height:56px; background:url(../img/h2_concept.jpg) no-repeat top left; text-indent:-9999px; }
    h2.h2_contact { display:block; width:100%; height:56px; background:url(../img/h2_contact.jpg) no-repeat top left; text-indent:-9999px; }
    h2.h2_shop { display:block; width:100%; height:56px; background:url(../img/h2_shop.jpg) no-repeat top left; text-indent:-9999px; }
    .subnav01{ display:block; margin:0 0 30px 0; padding:0 20px; list-style:none; box-sizing: border-box;}
    .subnav01 li{ display:block; margin:0 12px 0 0; padding:0; float:left;}
    .subnav01 li.tail{ display:block; margin:0 12px 0 0; padding:0; float:left;}
   }

/* Splash */  
#Splash { margin:0 auto; margin-bottom:20px; padding:0; width:930px; height:430px; display:block;  }
 	@media (max-width: 930px){
    #Splash { margin:0 auto; margin-bottom:20px; padding:0; width:100%; height:auto; display:block;  }
    }
/* Contents */  
#Contents { margin:0 auto; margin-bottom:60px; padding:0; width:930px; box-sizing:border-box; }
 	@media (max-width: 930px){
    #Contents { margin:0 auto; margin-bottom:60px; padding:0 20px; width:100%; box-sizing:border-box; } 
    }

.block_txt{ display:block; margin-bottom:20px; padding:0; width:930px;}
.block_txt p{font-size:1.0rem; line-height:170%; padding:10px 0 10px 0; margin:0; }
.block_txtL{ display:block; width:430px; float:left;}
.block_txtR{ display:block; width:455px; float:right;}
 	@media (max-width: 930px){
    .block_txt{ display:block; margin-bottom:20px; padding:0; width:100%;}
    .block_txt p{font-size:1.0rem; line-height:170%; padding:10px 0 10px 0; margin:0; }
    .block_txtL{ display:block; margin:0 auto; width:100%; max-width:430px; float:none;}
    .block_txtR{ display:block; margin:0 auto;  width:100%; max-width:455px; float:none;}
    }

/* Concept */  
.BlockConcept01{ display:block; margin:40px 0 0 0; padding:260px 0 20px 0; width:930px; font-size:1.2rem;
border-bottom:1px dotted #171313; background:url(../img/bg_concept01.jpg) no-repeat top left;}
.BlockConcept01 p{font-size:1.1rem; line-height:170%; padding:10px 0 10px 0; margin:0 0 60px 0; }
 	@media (max-width: 930px){
    .BlockConcept01{ display:block; margin:0 auto; margin-top: 40px; padding:0 0 20px 0; width:100%; max-width:690px; font-size:1.2rem;
    border-bottom:1px dotted #171313; background:none; text-align: center;}
    .BlockConcept01 img{ margin:0 auto;}
    .BlockConcept01 p{font-size:1.1rem; line-height:170%; padding:10px 0 10px 0; margin:0 0 60px 0; text-align: left; }
    }

.BlockConcept02{ display:block; margin:80px 0 0 0; padding:0 0 410px 0; width:930px;
 background:url(../img/bg_concept02.jpg) no-repeat bottom left;}
.BlockConcept02L{ display:block; margin:0; padding:0; width:336px; float:left;}
.BlockConcept02R{ display:block; margin:0; padding:0; width:540px; float:right;}
.BlockConcept02 h3{ display:block; margin:0 0 10px 0; padding:10px 0 0 40px; background:url(../img/hishi.jpg) no-repeat center left;  font-size:1.2rem; font-weight:bold; color:#000000; min-height:32px;}
.BlockConcept02 p{font-size:1.1rem; line-height:170%; padding:14px 0 10px 0; margin:0 0 40px 0; }
 	@media (max-width: 930px){
    .BlockConcept02{ display:block; margin:0 auto; margin-top: 40px; padding:0; width:100%; max-width:690px;
     background:none;}
    .BlockConcept02L{ display:none;}
    .BlockConcept02R{ display:block; margin:0; padding:0; width:100%; float:none;}
    .BlockConcept02 h3{ display:block; margin:0 0 10px 0; padding:14px 0 0 40px; background:url(../img/hishi.jpg) no-repeat center left;  font-size:1.2rem; font-weight:bold; color:#000000; min-height:32px;}
    .BlockConcept02 p{font-size:1.1rem; line-height:170%; padding:10px 0 10px 0; margin:0 0 40px 0; }
    }

.BlockConcept03{ display:block; margin:80px 0 0 0; padding:0; width:930px; font-size:1.2rem;
background:url(../img/bg_concept03.jpg) no-repeat bottom left; }
.BlockConcept03L{ display:block; margin:0; padding:0; width:470px; float:left;}
.BlockConcept03R{ display:block; margin:0; padding:0; width:402px; float:right;}
.BlockConcept03 h3{ display:block; margin:0; padding:0 0 5px 0;font-size:1.2rem; font-weight:bold; color:#000000;
border-bottom:1px dotted #000000;}
.BlockConcept03 h4{ display:block; margin:0 0 10px 0; padding:0;font-size:1.2rem; font-weight:normal; color:#666666;}
.BlockConcept03 h4 span{font-size:1.0rem;}
.BlockConcept03 p{font-size:1.1rem; line-height:170%; padding:10px 0 10px 0; margin:0 0 40px 0; }
 	@media (max-width: 930px){
    .BlockConcept03{ display:block; margin:0 auto; margin-top: 40px; padding:0;  width:100%;  max-width:690px; font-size:1.2rem;
    background:none; }
    .BlockConcept03L{ display:block; margin:0; padding:0; width:100%; float:none;}
    .BlockConcept03R{ display:block; margin:0; padding:0; width:100%; float:none;}
    .BlockConcept03 h3{ display:block; margin:0; padding:0 0 5px 0;font-size:1.2rem; font-weight:bold; color:#000000;
    border-bottom:1px dotted #000000;}
    .BlockConcept03 h4{ display:block; margin:0 0 10px 0; padding:0;font-size:1.2rem; font-weight:normal; color:#666666;}
    .BlockConcept03 h4 span{font-size:1.0rem;}
    .BlockConcept03 p{font-size:1.1rem; line-height:170%; padding:10px 0 10px 0; margin:0 0 40px 0; }
    }


/* Shop */  
h3.h3_shop { display:block; width:100%; height:32px; margin-bottom:30px; }
.ShopWrap{ display:block; margin:0 0 60px 0; padding:0; width:930px;}
.BlockShop01{ display:block; margin:0 30px 0 0; padding:0; width:450px; float:left;}
.BlockShop02{ display:block; margin:0; padding:0; width:450px; float:right;}
.BlockShop01 h4 , .BlockShop02 h4{ display:block; margin:0; padding:0 0 5px 0;font-size:1.2rem; font-weight:normal; color:#000000; border-bottom:1px solid #000000;}
.BlockShop01 h4 span, .BlockShop02 h4 span{ font-size:1.0rem;}

.ShopWrap2{ display:flex; flex-wrap: wrap; justify-content: space-between; margin:0; padding:0; width:930px;}
.BlockShop03{ display:block; margin:0 0 60px 0; padding:0; width:450px;}
.BlockShop03 h4 , .BlockShop02 h4{ display:block; margin:0; padding:0 0 5px 0;font-size:1.2rem; font-weight:normal; color:#000000; border-bottom:1px solid #000000;}
.BlockShop03 h4 span, .BlockShop02 h4 span{ font-size:1.0rem;}
 
.BlockShopInner{ display: table; margin:0; padding:0; width:450px;}
.BlockShopInnerL{ display: table-cell; margin:0; padding:0; width:398px;}
.BlockShopInnerR{ display: table-cell; margin:0; padding:0; width:52px; vertical-align:bottom;}
 	@media (max-width: 930px){
    .ShopWrap2{ display:flex; flex-wrap: wrap; justify-content: space-between; margin:0; padding:0; width:100%; max-width:930px;}
    .BlockShop03{ display:block; margin:0 0 60px 0; padding:0; width:100%; }
    .BlockShop03 h4 , .BlockShop02 h4{ display:block; margin:0; padding:0 0 5px 0;font-size:1.2rem; font-weight:normal; color:#000000; border-bottom:1px solid #000000;}
    .BlockShop03 h4 span, .BlockShop02 h4 span{ font-size:1.0rem;}

    .BlockShopInner{ display: block; margin:0; padding:0; width:100%;}
    .BlockShopInnerL{ display: block; margin:0; padding:0; width:100%;}
    .BlockShopInnerR{ display: block; margin:0; padding:0; width:100%; vertical-align:bottom;}
      }

        
h3.h3_topics{ margin:0; padding:10px 0 0 5px; width:430px; height:50px; display:block;box-sizing: border-box;
background:url(../img/h3_topics.jpg) no-repeat top right; font-family: arno-pro, serif; font-size:24px; font-weight:normal; color:#333333
}
h3.h3_topics span{ display:inline-block; margin-right:10px;font-family: kozuka-gothic-pro, sans-serif; font-size:12px; font-weight:normal; color:#3333333
}
.BlockTopics{ display:block; margin:10px 0 0 0; padding:5px; width:430px; height:205px; overflow:auto; box-sizing:border-box; }
.BlockTopics dl{ display:block; margin:5px 0; width:400px; }
.BlockTopics dl dt{ display:block; margin:0; width:85px; float:left; font-size:0.85rem; }
.BlockTopics dl dd{ display:block; margin:0; width:315px; float:left; font-size:0.85rem; }
.BlockTopics p{ display:block; margin:0; padding:0; font-size:0.85rem; }
 	@media (max-width: 430px){
     h3.h3_topics{ margin:0; padding:10px 0 0 5px; width:100%; height:50px; display:block; box-sizing: border-box;
    background:url(../img/h3_topics.jpg) no-repeat top right; font-family: arno-pro, serif; font-size:24px; font-weight:normal; color:#333333
    }
    h3.h3_topics span{ display:inline-block; margin-right:10px;font-family: kozuka-gothic-pro, sans-serif; font-size:12px; font-weight:normal; color:#3333333
    }
    .BlockTopics{ display:block; margin:10px 0 0 0; padding:5px; width:100%; max-width:430px; height:205px; overflow:auto; box-sizing:border-box; }
    .BlockTopics dl{ display:block; margin:5px 0; width:100%; max-width:400px; }
    .BlockTopics dl dt{ display:block; margin:0; width:85px; float:left; font-size:0.85rem; }
    .BlockTopics dl dd{ display:block; margin:0; width:calc(100% -85px); float:left; font-size:0.85rem; }
    .BlockTopics p{ display:block; margin:0; padding:0; font-size:0.85rem; }
      }

#BlockBanner { margin:0 auto; padding:15px 0 0 0; width:455px; }
#BlockBanner ul{ margin:0; padding:14px 0 0 0; width:455px; list-style:none; }
#BlockBanner ul li{ margin:0 21px 0 0; padding:0; width:217px; float:left; }
#BlockBanner ul li.tail{ margin:0;padding:0; }
#BlockBanner2 { margin:0 auto; margin-bottom:12px; padding:0; width:930px; }
#BlockBanner2 ul{ margin:0 auto; padding:0; width:930px; list-style:none; }
#BlockBanner2 ul li{ margin:0 12px 0 0; padding:0; width:302px; float:left; }
#BlockBanner2 ul li.tail{ margin:0;padding:0; }
#BlockBanner3 { margin:0 auto; padding:0; width:930px; }
#BlockBanner3 ul{ margin:0 auto; padding:0; width:930px; list-style:none; }
#BlockBanner3 ul li{ margin:0 14px 0 0; padding:0; width:458px; float:left; }
#BlockBanner3 ul li.tail{ margin:0;padding:0; }
#BlockBanner4 { margin:0 auto; margin-bottom:12px; padding:0; width:930px; }
#BlockBanner4 ul{ margin:0 auto; padding:0; width:930px; list-style:none; }
#BlockBanner4 ul li{ margin:0 12px 0 0; padding:0; width:302px; float:left; }
#BlockBanner4 ul li.tail{ margin:0;padding:0; }
 	@media (max-width: 930px){
    #BlockBanner { margin:0 auto; padding:15px 0 0 0; width:100%; }
    #BlockBanner ul{ display:flex; justify-content: center; flex-wrap:nowrap; margin:0; padding:14px 0 0 0; width:100%; list-style:none; }
    #BlockBanner ul li{ margin:0 10px; padding:0; width:calc(50% - 20px); max-width:217px; float:none; }
    #BlockBanner2 { margin:0 auto; padding:0; width:100%; }
    #BlockBanner2 ul{ margin:0 auto; padding:0; width:100%; list-style:none; }
    #BlockBanner2 ul li{ margin:0 auto; padding:0; width:100%; max-width:302px; float:none; }
    #BlockBanner2 ul li.tail{ margin:0 auto !important;padding:0; }
    #BlockBanner3 { margin:0 auto; padding:0; width:100%; }
    #BlockBanner3 ul{ margin:0 auto; padding:0; width:100%; list-style:none; }
    #BlockBanner3 ul li{ margin:0 auto; padding:0; width:100%; max-width:458px; float:none; }
    #BlockBanner3 ul li.tail{ margin:0 auto !important;padding:0; }
    #BlockBanner4 { margin:0 auto; margin-bottom:12px; padding:0; width:100%; }
    #BlockBanner4 ul{ margin:0 auto; padding:0; width:100%; list-style:none; }
    #BlockBanner4 ul li{ margin:0 auto; padding:0; width:100%; max-width:302px; float:none; }
    #BlockBanner4 ul li.tail{ margin:0 auto !important;padding:0; }
    }
/* Shop */  
.HoneyWrap{ display:block; margin:0; padding:0; width:930px;}
.HoneyWrap dl{ display:block; margin:0; padding:5px 0 0 2px; width:310px; height:582px; float:left;
background:url(../img/bg_honey01.jpg) no-repeat center left; box-sizing:border-box;}
.HoneyWrap dl dt{ display:block; margin:0; padding:0; width:289px; height:315px;}
.HoneyWrap dl dt img{ display:block; margin:0; padding:0; width:289px; height:auto;}
.HoneyWrap dl dt h3{ display:block; margin:0; padding:0; width:289px; height:82px;}
.HoneyWrap dl dt h3 span{ display:block; margin:0; padding:0; width:34px; height:34px; position:relative; top:-40px; left:245px;}
.HoneyWrap dl dt h3 span img{ display:block; margin:0; padding:0; width:auto; height:auto;}
.HoneyWrap dl dt h4{ display:block; margin:0; padding:4px 4px 0 4px; width:289px; height:29px; box-sizing:border-box;  font-size:0.85rem; line-height:120%;}
.HoneyWrap dl dd{ display:block; margin:0; padding:0; width:289px; height:246px;}
.HoneyWrap dl dd p{ display:block; margin:0; padding:30px 4px 0 4px; width:289px; height:190px; box-sizing:border-box; font-size:0.8rem;}
.HoneyWrap dl dd table{ display:block; margin:0 4px; padding:0; width:281px; box-sizing:border-box; font-size:0.8rem;}
.HoneyWrap dl dd table tr{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;}
.HoneyWrap dl dd table tr td{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;}
.HoneyWrap dl dd.dd2 p{ display:block; margin:0; padding:30px 4px 0 4px; width:289px; height:165px; box-sizing:border-box; font-size:0.8rem;}
 	@media (max-width: 930px){
     .HoneyWrap{ display:block; margin:0; padding:0; width:100%;}
    .HoneyWrap dl{ display:block; margin:0; padding:5px 0 0 2px; width:310px; height:582px; float:left;
    background:url(../img/bg_honey01.jpg) no-repeat center left; box-sizing:border-box;}
    .HoneyWrap dl dt{ display:block; margin:0; padding:0; width:289px; height:315px;}
    .HoneyWrap dl dt img{ display:block; margin:0; padding:0; width:289px; height:auto;}
    .HoneyWrap dl dt h3{ display:block; margin:0; padding:0; width:289px; height:82px;}
    .HoneyWrap dl dt h3 span{ display:block; margin:0; padding:0; width:34px; height:34px; position:relative; top:-40px; left:245px;}
    .HoneyWrap dl dt h3 span img{ display:block; margin:0; padding:0; width:auto; height:auto;}
    .HoneyWrap dl dt h4{ display:block; margin:0; padding:4px 4px 0 4px; width:289px; height:29px; box-sizing:border-box;  font-size:0.85rem; line-height:120%;}
    .HoneyWrap dl dd{ display:block; margin:0; padding:0; width:289px; height:246px;}
    .HoneyWrap dl dd p{ display:block; margin:0; padding:30px 4px 0 4px; width:289px; height:190px; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap dl dd table{ display:block; margin:0 4px; padding:0; width:281px; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap dl dd table tr{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap dl dd table tr td{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap dl dd.dd2 p{ display:block; margin:0; padding:30px 4px 0 4px; width:289px; height:165px; box-sizing:border-box; font-size:0.8rem;}
   }

/* Shop2 */  
.HoneyWrap2{ display:flex; justify-content: flex-start; flex-wrap:wrap; margin:0; padding:0; width:930px;}
.HoneyWrap2 dl{ display:flex; flex-direction: column; justify-content: space-between; margin:0 24px 24px 0; padding:0; width:289px; 
 box-sizing:border-box; box-shadow: 2px 2px 7px rgba(0,0,0,0.6);}
.HoneyWrap2 dl:nth-of-type(3n){ margin:0 0 24px 0;}
.HoneyWrap2 dl dt{ display:block; margin:0; padding:0; width:289px;}
.HoneyWrap2 dl dt img{ display:block; margin:0; padding:0; width:289px; height:auto;}
.HoneyWrap2 dl dt h3{ display:block; margin:0; padding:0 6px; box-sizing:border-box; border-bottom:2px dotted #666666; font-size:1.2rem; font-weight:normal; line-height:120%; }
.HoneyWrap2 dl dt h3 span{ display:block; margin:0 0 10px 0; padding:0; font-family: 'Cinzel', serif; font-size:1.8rem; font-weight:normal; }
.HoneyWrap2 dl dt h4{ display:block; margin:0; padding:4px 6px 0 6px; box-sizing:border-box;  font-size:0.85rem; font-weight:bold; line-height:120%; font-family: 'Noto Sans JP', sans-serif;}
.HoneyWrap2 dl dt p{ display:block; margin:0 0 10px 0; padding:4px 6px 0 6px; box-sizing:border-box; font-size:1.0rem; font-weight:bold; font-family: 'Noto Serif JP', serif; }
.HoneyWrap2 dl dt p.desc{ display:block; margin:0; padding:10px 6px 30px 4px; box-sizing:border-box; font-size:0.9rem;font-family: 'Noto Sans JP', sans-serif; font-weight:normal;}
.HoneyWrap2 dl dd{ display:flex; flex-direction:column;justify-content: space-between; margin:0; padding:0 0 10px 0; }
.HoneyWrap2 dl dd p{ display:block; margin:0; padding:10px 6px 30px 4px; box-sizing:border-box; font-size:0.8rem;}
.HoneyWrap2 dl dd table{ display:block; margin:0 4px; padding:0; width:281px; box-sizing:border-box; font-size:0.8rem;}
.HoneyWrap2 dl dd table tr{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;}
.HoneyWrap2 dl dd table tr td{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;font-family: 'Noto Sans JP', sans-serif; line-height: 120%;}
.HoneyWrap2 dl dd.dd2 p{ display:block; margin:0; padding:30px 4px 0 4px; width:289px; height:165px; box-sizing:border-box; font-size:0.8rem;}
ul.list_icon{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0; padding:0;}
ul.list_icon li{ display:inline-block; margin:0 10px 0 0; padding:0;}
 	@media (max-width: 930px){
    .HoneyWrap2{ display:flex; justify-content: flex-start; flex-wrap:wrap; margin:0 auto; padding:0; width:100%; max-width:578px}
    .HoneyWrap2 dl, .HoneyWrap2 dl:nth-of-type(3n){ display:flex; flex-direction: column; justify-content: space-between; margin:0 10px 24px 10px; padding:0; width:calc(50% - 20px); max-width:289px;   box-sizing:border-box; box-shadow: 2px 2px 7px rgba(0,0,0,0.6);}
    .HoneyWrap2 dl dt{ display:block; margin:0; padding:0; width:100%;}
    .HoneyWrap2 dl dt img{ display:block; margin:0; padding:0; max-width:100%; height:auto;}
    .HoneyWrap2 dl dt h3{ display:block; margin:0; padding:0 6px; box-sizing:border-box; border-bottom:2px dotted #666666; font-size:1.2rem; font-weight:normal; line-height:120%; }
    .HoneyWrap2 dl dt h3 span{ display:block; margin:0 0 10px 0; padding:0; font-family: 'Cinzel', serif; font-size:1.8rem; font-weight:normal; }
    .HoneyWrap2 dl dt h4{ display:block; margin:0; padding:4px 6px 0 6px; box-sizing:border-box;  font-size:0.85rem; font-weight:bold; line-height:120%; font-family: 'Noto Sans JP', sans-serif;}
    .HoneyWrap2 dl dt p{ display:block; margin:0 0 10px 0; padding:4px 6px 0 6px; box-sizing:border-box; font-size:1.0rem; font-weight:bold; font-family: 'Noto Serif JP', serif; }
    .HoneyWrap2 dl dt p.desc{ display:block; margin:0; padding:10px 6px 30px 4px; box-sizing:border-box; font-size:0.9rem;font-family: 'Noto Sans JP', sans-serif; font-weight:normal;}
    .HoneyWrap2 dl dd{ display:flex; flex-direction:column;justify-content: space-between; margin:0; padding:0 0 10px 0; }
    .HoneyWrap2 dl dd p{ display:block; margin:0; padding:10px 6px 30px 4px; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap2 dl dd table{ display:block; margin:0 4px; padding:0; width:100%; max-width:281px; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap2 dl dd table tr{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap2 dl dd table tr td{  display:block; margin:0 0 5px 0; padding:0; box-sizing:border-box; font-size:0.8rem;font-family: 'Noto Sans JP', sans-serif; line-height: 120%;}
    .HoneyWrap2 dl dd.dd2 p{ display:block; margin:0; padding:30px 4px 0 4px; width:289px; height:165px; box-sizing:border-box; font-size:0.8rem;}
    ul.list_icon{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0; padding:0;}
    ul.list_icon li{ display:inline-block; margin:0 10px 0 0; padding:0;}
    }
 	@media (max-width: 600px){
    .HoneyWrap2{ display:flex; justify-content: center; flex-wrap:wrap; margin:0 auto; padding:0; width:100%; max-width:578px}
    .HoneyWrap2 dl, .HoneyWrap2 dl:nth-of-type(3n){ display:flex; flex-direction: column; justify-content: space-between; margin:0 0 24px 0; padding:0; width:100%; max-width:289px;   box-sizing:border-box; box-shadow: 2px 2px 7px rgba(0,0,0,0.6);}
    .HoneyWrap2 dl dt{ display:block; margin:0; padding:0; width:100%;}
    .HoneyWrap2 dl dt img{ display:block; margin:0; padding:0; max-width:100%; height:auto;}
    .HoneyWrap2 dl dt h3{ display:block; margin:0; padding:0 6px; box-sizing:border-box; border-bottom:2px dotted #666666; font-size:1.2rem; font-weight:normal; line-height:120%; }
    .HoneyWrap2 dl dt h3 span{ display:block; margin:0 0 10px 0; padding:0; font-family: 'Cinzel', serif; font-size:1.8rem; font-weight:normal; }
    .HoneyWrap2 dl dt h4{ display:block; margin:0; padding:4px 6px 0 6px; box-sizing:border-box;  font-size:0.85rem; font-weight:bold; line-height:120%; font-family: 'Noto Sans JP', sans-serif;}
    .HoneyWrap2 dl dt p{ display:block; margin:0 0 10px 0; padding:4px 6px 0 6px; box-sizing:border-box; font-size:1.0rem; font-weight:bold; font-family: 'Noto Serif JP', serif; }
    .HoneyWrap2 dl dt p.desc{ display:block; margin:0; padding:10px 6px 30px 4px; box-sizing:border-box; font-size:0.9rem;font-family: 'Noto Sans JP', sans-serif; font-weight:normal;}
    .HoneyWrap2 dl dd{ display:flex; flex-direction:column;justify-content: space-between; margin:0; padding:0 0 10px 0; }
    .HoneyWrap2 dl dd p{ display:block; margin:0; padding:10px 6px 30px 4px; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap2 dl dd table{ display:block; margin:0 4px; padding:0; width:100%; max-width:281px; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap2 dl dd table tr{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap2 dl dd table tr td{  display:block; margin:0 0 5px 0; padding:0; box-sizing:border-box; font-size:0.8rem;font-family: 'Noto Sans JP', sans-serif; line-height: 120%;}
    .HoneyWrap2 dl dd.dd2 p{ display:block; margin:0; padding:30px 4px 0 4px; width:289px; height:165px; box-sizing:border-box; font-size:0.8rem;}
    ul.list_icon{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0; padding:0;}
    ul.list_icon li{ display:inline-block; margin:0 10px 0 0; padding:0;}
    }



/* HoneyWrap3 */  
.HoneyWrap3{ display:flex; justify-content: flex-start; flex-wrap:wrap; margin:0; padding:0; width:930px;}
.HoneyWrap3 dl{ display:flex; flex-direction: column; justify-content: space-between; margin:0 24px 24px 0; padding:0; width:446px; 
 box-sizing:border-box; box-shadow: 2px 2px 7px rgba(0,0,0,0.6);}
.HoneyWrap3 dl:nth-of-type(2n){ margin:0 0 24px 0;}
.HoneyWrap3 dl dt{ display:block; margin:0 0 10px 0; padding:20px 20px 10px 20px; width:446px; box-sizing: border-box;}
.HoneyWrap3 dl dt img{ display:block; margin:0; padding:0; width:406px; height:auto;}
.HoneyWrap3 dl dt h3{ display:block; margin:0 0 10px 0; padding:0 6px; box-sizing:border-box; border-bottom:2px dotted #666666; font-size:1.2rem; font-weight:normal; line-height:120%; }
.HoneyWrap3 dl dt h3 span{ display:block; margin:0 0 10px 0; padding:0; font-family: 'Cinzel', serif; font-size:1.8rem; font-weight:normal; }
.HoneyWrap3 dl dt h4{ display:block; margin:0; padding:4px 6px 0 6px; box-sizing:border-box;  font-size:0.85rem; font-weight:bold; line-height:120%; font-family: 'Noto Sans JP', sans-serif;}
.HoneyWrap3 dl dt p{ display:block; margin:0 0 10px 0; padding:4px 6px 0 6px; box-sizing:border-box; font-size:1.0rem; font-weight:bold; font-family: 'Noto Serif JP', serif; }
.HoneyWrap3 dl dt p.desc{ display:block; margin:0; padding:10px 6px 10px 4px; box-sizing:border-box; font-size:0.9rem;font-family: 'Noto Sans JP', sans-serif; font-weight:normal;}
.HoneyWrap3 dl dd{ display:flex; flex-direction:column;justify-content: space-between; margin:0; padding:0 20px 10px 20px; box-sizing: border-box; }
.HoneyWrap3 dl dd p{ display:block; margin:0; padding:10px 6px 30px 4px; box-sizing:border-box; font-size:0.8rem;}
.HoneyWrap3 dl dd table{ display:block; margin:0 4px; padding:0; width:281px; box-sizing:border-box; font-size:0.8rem;}
.HoneyWrap3 dl dd table tr{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;}
.HoneyWrap3 dl dd table tr td{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;font-family: 'Noto Sans JP', sans-serif; line-height: 120%;}
.HoneyWrap3 dl dd.dd2 p{ display:block; margin:0; padding:30px 4px 0 4px; width:289px; height:165px; box-sizing:border-box; font-size:0.8rem;}
 	@media (max-width: 930px){
     /* HoneyWrap3 */  
    .HoneyWrap3{ display:flex; justify-content: center; flex-wrap:wrap; margin:0; padding:0; width:100%;}
    .HoneyWrap3 dl{ display:flex; flex-direction: column; justify-content: space-between; margin:0 24px 24px 0; padding:0; width:100%; max-width:446px; 
     box-sizing:border-box; box-shadow: 2px 2px 7px rgba(0,0,0,0.6);}
    .HoneyWrap3 dl:nth-of-type(2n){ margin:0 0 24px 0;}
    .HoneyWrap3 dl dt{ display:block; margin:0 0 10px 0; padding:20px 20px 10px 20px; width:100%; max-width:446px;  box-sizing: border-box;}
    .HoneyWrap3 dl dt img{ display:block; margin:0; padding:0; width:406px; height:auto;}
    .HoneyWrap3 dl dt h3{ display:block; margin:0 0 10px 0; padding:0 6px; box-sizing:border-box; border-bottom:2px dotted #666666; font-size:1.2rem; font-weight:normal; line-height:120%; }
    .HoneyWrap3 dl dt h3 span{ display:block; margin:0 0 10px 0; padding:0; font-family: 'Cinzel', serif; font-size:1.8rem; font-weight:normal; }
    .HoneyWrap3 dl dt h4{ display:block; margin:0; padding:4px 6px 0 6px; box-sizing:border-box;  font-size:0.85rem; font-weight:bold; line-height:120%; font-family: 'Noto Sans JP', sans-serif;}
    .HoneyWrap3 dl dt p{ display:block; margin:0 0 10px 0; padding:4px 6px 0 6px; box-sizing:border-box; font-size:1.0rem; font-weight:bold; font-family: 'Noto Serif JP', serif; }
    .HoneyWrap3 dl dt p.desc{ display:block; margin:0; padding:10px 6px 10px 4px; box-sizing:border-box; font-size:0.9rem;font-family: 'Noto Sans JP', sans-serif; font-weight:normal;}
    .HoneyWrap3 dl dd{ display:flex; flex-direction:column;justify-content: space-between; margin:0; padding:0 20px 10px 20px; box-sizing: border-box; }
    .HoneyWrap3 dl dd p{ display:block; margin:0; padding:10px 6px 30px 4px; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap3 dl dd table{ display:block; margin:0 4px; padding:0; width:281px; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap3 dl dd table tr{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap3 dl dd table tr td{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;font-family: 'Noto Sans JP', sans-serif; line-height: 120%;}
    .HoneyWrap3 dl dd.dd2 p{ display:block; margin:0; padding:30px 4px 0 4px; width:289px; height:165px; box-sizing:border-box; font-size:0.8rem;}
   }
 	@media (max-width: 600px){
    .HoneyWrap3{ display:flex; justify-content: center; flex-wrap:wrap; margin:0; padding:0; width:100%;}
    .HoneyWrap3 dl{ display:flex; flex-direction: column; justify-content: space-between; margin:0 0 24px 0; padding:0; width:100%; max-width:446px; 
     box-sizing:border-box; box-shadow: 2px 2px 7px rgba(0,0,0,0.6);}
    .HoneyWrap3 dl:nth-of-type(2n){ margin:0;}
    .HoneyWrap3 dl dt{ display:block; margin:0 0 10px 0; padding:20px 20px 10px 20px; width:100%; max-width:446px;  box-sizing: border-box;}
    .HoneyWrap3 dl dt img{ display:block; margin:0; padding:0; width:406px; height:auto;}
    .HoneyWrap3 dl dt h3{ display:block; margin:0 0 10px 0; padding:0 6px; box-sizing:border-box; border-bottom:2px dotted #666666; font-size:1.2rem; font-weight:normal; line-height:120%; }
    .HoneyWrap3 dl dt h3 span{ display:block; margin:0 0 10px 0; padding:0; font-family: 'Cinzel', serif; font-size:1.8rem; font-weight:normal; }
    .HoneyWrap3 dl dt h4{ display:block; margin:0; padding:4px 6px 0 6px; box-sizing:border-box;  font-size:0.85rem; font-weight:bold; line-height:120%; font-family: 'Noto Sans JP', sans-serif;}
    .HoneyWrap3 dl dt p{ display:block; margin:0 0 10px 0; padding:4px 6px 0 6px; box-sizing:border-box; font-size:1.0rem; font-weight:bold; font-family: 'Noto Serif JP', serif; }
    .HoneyWrap3 dl dt p.desc{ display:block; margin:0; padding:10px 6px 10px 4px; box-sizing:border-box; font-size:0.9rem;font-family: 'Noto Sans JP', sans-serif; font-weight:normal;}
    .HoneyWrap3 dl dd{ display:flex; flex-direction:column;justify-content: space-between; margin:0; padding:0 20px 10px 20px; box-sizing: border-box; }
    .HoneyWrap3 dl dd p{ display:block; margin:0; padding:10px 6px 30px 4px; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap3 dl dd table{ display:block; margin:0 4px; padding:0; width:281px; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap3 dl dd table tr{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap3 dl dd table tr td{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;font-family: 'Noto Sans JP', sans-serif; line-height: 120%;}
    .HoneyWrap3 dl dd.dd2 p{ display:block; margin:0; padding:30px 4px 0 4px; width:289px; height:165px; box-sizing:border-box; font-size:0.8rem;}
    ul.list_icon li{ display:inline-block; margin:0 10px 0 0; padding:0;}
    }


/* HoneyWrap4 */  
.HoneyWrap4{ display:flex; justify-content: flex-start; flex-wrap:wrap; margin:0; padding:0; width:930px;}
.HoneyWrap4 dl{ display:flex; flex-direction: column; justify-content: space-between; margin:0 24px 24px 0; padding:0; width:446px; 
 box-sizing:border-box; box-shadow: 2px 2px 7px rgba(0,0,0,0.6);}
.HoneyWrap4 dl:nth-of-type(2n){ margin:0 0 24px 0;}
.HoneyWrap4 dl dt{ display:block; margin:0 0 10px 0; padding:20px 20px 10px 20px; width:446px; box-sizing: border-box;}
.HoneyWrap4 dl dt img{ display:block; margin:0; padding:0; width:406px; height:auto;}
.HoneyWrap4 dl dt h3{ display:block; margin:0 0 10px 0; padding:0 6px; box-sizing:border-box; border-bottom:2px dotted #666666; font-size:1.4rem; font-weight:bold; line-height:120%; }
.HoneyWrap4 dl dt h3 span{ display:inline-block; margin:0 10px 10px 0; padding:0; font-family: 'Cinzel', serif; font-size:1.6rem; font-weight:bold; }
.HoneyWrap4 dl dt h4{ display:block; margin:0; padding:4px 6px 0 6px; box-sizing:border-box;  font-size:0.85rem; font-weight:bold; line-height:120%; font-family: 'Noto Sans JP', sans-serif;}
.HoneyWrap4 dl dt p{ display:block; margin:0 0 10px 0; padding:4px 6px 0 6px; box-sizing:border-box; font-size:1.0rem; font-weight:bold; font-family: 'Noto Sans JP', serif; }
.HoneyWrap4 dl dt p.desc{ display:block; margin:0; padding:10px 6px 10px 4px; box-sizing:border-box; font-size:0.9rem;font-family: 'Noto Sans JP', sans-serif; font-weight:normal;}
.HoneyWrap4 dl dd{ display:flex; flex-direction:column;justify-content: space-between; margin:0; padding:0 20px 10px 20px; box-sizing: border-box; }
.HoneyWrap4 dl dd p{ display:block; margin:0; padding:10px 6px 30px 4px; box-sizing:border-box; font-size:0.8rem;}
.HoneyWrap4 dl dd table{ display:block; margin:0 4px; padding:0; width:281px; box-sizing:border-box; font-size:0.8rem;}
.HoneyWrap4 dl dd table tr{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;}
.HoneyWrap4 dl dd table tr td{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;font-family: 'Noto Sans JP', sans-serif; line-height: 120%;}
.HoneyWrap4 dl dd.dd2 p{ display:block; margin:0; padding:30px 4px 0 4px; width:289px; height:165px; box-sizing:border-box; font-size:0.8rem;}
 	@media (max-width: 930px){
    .HoneyWrap4{ display:flex; justify-content: flex-start; flex-wrap:wrap; margin:0 auto; padding:0; width:100%; max-width:578px}
    .HoneyWrap4 dl, .HoneyWrap2 dl:nth-of-type(3n){ display:flex; flex-direction: column; justify-content: space-between; margin:0 10px 24px 10px; padding:0; width:calc(50% - 20px); max-width:289px;   box-sizing:border-box; box-shadow: 2px 2px 7px rgba(0,0,0,0.6);}
    .HoneyWrap4 dl dt{ display:block; margin:0; padding:0; width:100%;}
    .HoneyWrap4 dl dt img{ display:block; margin:0; padding:0; max-width:100%; height:auto;}
    .HoneyWrap4 dl dt h3{ display:block; margin:0; padding:0 6px; box-sizing:border-box; border-bottom:2px dotted #666666; font-size:1.2rem; font-weight:normal; line-height:120%; }
    .HoneyWrap4 dl dt h3 span{ display:block; margin:0 0 10px 0; padding:0; font-family: 'Cinzel', serif; font-size:1.8rem; font-weight:normal; }
    .HoneyWrap4 dl dt h4{ display:block; margin:0; padding:4px 6px 0 6px; box-sizing:border-box;  font-size:0.85rem; font-weight:bold; line-height:120%; font-family: 'Noto Sans JP', sans-serif;}
    .HoneyWrap4 dl dt p{ display:block; margin:0 0 10px 0; padding:4px 6px 0 6px; box-sizing:border-box; font-size:1.0rem; font-weight:bold; font-family: 'Noto Serif JP', serif; }
    .HoneyWrap4 dl dt p.desc{ display:block; margin:0; padding:10px 6px 30px 4px; box-sizing:border-box; font-size:0.9rem;font-family: 'Noto Sans JP', sans-serif; font-weight:normal;}
    .HoneyWrap4 dl dd{ display:flex; flex-direction:column;justify-content: space-between; margin:0; padding:0 0 10px 0; }
    .HoneyWrap4 dl dd p{ display:block; margin:0; padding:10px 6px 30px 4px; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap4 dl dd table{ display:block; margin:0 4px; padding:0; width:100%; max-width:281px; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap4 dl dd table tr{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap4 dl dd table tr td{  display:block; margin:0 0 5px 0; padding:0; box-sizing:border-box; font-size:0.8rem;font-family: 'Noto Sans JP', sans-serif; line-height: 120%;}
    .HoneyWrap4 dl dd.dd2 p{ display:block; margin:0; padding:30px 4px 0 4px; width:289px; height:165px; box-sizing:border-box; font-size:0.8rem;}
    ul.list_icon{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0; padding:0;}
    ul.list_icon li{ display:inline-block; margin:0 10px 0 0; padding:0;}
    }
 	@media (max-width: 600px){
    .HoneyWrap4{ display:flex; justify-content: center; flex-wrap:wrap; margin:0 auto; padding:0; width:100%; max-width:578px}
    .HoneyWrap4 dl, .HoneyWrap2 dl:nth-of-type(3n){ display:flex; flex-direction: column; justify-content: space-between; margin:0 0 24px 0; padding:0; width:100%; max-width:289px;   box-sizing:border-box; box-shadow: 2px 2px 7px rgba(0,0,0,0.6);}
    .HoneyWrap4 dl dt{ display:block; margin:0; padding:0; width:100%;}
    .HoneyWrap4 dl dt img{ display:block; margin:0; padding:0; max-width:100%; height:auto;}
    .HoneyWrap4 dl dt h3{ display:block; margin:0; padding:0 6px; box-sizing:border-box; border-bottom:2px dotted #666666; font-size:1.2rem; font-weight:normal; line-height:120%; }
    .HoneyWrap4 dl dt h3 span{ display:block; margin:0 0 10px 0; padding:0; font-family: 'Cinzel', serif; font-size:1.8rem; font-weight:normal; }
    .HoneyWrap4 dl dt h4{ display:block; margin:0; padding:4px 6px 0 6px; box-sizing:border-box;  font-size:0.85rem; font-weight:bold; line-height:120%; font-family: 'Noto Sans JP', sans-serif;}
    .HoneyWrap4 dl dt p{ display:block; margin:0 0 10px 0; padding:4px 6px 0 6px; box-sizing:border-box; font-size:1.0rem; font-weight:bold; font-family: 'Noto Serif JP', serif; }
    .HoneyWrap4 dl dt p.desc{ display:block; margin:0; padding:10px 6px 30px 4px; box-sizing:border-box; font-size:0.9rem;font-family: 'Noto Sans JP', sans-serif; font-weight:normal;}
    .HoneyWrap4 dl dd{ display:flex; flex-direction:column;justify-content: space-between; margin:0; padding:0 0 10px 0; }
    .HoneyWrap4 dl dd p{ display:block; margin:0; padding:10px 6px 30px 4px; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap4 dl dd table{ display:block; margin:0 4px; padding:0; width:100%; max-width:281px; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap4 dl dd table tr{  margin:0; padding:0; box-sizing:border-box; font-size:0.8rem;}
    .HoneyWrap4 dl dd table tr td{  display:block; margin:0 0 5px 0; padding:0; box-sizing:border-box; font-size:0.8rem;font-family: 'Noto Sans JP', sans-serif; line-height: 120%;}
    .HoneyWrap4 dl dd.dd2 p{ display:block; margin:0; padding:30px 4px 0 4px; width:289px; height:165px; box-sizing:border-box; font-size:0.8rem;}
    ul.list_icon{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0; padding:0;}
    ul.list_icon li{ display:inline-block; margin:0 10px 0 0; padding:0;}
    }




/* Shop2 */  
.OthersWrap{ display:block; margin:0; padding:0; width:930px;}
.OthersWrap dl{ display:flex; justify-content: space-between; flex-wrap:wrap; margin:0 0 30px 0; padding:20px 25px; width:100%;
background:#FFFFFF; box-shadow: 3px 3px 3px 3px #bbb; box-sizing:border-box;}
.OthersWrap dl dt{ display:block; margin:0; padding:0; width:285px;}
.OthersWrap dl dd{ display:block; margin:0; padding:0; width:554px;}
.OthersWrap dl dd h3{ display:block; margin:0 0 15px 0; padding:0; font-size:1.2rem;}
.OthersWrap dl dd h3 span{ display:block; margin:0; padding:0; font-size:1.0rem;}
.OthersWrap dl dd p{ display:block; margin:0; padding:0; box-sizing:border-box; font-size:0.9rem;}


/* Contact */  
#ContactWrap{ display:block; margin:0; padding:0; width:930px;}
.BlockContact01{ display:block; margin:0 0 60px 0; padding:0; width:930px; text-align:center;}
.BlockContact01Inner{ display:block; margin:0; padding:0; text-align: center;}
.BlockContact01Inner img{ margin:0 auto;}
.BlockContact01 table{ display:block; margin:0 auto; padding:0; width:624px; font-size:0.9rem; background:#FFFFFF;}
.BlockContact01 table tr{  margin:0; padding:0; box-sizing:border-box;}
.BlockContact01 table tr th{  margin:0; padding:2px 0; background:#F4E5C3; width:154px; text-align:center; }
.BlockContact01 table tr td{  margin:0; padding:2px 0 2px 60px; background:#F4E5C3; width:466px; text-align:left;}
.BlockContact02{ display:block; margin:0; padding:0; width:930px; text-align:left;}
.BlockContact02 h3{ display:block; margin:0 0 24px 0; padding:0; width:930px; height:48px;
background:url(../img/h3_contact.jpg) no-repeat top left; text-indent:-9999px;}
.BlockContact02 p{ display:block; margin:0 auto; margin-bottom:30px; padding:20px 20px; border:1px solid #D6D6D6; width:870px;  box-sizing:border-box; font-size:0.9rem;
background:#FBFAF5; text-align:left;}

.BlockContact02 table{ display:block; margin:0 auto; padding:0; width:870px; font-size:0.9rem; background:#D6D6D6;}
.BlockContact02 table tr{  margin:0; padding:0; box-sizing:border-box;}
.BlockContact02 table tr th{  margin:0; padding:10px; background:#E3DFD4; width:154px; text-align:left; }
.BlockContact02 table tr td{  margin:0; padding:10px; background:#FBFAF5; width:716px; text-align:left;}
input{ border:1px solid #D6D6D6; }
textarea{ border:1px solid #D6D6D6; }
 	@media (max-width: 930px){
    #ContactWrap{ display:block; margin:0; padding:0; width:100%; max-width:930px;}
    .BlockContact01{ display:block; margin:0 0 60px 0; padding:0; width:100%; max-width:930px; text-align:center;}
     .BlockContact01 table{ display:block; margin:0 auto; padding:0; width:100%; max-width:624px; font-size:0.9rem; background:#FFFFFF;}
     .BlockContact01 tbody{ display:block; margin:0 auto; padding:0; width:100%;}
    .BlockContact01 table tr{  display:block; width:100%; margin:0; border-bottom: 2px solid #FFFFFF; padding:0; box-sizing:border-box;}
    .BlockContact01 table tr th{ display:block; margin:0; padding:4px 0; background:#F4E5C3; width:100%; text-align:center;box-sizing: border-box; }
    .BlockContact01 table tr td{ display:block;margin:0; padding:4px 0 4px 0; background:#F4E5C3; width:100%; text-align:center;box-sizing: border-box;}
    .BlockContact02{ display:block; margin:0; padding:0; width:100%; max-width:930px; text-align:left;}
    .BlockContact02 h3{ display:block; margin:0 0 24px 0; padding:0; width:100%; max-width:930px; height:48px;
    background:url(../img/h3_contact.jpg) no-repeat top left; text-indent:-9999px;}
    .BlockContact02 p{ display:block; margin:0 auto; margin-bottom:30px; padding:20px 20px; border:1px solid #D6D6D6; width:100%; max-width:870px;  box-sizing:border-box; font-size:0.9rem;
    background:#FBFAF5; text-align:left;}

    .BlockContact02 table{ display:block; margin:0 auto; padding:0; width:100%; max-width:870px; font-size:0.9rem; background:#D6D6D6;}
     .BlockContact02 tbody{ display:block; margin:0 auto; padding:0; width:100%;}
    .BlockContact02 table tr{ display:block; width:100%; margin:0; padding:0; box-sizing:border-box;}
    .BlockContact02 table tr th{ display:block; margin:0; padding:10px; background:#E3DFD4; width:100%; text-align:left;box-sizing: border-box; }
    .BlockContact02 table tr td{ display:block; margin:0; padding:10px; background:#FBFAF5; width:100%; text-align:left; box-sizing: border-box;}
    input{ border:1px solid #D6D6D6; box-sizing: border-box; max-width:100%; padding:4px; box-sizing: border-box; }
    textarea{ border:1px solid #D6D6D6; box-sizing: border-box; max-width:100%; padding:4px; box-sizing: border-box; }
   }


.btn_confirm, .btn_back, .btn_send{ padding:4px; border:1px solid #D6D6D6; }
/* Privacy */  
#PrivacyWrap{ display:block; margin:0; padding:0; width:930px;}
#PrivacyWrap h2{ display:block; margin:0; margin-bottom:20px; padding:0; font-size:1.5rem; font-weight:bold; text-align:left;}
#PrivacyWrap p{ display:block; margin:0; margin-bottom:20px; padding:0; font-size:0.9rem; text-align:left;}
 	@media (max-width: 930px){
     #PrivacyWrap{ display:block; margin:0; padding:0; width:100%; max-width:930px;}
    #PrivacyWrap h2{ display:block; margin:0; margin-bottom:20px; padding:0; font-size:1.5rem; font-weight:bold; text-align:left;}
    #PrivacyWrap p{ display:block; margin:0; margin-bottom:20px; padding:0; font-size:0.9rem; text-align:left;}
   }


/* About */  
#AboutWrap{ display:block; margin:0; padding:0; width:930px;}
.BlockAbout01{ display:block; margin:0 0 60px 0; padding:0; width:930px; text-align:center;}
.BlockAbout02{ display:block; margin:0; padding:0; width:930px; text-align:left;}
.BlockAbout02 h2{ display:block; margin:0; margin-bottom:20px; padding:0; font-size:1.5rem; font-weight:bold; text-align:left;}
.BlockAbout02 h3{ display:block; margin:0; padding:0; font-size:1.2rem; font-weight:bold; text-align:left;}
.BlockAbout02 p{ display:block; margin:0; margin-bottom:20px; padding:0 0 0 20px; font-size:0.9rem; text-align:left;}
.BlockAbout02 table{ display:block; margin:0 0 30px 0; padding:0; width:870px; font-size:0.9rem; background:#D6D6D6;}
.BlockAbout02 table tr{  margin:0; padding:0; box-sizing:border-box;}
.BlockAbout02 table tr th{  margin:0; padding:10px; background:#E3DFD4; width:154px; text-align:left; }
.BlockAbout02 table tr td{  margin:0; padding:10px; background:#FBFAF5; width:716px; text-align:left;}
 	@media (max-width: 930px){
    #AboutWrap{ display:block; margin:0; padding:0; width:100%; max-width:930px;}
    .BlockAbout01{ display:block; margin:0 0 60px 0; padding:0; width:100%; max-width:930px; text-align:center;}
    .BlockAbout02{ display:block; margin:0; padding:0; width:100%; max-width:930px; text-align:left;}
    .BlockAbout02 h2{ display:block; margin:0; margin-bottom:20px; padding:0; font-size:1.5rem; font-weight:bold; text-align:left;}
    .BlockAbout02 h3{ display:block; margin:0; padding:0; font-size:1.2rem; font-weight:bold; text-align:left;}
    .BlockAbout02 p{ display:block; margin:0; margin-bottom:20px; padding:0 0 0 20px; font-size:0.9rem; text-align:left;}
    .BlockAbout02 table{ display:block; margin:0 0 30px 0; padding:0; width:100%; max-width:870px; font-size:0.9rem; background:#D6D6D6;}   .BlockAbout02 tbody{ display:block; width:100%;}
    .BlockAbout02 table tr{  margin:0; padding:0; box-sizing:border-box; width:100%; display: block;}
    .BlockAbout02 table tr th{ display: block;  margin:0; padding:10px; background:#E3DFD4; width:100%; text-align:left; box-sizing: border-box; }
    .BlockAbout02 table tr td{ display: block; margin:0; padding:10px; background:#FBFAF5; width:100%; text-align:left; box-sizing: border-box;}      
    }


/* Recipe */  
.RecipeWrap{ display:block; margin:0; padding:0; width:950px;}
.RecipeWrap a{ border:0; text-decoration: none;}
.RecipeWrap h3{ display:block; margin:0; margin-bottom:20px; padding:0;}
.RecipeWrap dl{ display:block; margin:0 20px 30px 0; padding:0; border:1px solid; width:455px; height:300px; box-sizing:border-box; float:left;}
.RecipeWrap dt{ display:block; margin:0; padding:0; border:0; width:455px; height:300px; box-sizing:border-box;}
 	@media (max-width: 950px){
    .RecipeWrap{ display:flex; justify-content:center; flex-wrap:wrap; margin:0 0 30px 0; padding:0; width:100%; max-width:950px;}
    .RecipeWrap h3{ display:block; margin:0; margin-bottom:20px; padding:0; width:100%;}
    .RecipeWrap dl{ display:block; margin:0 0 20px 0; padding:0; border:1px solid; width:100%; max-width:455px; height:auto; box-sizing:border-box; float:left;}
    .RecipeWrap dt{ display:block; margin:0; padding:0; border:0;  width:100%; max-width:455px; height:auto; box-sizing:border-box;}
    }

/* Section01 */  
section.section01 { margin:0 auto; margin-bottom:40px; padding:60px 0; border-bottom:3px solid #FEFEFE; width:100%; box-sizing:border-box; }

/* Footer */  
footer { margin:0; padding:0; border-top:1px solid #333; width:100%; }
#BlockFooter { margin:0 auto; margin-bottom:20px; padding:0; width:930px; font-size:0.8rem; }
#BlockFooterL { margin:0; padding:0; width:465px; float:left; }
#BlockFooterR { margin:0; padding:0; width:465px; float:right; text-align:right; }
 	@media (max-width: 930px){
    footer { margin:0; padding:0; border-top:1px solid #333; width:100%; }
    #BlockFooter { margin:0 auto; margin-bottom:20px; padding:0; width:100%; font-size:0.8rem; text-align: center; }
    #BlockFooterL { margin:0; padding:0; width:100%; float:none; }
     #BlockFooterR { margin:0; padding:0; width:100%; float:none; text-align:center; }
       }

h3.h3_inst{ display:block; margin:0; padding:0 10px; width:100%; box-sizing: border-box;}
h3.h3_inst a{ text-decoration: none; display: flex; align-items:center; padding:0 0 0 50px; width:100%; min-height:40px;
background:url(../img/inst.jpg) no-repeat center left; font-size: 1.4rem; }
 	@media (max-width: 930px){
    h3.h3_inst{ display:block; margin:0 auto; padding:0 10px; width:auto; box-sizing: border-box; width:200px;}
    h3.h3_inst a{ text-decoration: none; display: flex; align-items:center; padding:0 0 0 50px; width:100%; min-height:40px;
    background:url(../img/inst.jpg) no-repeat center left; font-size: 1.4rem; }       
    }




.nav-button {
		display:none;
}
.nav-wrap {
  display: none;
}
 	@media (max-width: 930px){
	.nav-wrap {
	  display: none;
	}
	.nav-wrap.open {
	  display: block;
	}
	
	.nav-wrap.close {
	  display: none;
	}
	  .nav-button {
		display: block;
		cursor: pointer;
	  }
	
	  .nav-wrap {
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		z-index: 20000;
		background-color: #FFFFFF;
		width: 100%;
		height: 100%;
	  }
	  .nav-wrapinner {
		display: block;
		margin:0 auto;
		z-index: 10;
		padding:0 0 20px 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		box-sizing:border-box;
		-webkit-overflow-scrolling: touch;
	  }    

	.nav-wrapinner h2{  display:block; margin:0; padding:15px 20px 18px 20px; box-sizing:border-box; text-align: center;background:url(../img/bg_header.jpg) repeat-x bottom center;  }
	.nav-wrapinner h3{ display:block; margin:0 0 20px 0; padding:0; border-bottom:1px solid #FFFFFF; color:#FFFFFF; font-size:26px; font-size:2.6rem; line-height:100%; text-decoration:none; text-indent:0; }
	.nav-wrapinner ul{display:block; margin:0; padding:0 16px; color:#333333; }
	.nav-wrapinner ul li{ display:block; margin:0 0 2px 0; padding:0; color:#333333; border-bottom: 1px solid #000000; background:#FFFFFF; }
	.nav-wrapinner ul li a{ display:block; padding:10px 20px; margin:0;  color:#333333; font-size:1.2rem; font-weight:normal; line-height:150%; text-decoration:none; ;font-family: kozuka-gothic-pro, sans-serif; }
	.nav-wrapinner ul li a span{display:inline-block; margin:0 10px 0 0; font-family:arno-pro, serif; font-size:1.8rem; font-weight:normal; line-height:150%; text-decoration:none; ; }
	.nav-wrapinner ul li ul{display:block; margin:0; padding:0; color:#333333; }
    .nav-wrapinner ul li ul li{ display:block; margin:0 0 2px 0; padding:0 10px; color:#333333; border-bottom: 2px dotted #000000; background:#FFFFFF; box-sizing: border-box; }
	.nav-wrapinner ul li ul li:first-of-type{ border-top: 1px solid #000000; }
	.nav-wrapinner ul li ul li:last-of-type{ border-bottom: 0; }
    .nav-wrapinner ul.list_sns { display:flex; justify-content: center; padding:20px 0; margin:0; border: 0; width:100%; box-sizing:border-box;}
	.nav-wrapinner ul.list_sns li{ display:block; padding:0; margin:0 10px; border:0; box-sizing:border-box; }
	.nav-wrapinner ul.list_sns li a{ display:block; padding:0; margin:0; border:0; box-sizing:border-box; }

	.nav-wrap.close{}
	  /*メニューボタン*/
	  .nav-button,
	  .nav-button span {
		display: inline-block;
		transition: all 0.4s;
		box-sizing: border-box;
	  }
	
	  .nav-button {
		z-index: 20001;
		width: 60px;
		height: 65px;
		padding:10px 10px 0 10px;
		box-sizing:border-box;
		position:fixed; top:5px; right:5px; }
	  .nav-button.active {
		z-index: 20001;
		width: 60px;
		height: 65px;
		padding:10px 10px 0 10px;
		box-sizing:border-box;
		position:absolute; top:5px; right:5px; }
	
	  .nav-button span {
		position: relative;
		left: 0;
		width: 100%;
		height: 7px;
		background-color: #000000;
		border-radius: 0;	
	
	  }
	  .nav-button.active span {
	
		background-color: #000000;
	  }
	
	  .nav-button span:nth-of-type(1) {
		top: 0;
	  }
	
	  .nav-button span:nth-of-type(2) {
		top: -10px;
	  }
	
	  .nav-button span:nth-of-type(3) {
		bottom: 20px;
	  }
	
	  .nav-button span:nth-of-type(4) {
		background:none;
		color:#6F645E; text-align:center;
		bottom: -10px;
		font-size:1.5rem;
		font-weight:bold;
	  }
	
	  .nav-button.active span:nth-of-type(1) {
		-webkit-transform: translateY(16px) rotate(-45deg);
		transform: translateY(12px) rotate(-45deg);
	  }
	
	  .nav-button.active span:nth-of-type(2) {
		opacity: 0;
	  }
	
	  .nav-button.active span:nth-of-type(3) {
		-webkit-transform: translateY(-16px) rotate(45deg);
		transform: translateY(-16px) rotate(45deg);
	  }
	}


.wraptext{ display: inline-block;
margin: 0 0 40px 0;float: right;
font-weight: bold;
font-size: 13px;}

@media (max-width: 930px){
.wraptext{ display: inline-block;
margin: 0 0 40px 0;
float: right;
font-weight: bold;
font-size: 11px;}
}