body,div,button,input,select,textarea,dt,dl,a,button,p,
.main-navigation a, .widget-title, .previous a, .next a,
.feedom-button, input[type="reset"], input[type="button"], input[type="submit"], button, a.button {
  font-family: Arial,HiraKakuProN-W3,"Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック", Meiryo,sans-serif;
  font-size: 14px;
}
#logo {
  padding: 0; margin: 0;
  display: block;
  text-align: center;
  color: #0093AF;
}
#logo img {
  padding: 0; margin: 0;
}
#logo span {
  font-family:serif;
  color:#FCA9B1;
  font-size:small;
  margin-left: 0.5em;
}
#site-navigation {
    border-bottom: solid 1px #C9F1E9;
}
.inner-wrap {
    margin-bottom: -2px;
}
#btn-print {
    width: 80px;
    display: inline-block;
}
body {
  background: transparent !important;
}
p {
  line-height: 150% !important;
  font-size: 16px;
}
h1, h2 {
  font-weight: bold;
}
#main {
  padding-top: 1em;
  padding-bottom: 1em;
}
.ui.cards {
  margin: 0;
}
.ui.cards>.card {
  box-shadow: none;
  margin: 0;
  float: left;
}
.ui.card>.content, .ui.cards>.card>.content {
  padding: 0.5em;
}
#respond h3#reply-title #cancel-comment-reply-link,
a.comment-reply-link, .ui.button.munsell {
  font-size: 13px;
  background-color: #0093AF;
  color: #FFF;
  padding: 0.3em 1em;
}
.comment .comment-reply-link {
	float: right;
}
.comment a.comment-reply-link:hover {
    color: #FFF;
    background-color: #18DBC4;
}

.site-header .menu-toggle {
  display: inline-block;
  float: right;
  text-align: center;
  background-color: #FFCACF;
  color: #fff;
  height: 27px;
  width: 50px;
  padding: 8px 0;
}
#page {
  margin-top: 47px;
  padding: 6px;
}
.site-header {
  position: fixed;
  min-height: 47px;
  top: 0;
  width: 100%;
  background: #f0f0f0;
  z-index: 1000000;
}
.no-sidebar .site-header {
    position: relative;
}

.main-small-navigation li a:hover,
.main-small-navigation .current-menu-item a,
.main-small-navigation .current_page_item a,
.menunav-menu li.current-menu-item {
  background-color: #C9F1E9;
  color: #000;
}
.recentcomments {
    font-size: small;
}
.menunav-menu a {
  font-weight: bold;
  color: #FCA9B1;
}
.menunav-menu li:hover a {
  color: #000;
}

#masthead {
  background: #fff;
}

#header-text-nav-container {
  /* border-top: solid 6px #C9F1E9; */
  background: transparent;
}

#footer {
  text-align: right;
  font: 11px Verdana,sans-serif;
}
#footer a {
  color: #0093AF;
}
#footer small {
  color: #777;
}
#footer small a {
    color: #555;
    font-size: small;
    font-weight: bold;
}

.tagcloud {
  font-size: 0.7em;
}
.tagcloud a {
  margin: 0.3em !important;
  font-size: 0.8em !important;
  display: block;
}
.home .pager {
  margin-top: 1em;
}
.main-navigation a,
.pager a {
  color: #FCA9B1;
}

.pager a {
  font-weight: bold;
  padding: 10px 20px;
  max-width: 40%;
  display: inline-block;
  margin: 1em;
  background-color: #FCF4F5;
}
.pager a:hover {
  text-decoration: none;
  background-color: #FCEAEC;
}
form.single input {
  width: 70%;
  margin: 0 !important;
}
form.single input[type="submit"] {
  width: 25%;
  max-width: 120px;
  min-width: 60px;
  height: auto;
}


#menu-item-989 a {   margin-left: 12px; }
#menu-item-989 {
    background: url("/extra/icons/hotdrink14.svg") no-repeat 0 0.5em;
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -o-perspective: 500;
    perspective: 500;
}

