@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;500;600&display=swap');

/*------------------------------
background
------------------------------*/

body {
	background:url(../images/common/bg_tile.gif) repeat top center;
}

/*------------------------------
WRAP
------------------------------*/
#wrapcontents	{
	width: 1264px;  
	margin:0 auto;
}
#globalnav {
	width:264px; 
	float:left;
}
#content	{
	width:973px; 
	float:left;  
	padding-left:27px;
}



/*------------------------------
header
------------------------------*/
#header h1 a	{
  position:absolute; 
  top:0; 
  left:28px;
}
#header h2 {
	position:absolute; 
	bottom:0; 
	left:295px; 
	width:973px; 
	font-size:0.95em;
}
#header p		{
	margin-left:-3px; 
	margin-top:2px; 
}

/*------------------------------
globalnav
------------------------------*/
#globalnav li {
	margin-bottom:.75em;
}
#globalnav li a {
	display:block; 
	color:#fff; 
	text-align:center; 
	text-decoration:none;
}
#globalnav li a:hover	{
	opacity:0.6;
}

#globalnav li img {
	height:17px; 
	width:auto;
}
li.about,
li.medical,
li.hospital,
li.kodawari,
li.nakama,
li.club{
	height:7em; 
	line-height:7.5em; 
}


li.about,
li.nakama	{
	background:url(../images/index/nav_ao.png) repeat top left;
}
li.hospital {
	background:url(../images/index/nav_orange.png) repeat top left;
}
li.medical,li.club {
	background:url(../images/index/nav_midori.png) repeat top left;
}
li.kodawari {
	background:url(../images/index/nav_red.png) repeat top left;
}

.web-yoyaku a{
	display: block;
	text-align:center; 
	text-decoration:none;
	margin-bottom:.75em;
	background:rgba(112,103,82,0.5) repeat top left;
	letter-spacing: .5em;
	color: #fff;
	font-size: 1.07em;
	height:6.75em; 
	line-height:7.25em; 
}
.web-yoyaku a img {
	height:16px; 
	width:auto;
}
.recruit-btn a{
	display: block;
	text-align:center; 
	text-decoration:none;
	margin-bottom:.75em;
	background:rgba(255,255,255,0.7) repeat top left;
	letter-spacing: .5em;
	color: #fff;
	font-size: 1.07em;
	height:4.25em; 
	line-height:4.75em; 
}
.recruit-btn a img {
	height:15px; 
	width:auto;
}
.sns-line img{
	width: 100%;
	height: auto;
}
/*
.sns {
	background:rgba(196,196,197,0.5) repeat top left;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.sns a{
	display: block;
	width: 33.3%;
	border-right: 2px dotted #b1aca9;
	font-size: 11px;
	text-align: center;
	color: #777;
	line-height: 1.0;
	padding: 2.25em 0; 
}
.sns a:last-child{
	border-right: none;
}
.sns a img{
	width: 39.5px;
	height: auto;
	display: block;
	margin: 0 auto 1em auto
}
*/

/*------------------------------
footer
------------------------------*/
#footer {
	border-top:10px solid #fff; 
	padding:30px 0; 
	margin-top:30px; 
	width:100%;
}
#footercontents {
	width:1264px; 
	margin:0 auto;
}
.footer-flex{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#footer	ul {
	width:77%; 
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0 2em;
}
#footer	ul li{
	width: 16.66666%;
}
#footer	li:last-child {
	padding-right:0%; 
}

#adress {
	width:23%; 
	border-left:1px solid #7a7a7a; 
	padding:3px 0 3px 2em;
	position: relative;
}
.copyright{
	position: absolute;
	bottom: 7px;
	font-size: .9em;
}

