/* ----------------------------------------------------------
 * 共通スタイルシート（common.css）
 * ---------------------------------------------------------- */

/* ---------------------------------------------------------- */

body {
  background: url("../img/com/bg.gif");
  margin: 0;
  text-align: center;
}

body, th, td {
  color: #333333;
  font-family: Meiryo,YuGothic,"Yu Gothic Medium","Hiragino Kaku Gothic ProN",sans-serif;
  font-size: 13px;
}

#main {
  background-color: #ffffff;
  border: solid #cccccc;
  border-width: 0 1px;
  margin: 0 auto;
  width: 770px;
}

#main table{
  margin: 0 auto;
  text-align: left;
}

h1 {
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px;
	padding-bottom: 2px;
	padding-top: 5px;
	width: 760px;
}

h3 {
	border-bottom-width: 1px;
	border-color: black black #999966;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-top-width: 0px;
	color: #600004;
	font-size: 18px;
	font-weight: bold;
	height: 20px; padding-top: 20px;
	padding-bottom: 3px;
	padding-left: 3px;
}


form { margin: 0px; }


/* ---------------------------------------------------------- */
/*a { text-decoration: none; }*/
a:link    { color: #663300; }
a:visited { color: #663300; }
a:active  { color: #999966; }
a:hover   {
	color          : #999966;
	text-decoration: underline;
}
/* ---------------------------------------------------------- */

ul {
	margin-left    : 18px;
}
ul a {
	padding-left       : 18px;
}
/* ---------------------------------------------------------- */
.xx-small { font-size:  7px; }
.x-small  { font-size:  9px; }
.small    { font-size: 11px; }
.medium   { font-size: 13px; }
.large    { font-size: 15px; }
.x-large  { font-size: 17px; }
.xx-large { font-size: 19px; }

.small td { font-size  : 11px; }
.text     { line-height: 150%; }
.text-end { text-align: right; }


.olive { color: #666633; }
.red { color: #B00F09; ; font-weight: bold}


.required{ color: #B00F09; ; font-weight: bold}


.photo {
  border: 1px #666666 solid;
  left: 0px; top: 1px;
  clip:    rect(   );
  height: 160px; width: 65px;
 margin-top: 1px;
}

.syohintext{
  font-size: 12px;
  left: 5px;   rect(   );
  line-height: 18px; padding-top: 5px;
  clip:    rect(   ); padding-left: 10px;
}

.syohintext br{
  font-size: 12px;
  line-height: 6px;
}

#footer{
  padding-top: 8px;padding-right: 10px; padding-left: 10px; clip:  rect(   );
  font-size: 14px;
  line-height: 18px;
}


.info {
  font-size: 9px; clip:   rect(   ); 
  padding-top: 2px; padding-bottom: 2px; padding-left: 5px;
}

#search {
  line-height: 18px ;
  padding-top: 5px; padding-bottom: 2px;
  padding-right: 0px; padding-left: 0px;
}
.search_title {
  color: #B00F09;
  border-color: black black #B00F09;
  height: 20px; clip:  rect(   );
  font-weight: bold; border-style: solid; 
  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px;
}

.sitemap {
 font-size: 13px;
 line-height: 150%;
 border: #D9D7BB solid;
 border-width: 0px 0px 1px; padding-top: 5px; padding-bottom: 5px;
}

th {
  color: #ffffff;
}

#list_table { background-color: #FFFFFF }



/* ---------------------------------------------------------- */
.submenu {
  padding-bottom: 5px;
}

.shopmap {
  padding-left: 5px;
  padding-right: 1px;
  padding-top: 1px;
}
.shopname {
  color: #663300;
  font-weight: bold;
  text-transform: none;
}

/* スライド */
.hero {
  margin: 0 15px;
  position: relative;
}

.hero::before {
  border: 2px solid #d7001e;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.hero-item + .hero-item {
  display: none;
}

.hero-list .slick-slide {
  display: block;
  height: 240px;
  outline: none;
}

.hero-list .slick-arrow {
  appearance: none;
  background: #d7001e url("../img/top/hero-prev.png");
  border: none;
  cursor: pointer;
  height: 40px;
  left: 0;
  margin: -20px 0;
  outline: none;
  padding: 0;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  width: 40px;
  z-index: 1;
}

.hero-list .slick-next {
  background-image: url("../img/top/hero-next.png");
  left: auto;
  right: 0;
}

/* 新着情報 */
.info {
  border: 1px solid #666666;
  height: 238px;
  overflow: auto;
  padding: 3px;
}

/* タイトル */
.title {
  border: solid #cccccc;
  border-width: 1px 0;
}

/* ページの先頭へ */
.jump-top {
  border-bottom: 1px solid #ff9600;
  margin: 0 15px;
  text-align: right;
}

.jump-top a {
  font-size: 11px;
  text-decoration: none;
}

/*  */
.nav-job {
  display: inline-block;
  padding-bottom: 15px;
  position: relative;
}

.nav-job span {
  font-size: 10px;
  left: -100%;
  position: absolute;
  right: -100%;
  text-align: center;
}

/* 外部リンク */
.jump-ex { color: #fff; }
.jump-ex a {
  color: #fff;
  margin: 0 6px;
  text-decoration: none;
}

.jump-ex a:hover { opacity: 0.8; }

/* LINEお友達追加 */
.line-bt a:hover { filter: contrast(150%); }