@charset "utf-8";

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

a:hover img {
  opacity: 1;
}


#top-key-box h2.top-key-catch img {
  height:48%;
  margin-top:0;
}


#key-news-topics {
  display: none;
}


#top-key-box .top-key-wakatakechan {
  width: 180px;
  bottom:5px;
  right:5px;
}


#top-key-box .img-top-parts-01 {
  width: 120px;
  position: absolute;
  top:100px;
  left:50px;
}

#top-key-box .img-top-parts-02 {
  width:232px;
  position: absolute;
  bottom:140px;
  left:50px;
}

#top-key-box .img-top-parts-03 {
  width:220px;
  position: absolute;
  top:200px;
  right:50px;
}


#top-kodawari-box {
  width: 100%;
  padding:100px 0;
  background: url(imgs/bg-01.jpg) no-repeat 0 0 / contain;
}

#top-kodawari-box .inner {
  width:100%;
  padding:0 4%;
}


#top-kodawari-box .inner .photo-box .img-01 {
  width:33%;
  height: auto;
  position: absolute;
  left: 0;

}

#top-kodawari-box .inner .photo-box .img-top-kodawari-title {
  width:28%;
}

#top-kodawari-box .inner .photo-box .img-02 {
  width:48%;
  height: auto;
  position: absolute;
  right: 0;
  bottom:0;
}

header#hd-box .hd-innder #menu-box {
  width: 100%;
  display:block;
  height: 100%;
}

header#hd-box .hd-innder #menu-box li a{
  width: 100%;
  display: block;
  text-align: center;
  padding:10px 0;
}

#top-menu-box {
  padding:100px 4%;
}

#top-menu-box .inner {
  width:100%;
  background:url(imgs/bg-top-menu.jpg) no-repeat 0 0 / contain;
  margin:auto;
}

#top-menu-box .inner .title-box {
  justify-content: space-between;

}

#top-menu-box .inner .title-box .img-wakatakechan {
  width:20%;
  text-align: center;
  padding-right: 10px;
}

#top-menu-box .inner .title-box .txt-box {
  width:80%;
}

#top-menu-box .inner .title-box .txt-box h3 img {
  width:80%;
  margin-bottom:15px;
}

#top-menu-box .inner .menu-wrap {
  justify-content: space-between;
}

#top-menu-box .inner .menu-wrap .menu-thumbnail {
  width:32%;
}

#top-menu-box .inner .bnr-takeouto {
  width: 90%;
  margin:60px auto 0;
}

#top-news-box {
  padding:150px 4% 100px;
  position: relative;
}

#top-news-box .inner {
  max-width: 1100px;
  margin: auto;
}

#top-news-box .inner h2 img {
  width: 32%;
}

#top-news-box .inner ul li {
  border-top: 1px solid #ccc;
  padding:25px 10px;
  display: flex;
  background:url(imgs/bg-wh-op.png);
}

#top-news-box .inner ul li time {
  width:20%;
}

#top-news-box .bg-top-news-01 {
  width: 300px;
}

#top-news-box .bg-top-news-02 {
  width:300px;
}


#cm-mv-box {
  height: 300px;
}

footer #ft-menu {
  display: none;
}

footer .copy {
  padding:20px 0 2px;
}

footer .copy img {
  width: 130px;
  margin-bottom:5px;
}



/*TB こだわり
**********************************/
#lower-title-box {
  width: 100%;
  height: 400px;
}

#lower-title-box h2 img {
  width:300px;
}

#lower-kodawari-box {
  padding:80px 0 0;
  background: url(imgs/bg-01.jpg) no-repeat 0 0 / contain;
}

/* ネタ */
#lower-kodawari-box .box-neta {
  width: 100%;
  display:block;
  padding-left:0;
}

#lower-kodawari-box .box-neta .photo-box {
  width:100%;
  background:none;
  height:auto;
  margin-top:30px
}

#lower-kodawari-box .box-neta .txt-box {
  width:100%;
  padding:0 4%;
}

#lower-kodawari-box .box-neta .txt-box h3,
#lower-kodawari-box .box-tenigiri .txt-box h3,
#lower-kodawari-box .box-shari .txt-box h3 {
  text-align: center;
}

#lower-kodawari-box .img-kodawari-title-parts {
  display: block;
  margin:auto auto 20px;
}

/* 手握り */
#lower-kodawari-box .box-tenigiri {
  width: 100%;
  margin:100px auto;
  display:block;
  background: url(imgs/bg-01.jpg) no-repeat 0 0 / contain;
}

#lower-kodawari-box .box-tenigiri .photo-box {
  width:100%;
  padding:0 4%;
  margin-top:30px
}

#lower-kodawari-box .box-tenigiri .txt-box {
  width:100%;
  padding:0 4%;
}

/* シャリ */
#lower-kodawari-box .box-shari {
  width: 100%;
  display:block;
  padding-left:0;
  background: url(imgs/bg-01.jpg) no-repeat 0 0 / contain;
}

#lower-kodawari-box .box-shari .photo-box {
  width: 100%;
  margin-top:30px
}

#lower-kodawari-box .box-shari .txt-box {
  width: 100%;
  padding:0 4%;
}


#lower-kodawari-box .box-tea {
  width: 100%;
  padding:120px 0;
}

#lower-kodawari-box .box-tea .inner {
  width:92%;
  margin:auto;
  padding:4%;
  display:block;
}