.smiley {
  border: none;
  background: none;
}
.card {
  display: inline-block;
}
.card .header {
  margin-top: 0.3em;
  line-height: 1em;
  height: 3em !important;
  overflow: hidden;
}
.card .overlay {
  color: #fff;
  position: absolute;
  bottom: 0;
  background: #000;
  opacity: 0.60;
  filter: alpha(opacity=60);
  padding: 5px;
}
.bx-wrapper {
  max-width: 1200px !important;
  margin: 0 auto;
}
.bx-wrapper, .bx-viewport {
  height: 320px;
  max-height: 320px !important;
  overflow: hidden;
}
.type-post .entry-title, .type-page .entry-title,
#secondary .widget-title {
  font-size: 20px;
  margin: 5px 0;
}

.clear {
  clear: both;
}

.motto {
    display:inline-block;
    line-height:28px;
    font-size:110%;
    font-weight:bold;
    text-align: center;
}

.post-tag {
    color: #FF728C;
    padding: 3pt 7pt;
    margin: 2pt;
    display: inline-block;
    text-decoration: none;
    min-width: 100px;
    text-align: left;
}
.post-tag:hover {
    background-color: #efefef;
}
.social a {
    margin: 0 10px;
    color: #0093af;
    display: inline-block;
}

aside { clear: both; }

@media (max-width: 480px) {
  .bx-wrapper {
    display: none;
  }
  #logo span {
    display: block;
    position: absolute;
    left: 92px;
    top: 32px;
  }
  .ui.cards>.card {
    width: 100%;
  }
  .ui.cards>.card .image>img {
    width: 100% !important;
  }
  .ui.cards>.card .image {
    height: 130px;
    overflow: hidden;
  }
  .menunav-menu li {
    border-bottom: solid 1px #C9F1E9;
  }
  #btn-print {
    display: none;
  }
  #menu-top {
    clear: both;
    border: solid 1px #C9F1E9;
  }
  body.home #form-search {
    width: 100%;
    display: block;
  }
  .mobile-break { display: block; }
  .social { margin-top: 1em; }
  .motto, .inner-wrap .social {
    display: block;
    float: none;
  }
  .error404 li a {
    margin: 0.5em;
    display: block;
    border-bottom: solid 1px #e7e7e7;
  }
}
@media (min-width: 480px) {
    #___gcse_0 {
        width: 300px !important;
        float: right;
    }
    .ui.cards>.card>.image { height: 150px; overflow: hidden; }

  .ui.cards>.card {
    width: 49%;
  }
  .ui.cards>.card>.image {
    margin: 10px;
    margin-bottom: 0;
    height: 130px;
    overflow: hidden;
  }
  .inner-wrap .social, .motto {
    display: inline-block;
    float: left;
    margin: 10px 0;
  }
}
@media (min-width: 620px) {
  #logo {
    float: left;
  }
  .ui.cards>.card {
    width: 32%;
  }
}

@media (max-width: 900px) {
  .bx-wrapper, .bx-viewport {
    height: 250px;
    max-height: 250px !important;
    overflow: hidden;
  }
  .main-small-navigation li {
    border-bottom: solid 1px #C8F7F2;
  }
}

@media (min-width: 900px) {
  .site-header .menu-toggle {
    display: none;
  }
  body.home #form-search {
    display: inline-block;
    margin-right: 40px;
  }
  .card { border: solid 1px #fff; }
  .ui.cards>.card>.image {
    height: 180px;
  }
    .card:hover {
        border: solid 1px #e7e7e7;
    }
}
.onPrint { display: none; }
.share-button label {
  padding: 0 !important;
  background: none !important;
  color: white !important;
}
.share-button {
    display: inline-block !important;
}
@media print {
  body {
    background: white;
    color: black;
    margin: 5mm;
  }
  li, ul, p, div { font-size: medium; }
  .onPrint { display: block; }
  .hidePrint, #masthead, #menu-top, [class^="fb"], form, input, #footer, #secondary,
  .social, .pager, .menu-toggle,
  .fb_iframe_widget, .button {
    display: none !important;
  }
  .side-header, #primary {
    display: block;
    float: none;
    width: 100%;
  }
  #page { margin: 0; padding: 0 }
  img {
    width: auto !important;
    float: right;
    margin: 4pt;
    max-height: 150pt;
  }
  .content-general img {
    float: none;
  }
  x-img img.qr {
    width: 2.5cm !important;
  }
  * {
    line-height: 1.2em;
    font-family: "Times New Roman", "Hiragino Mincho Pro", "MS PGothic", serif;
    font-size: 12.5pt;
  }
  p { margin: 0; }
  #header-text-nav-container { border: none; }
}

