@charset "utf-8";
/*
**********************************************************************

* common.css

*********************************************************************
*/
body {
}
body .inner {
	display: block;
  width: 960px;
  margin: 0 auto;
}
body img {
  max-width:100%;
  height: auto;
}
body iframe {
  max-width:100%;
}
#site {
  margin: 0 auto;
  min-width: 960px;
}
@media screen and (max-width:600px) {
#site {
  min-width: 0;
}
body .inner {
	padding: 0 3%;
	width: auto;
}
}

/*===================================================================
  global-header
===================================================================*/
#global-header {
	position: relative;
  margin-bottom: 20px;
  line-height: 1.4;
}
#global-header .site-title {
	margin-bottom: 10px;
  padding:5px 0;
  background: #666666;
  color: #ffffff;
  width: 100%;
  font-size:12px;
}
#global-header #global-header-main-pc #global-header-main-pc-left,
#global-footer #global-footer-main-pc #global-footer-main-pc-left {
	float: left;
	width: 44%;
}
#global-header #global-header-main-pc #global-header-main-pc-left .logo,
#global-footer #global-footer-main-pc #global-footer-main-pc-left .logo {
	margin-bottom: 20px;
}
#global-header #global-header-main-pc #global-header-main-pc-left .address,
#global-footer #global-footer-main-pc #global-footer-main-pc-left .address {
	word-break: break-all;
}
#global-header #global-header-main-pc #global-header-main-pc-right,
#global-footer #global-footer-main-pc #global-footer-main-pc-right {
	float: right;
	width: 54%;
	text-align: right;
}
#global-header #global-header-main-pc #global-header-main-pc-right .tel,
#global-footer #global-footer-main-pc #global-footer-main-pc-right .tel,
#main #content-footer .tel {
	display: inline-block;
	text-align: center;
	font-size: 42px;
	font-weight: bold;
	line-height: 1.2;
}
#global-header #global-header-main-pc #global-header-main-pc-right .tel .tel-text,
#global-footer #global-footer-main-pc #global-footer-main-pc-right .tel .tel-text,
#main #content-footer .tel .tel-number {
	display: block;
	width: 340px;
	padding-left: 30px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	word-break: break-all;
}
#global-header #global-header-main-pc #global-header-main-pc-right .tel .tel-number,
#global-footer #global-footer-main-pc #global-footer-main-pc-right .tel .tel-number,
#main #content-footer .tel .tel-number {
	display: inline-block;
	padding-left: 30px;
	background-image: url(../images/common/tel-icon-pc.png);
	background-repeat: no-repeat;
	background-position: left center;
	word-break: break-word;
}
#global-header #global-header-main-pc #global-header-main-pc-right .mail,
#global-footer #global-footer-main-pc #global-footer-main-pc-right .mail,
#main #content-footer .mail {
	display: inline-block;
	min-width: 340px;
	margin-bottom: 15px;
	padding: 10px 3%;
	border-radius: 4px;
	background: #e52429; /* Old browsers */
	background: -moz-linear-gradient(top, #e52429 0%, #e52429 48%, #bb0f0f 50%, #bb0f0f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e52429), color-stop(48%,#e52429), color-stop(50%,#bb0f0f), color-stop(100%,#bb0f0f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e52429 0%,#e52429 48%,#bb0f0f 50%,#bb0f0f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e52429 0%,#e52429 48%,#bb0f0f 50%,#bb0f0f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e52429 0%,#e52429 48%,#bb0f0f 50%,#bb0f0f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e52429 0%,#e52429 48%,#bb0f0f 50%,#bb0f0f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e52429', endColorstr='#bb0f0f',GradientType=0 ); /* IE6-9 */
	box-shadow:rgba(0, 0, 0, 0.3) 2px 2px 3px 0px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 2px #6B0000;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
}
#global-header #global-header-main-pc #global-header-main-pc-right .mail span,
#global-footer #global-footer-main-pc #global-footer-main-pc-right .mail span,
#main #content-footer .mail span {
	padding-left: 35px;
	background-image: url(../images/common/mail-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#global-header #global-header-main-pc #global-header-main-pc-right .info,
#global-footer #global-footer-main-pc #global-footer-main-pc-right .info,
#main #content-footer .info {
	display: inline-block;
	min-width: 370px;
	text-align: left;
}
#global-header #global-header-main-pc #global-header-main-pc-right .info dl dt,
#global-footer #global-footer-main-pc #global-footer-main-pc-right .info dl dt,
#main #content-footer .info dl dt {
	display: inline;
	position: relative;
	font-weight: bold;
}
#global-header #global-header-main-pc #global-header-main-pc-right .info dl dt:after,
#global-footer #global-footer-main-pc #global-footer-main-pc-right .info dl dt:after {
	content: "→";
	padding-left: 5px;
	font-weight: normal;
}
#global-header #global-header-main-pc #global-header-main-pc-right .info dl dd,
#global-footer #global-footer-main-pc #global-footer-main-pc-right .info dl dd,
#main #content-footer .info dl dd {
	display: inline;
	word-break: break-word;
}
#global-header #global-nav-pc.fixed {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 3px 0px;
	z-index: 100;
}
#global-header #global-header-main-sp {
	display: none;
}
#global-header #announcement {
	margin-top: 10px;
	padding: 5px 3%;
	border: solid 1px #af779c;
	background-color: #fbe9f9;
	font-weight: bold;
	text-align: center;
	word-break: break-all;
	color: #bb0f0f;
}
#global-header #global-nav-pc {
	margin-top: 10px;
	background-color: #666;
	border-bottom: solid 1px #000;
	overflow: hidden;
}
#global-header #global-nav-pc ul {
  width: 960px;
  margin: 0 auto;
}
#global-header #global-nav-pc ul li {}
#global-header #global-nav-pc ul li a:after  {
	content: " ";
	position: absolute;
	top: 15%;
	right: 0;
	height: 70%;
	border-right: solid 1px #333;
}
#global-header #global-nav-pc ul li:nth-child(5) a:after,
#global-header #global-nav-pc ul li:nth-child(10) a:after,
#global-header #global-nav-pc ul li:nth-child(15) a:after {
	border: none;
}
#global-header #global-nav-pc ul li a {
  display: block;
  padding: 16px 5px;
  text-decoration: none;
  color:#ffffff;
}
#global-header #global-nav-sp {
	display: none;
}