#lower-kodawari-box .box-tea .inner .txt-box {
  width:100%
}

#lower-kodawari-box .box-tea .inner .txt-box h3 {
  text-align:center;
}

#lower-kodawari-box .box-tea .inner .txt-box .img-concept-title-tea {
  width:60%;
  display: block;
  margin:0 auto 20px;
}

#lower-kodawari-box .box-tea .inner .photo-box {
  width:100%;
  margin-top:20px;
}

#lower-kodawari-box .box-dx .img-concept-title-dx {
  width: 90%;
}

#lower-kodawari-box .box-dx .inner {
  width:100%;
  padding:0 4%;
  margin:auto;
  align-items:flex-start;
  margin-top:80px;
}

#lower-kodawari-box .box-dx .inner .photo-box {
  width:40%;
  position: relative;
}

#lower-kodawari-box .box-dx .inner .txt-box {
  width:55%;
}

#lower-kodawari-box .box-dx .inner .photo-box .img-top-parts-02 {
  width:100px;
  position: absolute;
  bottom:-20px;
  left:-5px;
  z-index: 2;
}

#lower-kodawari-box .box-dx .inner .photo-box .img-top-parts-03 {
  width:100px;
  position: absolute;
  bottom:-20px;
  left:-5px;
  z-index: 2;
}

#lower-kodawari-box .box-dx .inner .txt-box h3 {
  font-size:2.5rem;
}

#lower-kodawari-box .box-dx .inner .txt-box ol {
  margin:10px 0;
}

#lower-kodawari-box .box-dx .inner .txt-box ol li {
  font-size: 2.5rem;
  line-height:3.6rem;
}

#lower-kodawari-box .box-dx::after {
  height:70px;
}


/*TB メニュー
**********************************/
#lower-menu-box {
  padding:100px 4%;
}

.lead-txt {
  text-align:center;
  font-size:2rem;
  line-height:3.4rem;
}

#lower-menu-box .inner .menu-wrap {
  justify-content: space-between;
}

#lower-menu-box .inner .menu-wrap .menu-thumbnail {
  width:32%;
}

.menu-sushi-list ul li {
  width: 31%;
  margin-bottom: 30px;
}
.loopSlide ul li img {
  width:160px;
  height: auto;
  margin-left:15px;
}

.loopSlide ul li img.loop-gunkan {
  width: 130px;
}




/*TB 店舗検索
**********************************/
#lower-base-box {
  padding:80px 4%;
}


.shop-current-location a.btn-scl:hover {
  background: #fff;
  color: #000;
  border: 1px solid #bbb;
}

.shop-current-location a.btn-scl:hover i {
  color: #f00
}

/*TB 店舗検索　結果画面
**********************************/
.shop-search-box {
  padding:15px;
  background:url(imgs/bg-shop-search-arrow.svg) 98% center no-repeat;
  background-size: 20px;
}

.shop-search-box .inner-box {
  width: 100%;
}

.shop-search-box .inner-box .photo-box{
  width:35%;
}

.shop-search-box .inner-box .txt-box {
  width:65%;
  padding-left:4%;
}

.shop-search-box .inner-box .txt-box h3 {
  font-size:2.5rem;
  padding-bottom:5px;
}

.shop-search-tel {
  font-size:2.3rem;
  padding-bottom:0px;
}

/*TB お持ち帰り
**********************************/


ul.takeout-list li {
  width: 32%;
  margin-bottom:10px;
}

#lower-title-box.takeout h2 img {
  width:410px;
}

/*TB 採用情報
**********************************/
#lower-title-box.recruit {
  background:url(imgs/bg-recruit-h2.jpg) no-repeat 30% 0 / cover;
}

table.base-01 th {
  width: 100%;
  padding:10px 0 3px;
  display: block;
  text-align: left;
  border-top:none;
  border-bottom: none;
}

table.base-01 td {
  width: 100%;
  padding:10px 0 0 0;
  border-top:1px solid #ccc;
  border-bottom:none;
  display: block;
  margin-bottom: 10px;
}

table.base-01.bg-color tr:nth-child(odd),
table.base-01.bg-color tr:nth-child(even) {
  background:none
}

.midashi-02 {
  font-size:2rem;
  padding:10px 0;
}

.space-top-01 {
  margin-top: 30px;
}

.img-contact-flow {
  margin:30px 0 20px;
}

/*TB 店舗詳細
**********************************/
.shop-thum-img {
  width: 40%;
  margin: 10px 0;
}


/*TB お問い合わせ
**********************************/
#lower-title-box.contact h2 img {
  width:420px;
}

/*TB お知らせ
**********************************/
.news-box {
  display:block;
}

.news-box .news-kiji-box {
  width:100%;
  margin-bottom:30px;
}

.news-box .news-side-box {
  width:100%;
  display: flex;
  justify-content: space-between;
}

.news-box .news-side-box .side-widget-area {
  width: 47%
}

.news-title-mb {
  margin-bottom:30px;
}

input[type="text"].tel-numtxt {
  width:100%;
}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
  width:100%;
}

.txt-c-pc {
  text-align:left;
}

/*
TB block --------------------------------------------*/
.i_p_b {display: none !important;}
.i_t_b {display: block !important;}
.i_s_b {display: none !important;}
.i_pt_b {display: block !important;}
.i_ts_b {display: block !important;}
}