.feedom-button,blockquote,button,input[type=button],input[type=reset],input[type=submit]{background-color:#0093af}#site-title a:hover,.next a:hover,.previous a:hover,a{color:#0093af}#search-form span{background-color:#0093af}.main-navigation a:hover,.main-navigation ul li ul li a:hover,.main-navigation ul li ul li:hover>a,.main-navigation ul li.current-menu-ancestor a,.main-navigation ul li.current-menu-item a,.main-navigation ul li.current-menu-item ul li a:hover,.main-navigation ul li.current_page_ancestor a,.main-navigation ul li:hover>a,.site-header .menu-toggle:before{color:#0093af} #featured-slider .entry-title a:hover{color:#0093af}#featured-slider .slider-read-more-button a{background-color:#0093af}.slider-nav i:hover{color:#0093af}.format-link .entry-content a,.pagination span{background-color:#0093af}.pagination a span:hover{color:#0093af;border-color:#0093af}#content .comments-area a.comment-edit-link:hover,#content .comments-area a.comment-permalink:hover,#content .comments-area article header cite a:hover,.comments-area .comment-author-link a:hover{color:#0093af}.comments-area .comment-author-link span{background-color:#0093af}.comment .comment-reply-link:hover,.nav-next a,.nav-previous a{color:#0093af}#secondary h3.widget-title{border-bottom:2px solid #0093af}#wp-calendar #today{color:#0093af}.entry-meta .byline i,.entry-meta .cat-links i,.entry-meta a,.footer-socket-wrapper .copyright a:hover,.footer-widgets-area a:hover,.post .entry-title a:hover,.search .entry-title a:hover,.post-box .entry-meta .cat-links a:hover,.post-box .entry-meta .posted-on a:hover,.post.post-box .entry-title a:hover,a#scroll-up i{color:#0093af}.entry-meta .post-format i{background-color:#0093af}.entry-meta .comments-link a:hover,.entry-meta .edit-link a:hover,.entry-meta .posted-on a:hover,.entry-meta .tag-links a:hover{color:#0093af}.more-link span{background-color:#0093af}.single #content .tags a:hover{color:#0093af}.no-post-thumbnail{background-color:#0093af}@media screen and (max-width:768px){.top-menu-toggle:before{color:#0093af}}

.single.logged-in #wpadminbar { display: none }

/*
Supplement grid using table-cell
Based on: https://raw.githubusercontent.com/mdo/table-grid/gh-pages/table-grid.css
Document: http://mdo.github.io/table-grid/
*/
@media (min-width: 620px) {
  grid, .grid {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  cell, cell-6, .cell, [class^="cell-"] {
    display: table-cell;
    vertical-align: top;
  }
  .grid-padded {
    margin-left:  -1rem;
    margin-right: -1rem;
  }
  .grid-padded .grid {
    border-spacing: 1rem 0;
  }
  .cell-1 { width: 8.333333%; }
  .cell-2 { width: 16.666667%; }
  .cell-3 { width: 25%; }
  .cell-4 { width: 33.333333%; }
  .cell-5 { width: 41.666667%; }
  cell-6, .cell-6 { width: 50%; }
  .cell-7 { width: 58.333333%; }
  .cell-8 { width: 66.666667%; }
  .cell-9 { width: 75%; }
  .cell-10 { width: 83.333333%; }
  .cell-11 { width: 91.666667%; }
  .cell-12 { width: 100%; }
}

.single-menu #primary {
    float: none;
    margin: 0 auto;
    width: 100%;
}
.pad10 {
    padding: 10px;
}

.fixed-bottom {
    position: fixed;
    padding: 10px;
    vertical-align: middle;
    bottom: 50px;
    width: 100%;
    background: #fff;
    opacity: 0.9;
    border: solid 1px #ccc;
}
.fixed-bottom>* { margin: 0; }

@media (min-width: 480px) {
    .fixed-bottom {
        width: 350px;
        left: 0;
        text-align: right;
        border-left: none;
    }
}
@media (max-width: 480px) {
    .fixed-bottom {
        text-align: center;
        border-left: none;
        border-right: none;
    }
}

.hidden {
    display: none !important;
}
.shown {
    display: block !important;
}
.alert {
    margin: 1em 0 1.5em 0;
    padding: 0.5em;
}
.alert.message {
    background: #FFE6E8;
    color: #000;
}
.alert.info {
    border: solid 1px #d4ebaf;
    background: #edfcd5;
}
.alert.error {
    border: solid 1px #efe3ae;
    background: #FBFCD1;
}
span.red {
    color: #FF003F;
}
strong.num {
}


.bx-wrapper li {
    height: 330px;
    overflow: hidden;
}

.theme-color {
    color: #0093af;
}

.warm-color {
    color: #E22F74;
}

#secondary #form-subscribe { margin: 20px 0; }

.over-img {
    position: relative;
}
.over-img div {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
}
.over-img div p {
   color: black;
   background: white; /* fallback color */
   background: rgba(255, 255, 255, 0.7);
   padding: 10px;
   margin: 0;
}

#secondary .over-img img {
    width: 100% !important;
}

