@charset "UTF-8";
/* CSS Document */

body {
    font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
    font-size: 14px;
    line-height: 23px;
    color: #403e3e;
    letter-spacing: 0.5px;
}


a:link { color: #403e3e; }
a:visited { color: #403e3e; }
a:hover { color: rgb(224, 163, 2); }
a:active { color: rgb(224, 163, 2); }



h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}


.both {
  clear: both;
}

.img_50 {
  width: 50%;
  height: auto;
  margin-left: 25%;
  margin-right: 25%;
}

.img_70 {
  width: 70%;
  height: auto;
  margin-left: 15%;
  margin-right: 15%;
}

.img_80 {
  width: 80%;
  height: auto;
  margin-left: 10%;
  margin-right: 10%;
}

.mt_5 {
  margin-top: 5px;
}

.mt_10 {
  margin-top: 10px;
}

.mt_15 {
  margin-top: 15px;
}

.mt_20 {
  margin-top: 20px;
}

.mt_25 {
  margin-top: 25px;
}

.mt_30 {
  margin-top: 30px;
}

.mt_35 {
  margin-top: 35px;
}

.mt_40 {
  margin-top: 40px;
}

.mt_45 {
  margin-top: 45px;
}


.mb_10 {
  margin-bottom: 10px;
}

.mb_15 {
  margin-bottom: 15px;
}

.mb_20 {
  margin-bottom: 20px;
}

.mb_25 {
  margin-bottom: 25px;
}

.mb_30 {
  margin-bottom: 30px;
}

.mb_35 {
  margin-bottom: 35px;
}

.mb_40 {
  margin-bottom: 10px;
}

.mb_45 {
  margin-bottom: 15px;
}



.mr_05 {
  margin-right: 5px;
}

.mr_10 {
  margin-right: 10px;
}


.bold {
  font-weight: bold;
}

.text_80 {
  font-size: 80%;
}

.text_85 {
  font-size: 85%;
}

.text_90 {
  font-size: 90%;
}

.text_120 {
  font-size: 120%;
}

.text_130 {
  font-size: 130%;
}

.text_140 {
  font-size: 140%;
}

.text_right {
  float:right;
}

.text_left {
  float:left;
}

.wh_text {
  color: #fff;
}

.letter_010 {
  letter-spacing: 1px;
}

.letter_015 {
  letter-spacing: 1.5px;
}

.letter_020 {
  letter-spacing: 2px;
}

.red {
  color: rgb(215, 30, 80);
}

.orange {
  color: rgb(224, 163, 2);
}

.header {
  padding-top: 15px;
}
.logo {
  width: 80%;
  margin-left: 10%;
  margin-right: 10px;
}


.navbar{
  margin-bottom: 0px;
}

.main_contents {

}

.header {
}

.navbar{
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.navbar-default{
  margin-bottom: 0px;
  padding-bottom: 0px;
}


.item img {
width:100%;}

.fluid2 {
padding:0;}

.tel {
  font-size: 30px;
  font-weight: bold;
}

.blue_tag {
  background-color: hsl(183, 35%, 65%);
  color:#fff;
  padding-top: 7px;
  padding-bottom: 6px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  border-top-left-radius: 7px;     /* 左上 */
  border-top-right-radius: 7px;    /* 右上 */
  border-bottom-left-radius: 0px;  /* 左下 */
  border-bottom-right-radius: 0px; /* 右下 */
}


.blue_tag p {
  margin-bottom: 0px;
}

.tag{

  padding-bottom: 0px
}

.tag p{
  margin-bottom: 0px;
}

div.tag_left {
   text-align: left;
   float: left;
}

div.tag_right {
   text-align: right;
}


.post_topics {
  clear: both;
  border-top: 3px solid hsl(183, 35%, 65%);
  padding-top: 15px;
  padding-bottom: 15px;
  height: 100%;
}

.date {
  font-weight: bold;
  margin-bottom: 0px;
}

.post_img {
  width: 80%;
  height: auto;
  margin: 5px 10%;
}

.orange_box {
  background-color: rgb(224, 163, 2);
  color:#fff;
  padding: 5px;
  font-size: 120%;
  text-align: center;
}

.blue_box {
  background-color: hsl(183, 35%, 65%);
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  border-top-left-radius: 7px;     /* 左上 */
  border-top-right-radius: 7px;    /* 右上 */
  border-bottom-left-radius: 7px;  /* 左下 */
  border-bottom-right-radius: 7px; /* 右下 */
}



.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
}


.table-responsive {
  width: 100%;
  border: 0px;
  margin-bottom: 0px;
}


.table_cal {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.week {
  text-align: center;
  background-color:rgb(213, 213, 213);

}

.today {
  background-color:hsl(183, 35%, 65%);

}

.off {
  background-color:rgb(255, 180, 202);

}


.gray_box {
  background-color:rgb(213, 213, 213);
  padding: 5px;
}

.prev_month {
  text-align: left;
  float: left;
}

.next_month {
  text-align: right;
}


.footer {
  clear: both;
  border-top: 1px solid rgb(213, 213, 213);
  margin-top: 40px;
  padding-top: 25px;
}

.page_title {
  position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
  font-size: 17px;
  padding-left: 10px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 15px;
}

.page_title::after {
  position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: rgb(224, 163, 2);
}

.w_border {
  position: relative;
	padding: 1em 0;
}

.w_border::before,
.w_border::after {
  position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}

.w_border::before {
	top: 0;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.w_border::after {
	bottom: 0;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
}

.black_back {
  color: #fff;
  letter-spacing: 1px;
  padding: .5em .75em;
	background-color: rgb(0, 0, 0);
}


.commendation {
  width:80%;
  margin-left: 10%;
  margin-bottom: 10%;
  background-color: rgb(224, 163, 2);
  text-align: center;
  letter-spacing: 1.5px;
  padding-top: 7px;
  padding-bottom: 5px;
  font-size: 110%;
  border-radius: 7px;        /* CSS3草案 */
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 7px;   /* Firefox用 */
}

.commendation a {
  color: #fff;
  display: block;
}


@media screen and (max-width: 460px) {
  .logo {
    width: 90%;
    margin-left: 5%;
    margin-right: 5px;
  }
}

/*0518追加*/
#iframeBlock{
height:100%;

    .iframeBody{
    height:100%;

        iframe{
        border:none;
        width:100%;
        height:100%;
        padding:0;
        margin:0;
        }
    }
}



/*0519追加 プライスのテーブル*/
.table2 {
  width: 100%;
}

.table2 th,td {
  padding:10px;
  border-bottom: 1px solid rgb(191, 191, 191);
}

.table2 td {
  text-align: right;
}
/*0601追加トップのバナー用*/
a.banar{
  color: #fff;
}
a.banar:hover{
  color: #fff;
}
