@charset "euc-jp";

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

　TOPページ

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

#main h2 {
 clear:both; width:100%; margin:0 0 20px 0; padding:6px 35px 4px 35px;
 color:#514545; font-size:19px; font-weight:700; line-height:1.4;
 font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 transform:rotate(.03deg); -webkit-transform:rotate(.03deg);
 background:url(https://img17.shop-pro.jp/PA01266/995/etc/bg_h2.jpg) repeat-y left top;}

@media only screen and (max-width:960px) {
#main h2 {
 width:100%; box-sizing:border-box;
 background:url(https://img17.shop-pro.jp/PA01266/995/etc/bg_h2_wide.jpg) repeat-y left top;
 background-size:100% auto;}
}

@media only screen and (max-width:768px) {
#main h2 { padding:8px 25px 7px 25px; font-size:17px;}
}

@media only screen and (max-width:568px) {
#main h2 { padding:8px 20px 7px 20px;}
}

/* 本店移転のお知らせ
----------------------------------------------- */
#main #box_moving {
 clear:both; width:770px; margin:0 0 35px 0; padding:0; text-align:left; overflow:hidden; font-size:13px;}
#main #box_moving .boxInner {
 clear:both; width:750px; margin:0; padding:0px 10px; text-align:left; overflow:hidden;
 display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
#main #box_moving .boxInner p { width:430px; margin:0; padding:0 0 0 20px;}

@media only screen and (max-width:960px) {
#main #box_moving { width:100%;}
#main #box_moving .boxInner { width:100%; padding:0; justify-content:flex-start;}
#main #box_moving .boxInner p { width:calc(60% - 20px);}
#main #box_moving .boxInner img { width:40%; padding:0;}
}

@media only screen and (max-width:668px) {
#main #box_moving .boxInner p { width:100%; padding-left:0;}
#main #box_moving .boxInner img { float:none; width:auto; margin:0 auto 20px; padding:0; display:block;}
}

/* ショップバナー
----------------------------------------------- */
#main .bnShop { clear:both; margin:0 auto 25px auto; padding:0; display:block;}

/* 平井製菓のご紹介
----------------------------------------------- */
#main #box_info {
 clear:both; width:770px; margin:0 0 30px 0; padding:0; text-align:left; overflow:hidden;}
#main #box_info .boxInner { clear:both; width:750px; margin:0; padding:0px 10px; text-align:left; overflow:hidden;}
#main #box_info .boxInner .boxL { float:left; width:485px; margin:0 15px 0 0; padding:0;}
#main #box_info .boxInner .boxL h3 { clear:both; margin:0 0 10px 0; padding:3px; border-bottom:1px dotted #CCC;}

@media only screen and (max-width:960px) {
#main #box_info { width:100%;}
#main #box_info .boxInner { width:100%; padding:0;}
#main #box_info .boxInner .boxL { width:calc(70% - 20px); margin-right:0; padding-right:20px;}
#main #box_info .boxInner img { width:30%; padding:0;}
}

@media only screen and (max-width:668px) {
#main #box_info .boxInner .boxL { width:100%; padding-right:0; padding-bottom:20px;}
#main #box_info .boxInner img { float:none; width:auto; margin:0 auto; padding:0; display:block;}
#main #box_info .boxInner .boxL h3 { margin-bottom:15px; padding:0 0 8px 0;}
}

/* お知らせ
----------------------------------------------- */
#main #box_news {
 clear:both; width:770px; margin:0 0 35px 0; padding:0; text-align:left; overflow:hidden; font-size:13px;}
#main #box_news dl { clear:both; height:130px; margin:0; padding:0 10px 30px 10px; overflow:auto;}
#main #box_news dl dt {
 clear:both; float:left; width:90px; margin:0; padding:10px 0 0 0;}
