/* ◆仕様＝＝＝＝＝＝＝＝＝＝＝
ラッパー部分はmax1080pxでセンタリング
リキッドレイアウトで作成。
2列部分は右サイドバーを320pxで固定、
メインカラムを可変にしてある。
3列、4列は全て%指定。
表示崩れ防止のためにinnerボックスを設定。
横ナビゲーション部分をドロップダウン形式にして後読み込みに。
＝＝＝＝＝＝＝＝＝＝＝＝ */


/* ＝＝＝＝全体の枠組み＝＝＝＝ */

body{
padding: 0px;
margin:0 2px 0 2px;
background-image: url(back.jpg);
 color:#574732 ;
font-family: 'Lucida Grande','Hiragino Maru Gothic ProN','ヒラギノ丸ゴ ProN W4',Meiryo, メイリオ, sans-serif;
}
@media(max-width:500px){
body{line-height:2em;}
}



#all {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}


#wrapper{ 
position:relative;
height:100%;
width:100%;
margin:0;
background-color: #ffffff;
}




/* ヘッダー */
/* ■パス注意！ 画面幅625以下で背景ハーフサイズ表示*/
#header{position:absolute;top:0;left:0;height:110px;width:100%;background-image:url(image/title.jpg);background-repeat:no-repeat;background-color:#bf0000;}

@media(max-width:420px){
#header{background-image:url(image/stitle.jpg);}
}

#headbox{position:absolute;top:10px;left:420px;}
@media(max-width:900px){
#headbox{display:none;}
}

#headbox2{position:absolute;width:420px;height:104px;top: 0;left: 0;}





/* パンくずリスト */
#bread{margin:0 auto 0.5em 1em;clear:left;}

@media(max-width:500px){
#bread{display:none;}
}

ul.bread{list-style-type:none;list-style-position: outside;margin-bottom:1em;}
li.bread{display: inline;}

/* ２カラム化用 */
#container1{width:100%;padding-top:180px;clear:left;position:relative;}

@media(max-width : 750px) {
#container1{
padding-top:170px;
}
}
@media(max-width : 655px) {
#container1{
padding-top:120px;
}
}






/*フロート要素 [ 1 ] */
#main{float: left;width:100%;margin-top:0px;}



#main-inner{
margin-right:320px;
padding:0;
}
@media(max-width : 768px) {
#main-inner{
margin-right:5px;
padding-right:5px;
}
}
@media(max-width : 500px) {
#main-inner{
margin-right:0px;
padding-right:5px;
}
}


/*フロート要素 [ 2 ] */

#sidebar{
position:relative;
float: left;
width:320px;
height:100%;
margin-left:-320px;
background-color: #ffffff;
}
@media(max-width : 768px) {
#sidebar{
position:relative;

width:320px;
height:100%;
margin:auto;
background-color: #ffffff;
}
}


#sidebar_Sub{width:320px;}


/* ＝＝左サイドバー型３カラムにする時のmain-inner内要素＝＝＝＝＝＝ */

#container3{
width:100%;
position:relative;
height:100%;
}

/*フロート要素 [ 3 ] */
#main3{float: right;width:100%;height:100%;}
#main3-inner{padding-left:250px;padding-right:2em;}

@media(max-width : 1024px) {
#main3-inner{padding-left:1em;padding-right:0;}
}

@media(max-width : 500px) {
#main3-inner{padding-left:0.5em;padding-right:0;}
}




/*フロート要素 [ 4 ] */
#sub3{position:relative;float: right;width:220px;margin-right:-220px;margin-top:0;padding-top:0;
}
@media(max-width : 1024px) {
#sub3{display:none;width:0px;margin-right:0px;}
}

#sub3-inner{padding:0 0px 0 0;margin:0;}

/* ＝＝＝＝＝＝＝＝ */

#sidecont{margin-top:270px;position: relative;}
/*上のrelativeは下部バナー固定用 */

#sideads{position:absolute;top:0px; right: 10px;}

/*↓汎用innerbox */
.inner1{padding:0;}