@media screen and (max-width:600px) {
#global-header .site-title {
	overflow: hidden;
}
#global-header #global-header-main-pc {
	display: none;
}

#global-header #global-header-main-sp {
	display: block;
}
/* #global-header #global-header-main-sp.fixed {
	position: fixed;
	top: 0;
	left: 0;
	padding: 5px 3%;
	width: 94%;
	border-top: solid 3px #666666;
	background-color: #FFF;
	box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 3px 0px;
	z-index: 100;
} */
#global-header #global-header-main-sp #global-header-main-sp-left {
	float: left;
	width: 50%;
}
#global-header #global-header-main-sp #global-header-main-sp-right {
	float: right;
	width: 45%;
}
#global-header #global-header-main-sp #global-header-main-sp-right .tel {
	display: block;
	padding: 5px 2%;
	border-radius: 4px;
	border: solid 1px #2eb10b;
	background: #67d125; /* Old browsers */
	background: -moz-linear-gradient(top, #67d125 0%, #0c7f01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67d125), color-stop(100%,#0c7f01)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #67d125 0%,#0c7f01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #67d125 0%,#0c7f01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #67d125 0%,#0c7f01 100%); /* IE10+ */
	background: linear-gradient(to bottom, #67d125 0%,#0c7f01 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67d125', endColorstr='#0c7f01',GradientType=0 ); /* IE6-9 */
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 1px #01401B;
	color: #FFF;
	line-height: 2;
}
#global-header #global-header-main-sp #global-header-main-sp-right .tel span {
	padding: 10px 10px 10px 20px;
	background-image: url(../images/common/tel-icon-sp.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#global-header #announcement {
	text-align: left;
}
#global-header #global-nav-pc {
	display: none;
}
#global-header #global-nav-sp {
	display: block;
	margin-top: 10px;
}
#global-header #global-nav-sp.fixed {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #666;
	z-index: 100
}
#global-header #global-nav-sp ul li {
  float: left;
  width: 20%;
}
#global-header #global-nav-sp ul li:first-child {
  box-shadow: none;
}
#global-header #global-nav-sp ul li a {
	position: relative;
	display: block;
  padding: 50px 0 5px;
	background-repeat: no-repeat;
	background-position: center 5px;
	text-align: center;
  font-size:10px;
	text-decoration: none;
	color: #FFF;
}
#global-header #global-nav-sp ul li a:after {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	border-right: dotted 1px #FFF;
}
#global-header #global-nav-sp ul li:last-child a:after {
	border: none;
}
#global-header #global-nav-sp ul li.contact {
	background: #e3191f; /* Old browsers */
	background: -moz-linear-gradient(top, #e3191f 0%, #bb0d0d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3191f), color-stop(100%,#bb0d0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e3191f 0%,#bb0d0d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e3191f 0%,#bb0d0d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e3191f 0%,#bb0d0d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e3191f 0%,#bb0d0d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3191f', endColorstr='#bb0d0d',GradientType=0 ); /* IE6-9 */
}
#global-header #global-nav-sp ul li.top a {
  background-image: url(../images/common/nav-icon-top.png);


}
#global-header #global-nav-sp ul li.menu a {
  background-image: url(../images/common/nav-icon-menu.png);
}
#global-header #global-nav-sp ul li.time a {
  background-image: url(../images/common/nav-icon-time.png);
}
#global-header #global-nav-sp ul li.access a {
  background-image: url(../images/common/nav-icon-access.png);
}
#global-header #global-nav-sp ul li.contact a {
  background-image: url(../images/common/nav-icon-contact.png);
}
}
/*===================================================================
  contents
===================================================================*/
#contents {
  width: 960px;
  margin: 0 auto;
}
#contents .main-img {
  margin-bottom: 20px;
}
.main-img-pc {
	text-align: center;
}
.main-img-sp {
  display: none;
  text-align: center;
  margin:10px 0;
}
.main-img-sp img {
	width: 100%;
}
#contents .postWrap{
  margin-top:20px;
  margin-bottom:20px;
  padding:8px;
  background: #ffffff;
  font-size:90%;
}
#contents .postWrap .postBlock {
  padding:2px 0;
}
#contents .postWrap  .postBlock .newsTit {
  width: 100px;
  float: left;
  text-align: center;
  font-weight:bold;
  background:#CCC;
  display:inline-block;
  border-radius:8px;
  -webkit-border-radius:8px;
}
#contents .postWrap  .postBlock ul {
  width: 830px;
  float: right;
  word-break:break-all;
}