#main #box_news dl dd { margin:0 0 0 100px; padding:10px 0 0 0;}
#main #box_news dl dt:first-of-type, #main #box_news dl dd:first-of-type { padding-top:0;}
#main #box_news dl dd a { text-decoration:underline;}
#main #box_news dl dd a:hover { text-decoration:none;}

#main #box_news dl dd .news_gallery { clear:both; width:100%; margin:0; padding:15px 0 5px; overflow:hidden;}
#main #box_news dl dd .news_gallery ul {
 width:100%; padding:0; display:flex; flex-wrap:wrap; justify-content:space-between;}
#main #box_news dl dd .news_gallery ul li {
 width:31.75%; max-width:250px; margin:0; padding:0;}

@media only screen and (max-width:960px) {
#main #box_news { width:100%;}
}

@media only screen and (max-width:568px) {
#main #box_news dl dd .news_gallery { padding-top:10px; padding-bottom:0;}
#main #box_news dl dd .news_gallery ul li {
 width:48.5%; max-width:initial; margin-bottom:10px;}
}

@media only screen and (max-width:468px) {
#main #box_news dl dt { clear:both; float:none; width:100%; padding-top:15px;}
#main #box_news dl dd { margin:0; padding:10px 0 15px 0; border-bottom:1px dotted #CCC;}
}

/* 当店からのメールが受信できないお客様へ
----------------------------------------------- */
#main #box_mail {
 clear:both; width:770px; margin:0 0 30px 0; padding:0; text-align:left; overflow:hidden;}
#main #box_mail .boxInner p { padding:0;}

@media only screen and (max-width:960px) {
#main #box_mail { width:100%;}
}

/* 緊急支援プロジェクト
----------------------------------------------- */
#main #box_project {
 clear:both; width:770px; margin:0 0 35px 0; padding:0; text-align:left; overflow:hidden; font-size:13px;}
#main #box_project .boxInner { clear:both; width:750px; margin:0; padding:0px 10px; text-align:left; overflow:hidden;}
#main #box_project .boxInner .boxR { float:right; width:435px; margin:0 0 0 15px; padding:0;}

@media only screen and (max-width:960px) {
#main #box_project { width:100%;}
#main #box_project .boxInner { width:100%; padding:0;}
#main #box_project .boxInner .boxR { width:calc(70% - 20px); margin-left:0; padding-left:20px;}
#main #box_project .boxInner img { width:30%; padding:0;}
}

@media only screen and (max-width:668px) {
#main #box_project .boxInner .boxR { width:100%; padding-left:0; padding-bottom:20px;}
#main #box_project .boxInner img { float:none; width:auto; margin:0 auto; padding:0; display:block;}
}

/* 商品一覧
----------------------------------------------- */
#main #box_recommend {
 clear:both; width:770px; margin:0; padding:0 0 35px 0; text-align:left; overflow:hidden;}
#main #box_recommend p.alignR { clear:both; margin:0; padding:7px 11px 0 0;}
#main #box_recommend .boxInner {
 clear:both; width:760px; margin:0; padding:0 5px; text-align:left; overflow:hidden;}
#main #box_recommend .item_box {
 float:left; width:140px; margin:0; padding:0 6px 10px 6px; text-align:left; vertical-align:top;}
#main #box_recommend .empty {
 height:0; margin-top:0; margin-right:0; margin-bottom:0; padding:0;}
#main #box_recommend .item_box img.item_photo { clear:both; width:140px; margin:0; padding:0;}

@media only screen and (max-width:960px) {
#main #box_recommend { width:100%;}
#main #box_recommend p.alignR { padding:0;}
#main #box_recommend .boxInner {
 width:100%; padding:0;
 display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
#main #box_recommend .item_box {
 width:calc(calc(100% - calc(10px * 6)) / 5); max-width:180px; margin:0 10px 15px 0; padding:0;}
#main #box_recommend .item_box:nth-child(5n) { margin-right:0;}
#main #box_recommend .item_box:nth-of-type(5n+1) { clear:left;}
#main #box_recommend .empty { width:calc(calc(100% - calc(10px * 6)) / 5);}
#main #box_recommend .item_box img.item_photo { width:auto;}
}