/* ３カラム用 */

#container2{margin-top:0;}

/*フロート要素 [ 5-7 ] */
/*ビューポート1024以下でbox1を100%幅に
756以下でbox1-3を100%幅にする。連動して可変枠の高さを変更する。*/

#box1{float: left;width:32%;padding-right:2%;}
#box2{float: left;width:32%;padding-right:2%;}
#box3{float: left;width:32%;padding-right:0;}

@media(max-width : 480px) {
#box1{float: left;width:100%;}
#box2{float: left;width:100%;}
#box3{float: left;width:100%;}
}

/* フッター */

#footer_bar{padding-top:2em;font-size:0.9em;background-color:#FEF7CA;}
#footer_bar p{margin-bottom:.5em;line-height:1.2em;}

/* フッター内分割用ボックス                       */
/* 解像度の変化に伴う回り込みの解除の為別々に設定 */
/* 末尾25xが４カラム用 、末尾33xが３カラム用      */

/*フロート要素 [ 8-12 ] */
/*フッター４分割時（or大小小3分割時）用セット */

/*ビューポート1024以下　ab→100%、c→50%＋枠線除去、d→50%
ビューポート750以下　c→100%＋枠線除去、d→100%＋枠線除去*/

#fbox50ab{float: left;width:50%;margin-bottom:2em;padding-left:3em;}
#fbox25c{float: left;width:24%;border-left:1px solid #C18C95;margin-bottom:2em;}
#fbox25d{float: left;width:24%;border-left:1px solid #C18C95;margin-bottom:2em;}

@media(max-width : 750px) {
#fbox50ab{float: left;width:100%;padding-left:3em;}
#fbox25c{float: left;width:50%;border-left:none;}
#fbox25d{float: left;width:50%;border-left:1px solid #C18C95;}
}

@media(max-width : 500px) {
#fbox25c{float: none;width:100%;border-left:none;}
#fbox25d{float: none;width:100%;border-left:none;}
}

/*フロート要素 [ 13-15 ] */
/*フッター３分割（等分割）時用セット */

#fbox33a{float: left;width:33%;margin-bottom:2em;}
#fbox33b{float: left;width:32%;border-left:1px solid #C18C95;margin-bottom:2em;}
#fbox33c{float: left;width:33%;border-left:1px solid #C18C95;margin-bottom:2em;}

@media(max-width : 1024px) {
#fbox33a{float: left;width:100%;}
#fbox33b{float: left;width:50%;border-left:none;}
#fbox33c{float: left;width:50%;border-left:none;}
}

@media(max-width : 758px) {
#fbox33a{float: left;width:100%;}
#fbox33b{float: left;width:100%;border-left:none;}
#fbox33c{float: left;width:100%;border-left:none;}
}


p#fline{margin-bottom:0;text-align:center;background-color:#E8CC5D;font-size:80%;line-height:2em;}
/* ↑フッター最後の段落のセンタリング、ボトムマージンを0にする */


/*フロート要素 [ 16-17 ] */
/*
ビューポート1024以下
１→100%、２→非表示
*/

.halfbox1{float: left;width:50%;}
.halfbox2{float: left;width:50%;}
.halfbox3{float: left;width:49%;}

@media(max-width : 600px) {
.halfbox1{float: left;width:100%;}
.halfbox2{float: left;display:none;}
.halfbox3{float: left;width:100%;}
}


/* ＝＝＝＝▼基本要素＝＝＝＝ */

