@charset "utf-8";
/*  style　[ 岡田・石堂クリニック： ]
=================================================================== */
/* 医 */
.ope-photo {
  float: right;
  padding: 0 1em 1em 1em;
}
/* ～767px(xs) ____________________________________________________ */
@media print,screen and (max-width: 767px) {
  .ope-photo {
  float: none;
  padding: 0 0 0.5em 0;
}
}

/*  勉強会 */
.news-list {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}

.news-list li {
  margin: 0 0 5px 0;
  padding: 5px 10px;
  border-bottom: #469AD7 1px dashed;
}
.news-list li:before {
  content: "▷";
  padding: 0 10px 0 0;
}


/* キャッチコピー */
.catch {
  font-size: 1.5em;
  margin: 2em 0;
  text-align: center;
  font-weight: 600;
}

/* ～767px(xs) ____________________________________________________ */
@media print,screen and (max-width: 767px) {
  .catch {
  font-size: 1.1em;
  margin: 1em 0;
  text-align: center;
  font-weight: 600;
}
}
/* キャッチコピー吹き出し */
.catch02 {
  position: relative;
  padding: 0.6em;
  background: rgba(250,192,1,0.6);
  border-radius: 7px;
  display: inline-block;
  margin: 2em auto 1em auto;
}
.catch02:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid rgba(250,192,1,0.6);
  width: 0;
  height: 0;
}
/* キャッチコピー（左寄せ） */
.catch03 {
  font-size: 1.3em;
  margin: 2em 0;
  font-weight: 500;
}

/* ～767px(xs) ____________________________________________________ */
@media print,screen and (max-width: 767px) {
  .catch03 {
  font-size: 1.1em;
  margin: 1em 0;
}
}


/* 食 */
.food-list {
  
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
}
.food-list li {
  margin:5px;
}
.food-list li img {
  border: #ccc 1px solid;
  padding: 3px;
}

/* 768px(sm)～ ____________________________________________________ */
@media print,screen and (min-width: 768px) {
  .food-list li {
  width: 30%
}
}
/* 992px(md)～ ____________________________________________________ */
@media screen and (min-width: 992px) {
  .food-list li {
  width: 23%
}
}
/* ～767px(xs) ____________________________________________________ */
@media print,screen and (max-width: 767px) {
  .food-list li {
  width: 98%
}
}

.td-line {
  border: #ccc 1px solid;
  border-collapse: collapse;
  width: 100%;
}
.td-line th {
  border: #ccc 1px solid;
  border-collapse: collapse;
  text-align: left;
  padding: 5px;
  background-color: rgba(204,204,204,0.4);
  vertical-align: middle!important;
  width: 50%;
}
.td-line td {
  border: #ccc 1px solid;
  border-collapse: collapse;
  text-align: center;
  padding: 5px;
  vertical-align: middle!important;
}
/* ～767px(xs) ____________________________________________________ */
@media print,screen and (max-width: 767px) {
  .td-line th {
  width: 100%;
}
}

/* 献立 */
.weekmenu {
  border: #fcc 1px solid;
  border-collapse: collapse;
  width: 100%;
}
.weekmenu th {
  border: #fcc 1px solid;
  border-collapse: collapse;
  text-align: center;
  padding: 5px;
  background-color: rgba(255,204,204,0.4);
  vertical-align: middle!important;
}
.weekmenu td {
  border: #fcc 1px solid;
  border-collapse: collapse;
  text-align: center;
  padding: 5px;
  vertical-align: middle!important;
}

/* 今週のポイント */
.point-menu {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ff9ea2;
    border-radius: 8px;
  display: table;
}
.point-menu .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #ff9ea2;
    font-weight: bold;
}
.point-menu p {
    margin: 0; 
    padding: 0;
}

/* アーカイブへのボタン */
.btn-brackets {
  display: inline-block;
  position: relative;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #000;
  transition: .4s;
  font-size: 0.9em;
}
.btn-brackets:hover {
  color:#ff7f7f;
}
.btn-brackets:before, .btn-brackets:after {
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.btn-brackets:before {
  border-left: solid 1px #ff7f7f;
  border-top: solid 1px #ff7f7f;
  border-bottom: solid 1px #ff7f7f;
  left: 0;
}
.btn-brackets:after {
  content: '';
  border-top: solid 1px #ff7f7f;
  border-right: solid 1px #ff7f7f;
  border-bottom: solid 1px #ff7f7f;
  right: 0;
}



/* 住 */
.bluebox {
  border: solid 2px #406cb4;
  padding: 1em;
}
/* 768px(sm)～ ____________________________________________________ */
@media print,screen and (min-width: 768px) {
  .bluebox {
  width: 40%;
}
}
/* 992px(md)～ ____________________________________________________ */
@media screen and (min-width: 992px) {
  .bluebox {
  width: 50%;
}
}
/* 1200px(lg)～ ___________________________________________________ */
@media screen and (min-width: 1200px) {
  .bluebox {
  width: 60%;
}
}

.price td {
  vertical-align: middle!important;
}
/* ～767px(xs) ____________________________________________________ */
@media print,screen and (max-width: 767px) {
  .price-xs {
    display: block;
    text-align: center;
    margin: 0.5em 0 0 0;
    padding: 0.5em 0 0 0;
    border-top: #ccc 1px dotted;
  }
}

/* 768px(sm)～ ____________________________________________________ */
@media print,screen and (min-width: 768px) {
}
/* 992px(md)～ ____________________________________________________ */
@media screen and (min-width: 992px) {
}
/* 1200px(lg)～ ___________________________________________________ */
@media screen and (min-width: 1200px) {
}