@charset "utf-8";

body {
line-height:2;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
background-color: #ffffff;
text-align:left;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}


/* --- 全体のリンクテキスト --- */
a:link { color: #4682b4; }
a:visited { color: #386992; }
a:hover { color: #79a7cc; }
a:active { color: #00c0c0; }
img{border:none;}
a {
  text-decoration: none;
}

a:hover.undr { color: #666666; } 
a.undr { border-bottom: 1px dashed; }



header .logo {
padding: 0px 150px;
}

.logo h1 {
  font-family: serif;
  font-size: 50px;
}

a,a:visited{
  color: #0071d1;/*訪問後紫にしない*/
}


#header {
width: 900px;
margin: 0 auto;
padding: 10px 0px;
text-align: right;
background-position: 50% 50%;
}


/* --- パンくず --- */
.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-size: small;
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em .2em;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #52b5ee;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

ul {
margin: 0;
list-style-type: none;
padding: 0;
font-size: 120%;
}

li {
display: inline-block;
}

/*bento_ondoya関連*/

#main {
float: left;
width: 100%;
}

#main .pagetitle{
margin: 0 15px 15px 10px; /* 見出しエリアのマージン（上右下左） */
}

#main h1 {
float: left;
font-size: 20px;
padding: 20;
}

div.shoplist table{
  width: 980px;
  font-size:  13px;
  margin-bottom: 20px;
  float: left;
  }

.pagetitle img {
  object-fit: cover;
  }
  
/*移動販売車*/
.image-memory h1{
  font-size: 20px;
  margin: 5px ;
  padding: 0px 10px;
  border-left: 6px #000000 solid; 
}
.image-memory p {
  font-size: 15px;
}

.image-memory img {
  object-fit: cover;
  width: 100px;
}

/*出店募集関連*/

.bosyu-text h1{
  font-size: 20px;
  margin: 5px ;
  padding: 0px 10px;
  border-left: 6px #000000 solid; 
}

.bosyu-text p {
  font-size: 15px;
}

.red {
  color: #ff0000;
  font-weight: bold;
  font-size: 18px;
}

/*
#main h2 {
float: left;
font-size: 15px;
padding: 20;
}

#main .section {
float: left;
margin-left: 10px;
}

.section3 th {
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
line-height: 1.5;
border-bottom: 1px dotted #666;
font-size: 90%;
text-align: left;
}

.section3 td {
padding-left: 15px;
padding-right: 15px;
border-bottom: 1px dotted #666;
font-size: 90%;
}
*/

/*共通*/

#container {
  width: 1000px;
  margin-left: 200px;
  overflow: hidden;
  }

.container a:hover {
  opacity:0.5;
  }

/*おんどや*/

.ondoya-box { /*横並びに*/
  display: flex;
  justify-content: space-around;
  }
  

/*おんどやHOME 左側*/
.ondoya-list {
  float: left;
  height: auto;
  width: 190px; /* サイドバーの幅 */
  text-align: left;
  font-size: 10px;
  }
  
.left-nav li {
  margin: 10px;
  text-align: left;
}

/*おんどやHOME右側*/

.shop-info {
  margin-top: 50px;
}

.shop-info img { /*掲載写真*/
  object-fit: cover;
  width: 200px;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.shop-info h3 {
  font-size: 20px;
  margin: 5px ;
  padding: 0px 10px;
  border-left: 6px #000000 solid; 
}

.shop-info th {
  display: block;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
}

.shop-info td {
  display: block;
  font-size: 13px;
  padding-left: 20px;
  margin-top: 10px;
  line-height: 1.2em;
}


#footer {
border-top: 1px #c0c0c0 solid;
text-align: center;
font-size: 80%;
bottom: 0;           /* フッターを一番下に置くぜ！ */
width: 100%;
height: 70px; 
}


/*モバイル版
--------------------------------------------*/

@media only screen and (max-width: 750px) {

  header .logo {
    padding: 0;
  }

  .logo {
    margin-left: 15px;
  }

  .logo img {
    margin: 0;
  }

  .breadcrumb { /*パンくず*/
  margin-top: 30px;
  }
  
  #container { /*共通*/
    width: 100%;
    margin-left: 0px;
    margin: 0 auto;
    }

  .shop-info img { /*掲載写真*/
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    margin-left: 30px;
  }
  
  .shop-info h3 {
  margin-left: 20px; 
  }
    
  .ondoya-box { /*横並び→縦並びに*/
  flex-direction: column;
  }

.table-scroll{ /*店舗情報の表を横スクロールで表示*/
  width: 100%;
  overflow:auto;
  white-space: nowrap;
  }
}