.footer-flex ul li a{
	color: #717070;
	display: block;
	position: relative;
	padding-left: 1em;
}
.footer-flex ul li > a:before{
	position: absolute;
	top: 0;
	left: 0;
	width: .5em;
	height: .5em;
	margin-top: 6.5px;
	background: #717070;
	content: "";
}
.footer-flex ul li:last-child div > a{
	padding-left: 0;
	margin-top: -.5px;
}
/*------------------------------
slid
------------------------------*/

#slid {
	width:973px; 
	height:461px; 
	overflow:hidden;
	position: relative;
	z-index: 0;
}
#slid img {
	width:973px;  
	height: auto;
}
/*
#slidbar {
	background:#dd9a42; 
	width:973px; 
	text-align:center
}
#slidbar img	{ 
	width:564px; 
	height:auto; 
	padding:10px 0 4px 0
}
*/

/*------------------------------
TOPICS
------------------------------*/
#topics{
	width:973px; 
	background-color:rgba(255,255,255,0.7); 
	margin-top:2em; 
	padding: 2em 1.5em 1.1em 1.5em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#topics .information-wrap{
	width: calc(100% - 508px - 1.25em);
}
#topics .calendar{
	width: 508px;
}
#topics .calendar iframe{
	width: 100%;
	height: 372px;
}
#topics .oshiraselist{
	margin-top: .5em;
}
#topics .oshiraselist li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	padding: .35em 0;
}
#topics .oshiraselist li a{
	width: calc(100% - 6em);
	color: #717070;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.92857em;
}
#topics .oshiraselist li span{
	margin-left: auto;
	text-align: right;
	position: relative;
	top: 2px;
	font-size: 0.875em;
}
#topics .oshiraselist li a:hover{
	text-decoration: underline;
}
.gairai-wrap{
	padding-top: 1.75em;
	margin-top: 1.25em;
	border-top: 1px dotted #717070;
}
.gairai-wrap .kakko{
	margin-left: -1em;
}
.netyoyaku-wrap{
	position: relative;
}
.netyoyaku-wrap a{
	position: absolute;
	top: 2px;
	right: 0;
	padding: 1em 1.5em 1em .75em;
	background:rgba(112,103,82,0.5);
	color: #443a1c;
	display: inline-block;
	line-height: 1.0;
}
.netyoyaku-wrap a:before{
  position: absolute; 
  top:16px; 
  right: .5em; 
  width: 0px; 
  height: 0px; 
  border-left: 6px solid #443a1c; 
  border-bottom: transparent 6px solid; 
  border-top: transparent 6px solid; 
  content: "";
}

.shinryotable table{
	width: 100%;
	border: 1px solid #717070;
	margin-top: 1.25em;
}
.shinryotable td{
	padding: .5em 0 .3em 0;
}
.shinryotable th{
	width: 36%;
	border-bottom: 1px solid #717070
}
.shinryotable td{
	width: 8%;
	border-bottom: 1px solid #717070
}
.shinryotable tr:last-child th,
.shinryotable tr:last-child td{
	border-bottom:none;
}

.xsmall{
  font-size: 0.88em;
}
.big{
  font-size: 1.2em;
}

/*------------------------------
instagram-widget
------------------------------*/
#instagram-widget{
	width: 1264px;  
	margin:1.75em auto 0;
}
.instagram-widget-flex{
	background-color:rgba(255,255,255,0.5); 
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 1em 1.25em .5em 0;
}
.widget{
	width: calc(100% - 264px);
}
.followus{
	width: 264px;
	text-align: center;
}
.followus div{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 1.5em;
	letter-spacing: .25em;
	color: #706752;
	margin-bottom: .5em;
	position: relative;
	top: -.125em;
}
.followus a{
	font-family: 'Montserrat', sans-serif;
	font-size: .9em;
	font-weight: 300;
	color: #fff;
	letter-spacing: .125em;
	display: inline-block;
	background: #706752 url(../images/index/ig-white.png) no-repeat 1em center;
	background-size: 1em auto;
	padding: .25em 1em .125em 2.75em;
	border-radius: 5em;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
}