@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
	}

html,body{

  width:100%;
  height:100%;
  font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
 
}
#container{
  width:100%;
    position: relative;
    min-height: 100%; 
    height: auto !important; 
    height: 100%;
  background-color:#fdf5e6;
  
}

#header {
  width:100%;
  height:150px;
  background-color:#FFF;
}
#header div.inner{
	  width:1200px;
  margin-left:auto;
  margin-right:auto;
}

/*  ヘッダー　ロゴ  */
#header div.head-rogo {
  width:310px;
  height:150px;
  margin-left:40px;    
  float:left;
  background-image: url(../img/rogo-u.png) ;
  background-repeat: no-repeat;
  background-size: auto;
 }
/*  ヘッダー　電話番号・営業時間  */
#header .head-inf {
  font-size:24px;
  margin:30px 0 20px 0;
  font-weight: bold;
 }
/*  中黒非表示  */
#header .head-inf ul, 
#main-body #main-body02 .menu-btn ul {
  list-style: none;
 }
/*  横並び指定  */
#header .head-inf ul li {
  padding: 0 30px;
  display: inline;
}
/*  ヘッダー　アイコン　サイズ指定  */
#header .icf-phone ,#header .icf-time ,#main-body .icf-event {
  font-size:28px;
}
/*  ヘッダー　文字　サイズ指定  */
#header .phone a  ,#header .time a {
  font-size:24px;
}
/*　　ヘッダ メニュー 部分　　*/
#header .head-menu {
  width:750px;
  height:50px;
  background-color:#000000;
  font-size:16px;

  border-top-left-radius: 160px;
  border-top-right-radius: 160px;
  border-bottom-left-radius: 160px;
  border-bottom-right-radius: 160px;
  border: solid #FFFFFF;

  display: flex;
  align-items: center;
  justify-content: center;
 }
#header .head-menu ul {
  list-style: none;
  vertical-align:middle;
 }
#header .head-menu ul li {
  display: inline-block;
 }
#header .head-menu ul li a {
  display: block;
  padding: 0px 10px;
  vertical-align:middle;
  text-decoration: none;
  color:#FFFFFF;
}

/*  ヘッダー  ヘッダー部　（非表示）*/
div.head-body {
  display:none;
 }


/*  ボディー  */
#main {
  width:1200px;
  height:100%;
   margin-left:auto;
  margin-right:auto; 
 padding-bottom:220px; 
} 
#main-body { 
  width:1200px;
  margin: 0 auto; 
}
/*  ボディー  ヘッダー部　*/
div.main-body01 {
  height:170px;
  margin: 10px auto; 
  z-index:999 ;
 }
/*  ペット  */
.body-img-l {
  float:left;
  width:430px;
  text-align:center;
  margin-top:15px;
}
/*  タイトル 背景  */
.body-img-c {
	display:block;
	float: left;
	background-image: url(../img/title-b.png);
	background-repeat: no-repeat;
	height: 121px;
	width: 340px;
	color: white;      /*文字は白に*/
	　font-weight: bold; /*太字に*/
	font-size: 34px;
	text-align: center;
	line-height: 3.5em;
	margin-top:30px;
}
.MainTitle{
	display:none;
}
/*  風景  */
.body-img-r {
  float:right;	
  width:430px;
   margin-top:10px; 
}

/*  ボディー02  ボディー部　トップ　*/
div.main-body02 {
  width:1110px;
  background-color:#FFFFFF;
  border-radius: 40px;
  margin:0px auto 0 auto;
  padding-bottom:15px;
 }

/*  ボディー03  ボディー部　トップ　*/
div.main-body03 {
  width:1110px;
  background-color:#FFFFFF;
  border-radius: 40px;
  margin:15px auto 0 auto;
  padding-bottom:15px;
}

/*  ボディー04  ボディー部　トップ　*/
div.main-body04 {
  width:1110px;
  background-color:#FFFFFF;
  border-radius: 40px;
  margin:0px auto 0 auto;
  padding:15px 0; 
}
/*  ボディー05  ボディー部　トップ　*/
div.main-body05 {
  width:1110px;
  background-color:#FFFFFF;
  border-radius: 40px;
  margin:0px auto 0 auto;
  padding: 70px 0 50px 0;
 }
/*  フッタ　  */
#footer {
  position:absolute; 
  width:100%;
  height:120px;
  bottom:0;
  margin: 0 auto; 
  z-index:999 ;
  background-color:#20b2aa;
  
 }
/*  ボディー下部　背景  */
.img-bot {
  position:absolute; 
  bottom:120px;
  width:100%;
  height:95px;
  background-image: url(../img/foot.png) ;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center top;
 } 
/*  フッタ　帯  */
.footer-inner {
  width:1200px;
  margin-left:auto;
  margin-right:auto;
}
/*  フッタ TOPへボタン  */
#footer .footer-top .footer-top-btn {
  position:absolute; 
  width:120px;
  height:40px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: solid 1px #000000;
  right: 20px;
  margin-top: -40px ;
  display: flex;  
  align-items: center;
  justify-content: center;
  background-color:#000000;
  text-decoration:none;
  color:#FFFFFF;
  font-size:14px;
  z-index:20 ;
}
/*　　フッタ メニュー 部分　　*/
#footer .footer-menu { 
  height:60px;
  font-size:16px;
  margin-top: 10px;
  float:left;
 }
#footer .footer-menu ul {
	list-style: none;
 }
#footer .footer-menu ul li {
  display: inline;
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #FFFFFF;
 }
#footer .footer-menu ul li:last-child {
  border: none;
 }
#footer .footer-menu ul li a {
  text-decoration: none;
  color:#FFFFFF;
/*
color:#000000;
*/
 }
/*　　フッタ inf 部分　　*/
#footer .footer-inf {
  width:350px;
  float:right;
  font-size:16px;
  margin-top: 10px;
 }
#footer .footer-inf ul {
	list-style: none;
 }
/*
#footer .footer-inf ul li a {
*/
#footer .footer-inf ul li {
  text-decoration: none;
  color:#FFFFFF;
/*
color:#000000;
*/
 }
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}
.maruC{
	font-size: 16px;
	color:#FFF;	
	text-align:center;
}
.clear-element {
  clear: both;
}