@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: "MyFont";
    src: url(../font/font1.woff) format("woff"), url(../font/font1.woff2) format("woff2");
}
html {
    overflow-x: hidden;/* 横ぶれ防止 */
    -webkit-overflow-scrolling: touch; /* 横ぶれ防止 */
}
body {
    font-family: MyFont, sans-serif;
}
a:link {
    text-decoration: none
}
a:visited {
    text-decoration: none
}
a:hover {
    text-decoration: none
}
a:active {
    text-decoration: none
}
/* パソコンの画像 */
.pc {
    display: block !important;
}
.sp {
    display: none !important;
}

/* スマフォ画像 */
@media only screen and (max-width: 750px) {
.pc {
    display: none !important;
}
.sp {
    display: block !important;
}
}
/* パソコン　改行 */
.pc_inline {
    display: inline
}

@media screen and (max-width:600px) {
.pc_inline {
    display: none
}
}
/* スマホ　改行 */
.sp_inline {
    display: none
}

@media screen and (max-width:600px) {
.sp_inline {
    display: inline
}
}
/* ロゴ */
#logo {
    z-index: 1000;
    position: absolute;
    top: 0px;
    width: 170px;
    margin-top: -5px;
    margin-left: -170px;
}

/* スマフォのロゴ */
@media only screen and (max-width: 1024px) {
#logo {
    z-index: 1000;
    position: absolute;
   margin-left: -200px;
    top: 0px;
    width: 120px;
}
}
@media only screen and (max-width: 750px) {
#logo {
    z-index: 1000;
    position: absolute;
    margin-left: 5px;
    top: 0px;
    width: 100px;
}
}
#top-hed {
    box-shadow: 1px 1px 2px gray;
}
.onpu {
    width: 100px;
    margin-left: 10px;
    margin-top: -50px;
    z-index: 1000;
    position: absolute;
}
.kengaku {
}
/* お問合せボタン ヘッダー*/
.contact-bt {
	height: 50px;
    padding: 0.7em 2em;
    background-image: url(../img/back-bt-bl.jpg);
    background-size: cover;
    color: #fff;
    border-radius: 40px;        /* CSS3草案 */
    -webkit-border-radius: 40px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 40px;   /* Firefox用 */
    margin-bottom: -5px;
    text-align: center;
    font-size: 18px;
    font-weight: 500px;
    border: 1px solid #72C0F2;
    margin-bottom: 2px
}
.contact-bt a {
    color: #fff;
		 transition: .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.contact-bt a:hover {
	-webkit-transform: scale(1.1);
  transform: scale(1.1);
	padding: 0.7em 1em;
}
/* お問合せボタン フッター*/
.contact-bt-f {
    height: 50px;
    padding: 0.7em 2em;
    background-color: #fff;
    border-radius: 40px;        /* CSS3草案 */
    -webkit-border-radius: 40px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 40px;   /* Firefox用 */
    color: #72C0F2;
    text-align: center;
    font-size: 18px;
    font-weight: 700px;
    border: 3px solid #fff;
}
.contact-bt-f a {
    color: #E7211C;
 transition: .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.contact-bt-f a:hover {
	 color: #E7211C;
 -webkit-transform: scale(1.1);
  transform: scale(1.1);
	    padding: 0.7em 1em;
}
/* ボタン */
.bt-red {
	height: 30px;
    padding: 0.8em 2em;
    background-image: url(../img/back-bt.jpg);
    color: #fff;
    border-radius: 40px;        /* CSS3草案 */
    -webkit-border-radius: 40px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 40px;   /* Firefox用 */
}
.bt-red a, .bt-red a:visited, .bt-orange a, .bt-orange a:visited , .bt-red-s a , .bt-blue-s a{
    color: #fff;
	 transition: .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.bt-red a:hover, .bt-orange a:hover,.bt-red-s a:hover ,.bt-blue-s a:hover{
	-webkit-transform: scale(1.1);
  transform: scale(1.1);
	padding: 1.1em 1em;

}

.bt-red-s{
   height: 20px;
    padding: 0.3em 1.2em;
    background-color: #E7231C;
    color: #fff;
    border-radius: 40px;        /* CSS3草案 */
    -webkit-border-radius: 40px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 40px;   /* Firefox用 */
	z-index: 0;
}
.bt-blue-s{
   height: 20px;
    padding: 0.3em 1.2em;
    background-color: #00215A;
    color: #fff;
    border-radius: 40px;        /* CSS3草案 */
    -webkit-border-radius: 40px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 40px;   /* Firefox用 */
}
.bt-orange {
    	height: 30px;
    padding: 0.8em 2em;
    background-image: url(../img/back-bt-or.jpg);
    color: #fff;
    border-radius: 40px;        /* CSS3草案 */
    -webkit-border-radius: 40px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 40px;   /* Firefox用 */
}

footer {
    color: #fff;
    background-color: #E7211C;
    padding: 50px 0;
}
footer li {
    list-style: none;
    color: #fff;
}
footer a {
    color: #fff;
}
footer a:hover {
    color: #000000;
}
.f-site {
    text-align: right
}
.f-site ul li {
    display: inline;
    font-size: 12px;
}



.back-rss{
padding: 10px;
	    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	    background-color: #ffffff;
	
}

 /* 下層　テーブル */
section table { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #E60012; }
section th  { background: #FDE6E7; }

.demo01 th  { width: 30%; text-align: center; }
 
@media only screen and (max-width:480px){
    .demo01 { margin: 0 -10px; }
    .demo01 th,
    .demo01 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .demo01 tr:first-child th { border-top: 1px solid #E60012; }
}
/* 地図 */
.google-maps {
position: relative;
padding-bottom: 35%; /* これが縦横比 */
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* 地図 */
.sitemap li{
	list-style: url(../img/li.png);
	padding: 0 0 5px 10px
}
.sitemap a {
    color: #000;
}