/*
全ページ共通---------------------------------------
*/
body {font-family: "メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic";}

/*
ページ下の「エリア選択・トップページに戻る」部分
*/
p.back
{
 text-align: right;
 line-height: 190%;
 font-size: 14px;
 margin-bottom: 0;
}




/*
ここからトップページ-------------------------------
*/

body {margin:0 ;
      padding: 0;}


.wrap {overflow: hidden;}




#menu {width: 100%;
       padding-left: 0;
       padding-right: 0;
       margin-left: 0;
       margin-right: 0;
       margin-bottom: -7px;}


#menu ul {padding-left: 0;
          padding-right: 0;
          margin-left: 0;
          margin-right: 0;
          text-align: center;}

#menu li {
          list-style-type: none;
          display: inline-block;
          display: inline;
          zoom: 1;}

#menu li img {width: 19%;}


#menu li.menu_btn  {margin-right: 3px;}



img#bnr_fb
{
width: 115px;
padding-right: 5px;

}

img#bnr_yt
{
width: 115px;
padding-left: 0;
}



#logo {margin-top: 0px;
       padding-top: 0px;
       margin-bottom: 7%;
       }



img#site_logo {width: 95%;
               display: block;
               padding-top: 0px;
               margin-top: -7px;
               padding-bottom: 0px;
               margin-bottom: -7px;
               margin-left: auto;
               margin-right: auto;
               }

div#top_img {padding-bottom: 0px;
             margin-bottom: -5px;
            }


/*
お知らせ
*/


div#info {padding-top: 0px;
          margin-top: -10px;
          margin-bottom: 0px;
         }



p#title {color: #561E0C;
         font-weight: 700;
         font-size: 100%;
         margin-left: 8px;
         padding-bottom: 0;
         margin-bottom: 0;
        }
  


#info_contents_title p {padding: 0px;
                        margin: 0px;
                        margin-left: 8px;
                        line-height: 250%;
                        font-size: 80%;}


#info_contents_title a:link {color: #222222;
                              text-decoration: none;}
#info_contents_title a:visited {color: #222222;
                                text-decoration: none;}
#info_contents_title a:hover {color: #222222;
                              text-decoration: none;}
#info_contents_title a:active {color: #222222;
                               text-decoration: none;}


#info_contents_title hr.border1 {border-top: 2px #561E0C solid;
            padding: 0;
            margin: 0;}


#info_contents_title hr.border2 {border-top: 1px #222222 dotted;
                                 padding: 0;
                                 margin: 0;}


.btn_yajirushi {right: 0;
                position: absolute;
                text-align: right;
                margin-right: 8px;}


.btn_yajirushi img {width: 60%;
                    vertical-align: middle;}


#submenu li a {font-size: 80%;
               color: #222222;
               text-decoration: none;}
            a:link {color: #222222;}
            a:visited {color: #222222;}
            a:hover {color: #222222;}
            a:active {color: #222222;}

#submenu li {display: inline;
             list-style-type: none;
             border-left: solid 1px #222222;
             margin-left: 7px;
             padding-left: 7px;}

#submenu li.first {border-left: none;
                   margin-left: 0;
                   padding-left: 0;
                   margin-right: -17px;
                   padding-right: 0;}

#submenu ul {margin: 0;
             padding: 0;}

#submenu {text-align: center;
          margin-top: 2%;}


div#footer {background-color: #561E0C;}


p#copyright {color: #ffffff;
             font-size: 10px;
             text-align: center;
             font-size: 50%;
             padding-top: 10px;
             padding-bottom: 10px;}


div#sns {text-align: center;
         padding-top: 15px;
         padding-bottom: 4px;
        }


img#btn_sns_f {width: 12%;
               margin-right: 10px;
              }

img#btn_sns_t {width: 12%;
               margin-right: 10px;
              }

img#btn_sns_i {width: 12%;
               margin-right: 10px;
              }

img#btn_sns_fl {width: 12%;
                margin-right: 10px;}

img#btn_sns_c {width: 12%;}



#slider {padding-bottom: 0;
         margin-bottom: 0;}



#fc {margin-bottom: -5%;}


/*
ヤフオクバナー
*/
#yahuoku {margin-top: -30px;}
          margin-bottom: 0;}

p#don {margin-bottom: 0;}

p#choco {margin-top: -10px;}


/*
企業情報
*/

.info_company {background-color: #ede7e5;
               padding-top: 8px;
               padding-bottom: 1px;
               margin-top: 30px;}


.link {text-align: center;
             font-size: 14px;
             padding-top: 0;}