h1{margin:0 0 1.5em 0;
  font-size:1.2em;
  padding-left:0.3em;
  padding-top:0.2em;
  font-weight : bold;
  background-image : url(https://maminyan.com/shopping/image/h1back.png) ;
  background-repeat:no;
  border-bottom-width : 2px ;
  border-bottom-style : solid ;
  border-bottom-color : #D6AC02 ;
}


h2{
  padding-left : 30px;
  background-image : url(https://maminyan.com/shopping/image/h2back.png) ;
  background-repeat : no-repeat;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 10px ;
  margin-bottom : 15px ;
  line-height : 24px ;
  font-size : 1.2em ;
  vertical-align:bottom;
}


h3{
  font-size : 1.1em;
  font-weight : bold;
  margin-top : 5px;
  margin-bottom : 20px;
  padding-left : 25px;
  background-image : url(https://maminyan.com/shopping/image/h3back.png) ;
  background-repeat : no-repeat;
  margin-left : 0px;
  margin-right : 10px ;
  line-height : 22px ;
  vertical-align:bottom;
}


h4{
  font-size : 1em;
  font-weight : bold;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 4px;
  margin-bottom : 4px;
  padding-top : 2px;
  padding-left : 20px;
  padding-bottom : 2px;
  background-image : url(https://maminyan.com/shopping/image/h4back.png) ;
  background-repeat : no-repeat;
  line-height : 20px ;
  vertical-align:bottom;                 
}

h5{
  font-size : 1em;
  font-weight : bold;
                         margin-top:0;
                         margin-bottom:0.5em;
}                       
                         


p{margin:0 0 1em 0;font-size:0.9em;}
@media(max-width : 625px){p{font-size:1em;}}

a{color : #304DAC;text-decoration : none;padding : .3em .3em 0 .3em ;}
a:visited{color :#6730AC ;}
a:hover{color : #cc0000;}

img{margin:0;}
div{margin:0;}


   
/* ＝＝＝＝リスト要素＝＝＝＝ */
ul{margin:0 0 2em 0;padding:0;list-style-type:none;}
li{margin:0;list-style-type:none;font-size:0.95em;}
dt{padding-left:20px;margin-bottom:0.5em;background-image:url(https://maminyan.com/shopping/image/dtback.png);background-repeat:no-repeat;}
dd{font-size:0.9em;margin-bottom:1.3em;}

/* ＝＝＝＝トップページ用見出しスタイル＝＝＝＝ */
/* トップページではサイトタイトルにh1を指定するので
基本要素の場合より１段階落として順送りにサイズを変更しておく */


h1.top{
font-weight:bold;font-size:100%;color:#574F46;
line-height:1.5em;margin:0;border:none;background-image:none;
}
@media(max-width : 625px){h1.top{width:80%;font-size:0.8em;}}
   
p.headerbar{
font-weight:bold;font-size:100%;color:#574F46;
line-height:1.5em;margin:0;border:none;background-image:none;
}
@media(max-width : 625px){p.headerbar{width:80%;font-size:0.8em;}}


   
   
h2.main{
  font-size : 1.2em;
  font-weight : bold;
  margin-top : 0px;
  margin-bottom : 5px;
  padding-left : 0px;
  background-image : none ;
  margin-left : 0px;
  margin-right : 10px ;
  line-height : 20px ;
}

h3.main{
  padding-left : 30px;
  background-image : url(https://maminyan.com/shopping/image/h2back.png) ;
  background-repeat : no-repeat;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 10px ;
  margin-bottom : 15px ;
  line-height : 24px ;
  font-size : 1.2em ;
}

h4.main{
  font-size : 1.1em;
  font-weight : bold;
  margin-top : 5px;
  margin-bottom : 5px;
  padding-left : 25px;
  background-image : url(https://maminyan.com/shopping/image/h3back.png) ;
  background-repeat : no-repeat;
  margin-left : 0px;
  margin-right : 10px ;
  line-height : 20px ;
}

h5.main{
  font-size : 1em;
  font-weight : bold;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 4px;
  margin-bottom : 4px;
  padding-top : 2px;
  padding-left : 20px;
  padding-bottom : 2px;
  background-image : url(https://maminyan.com/shogatsu/image/dot3.gif) ;
  background-repeat : no-repeat;
}

h3.side{
  font-size : 0.9em;
}
/* ＝＝＝＝スマホ振り分け用パーツ＝＝＝＝＝ */
   
.s-only{}
@media(min-width : 626px){.s-only{display:none;}}
/* スマホで表示（625以上非表示） */
   
.s-hide{}
@media(max-width : 625px){.s-hide{display:none;}}
/* ＰＣで表示（625以下非表示） */



/* ＝＝＝＝汎用パーツ＝＝＝＝＝ */

.clr{clear:both;line-height:0.1em;}
/* 段組解除用 */

.migi{text-align:right;}
/* 文字の右寄せ用 */

.center{text-align:center;}
/* ボックス要素のセンタリング用 */


   
.resize{max-width:500px;  min-width:200px;  text-align:center;}
.resize img{width:90%;}
.resize3{max-width:900px;  min-width:200px;  text-align:center;}
.resize3 img{width:100%;}
.resize-catch{ max-width:800px;  min-width:200px;  text-align:center; margin:0; line-height:1em;}
.resize-catch img{width:100%; margin-bottom:0;}
.resize4{max-width:320px;  min-width:200px; text-align:center;}
.resize4 img{width:100%;}
.resize5{max-width:200px;}
.resize5 img{width:95%;}
.resize6{max-width:180px;}
.resize6 img{width:95%;}
       
.backto{
   text-align:right;
   background:#E8C976 ;
}
/* ↑ページトップへの戻りリンク行 */




/* ↓可変型画像背景見出し２用 */
div.i-box{
position:relative;width:100%;height:4em;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; margin:0 0 0.5em 0;box-shadow: 4px 4px 4px rgba(27,25,55,0.4);
}
h2.i-box{
font-size:1.1em;line-height:1.15em;padding-top:0.25em;padding-left:0.5em;margin:0 0.5em auto 0; position:absolute;top:0;left:0;z-index: 2;text-shadow: 2px 2px 1px #FFF4FE;background-image:none;
}
a.i-box{
background-color:transparent;padding:0;
}
p.i-box{
font-size:0.9em;line-height:1em;margin:0 0 1em 0;padding:0;
}
     
       
.resize2 {
 /*    max-width: 800px;最大幅 */
   min-width: 100px; /* 最小幅 */
   text-align:center;
   margin:0;
   background-color : #D2FEFE;
   position:absolute;top:0;left:0;z-index: 1;
}
.resize2 img{
 width: 100%; margin:0;
}

/* ↑可変型画像背景見出し２用 */



div.box01{
padding:1em;background-color:#FDF9CE;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
font-size:80%;
margin-bottom:2em;
}
/* ↑枠その１ */

div.box02{padding : 10px ;margin-top : 10px ;margin-bottom : 20px ;border-color : #CC9900 ;border-style : solid ;border-width : 1px ;}
/* ↑枠その２ */

div.adspace{text-align:center;margin-top:0;margin-bottom:1em;}
/* ↑広告枠１ 背景なし下マージンのみ*/

div.adspace2{text-align:center;margin-top:2em;margin-bottom:2em;padding-top:2em;padding-bottom:2em;background-color : #FAFBE1;}
/* ↑広告枠２ 背景色ありマージン、パディング広め　*/

div.adspace3{text-align:center;margin-top:2em;margin-bottom:2em;}
/* ↑広告枠３　背景なし上下マージン広め */


             
/* ＝＝＝＝▼アイキャッチ画像の出典記載行／末尾widthと画像幅を合わせること▼＝＝＝＝ */
p.imagefrom{text-align:right;font-size:80%;font-style:italic;}

/* ＝＝＝＝▼メニューリスト（横）含むソーシャルボタン▼＝＝＝＝ */
#nav{width:100%;clear:left;margin-top:110px;}

#socials{float:right;padding-right:1em;margin-top:2px;}
       
@media(max-width : 750px) {
#socials{display:inline;margin-top:-67px;}
}
@media(max-width : 580px) {
#socials{display:none;}
}            

             
div#menu{float:left;height:2em;margin:0;padding:3px 0;z-index:100;font-size:0.9em!important;}
/* スマホ非表示↓ */
@media(max-width : 655px) {
#menu{display:none;}
}
             
ul.ddmenu{}

.ddmenu li.off{
position:relative;float:left;height:2em;overflow:hidden;border-right:1px solid #ccc;
padding:5px 10px 0px 10px;
background-color:#F7F1E0;
box-shadow: 1px 1px 1px rgba(27,25,55,0.4);
}



.ddmenu li.on{position:relative;float:left;height:2em;background-color:#F7F1E0;overflow:visible;border-right:1px solid #ccc;border-top:2px solid #F3BA76;padding:3px 10px 0px 10px;z-index:1000;
box-shadow: 1px 1px 1px rgba(27,25,55,0.4);
}



.ddmenu a{margin:0;padding:0;display:block;text-decoration:none;}
.ddmenu a:hover{display:block;text-decoration:none;color:#9F0C32!important;background-color:transparent;}

.ddmenu li ul{position:absolute;top:2em;left:0;list-style-type:none;margin:0;padding:3px 0;background-color:#F7F1E0;border-right:1px solid #999;border-bottom:1px solid #999;text-indent:0.5em;width:15em!important;}

.ddmenu li ul li{line-height:2em;padding-left:10px;border:1px solid #E5E4E8;}/* 追加 */

.ddmenu li ul li a{margin:0;padding:0;color:#555!important;}

.ddmenu li ul li a:hover{color:red!important;background-color:#F7F1E0!important;}

* html .ddmenu li{margin:0; padding:0; display:inline;}
* html .ddmenu li ul li{margin:0; padding:0; display:inline;}

.sankaku{font-size:0.7em;}

/* ＝＝＝＝▲メニューリスト（横）▲＝＝＝＝ */

/* ＝＝＝＝▼メニューリスト（縦）▼＝＝＝＝ */

div.menu01
{
  font-size:0.85em;
  padding : 0;
margin-bottom:10px;
border:solid 1px #FFD634 ;
background-color:#FEFDD8;
}
                         
h3.mn3{
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 10px;
  padding-bottom : 0px;
  margin-top : 2px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  line-height : 1.2;
  background-color : #FFD634 ;
  background-image : none ;
}

ul.mn2{
  list-style-type : none; 
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;

}
                         
li.mn2{
  padding-left : 3px;
  padding-top : 2px ;
  padding-bottom :2px ;
  margin-top : 0px ;
  margin-left : 0px;
  margin-bottom : 0px;
  margin-right : 0px ;  
  background-image : url(image/menubg.jpg) ;
}

li.mn-s{
font-size:1em;
  padding-left : 10px;
  padding-top : 2px ;
  padding-bottom :2px ;
  margin-top : 0px ;
  margin-left : 0px;
  margin-bottom : 0px;
  margin-right : 0px ;
    border-right:solid 1px #FFD634 ;
  border-left:solid 1px #FFD634 ;
    border-bottom:solid 1px #FFD634 ;
    line-height:2.5em;
  background-image : url(image/menubg.jpg) ;
}                        
                         
 
/* ＝＝＝＝▲メニューリスト（縦）▲＝＝＝＝ */
                         
/* ＝＝＝＝▼タイトルの横▼＝＝＝＝ */                       
.titleside{
float:right;
height:120px;
margin-top:30px;
width:80%;
margin-right : 50px ;
background-color: pink;
}       

@media(max-width:625px){
.titleside{
float:none;
width:100%;
height:60px;
margin-top:120px; 
background-color: pink;
}  
}
                       
/* ＝＝＝＝▼お正月まで何日▼＝＝＝＝ */                       
.count{
float:right;
width:250px;
margin-top:10px;
  padding-top : 55px ;
  margin-right : 50px ;
  text-align : center;
  color : red ;
  font-size : x-large ;
  font-weight : bold;
  background-image : url(https://maminyan.com/shopping/image/timer.png) ;
}       

@media(max-width:625px){
.count{
float:none;
width:150px;
margin-top:120px;

  padding: 10px ;
line-height:1em;
  color : red ;
  font-size : large ;
  font-weight : bold;
text-align:center;
  background-image : none;
  background-color : #FDF9D6;
}  
}

/* ＝＝＝＝▼カウンター横枠▼＝＝＝＝ */                       
.contside1{
float:right;
width:90px;
height:80px;
margin-top:20px;
  padding: 15px ;
  margin-right : 20px ;
  text-align : left;
  background-image : url(https://maminyan.com/shopping/image/panelbg1.jpg);
  background-color : #FFEDF0;
  border:2px solid #D26680;
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}                    

@media(max-width:820px){
.contside1{
display: none;
}  
}

.contside2{
float:right;
width:90px;
height:80px;
margin-top:20px;
  padding: 15px ;
  margin-right : 20px ;
  text-align : left;
  background-image : url(https://maminyan.com/shopping/image/panelbg2.jpg);
  background-color : #ffffff;
  border:2px solid #D26680;
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}                   


@media(max-width:960px){
.contside2{
display: none;
}  
}

.contside3{
float:right;
width:90px;
height:80px;
margin-top:20px;
  padding: 15px ;
  margin-right : 20px ;
  text-align : left;
  background-image : url(https://maminyan.com/shopping/image/panelbg3.jpg);
  background-color : #ffffff;
  border:2px solid #D26680;
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}                   

@media(max-width:1100px){
.contside3{
display: none;
}  
}








/* ＝＝＝＝▼タイトルパネル下の口上行▼＝＝＝＝ */                                         
p#kojyo{padding-top:145px;margin-bottom:0;
}
@media(max-width:625px){
p#kojyo{display:none;}
}

/* ＝＝＝＝▼枠（サイドバー／おでかけデータ等）▼＝＝＝＝ */                         
.waku-side{

  padding-left : 5px;
  padding-bottom : 10px ;
  margin-top : 0px ;
  margin-bottom : 10px ;
  border-color : #EDC611;
  border-style : solid ;
  border-width : 1px ;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}           
                         
/* ＝＝＝＝▼リスト（サイドバー／おでかけデータ等）▼＝＝＝＝ */ 
li.side{
  font-size :0.9em ;
  padding-left : 0px;
  padding-top : 0px ;
  padding-bottom :2px ;
  margin-top : 0px ;
  margin-left : 0px;
  margin-bottom : 5px;
  margin-right : 0px ;
  line-height : 1.3 ;
}
@media(max-width:625px){li.side{ line-height : 1.8}}                
                   
ul.side{
  list-style-position : outside;
  list-style-image : url("https://maminyan.com/shopping/image/listmark-side.png");
  padding-top : 0px;
  padding-left : 15px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  line-height : 1.2;
}

                   
                   
                   
                   
/* ＝＝＝＝▼枠とリスト（トップページ特集用　ギリギリ特集他）▼＝＝＝＝ */ 
.waku05{
  padding : 10px ;
  margin : 20px ;
  border-color : #F84F42 ;
  border-style : solid ;
  border-width : 3px ;
  background-color : #FDFBC0 ;
}
                         
li.medi{
  font-size:1.1em ;
  line-height : 1.5 ;
}
                         
/* ＝＝＝＝▼サイドバー便利リンク用▼＝＝＝＝ */

h4.nodeco{
  margin-top : 4px;
  margin-left : 4px;
  margin-bottom : 4px;
  padding-top : 2px;
  padding-left : 0px;
  background-image : none;
}
ul.side2{
  list-style-position : inside ;
  list-style-type : none ;
  padding-top : 0px;
  padding-left : 5px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  line-height : 1.2;
}
                   
h4.side{
  font-size : 0.8em;
  margin-top : 4px;
  margin-left : 4px;
  margin-bottom : 4px;
  padding-top : 2px;
  padding-left : 0px;
  background-image : none;
background-color:#E3FED5;
}

/* ＝＝＝＝▼枠　年明け特集▼＝＝＝＝ */
.waku06{
  padding : 10px ;
  margin : 20px ;
  background-image : url(https://maminyan.com/shogatsu/image/bg.jpg) ;
}

/* ＝＝＝＝▼枠　目的別クイックリンク▼＝＝＝＝ */                          
.waku02{
  padding-top : 0px ;
  padding-left : 20px ;
  padding-right : 20px ;
  margin-top : 0px ;
  margin-bottom : 0px ;
}
                         
/* ＝＝＝＝▼枠　とリスト　更新情報　▼＝＝＝＝ */   
.waku{
  font-size:0.9em;
  padding : 5px;
  margin-top : 0px ;
  margin-left : 0px ;
  margin-right : 0px ;
  margin-bottom : 10px ;
  border-color : #EDC611;
  border-style : solid ;
  border-width : 1px ;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
                         
                         
                         
                         
                         
ul.menu{
  list-style-type : none; 
  padding-top : 5px;
  padding-left : 15px;
  padding-right : 10px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 15px;

}
                         
/* ▼ＳＡ・ＰＡ早引き表スタイル▼ */    
table.sapa{
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #20B5FD solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
text-align:left; 
width : 100% ;
margin-bottom:2.5em;          
}

                         
td.sapa{
border: 1px #20B5FD solid;  
width: 24% ;
}
                  
                         

 /*▼スマホメニューボタン領域▼ */                            
#smenuico
{position: absolute; z-index: 9999; top:0;width:100%;}                    

                         
@media(min-width : 655px){
#smenuico
{display:none;}                    
}  
                         

#searchbox{margin-bottom:1em;} /*検索ボックス領域 */


/* ＝＝＝＝▼トップセンターパネル▼＝＝＝＝ */ 

.bg-toppanel{
margin-bottom:2em;
background-image:url(https://maminyan.com/shopping/image/toppanel.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}
                     

.bg-toppanel:after {
	content: "";
	display: block;
	clear: both;
}  
                     

.bg-toppanel a{padding:0;}
 



.bg-toppanel h3{
  font-size : 1em;
  font-weight : bold;
  margin: 0;
  padding-left : 0px;
  line-height:1.1em;
  text-shadow: -2px 2px 1px #fff; 
  background-image :none ;
}
 
.bg-toppanel p{font-size:0.8em;line-height:1.1em;margin-top:0.5em;}
@media(max-width : 625px){
.bg-toppanel p{display:none;}
}                  
                     
                     


 
.toppanel-pink{
float:left;
width:90px;
height:90px;
padding-top:10px;
padding-right:10px;
padding-left:10px;
margin:0 12px 12px 0;
font-size:0.95em;
  text-align : left;
  background-color :#FDF6FD;
  border:4px solid #FCEFFD;
box-shadow: 4px 4px 4px rgba(27,25,55,0.4);
} 
@media(max-width:625px){.toppanel-pink{ width:60px;height:60px;font-size:0.85em;}}  
 


 

.toppanel-green{
float:left;
width:90px;
height:90px;
padding-top:10px;
padding-right:10px;
padding-left:10px;
margin:0 12px 12px 0;
font-size:0.95em;
  text-align : left;
  background-color :#F2FCDF;
  border:4px solid #E6FBBC;
box-shadow: 4px 4px 4px rgba(27,25,55,0.4);
} 
@media(max-width:625px){.toppanel-green{ width:60px;height:60px;font-size:0.85em;}} 

.toppanel-sky{
float:left;
width:90px;
height:90px;
padding-top:10px;
padding-right:10px;
padding-left:10px;
margin:0 12px 12px 0;
font-size:0.95em;
  text-align : left;
  background-color :#DFFCFC;
  border:4px solid #CCFCFD;
box-shadow: 4px 4px 4px rgba(27,25,55,0.4);
} 
@media(max-width:625px){.toppanel-sky{ width:60px;height:60px;font-size:0.85em;}}  


.toppanel-yellow{
float:left;
width:90px;
height:90px;
padding-top:10px;
padding-right:10px;
padding-left:10px;
margin:0 12px 12px 0;
font-size:0.95em;
  text-align : left;
  background-color :#FDFDD8;
  border:4px solid #F6F6B0;
box-shadow: 4px 4px 4px rgba(27,25,55,0.4);
} 
@media(max-width:625px){.toppanel-yellow{ width:60px;height:60px;font-size:0.85em;}}  

.toppanel-emerald{
float:left;
width:90px;
height:90px;
padding-top:10px;
padding-right:10px;
padding-left:10px;
margin:0 12px 12px 0;
font-size:0.95em;
  text-align : left;
  background-color :#EDFDF8;
  border:4px solid #C1F7E6;
box-shadow: 4px 4px 4px rgba(27,25,55,0.4);
} 
@media(max-width:625px){.toppanel-emerald{ width:60px;height:60px;font-size:0.85em;}} 

/* ＝＝＝＝▲トップセンターパネル背景色セット▲＝＝＝＝ */

.toppanel-01{
float:left;
width:90px;
height:90px;
padding-top:10px;
padding-right:10px;
padding-left:10px;
margin:0 12px 12px 0;
font-size:0.95em;
  text-align : left;
  border:4px solid #FEEF88;
  background-image: url(https://maminyan.com/shopping/image/pbg01.jpg);
box-shadow: 4px 4px 4px rgba(27,25,55,0.4);
} 
@media(max-width:625px){.toppanel-01{ width:60px;height:60px;font-size:0.85em;}} 


 

.toppanel-02{
float:left;
width:90px;
height:90px;
padding-top:10px;
padding-right:10px;
padding-left:10px;
margin:0 12px 12px 0;
font-size:0.95em;
  text-align : left;
  border:4px solid #FEEF88;
  background-image: url(https://maminyan.com/shopping/image/pbg02.jpg);
box-shadow: 4px 4px 4px rgba(27,25,55,0.4);
} 
@media(max-width:625px){.toppanel-02{ width:60px;height:60px;font-size:0.85em;}} 

.toppanel-03{
float:left;
width:90px;
height:90px;
padding-top:10px;
padding-right:10px;
padding-left:10px;
margin:0 12px 12px 0;
font-size:0.95em;
  text-align : left;
  border:4px solid #FEEF88;
    background-image: url(https://maminyan.com/shopping/image/pbg03.jpg);
box-shadow: 4px 4px 4px rgba(27,25,55,0.4);
} 
@media(max-width:625px){.toppanel-03{ width:60px;height:60px;font-size:0.85em;}}  


.toppanel-04{
float:left;
width:90px;
height:90px;
padding-top:10px;
padding-right:10px;
padding-left:10px;
margin:0 12px 12px 0;
font-size:0.95em;
text-align : left;
border:4px solid #FEEF88;
background-image: url(https://maminyan.com/shopping/image/pbg04.jpg);
box-shadow: 4px 4px 4px rgba(27,25,55,0.4);
} 
@media(max-width:625px){.toppanel-04{ width:60px;height:60px;font-size:0.85em;}}  

.toppanel-05{
float:left;
width:90px;
height:90px;
padding-top:10px;
padding-right:10px;
padding-left:10px;
margin:0 12px 12px 0;
font-size:0.95em;
  text-align : left;
  border:4px solid #FEEF88;
background-image: url(https://maminyan.com/shopping/image/pbg05.jpg);
box-shadow: 4px 4px 4px rgba(27,25,55,0.4);
} 
@media(max-width:625px){.toppanel-05{ width:60px;height:60px;font-size:0.85em;}} 


/* ＝＝＝＝▲トップセンターパネル背景画像セット▲＝＝＝＝ */ 

/* ＝＝＝＝▼くまなびスタイル▼＝＝＝＝ */ 
td.w25{width:24%;border:1px solid #da8dda;}
td.w33{width:33%;border:1px solid #da8dda;}
.td_1{padding:3px;font-size:0.85em;border:1px solid #da8dda ; width:50%;}


/* ＝＝＝＝▼常時表示用戻るボタン▼＝＝＝＝ */ 
.back{position:fixed;bottom:10px;right:10px;}