@media only screen and (max-width:768px) {
#main #box_recommend .item_box {
 width:calc(calc(100% - calc(10px * 5)) / 4);}
#main #box_recommend .item_box:nth-child(5n) { margin-right:10px;}
#main #box_recommend .item_box:nth-child(4n) { margin-right:0;}
#main #box_recommend .item_box:nth-of-type(5n+1) { clear:none;}
#main #box_recommend .item_box:nth-of-type(4n+1) { clear:left;}
#main #box_recommend .empty { width:calc(calc(100% - calc(10px * 5)) / 4);}
}

@media only screen and (max-width:668px) {
#main #box_recommend .item_box {
 width:calc(calc(100% - calc(10px * 4)) / 3);}
#main #box_recommend .item_box:nth-child(4n) { margin-right:10px;}
#main #box_recommend .item_box:nth-child(3n) { margin-right:0;}
#main #box_recommend .item_box:nth-of-type(4n+1) { clear:none;}
#main #box_recommend .item_box:nth-of-type(3n+1) { clear:left;}
#main #box_recommend .empty { width:calc(calc(100% - calc(10px * 4)) / 3);}
}

@media only screen and (max-width:468px) {
#main #box_recommend .item_box {
 width:calc(calc(100% - calc(5px * 3)) / 2); margin-right:5px;}
#main #box_recommend .item_box:nth-child(3n) { margin-right:5px;}
#main #box_recommend .item_box:nth-child(2n) { margin-right:0;}
#main #box_recommend .item_box:nth-of-type(3n+1) { clear:none;}
#main #box_recommend .item_box:nth-of-type(2n+1) { clear:left;}
#main #box_recommend .empty { width:calc(calc(100% - calc(5px * 3)) / 2);}
}

/* 当店人気商品
----------------------------------------------- */
#main #box_sellers {
 clear:both; width:770px; margin:0; padding:0 0 30px 0; text-align:left; overflow:hidden;}
#main #box_sellers .boxInner {
 clear:both; width:760px; margin:0; padding:0 5px; text-align:left; overflow:hidden; font-size:13px;}
#main #box_sellers .item_box {
 float:left; width:140px; margin:0; padding:0 6px; position:relative; text-align:left; vertical-align:top;}
#main #box_sellers .empty {
 height:0; margin-top:0; margin-right:0; margin-bottom:0; padding:0;}
#main #box_sellers .item_box img.item_photo { clear:both; width:140px; margin:0; padding:0;}
#main #box_sellers .item_box img.item_rank { margin:0; padding:0; position:absolute; top:0px; left:6px; z-index:10;}
#main #box_sellers .item_box p.item_name { clear:both; margin:0; padding:7px 0; line-height:1.6;}
#main #box_sellers a { font-weight:normal;}

@media only screen and (max-width:960px) {
#main #box_sellers { width:100%;}
#main #box_sellers .boxInner {
 width:100%; padding:0;
 display:-webkit-box; display:-ms-flexbox; display:flex;
 -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
 -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
 -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;
 -webkit-align-content:start; -ms-flex-line-pack:start; align-content:flex-start;}
#main #box_sellers .item_box {
 width:calc(calc(100% - calc(10px * 6)) / 5); max-width:180px; margin:0 10px 15px 0; padding:0;}
#main #box_sellers .item_box:nth-child(5n) { margin-right:0;}
#main #box_sellers .item_box:nth-of-type(5n+1) { clear:left;}
#main #box_sellers .empty { width:calc(calc(100% - calc(10px * 6)) / 5);}
#main #box_sellers .item_box img.item_photo { width:auto;}
}

@media only screen and (max-width:768px) {
#main #box_sellers .item_box {
 width:calc(calc(100% - calc(10px * 5)) / 4);}