.link a:link { color: #404040; }
      a:visited { color: #404040; }
      a:hover { color: #404040; }
      a:active { color: #404040; }


#oroshi {text-align: center;
         margin-bottom: -10px;
         padding-bottom: 0;}


#fc {text-align: center;
     margin-bottom: 0;
     padding-bottom: 0;}



/*
ここから店舗情報・ショップブログトップページ---------
*/


/*
エリア名の部分
*/
div.erianame
{text-align: left;
color: #ffffff;
background-color: #552b00;
padding: 5px;
margin-top:10px;
margin-bottom:10px;
}

/*
都道府県の部分3文字のところ
*/
div.todouhuken3moji
{text-align: left;
color: #ffffff;
background-color: #552b00;
padding: 5px;
margin-top:10px;
margin-bottom:10px;
width: 50px;
}

/*
都道府県の部分4文字のところ
*/
div.todouhuken4moji
{text-align: left;
color: #ffffff;
background-color: #552b00;
padding: 5px;
margin-top:10px;
margin-bottom:10px;
width: 65px;
}

/*
都道府県の部分5文字のところ
*/
div.todouhuken5moji
{text-align: left;
color: #ffffff;
background-color: #552b00;
padding: 5px;
margin-top:10px;
margin-bottom:10px;
width: 80px;
}












/*
店舗名と詳細・blogボタンの位置
*/
img.middle {
vertical-align: sub;
height: 27px;
margin-left: 10px;
}

/*
店舗の住所・TEL・営業時間
*/
div.tenposyousai
{
 margin-top: 5px;
}


/*
店舗の区切り罫線
*/
div.border
{
border: 1px #804000
}


/*
ここから店舗の詳細ページ----------------------------
*/

/*
「店舗情報」の部分
*/
#tenpojouhou
{text-align: left;
color: #ffffff;
background-color: #552b00;
padding-left:5px ;
padding-top:5px ;
padding-bottom:5px ;
}

/*
店名
*/
#tenmei
{font-size: large;
 font-weight: bold;
 padding-top: 10px;
 padding-bottom: 0;
 padding-left: 5px;
}

/*
店名下の線
*/
#topborder
{padding-top: 0;
 margin-top: 0;
}

/*
テーブル枠
*/

table
{margin-left: auto;
 margin-right: auto;
 border-collapse: collapse;
 border-color: #552b00;
 width: 97%;
}
/*
テーブルのタイトル部分
*/
col#title
{color: #000000;
 background-color: #ffffe0;}


td.title2
{
 text-align: center;
 line-height: 110%;
 padding: 7px;
 font-weight: 500;
}

/*
テーブルの内容部分
*/
td.naiyou
{
 line-height: 120%;
 padding: 7px;
}

/*
「お得なモバイル会員大募集中」部分
*/

div#mobail_background
{
 background-color: #ffffe0;
}

p#mobail_title
{
 background-color: #cc3300;
 padding: 5px;
}


p#mobail_setumei
{
 padding-top: 0;
 padding-right: 5px;
 padding-left: 5px;
}

img#btn
{
 width: 200px;
 display: block;
 margin-left: auto;
 margin-right: auto;
}

p#mobail_touroku
{
 font-size: 11pt;
 padding-top: 0;
 padding-left: 5px;
}


p#domein
{
 font-size: 10pt;
 padding-top: 0;
 margin-top: 0;
 padding-right: 5px;
 padding-left: 5px;
 padding-bottom: 5px;
 line-height: 130%;
}



/*
高円寺店instagram,line
*/

.icon {float: left;}

.text {float: left;}

#sns_tenpo {overflow: hidden;}

/* clearfix */

#sns_tenpo: before,
#sns_tenpo: after{content: "";
                  display: table;}

#sns_tenpo: after {clear: both;}

.text {width: 50%;}

/*
チョコチョコダウンページ .linkbtn_eria
*/
.linkbtn_eria {text-align: center;
               margin-top: 4%;}

.linkbtn {margin-right: 4%;}


#bnr_choco {text-align: center;
            margin-top: 10px;}

/*
直営店モバイル＆LINE@募集-------------------------------
*/

.boshu {background-color: #ffffe0;
        padding-bottom: 5px;}


p.setsumei {margin-left: 7px;
            margin-right: 7px;}

p.tokuten {margin-left: 7px;
           margin-right: 7px;
           margin-top: -7px;
           margin-bottom: 23px; 
           color: red;
           font-weight: 600;}


/*
LINE@のみ募集-------------------------------
*/

.boshu_tit_line {margin-bottom: -10px;}

.boshu_setsumei_line {margin-bottom: -20px;}

#idkensaku_line {text-align: center;
                 margin-top: 10px;}



/* アコーディオンメニュー */

#arrow{
    width: 35px;
    height: 33px;
    fill: #fff;
    position: absolute;
    top: 7px;
    right:10px;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}
.dropdown li{
    list-style:none;
    position:relative;
}
.submenu{
    display:none;
}
.dropdown_toggle #arrow{
   	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}


/*装飾----------------------------------*/

.dropdown{
    width:100%;
    padding: 0;
    background:#552b00;
    color:#fff;
    margin-top: -14px;
}

.dropdown>li{
    padding:10px;
}

.submenu{background:#ffffe0;
         margin-top:10px;
         padding: 0;}


.submenu p.shosai {color: #000000;
                   padding: 0 10 10 10;
                   text-align: center;}

.submenu p.shosai2 {color: #000000;
                    padding: 0 10 10 10;
                    margin-top: -15px;
                    text-align: center;}



#btn_line {text-align: center;
           padding-top: 8px;
           margin-bottom: -10px;} 

img.btn_line {width: 200px;}

#btn_mobile {text-align: center;
             padding-top: 10px;
             margin-bottom: -6px;} 

img.btn_mobile {width: 260px;}



.bottom {border: none;
         border-top: solid 2px #552b00;
         height: 2px;
         color: #552b00;
         margin-top: -3px;}