@media screen and (max-width:600px) {
#contents {
  width: auto;
  padding: 0;
}
.main-img-pc {
  display: none;
}
.main-img-sp {
  display: block;
}
#contents .postWrap  .postBlock {
}
#contents .postWrap  .postBlock .newsTit {
  display: none;
}
#contents .postWrap  .postBlock ul {
  width: auto;
  float: none;
}

}
/*===================================================================
  Main
===================================================================*/
#main {
  float: right;
  width: 640px;
  padding: 30px;
  background: #fff;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
	box-shadow:rgba(0, 0, 0, 0.0784314) 0px 0px 3px 2px;
}
#main a {
  color:#0000ff;
}
@media screen and (max-width:600px) {
#main {
  float: none;
  width: auto;
  padding: 3.15%;
  margin: 0 2% 20px;
}
}

/* content-footer
--------------------------*/
#main #content-footer {
	background: #EEE;
  padding: 3%;
  margin: 40px 0 0 0;
}
#main #content-footer h2 {
	margin-bottom: 30px;
	padding: 10px 2%;
	border-top: solid 4px #333;
	background: #FFF;
}
#main #content-footer .tel-pc {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}
#main #content-footer .tel-text {
	display: block;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	word-break: break-word;
}
#main #content-footer .tel-pc .tel-number {
	display: inline-block;
	width: auto;
	padding-left: 50px;
	text-align: center;
	font-size: 62px;
	line-height: 1.2;
  background-image: url(../images/common/tel-icon-pc-02.png);
}
#main #content-footer .tel-sp {
	display: none;
}
#main #content-footer .contact {
	margin: 15px 0 25px;
	padding-bottom: 15px;
	text-align: center;
	border-bottom: dotted 1px #333;
}
#main #content-footer .contact .mail {
	float: right;
	width: 45%;
	min-width: 0;
	padding: 15px 3%;;
	font-size: 16px;
}
#main #content-footer .contact .info {
	float: left;
	width: 45%;
	margin-bottom: 10px;
	min-width: 0;
}
#main #content-footer .info dl dt {
	display: block;
	margin-top: 15px;
}
#main #content-footer .info dl:first-child dt {
	margin: 0;
}
#main #content-footer .address span {
	margin-right: 10px;
}
#main #content-footer .googlemap iframe {
  max-width:100%;
	height: 450px;
}
#main #content-footer .address {
	word-break: break-all;
}
@media screen and (max-width: 600px) {
#main #content-footer .tel-text {
	font-size: 18px;
}
#main #content-footer .tel-pc {
	display: none;
}
#main #content-footer .tel-sp {
	display: block;
	margin: 0 0 05px;
	padding: 10px 3%;
	border-radius: 4px;
	background: #2eb10b; /* Old browsers */
	background: -moz-linear-gradient(top, #2eb10b 0%, #2eb10b 50%, #1e9000 51%, #1e9000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2eb10b), color-stop(50%,#2eb10b), color-stop(51%,#1e9000), color-stop(100%,#1e9000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2eb10b 0%,#2eb10b 50%,#1e9000 51%,#1e9000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2eb10b 0%,#2eb10b 50%,#1e9000 51%,#1e9000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2eb10b 0%,#2eb10b 50%,#1e9000 51%,#1e9000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2eb10b 0%,#2eb10b 50%,#1e9000 51%,#1e9000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2eb10b', endColorstr='#1e9000',GradientType=0 ); /* IE6-9 */
	box-shadow:rgba(0, 0, 0, 0.3) 2px 2px 3px 0px;
	text-decoration: none;
	text-shadow: 1px 1px 2px #075A1D;
	text-align: center;
	font-size: 26px;
	color: #FFF;
}
#main #content-footer .tel-sp span {
	padding-left: 25px;
	background-image: url(../images/common/tel-icon-sp-02.png);
	background-size: 18px auto;
	background-repeat: no-repeat;
}
#main #content-footer .contact {
	margin: 0;
	padding: 10px 0 0;
	border: none;
	width: 100%;
}
#main #content-footer .contact .mail {
	width: 94%;
	padding: 8px 3%;
	font-size: 16px;
}
#main #content-footer .contact .info {
	width: 100%;
}
#main #content-footer .info dl dd {
	display: block;
}
#main #content-footer .address span {
	display: block;
	margin: 0;
}