#main #box_sellers .item_box:nth-child(5n) { margin-right:10px;}
#main #box_sellers .item_box:nth-child(4n) { margin-right:0;}
#main #box_sellers .item_box:nth-of-type(5n+1) { clear:none;}
#main #box_sellers .item_box:nth-of-type(4n+1) { clear:left;}
#main #box_sellers .empty { width:calc(calc(100% - calc(10px * 5)) / 4);}
}

@media only screen and (max-width:668px) {
#main #box_sellers .item_box {
 width:calc(calc(100% - calc(10px * 4)) / 3);}
#main #box_sellers .item_box:nth-child(4n) { margin-right:10px;}
#main #box_sellers .item_box:nth-child(3n) { margin-right:0;}
#main #box_sellers .item_box:nth-of-type(4n+1) { clear:none;}
#main #box_sellers .item_box:nth-of-type(3n+1) { clear:left;}
#main #box_sellers .empty { width:calc(calc(100% - calc(10px * 4)) / 3);}
}

@media only screen and (max-width:468px) {
#main #box_sellers .item_box {
 width:calc(calc(100% - calc(10px * 3)) / 2); margin-right:5px;}
#main #box_sellers .item_box:nth-child(3n) { margin-right:5px;}
#main #box_sellers .item_box:nth-child(2n) { margin-right:0;}
#main #box_sellers .item_box:nth-of-type(3n+1) { clear:none;}
#main #box_sellers .item_box:nth-of-type(2n+1) { clear:left;}
#main #box_sellers .empty { width:calc(calc(100% - calc(5px * 3)) / 2);}
}

/* 商品バナー
----------------------------------------------- */
#box_banner {
 clear:both; width:750px; margin:0; padding:0 10px 25px 10px; text-align:left; overflow:hidden;}
#box_banner ul { clear:both; margin:0; padding:0;}
#box_banner ul li { width:370px; margin:0; padding:0 0 10px 0;}
#box_banner ul li:nth-child(odd) { float:left;}
#box_banner ul li:nth-child(even) { float:right;}

@media only screen and (max-width:960px) {
#box_banner { width:100%; padding:0 0 20px 0;}
#box_banner ul li { width:calc(50% - 5px);}
#box_banner ul li:nth-child(odd) { padding-right:5px;}
#box_banner ul li:nth-child(even) { padding-left:5px;}
}

@media only screen and (max-width:568px) {
#box_banner ul li { width:100%; padding-bottom:15px; text-align:center;}
#box_banner ul li:nth-child(odd) { clear:both; float:none; padding-right:0;}
#box_banner ul li:nth-child(even) { clear:both; float:none; padding-left:0;}
}

/* 営業日カレンダー
----------------------------------------------- */
#main #boxInner { clear:both; width:750px; margin:0; padding:0 10px; text-align:left; overflow:hidden;}

#box_calendar {
 float:left; width:370px; margin:0 10px 0 0; padding:0; text-align:left; overflow:hidden;}
#box_calendar iframe { width:370px!important;}

@media only screen and (max-width:960px) {
#main #boxInner { width:100%; padding:0;}
#box_calendar { width:calc(50% - 5px); margin-right:0; padding-right:5px; text-align:center;}
#box_calendar iframe { width:100%!important; margin:0 auto;}
}

@media only screen and (max-width:768px) {
#box_calendar { float:none; width:100%; margin-bottom:20px; padding-right:0;}
}

/* Facebook いいねボックス
----------------------------------------------- */
#box_facebook {
 float:right; width:368px; margin:0; padding:0; overflow:hidden; border:1px solid #999; background:#FFF;}
#box_facebook iframe { width:368px!important;}

@media only screen and (max-width:960px) {
#box_facebook { width:calc(50% - 5px); box-sizing:border-box;}
#box_facebook iframe { width:100%!important;}
}

@media only screen and (max-width:768px) {
#box_facebook { float:none; width:100%; max-width:500px; margin:0 auto;}
}