* { padding:0; margin:0; }
body, td, p ,div{ 
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size:12px;
 color:#000;
}
input, button, textarea, select { color:#000000; }
img { border:0; }
a:link, a:active { text-decoration:none; color:#000000; outline:none; }
a:visited  { text-decoration:none; color:#000000; }
a:hover { text-decoration:underline; color:#000000;}
li {list-style:none;}

body{margin:0;padding:0;background:#fff; }

/*=== layout ===*/
#wrapper {width:100%; }
#header { float:left; width:100%; margin-bottom:10px; }
section {float:left; margin-bottom:15px; }
#footer { float:left; width:100%; margin:10px 0 50px 0;}
#footer .copyright { position:fixed; width:100%; bottom: 0; font-size: 8px; left: 50%; transform: translateX(-50%); padding-top: 30px;}

/*=== 認証					============================================================================================================*/
#index { float:left; width:100%;  }
#index li { float:left; width:100%;  }
#index li.menu { float:left; width:50%;  }
#index li img {  width:100%;  }

/*====================================================================================
Header 
====================================================================================*/
#h1 { color:#fff; background:#ff8cae; text-align:center;}
#h1 h1 {font-size:10px; font-weight:normal; }

#logo { width:100%; text-align:center; }
#logo img { position:relative; margin-top:10px; width:48%; }

#menu {/*position:relative;*/ position:fixed; z-index:999; width:80px; float:left; margin:10px 0 0 3px;}
#menu-tel {position:fixed; width:80px; z-index:999; right:0; margin:10px 3px 0 0; }
#menu-tel  li {float:left; width:80px; }
#menu-tel  li img {width:80px; }

/*=== fixed menu ===*/
#menu-fixed {width:100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap:10px; position:fixed; bottom:0; z-index:1001; }
#menu-fixed p {float:left; width:100%; }
#menu-fixed p img {width:100%;}
#menu-fixed li {float:left; width:100%; }
#menu-fixed li img {width:100%;}
#menu-fixed li.caution {float:left; width:98%; }
#menu-fixed li.caution img {width:100%;}

/*=== button-tel ===*/
#button-tel {width:100%; margin-bottom:10px; }
#button-tel li {float:left; width:50%; }
#button-tel li img {width:100%;}


/*=== overlay menu ===*/
.menu-btn {width:60px; height:60px; background:url('../../images/header/menu.png');}
.menu-btn a { width:60px; height:60px; display:inline-block; text-decoration:none; /* safari hack */}
.btn-open:after {}
.btn-close:after {}
.btn-close:hover:after {}
.overlay {position:fixed; top:0; z-index:99; display:none; overflow:auto; width:100%; height:100%; background:#fff; opacity:0.9;}
.main-menu {float:left; width:100%;  overflow:auto; margin-top:150px;}
.main-menu li {float:left; width:100%; padding:3% 0; color:#ff0080; font-weight:bold; font-size:1.8em; text-align:center; }
.main-menu li a { color:#ff0080}


/*====================================================================================
Footer 
====================================================================================*/
.footer-menu {float:left; width:96%; padding:2%; background:url('../../images/footer/bg_menu.jpg'); margin-bottom:10px;}
.footer-menu li {float:left; width:48%; margin:1%;}
.footer-menu li img {width:100%;}

.footer-banner {float:left; width:100%;  }
.footer-banner li {float:left; width:49.5%; margin-bottom:5px; }
.footer-banner li:nth-child(even){float:right; width:49.5%; margin-bottom:5px; }
.footer-banner li img {width:100%;}

.footer-shop_list {float:left; width:100%; }
.footer-shop_list li {float:left; width:49.5%; margin-bottom:5px; }
.footer-shop_list li:nth-child(even){float:right; width:49.5%; margin-bottom:5px; }
.footer-shop_list li img {width:100%;}

/*====================================================================================
top.php
====================================================================================*/
#movieTop { float:left; width:100%; }
a.topmovie { width:100%; }

#nosen { float:left; width:100%; height:10px; margin-top:25px; padding:45px 0 0; background:url('../../../images/main/bg_nosen.jpg') repeat-x; }
#nosen ul { position:relative; top:-70px; left:0; width:100%; z-index:1; margin-left: auto; margin-right: auto; text-align:center; }
#nosen ul li { width:15%; margin:0 5px; padding:10px 0; border-radius: 50%; display:inline-block; font-size:16px; color:#000; text-align:center; background:#fff; border:5px solid #2b9a00;  }

#countTop { float:left; width:100%; }
#countTop li { float:left; width:100%; box-sizing:border-box; padding:10px 10px; background:#f95281; margin-bottom:5px; font-size:24px; text-align:center; color:#fff; }
#countTop p img { width:100%; }

/*=== safe					============================================================================================================*/
#safe { float:left; width:100%; }
#safe .banner { float:left; width:100%; }
#safe .banner li { float:left; width:100%; margin-bottom:10px; }
#safe .banner li img { width:100%; }

/*=== flow					============================================================================================================*/
#flow { float:left; width:100%; }
#flow .banner { float:left; width:100%; }
#flow .banner li { float:left; width:100%; margin-bottom:10px; }
#flow .banner li img { width:100%; }

/*=== taigu					============================================================================================================*/
#taigu { float:left; width:100%; }
#taigu .title { float:left; width:100%; }
#taigu .title img { width:100%; }
#taigu .banner { float:left; width:100%; }
#taigu .banner li { float:left; width:100%; margin-bottom:10px; }
#taigu .banner li img { width:100%; }

/*=== faq					============================================================================================================*/
#faq { float:left; width:100%; }
#faq .banner { float:left; width:100%; }
#faq .banner li { float:left; width:100%; margin-bottom:10px; }
#faq .banner li img { width:100%; }

/*=== kensa					============================================================================================================*/
#kensa { float:left; width:100%; }
#kensa .banner { float:left; width:100%; }
#kensa .banner li { float:left; width:100%; margin-bottom:10px; }
#kensa .banner li img { width:100%; }

/*=== schedule					============================================================================================================*/
#schedule { float:left; width:100%; }
#schedule .banner { float:left; width:100%; }
#schedule .banner li { float:left; width:100%; margin-bottom:10px; }
#schedule .banner li img { width:100%; }

#schedule .worktimeTitle { padding:15px 0 5px; font-size:16px; font-weight:bold; color:#f95281; text-align:center; }
#schedule .komeji { margin:15px 0 0; font-size:14px; color:#eb1919; text-align: right;}
#schedule .tempo-worktime { 
  box-sizing: border-box;
  float:left;
  width:100%; 
  background: #fff;
  padding: 15px;
  border:2px solid #ccc;
}
#schedule .tempo-worktime li { 
  display:flex;
  justify-content: space-between;
  border-bottom:1px dotted #ccc;
  margin-bottom: 5px;
}
#schedule .tempo-worktime li:last-child{ 
  border-bottom:none;
  margin-bottom: 0;
}
#schedule .tempo-worktime li .shopName { 
  color:#ff4f83;
  font-size:14;
}
#schedule .tempo-worktime li .shopTime { 
  color:#333;
  display: flex;
  font-size:14;
}
#schedule .tempo-worktime li .shopTime p.time{ 
  margin-right:15px;
}

/*=== secret					============================================================================================================*/
#secret { float:left; width:100%; }
#secret .banner { float:left; width:100%; }
#secret .banner li { float:left; width:100%; margin-bottom:10px; }
#secret .banner li img { width:100%; }

/*=== contact					============================================================================================================*/
#contact { float:left; width:100%; }
#contact .title { float:left; width:100%; }
#contact .title img { width:100%; }
#contact .banner { float:left; width:100%; }
#contact .banner img { width:100%; margin:0;}
#contact p { float:left; width:100%; font-size:14px; padding:10px 0 0; }
#contact p.big{ float:left; width:100%; font-size:18px; color:#ff0080; padding:10px 0 0; }

#contact dl { float:left; width:100%; box-sizing:border-box; padding:20px; border:5px solid #ff4f83; background:#fffef8; margin-bottom:15px; }
#contact dl dt { float:left; width:100%; box-sizing:border-box; padding:5px 10px; background:#ff4f83; color:#fff; text-align:center; font-size:20px; font-weight:bold; }
#contact dl dd { float:left; width:100%; padding:5px 0; font-size:18px; text-align:center;}
#contact dl dd.small { float:left; width:100%; padding:2px 0 0; font-size:12px; text-align:center;}

/*=== table css				============================================================================================================*/
table.tableContact {float:left; width:100%; border-collapse:collapse; border:1px solid #d4c1a8; font-size:14px; }
table.tableContact tr { border-bottom:1px solid #d4c1a8; }
table.tableContact th { width:100%; border:solid 1px #d2bea5; line-height:16px; background:#f6f3e5; padding:10px; vertical-align:middle; text-align:left; font-weight:normal; }
table.tableContact td { border:solid 1px #d2bea5; vertical-align:middle; padding:10px; font-size:14px; }
table.tableContact td p.import { float:left; color:#ff5f7e; font-size:12px; }
table.tableContact th .btn-wrap {vertical-align:middle; padding:20px 0px; text-align:center; width:100%; }
table.tableContact th .btn-wrap li {float:left; width:50%; }