#main #content-footer .googlemap iframe {
	height: 320px;
}
}


/*===================================================================
  side
===================================================================*/
#side {
  width: 25%;
}
#side .side-bnr {
	margin-bottom: 20px;
	text-align: center;
}
#side .side-bnr li {
	margin-bottom: 10px;
}
#side .side-bnr li img {
  max-width:100%;
  height:auto;
}
#side .side-free {
	margin-bottom: 20px;
}
#side .side-nav {
	margin-bottom: 20px;
	box-shadow:rgba(0, 0, 0, 0.0784314) 0px 0px 3px 2px;
}
#side .side-nav .side-nav-title {
	border-radius: 4px 4px 0 0;
	background:#7f7f7f;
	color:#fff;
	font-size:22px;
	padding:10px 20px;
}
#side .side-nav ul {
	background-color: #FFF;
}
#side .side-nav ul li {
  border-top: #dcdcdc 1px solid;
}
#side .side-nav ul li.hide {
  display:none;
}
#side .side-nav ul li:first-child {
  border-top:0px;
}
#side .side-nav ul li a {
  display: block;
  padding: 12px 25px 12px 30px;
	background-image: url(../images/common/side-icon-arrow.png);
	background-position:15px center;
	background-repeat: no-repeat;
  text-decoration: none;
}
#side .side-nav ul li a:hover {
  text-indent: 0.1rem;
}
#side .fb_iframe_widget {
	display: block;
  margin: 0 auto 20px;
	text-align: center;
}
#side .fb_iframe_widget span {
  display: inline-block;
}
#side .ekiten {
  overflow: hidden;
  width: auto;
	margin-bottom: 20px;
  padding: 5px;
  background: #F99;
  border-radius: 5px;
}
#side .ekiten .ekiten-title {
  margin: 0 5px 5px;
}
#side .ekiten iframe {
}
#side .ekiten .ekiten-logo {
}
#side .ekiten .ekiten-logo img {
  width: 120px;
}
@media screen and (max-width:600px) {
#side {
  width: auto;
}
#side .ekiten {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
}
/*===================================================================
  global-footer
===================================================================*/
#global-footer {
	/*margin-top: 30px;*/
  min-width: 960px;
  /*border-top: #666 5px solid;
  background: #FFF;*/
}
#global-footer.fixed {
	padding-bottom: 135px;
}
#global-footer .inner {
  padding: 5px 0 4px;
}
#global-footer #global-footer-nav {
	overflow: hidden;
  width: 100%;
}
#global-footer #global-footer-nav li {
  float: left;
  width: 20%;
  margin-right: 3%;
  padding: 0 1%;
  list-style: circle inside;
}
#global-footer #global-footer-nav li a {
  text-decoration: none;
}
#global-footer #global-footer-main-pc {
	/*margin-top: 20px;*/
	/*overflow: hidden;*/
	width: 100%;
	/*background-color: #E4E4E4;*/
}
#global-footer.fixed #global-footer-main-pc {
	position: fixed;
	left: 0;
	bottom: 0;
}
#global-footer #global-footer-main-pc #global-footer-main-pc-left {
	width: 37%;
}
#global-footer #global-footer-main-pc #global-footer-main-pc-left .logo {
	display: table;
	width: 80%;
	margin: 0;
}
#global-footer #global-footer-main-pc #global-footer-main-pc-left .logo a {
	display: table-cell;
	height: 55px;
	vertical-align: middle;
}
#global-footer #global-footer-main-pc #global-footer-main-pc-left .logo img {
	max-height: 55px;
}
#global-footer #global-footer-main-pc #global-footer-main-pc-right {
	width: 61%;
}
#global-footer #global-footer-main-pc #global-footer-main-pc-right .tel {
	display: inline-block;
	vertical-align: middle;
	font-size: 32px;
	min-height: 50px;
}
#global-footer #global-footer-main-pc #global-footer-main-pc-right .tel .tel-text {
	width: 260px;
	font-size: 13px;
}
#global-footer #global-footer-main-pc #global-footer-main-pc-right .tel .tel-number {
	font-size: 30px;
}
#global-footer #global-footer-main-pc #global-footer-main-pc-right .tel .tel-number:first-child {
	margin-top: 8px;
}
#global-footer #global-footer-main-pc #global-footer-main-pc-right .mail {
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 0;
	padding: 8px 3%;
	min-width: inherit;
	vertical-align: middle;
	font-size: 16px;
}
#global-footer #global-footer-main-pc #global-footer-main-pc-left .address,
#global-footer #global-footer-main-pc #global-footer-main-pc-right .info {
	font-size: 12px;
}
#global-footer.fixed #global-footer-main-pc #global-footer-main-pc-left .address,
#global-footer.fixed #global-footer-main-pc #global-footer-main-pc-right .info {
	display: none;
}

@media screen and (max-width:600px) {
#global-footer {
  min-width: inherit;
	/*padding-bottom: 60px;*/
	padding-bottom: 15.3vw;
}
#global-footer #global-footer-nav {
  display: none;
}

#global-footer #global-footer-main-pc {
	margin-top: 0;
	/*display: none;*/
}
.sp-gnav-fixed-none {
	/*display: none;*/
}
}


/*===================================================================
  page-top
===================================================================*/
#page-top {
	display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 10px;
}
#page-top a {
  display: block;
  width: 80px;
  padding: 10px 5px;
  background: #333;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
}
#page-top a:hover {
  background: #dddddd;
  text-decoration: none;
  color: #666666;
}
/*===================================================================
  SNS
===================================================================*/

#sns-box {
	margin-top: 50px;
}
#sns-box ul li {
  float: left;
  margin-left: 10px;
  list-style-type: none;
}
#ns-box ul li:first-child {
  margin-left: 0px;
}
#sns-box ul li.facebook .fb_iframe_widget span {
	vertical-align: top 	!important;
}
#sns-box ul li.googleplus {
	width: 70px;
}
#sns-box ul li iframe {
	max-width: none;
}
@media screen and (max-width: 600px) {
#sns-box {
}
}