.margin {
    display: block;
    margin: 15px 0;
}
.bg-pink {
    background: #F36F7C;
    font-weight: bold;
}
.share-button.feedom-button.sharer-0 label,
.share-button.feedom-button.sharer-0 label span { font-size: 14px !important; }

.gray { color: #aaa; }

/* Special menu page */
.cell.menu-icon { width: 70px; }
.cell.menu-icon img { width: 65px; }
.page-id-212 h1 { text-align: center; }
.page-id-212 #content {
    background-color: #F6F6F6;
    padding: 15px; }
.page-id-212 h5 { margin-top: 30px; }
.page-id-212 .cell a { display: block; }
.page-id-212 .cell a:before {
    content: "● ";
}
/* End */

/* Fix comment form
@media (min-width: 1000px) {
    #comments .form {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 330px;
        background: #f7f7f7;
        z-index: 1000;
        zoom: 90%;
        padding: 1em;
        border: solid 2px #0093af;
    }
}
*/

.td-menu .td-menu-cover {
  width: 370px;
  height: 255px;
  background-position: 5px 5px;
}
.td-menu-cover {
  height: 221px;
  width: 266px;
  background-repeat: no-repeat;
  background-position: 5px 2px;
  background-size: cover;
}
.td-menu-info {
  padding: 5px 8px 5px 8px;
}
.tbtn.tbtn-l-r {
  background-position: -516px -433px;
  width: 128px;
  height: 36px;
  line-height: 37px;
  padding-top: 0;
  padding-bottom: 0;
}
.tbtn {
  background-color: transparent;
  border: 0;
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: white;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
  background-image: url(/extra/tadaku.png);
  background-size: 1989px 1337px;
}

#tadakuLogo {
  background-image: url(/extra/tadaku.png);
  background-position: -160px -653px;
  background-repeat: no-repeat;
  background-size: 1989px 1337px;
  width: 123px;
  height: 71px;
  display: inline-block;
}

.td-menu-host, .td-menu-price, .td-menu-details {
  display: none;
}

.flex {
  text-align: center;
}

.td-menu {
      width: 410px;
    display: inline-block;
}