@charset "utf-8";

/* 各種設定CSS */

.clearfloat {
	font-size: 1px;
	line-height: 0px;
	height: 0px;
	clear: both;
}

.bright a:hover img{
 filter: alpha(opacity=50);
-moz-opacity:0.5;
 opacity:0.5;
}

a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

/* 画像レスポンシブ */
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

/* インデント文字をずらす */
p.indent-1 {
padding-left:1em;
text-indent:-1em;
}

p.indent-1grn {
padding-left:1em;
text-indent:-1em;
color: #009999;
}

p.indent-2 {
padding-left:2em;
text-indent:-2em;
}

/* 文字 */

.futo_b {
  font-weight: bold;
}

.futo_b2 {
  font-weight: bold;
  font-size: 110%;
}


.futo_b3 {
  font-weight: bold;
  font-size: 120%;
}


.migi_moji{
	text-align: right;
}

.blue_b {
	font-weight: bold;
	color: #36C;
}

.red {
	color: #cc0000;
}

.gray {
	color: #666;
}

.org {
	color: #ff3300;
}

.org-d {
	color: #ff3300;
	font-weight: bold;
}

.org-kakomi {
	color: #fff;
	background-color: #ff6600;
	padding: 0 10px;
}

.sm_center {
	font-size: 12px;
	line-height: 150%;
	text-align: center;
}

.center_moji {
	text-align: center;
}

.center_dai {
	text-align: center;
	font-weight: bold;
}


.sm_moji {
	font-size: 12px;
	line-height: 140%;
}


.s_moji {
	font-size:80%;
	line-height: 140%;
}

.m_moji {
	font-size: 14px;
	line-height: 160%;
}

.telmoji {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.t18{
	font-size: 18px;
}

.t18b{
	font-size: 18px;
	font-weight: bold;
}

.min_org {
letter-spacing: 0.1em;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size: 30px;
font-weight: bolder;
color: #ff3300;
}

.min_org2 {
letter-spacing: 0.05em;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size: 24px;
font-weight: bolder;
color: #ff3300;
}

.orn-tit {
letter-spacing: 0.02em;
font-size: 24px;
color: #ff3300;
}

/* パンくずリスト
------------------------- */
.pankuzu li{
 display: inline-block;
 margin-bottom: 20px;
font-size: 12px;
color: #555;
}
 .pankuzu li:after{
 content:" ＞ ";
}

 .pankuzu li:last-child:after{

    content:"";

}

/* google map
------------------------------------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 90%;
}

/* 線
------------------------------------------------------------*/
hr.sen1 {
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #d5d5d5;
}

hr.dot {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}

/* 余白
------------------------------------------------------------*/
.height60{
	height:60px;
	display:block;
}

.height40{
	height:40px;
	display:block;
}

.height30{
	height:30px;
	display:block;
}

.clearfloat {
	font-size: 1px;
	line-height: 0px;
	height: 0px;
	clear: both;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* ボックス
------------------------------------------------------------*/
.box_kakomi {
	margin:0 auto;
	padding: 10px 10px 0;
	border: 1px solid #999;
}

.box_lb {
	margin:0 auto;
	padding: 7px 10px 3px;
	background: #bce2e8;
	border-radius: 5px;
}

.box_wht {
	margin: 0 auto;
	width:70%;
}

.box_wht2 {
	margin: 0 auto;
	width:90%;
}

/* 画像余白
------------------------------------------------------------*/

img.aligncenter {
display: block;
margin:5px auto 40px 0;
}

img.alignright{
margin:0 0 25px 25px;
float:right;
}

img.alignleft{
margin: 0 25px 25px 0;
float: left;
}


/* page top
------------------------------------------------------------*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 60px;
    right: 10px;
}
.pagetop a {
    display: block;
    background-color: #999;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 10px 5px;
 filter: alpha(opacity=90);
-moz-opacity:0.9;
 opacity:0.9;
}
 
.pagetop a:hover {
    display: block;
    background-color: #333;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:10px 10px 5px;
}

/* スマホＰＣ切り替え
----------------------------------*/

@media screen and (min-width: 768px) {
.sp {display:none;} /*PCで閲覧したら非表示にするスマホ用コンテンツ*/
}
 
@media screen and (max-width: 768px) {
.pc {display:none;} /*スマホで閲覧したら非表示にするPC用コンテンツ*/
}

/*PC電話No*/
@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/* フレックスボックス
------------------------------------------------------------*/

/* 横並2
------------------------- */

.items {
  display: flex;
  justify-content: space-between;
	flex-wrap: wrap;
}


.items .item {
  width: 46%;
}

.item {
  width: 100%;
margin-bottom: 15px;
}


.item-img {
  padding: 0;
}


.item-body {
  padding: 0;
}

.item-title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: #008080;
}

.item-body p {
  color: #333;
}



@media screen and (max-width: 767px) {
  .items {
    flex-direction: column;
  }
	
  .items .item {
    width: 100%;
  }
	
}

/* ２列と３列　450か300
------------------------- */

.narabi {
  display: flex;
  justify-content: space-between;
	flex-wrap: wrap;
}

.ph {
  width: 100%;
margin-bottom: 40px;
}

.ph-s {
  width: 100%;
margin-bottom: 40px;
}

.narabi .ph {
  width: 46%;
}

.narabi .ph-s {
  width: 28%;
}

.ph-img {
width: 100%;
  padding: 0;
text-align: center;
}

.ph-title {
  margin: 0 0 3px;
  color: #515151;
 font-size:14px;
}

@media screen and (max-width: 767px) {
  .narabi {
    flex-direction: column;
  }

 .narabi .ph {
    width: 100%;
  }
	

 .narabi .ph-s {
    width: 100%;
  }
	
}

/* 施設案内
------------------------- */

.setubi {
  display: flex;
  justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px;
	background-color: #eee;
}


.setubi .annai {
  width: 49%;
}

.annai {
  width: 100%;
}


.annai-img {
  padding: 10px 10px 0 10px;
}


.annai-body {
  padding: 10px 10px 0 10px;
}


@media screen and (max-width: 767px) {
  .setubi {
    flex-direction: column;
  }
	
  .setubi .annai {
    width: 100%;
  }
	
}




/* テーブル  th30%
------------------------------------------------------------*/

caption, th, td {font-weight: normal;text-align: left;}


.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
}

.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
}

.col-head-type1 th {
  background: #f9fafc;
  text-align: left;
  width: 30%;
}

@media only screen and (max-width: 800px) {
  .col-head-type1 tr,
  .col-head-type1 th,
  .col-head-type1 td {
    display: block;
    width: auto;
  }
  
  .col-head-type1 tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .col-head-type1 th,
  .col-head-type1 td {
    border-top: none;
  }
}