@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap');
body{font-family: 'Noto Serif JP', serif;}

/* PC bakery.css 
----------------------------- */
#debug{position:fixed;right:0px;top:0px;width:100%;height:100%; z-index:-10;}
#containeri{width:100%;overflow:hidden;position:relative;}

/* 全体 */
.section{width:100%;}
.content{width:100%;/*width:900px;*/margin:0 auto;}
.inBox{display:block;width:100%;max-width:960px;margin:0 auto;}
.box{width:94.6%;margin:0 auto;}

.float:after{content:"";display:block;clear:both;}
.float .left{float:left;}
.float .right{float:right;}

.flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
.flex.wrap{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.flexcenter{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.flex.pack-c{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.flex.align-c{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.flex .left,
.flex .right{float:none;}

.table{display:table;}
.cell{display:table-cell;vertical-align:middle;}

.anmFlg{opacity:0;transition: opacity 1s ease 0.3s;}
.anmFlg.view{opacity:1;}

/* ディーズベーカリーロゴ */
#ds_logo{background-color:#FFF;padding:10px 0;position:relative;z-index:2;}
#ds_logo p{width:100%;max-width:1000px;margin:0 auto;}
#ds_logo p a{display:block;width:9.584%;margin:0 auto;}

/* ディーズベーカリーメニュー */
#ds_menu{position:relative;background:url(../images/gbmenu_bg.png) repeat-x left top;background-size:auto 100%;z-index:3;}
/*#ds_menu.fixed{position:fixed; top:0; bottom:auto; z-index:5;}*/
#ds_menu .content{}
#ds_menu .inBox{max-width:1000px;}

#ds_menu .menu{width:100%;}
#ds_menu .menu ul{position:relative;padding-bottom:2%;}
#ds_menu .menu li{width:10.5%;max-width:105px;padding:2% 6%;}
#ds_menu .menu li.new{width:11%;max-width:110px;}
#ds_menu .menu li#pop{position:absolute;top:0;right:0;width:12%;max-width:120px;padding:0;}
#ds_menu .menu a,
#ds_menu .menu span{display:block;text-decoration:none;}
#ds_menu .menu a:hover img{opacity:1;}
#ds_menu .menu a img,
#ds_menu .menu span img{width:100%;height:auto;}
#ds_menuSP{display:none;}


/* メイン */
#main{margin-top:0!important;position:relative;z-index:1;}
#main .dummy{height:1000px;}
#main img{width:100%;height:auto;}

#main p.head{margin-top:-6%;padding:9% 0 3%;text-align:center;background:url(../images/head_bg.jpg) repeat top left;z-index:1;}
#main p.head img{}

#main p.subhead{padding-top:45px;/*60*0.75*/text-align:center;}
#main p.subhead img{max-width:140px;}

#main .sub{margin-bottom:22.5px;font-size:30px;/*39*0.75*/font-weight:bold;text-align:center;}
#main .sub span{display:inline-block;position:relative;}
#main .sub span:before,
#main .sub span:after{content:'';display:block;width:45px;height:57px;position:absolute;top:50%;margin-top:-28.5px;background-size:100% 100%;background-repeat:no-repeat;}
#main .sub span:before{left:0;margin-left:-65px;background-image:url(../images/sub_left.png);}
#main .sub span:after{right:0;margin-right:-65px;background-image:url(../images/sub_right.png);}
#main .sub strong{font-size:95%;color:#ff6600;}
#main .sub small{font-size:56.5%;font-weight:normal;color:#3a3a3a;}

#container #contents:after{content:none;}


/* side */
#side{position:fixed;top:42%;right:0;width:12%;max-width:120px;z-index:4;}
#side li{margin-bottom:10px;}
#side li a{display:block;}
#side li a:hover img{opacity:1!important;}


/* footer */
#container #footer{height:auto;background:none;}
#footer #footerinner{width:100%;}
#footer #footerinner .snscate{position:relative;width:300px;float:none;margin:0 auto;padding-top:60px;}
#footer #footerinner .snscate:before{content:'';display:block;position:absolute;top:0;left:50%;width:355px;padding-top:50px;margin-left:-177.5px;background:url(../images/snstext.png) no-repeat;background-size:100% auto;}
#footer #footerinner .snscate ul li{width:80px;margin:0 auto!important;float:none;}
#footer #footerinner .snscate ul li img{width:100%;height:auto;}
.copyright{background-color:#ee8100;}

#page_top{position:absolute;bottom:80px;right:20px;width:171px;height:auto;display:block;overflow:hidden;cursor:pointer;z-index:5;}


/*popup*/
#popupWrapper{position:relative;}
#popupWrapper.scriptOn{position:fixed;left:0;width:100%;top:-100%;height:100%;margin-top:0%;z-index:8;}
#popupWrapper.opened{top:0%;}

#popupWrapper.scriptOn #popupMain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;}

.popupContents{position:relative;margin:100px auto;z-index:1;}

.popupBg{position:fixed;left:0;width:100%;top:0;height:0%;background-color:rgba(0,0,0,0.7);z-index:1;}
#popupWrapper.opened #popupMain .popupBg{height:100%;}

.ps-scrollbar-y-rail{z-index:2;}
.popupContents .popupBg{opacity:0;}
#popupWrapper.scriptOn .perfectScroll{position:absolute;left:0;width:100%;top:0;height:100%;z-index:2;overflow:hidden;}

.popup{width:90%;max-width:1000px;margin:0 auto;padding-bottom:100px;background:#fff;position:relative;z-index:2;}
#popupWrapper.scriptOn .popup{display:none;}

body.popupOpen{position:fixed;width:100%;}
#popupMain .ps-container>.ps-scrollbar-y-rail{opacity:0.2;}

.popup .close{position:absolute;top:0;right:0;margin:-20px -20px 0 0;width:80px;height:80px;z-index:3;background:url(../images/popup_close.png) no-repeat center;background-size:100% 100%;cursor:pointer;}

#popup .head{padding:20px;text-align:center;background:url(../images/pophead_bg.jpg) repeat top left;}
#popup .head.west{margin-top:95px;}
#popup .head img{max-width:262px;height:auto;}
#popup .listbox{width:95%;margin:50px auto 0;}
#popup .listbox ul{}
#popup .listbox li{width:32%;}
#popup .listbox a,
#popup .listbox span{display:block;margin-top:20px;padding:15px 0;color:#4a2610;font-size:18px;/*24*0.75*/font-weight:bold;letter-spacing:0.5px;text-align:center;box-sizing:border-box;background:#fffae9;}
#TopShop .shopList a:hover{text-decoration:none;}
#popup .subhead{margin-bottom:10px;text-align:center;}
#popup .subhead img{max-width:230px;height:auto;}