@charset "UTF-8";
/* CSS Document */


/*-- メイン全体 --*/
.main,
.article{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
	@media only screen and (max-width: 980px) {
		.main,
		.article{
			width:			94%;
			}
		}

/* ------------------------------------- */
/*	パンくず
/* ------------------------------------- */
.pan {
	width: 100%;
	max-width: 980px;
	font-size:		0.9em;
	color:			#777;
	padding:		0;
	margin:			20px auto;
	}
.pan a {	
	color:			#2aaed2;
	text-decoration:none;
	}
.pan a:hover {
	color:			#2aaed2;
	text-decoration:underline;
	}
.pan .post{
	float:none;
}
	@media only screen and (max-width: 1024px) {
		.pan {
			width:			90%;
			}
		}
	@media only screen and (max-width: 980px) {
		.pan {
			padding:		0;
			margin:			0 0 15px 0;
			}
		}
	@media only screen and (max-width: 650px) {
		.pan {
			line-height: 150%;
			}
		}


/* ------------------------------------- */
/*	ページタイトル
/* ------------------------------------- */
.page_ttl{
	width:			100%;
	background:		url(../img/bg_blue.jpg) no-repeat center center;
	background-size: cover;
	display:		block;
	margin:			0 0 10px 0;
	padding:65px 0;
	}
.page_ttl h2{
	color:			#fff;
	width:			100%;
	max-width: 980px;
	margin:			0 auto;
	font-size:		2.5em;
	font-weight: normal;
	padding:		0;
	text-shadow:0px 0px 3px #2aaed2,
				0px 0px 3px #2aaed2,
				0px 0px 5px #2aaed2,
				0px 0px 7px #2aaed2,
				0px 0px 10px #2aaed2,
				0px 0px 12px #2aaed2;
	-moz-text-shadow:0px 0px 3px #2aaed2,
				0px 0px 3px #2aaed2,
				0px 0px 5px #2aaed2,
				0px 0px 7px #2aaed2,
				0px 0px 10px #2aaed2,
				0px 0px 12px #2aaed2;/* Firefox用 */ 
	-webkit-text-shadow:0px 0px 3px #2aaed2,
				0px 0px 3px #2aaed2,
				0px 0px 5px #2aaed2,
				0px 0px 7px #2aaed2,
				0px 0px 10px #2aaed2,
				0px 0px 12px #2aaed2;/* Safari,Google Chrome用 */   
	}
	@media only screen and (max-width: 980px) {
		.page_ttl{
			padding:55px 20px;
			}
		.page_ttl h2{
			width:			96%;
			}
		}
	@media only screen and (max-width: 500px) {
		.page_ttl{
			padding:25px 12px;
			}
		.page_ttl h2{
			font-size:		1.5em;
			}
		}

h3 {
	color: #2aaed2;
	border-bottom: solid 1px #ccc;
	position: relative;
	padding: 5px 0 9px 0;
	margin: 20px 0 11px 0;
	font-size: 1.65em;
	float: none;
	clear: both;
}
h3:after {
	content: "";
	display: block;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	border-bottom: solid 1px #2aaed2;
	bottom: -1px;
	width: 25%;
}

h4{
	color: #2aaed2;
	font-size: 1.25em;
	font-weight: bold;
	margin: 12px 0 3px 0;
	}
h5{
	color: #777;
	font-size: 1.1em;
	font-weight: bold;
	margin: 8px 0 3px 0;
}
	@media only screen and (max-width: 650px) {
			h3 {
				font-size: 1.25em;
			}
			h4{
				font-size: 1.15em;
			}
		}

/* table  -------------------- */
table{
	width:100%;
	border-top:1px solid #ccc;
	margin:0 0 30px 0;
	}
table th{
	color:#777;
	text-align:center;
	padding:10px;
	border-bottom:1px dotted #ccc;
	background-color:#F5F5EF;
	}
table td{
	padding:12px;
	border-bottom:1px dotted #ccc;
	}
/*フロアマップ用テーブル*/
table.floormap_detail th,
table.floormap_detail td{
	border-right:1px dotted #ccc;
}
table.floormap_detail th:last-child,
table.floormap_detail td:last-child{
	border-right:none;
}
table.floormap_detail td{
	vertical-align: top;
}

	@media only screen and (max-width: 650px) {/* スマホ幅 */
		table{
			font-size: 80%;
			line-height: 160%;
			}
		table th{
			padding: 4px;
			}
		table td{
			padding:4px;
			}
		table.mobile-block td,
		table.mobile-block th{
			display:block;
			}
		table.mobile-block {
			border:none;
				}
		table.mobile-block th{
			text-align:left;
			font-weight: bold;
			}
		table.mobile-block td{
			border:none;
			}
		table.mobile-block th br{
			display: none;
			}
		}
/*	tex
/* ------------------------------------- */
.tex {
	width: 100%;
	font-size:1em;
	margin: 0 0 20px 0;
	text-align:justify;
	text-justify:inter-ideograph;
	}
.tex a {
	color:			#2aaed2;
	text-decoration:none;
	}
.tex a:hover {
	opacity: 0.7;
	}
.tex img {
	border: 0;
	max-width: 100%;
	height: auto;
	}
.tex img a {
	border: 0;
}

.tex a:hover img {
opacity:0.75;
filter:alpha(opacity=75);
-ms-filter: "alpha( opacity=75 )";
}


/*	ブログページ
/* ------------------------------------- */
.post{
	width: 70%;
	margin: 30px 0;
	float: left;
	border-bottom: solid 1px #ddd;
	}
.post2{
	width: 100%;
	margin: 0;
	}
.category-recruit{
	width: 100%;
	float: none;
	}
aside.aside{
	width: 26%;
	margin: 35px 0 0 0;
	float: right;
	}
	@media only screen and (max-width: 650px) {
		.post{
			width: 100%;
			margin: 30px d0;
			float: none;
			}
		aside.aside{
			display: none;
			}
		}
aside > ul > li{
	list-style: none;
	margin-bottom: 30px;
}
aside h2.widgettitle{
	color:#777;
	font-size:1em;
	font-weight:bold;
	line-height: 160%;
	margin-bottom:5px;
	padding-bottom: 2px;
	border-bottom: dotted 1px #aaa;
}
aside  .widget_categories ul li:before,
aside .widget_recent_entries ul li:before,
aside .widget_archive ul li:before{
	content: "・";
	color:#777;
}
aside .custom-html-widget,
aside .widget_recent_entries ul li,
aside .widget_archive ul li{
	line-height: 160%;
}
aside .widget_recent_entries ul li a,
aside .widget_archive ul li a{
	color:			#2aaed2;
}


aside .cat-post-item{
	list-style: circle;
	margin-left: 1.6em;
	padding-left:0.2em;
	text-indent:-0.2em;
	font-size:0.6em;
	line-height: 160%;
}
aside .execphpwidget ul li{
	list-style: circle;
	margin-left: 1.6em;
	padding-left:0.2em;
	text-indent:-0.2em;
	font-size:0.6em;
	line-height: 160%;
}
aside .execphpwidget ul li a{
	color:			#777;
}


/*	arvhive
/* ------------------------------------- */
.info_box1{
	margin: 20px 0px 0px 0px;
}
.info_box {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
}

.i_box{
	float:left;
	width: 75%;
}
.i_date{
	color: #777;
	font-size: 0.8em;
	margin: 0px 10px 0px 0px;
}
.i_text{
	line-height: 130%;
	margin: 0px 0px 0px 0px;
}

.i_m{
	color: #777;
	margin: 0px 10px 0px 0px;
	clear:both;
}
.i_text a {
	color: #2aaed2;
	text-decoration: none;
}

.i_text a:hover {
	color: #2aaed2;
	text-decoration: underline;
}
.i_date2{
	color: #777;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}
.i_title{
	font-size: 1.7em;
	line-height: 150%;
	margin: 0px 0px 20px 0px;
	padding: 0;
}
	@media only screen and (max-width: 650px) {/* スマホ幅 */
		.i_title{
			font-size: 1.2em;
			padding: 0px 0px 5px 0px;
			}
		}
.i_text_box{
	margin: 0px 0px 50px 0px;
	padding: 0px;
}
	@media only screen and (max-width: 650px) {/* スマホ幅 */
		.tex p  :empty {
			display:none;
			}
		}
.back a{
	color: #2aaed2;
	text-decoration: none;
}
.back a:hover{
	text-decoration: underline;
}
.postmetadata a{
	margin: 20px 0;
	padding: 5px 20px;
	color: #2aaed2;
	display: inline-block;
	background-color:#DFF7FA;
	border-radius: 5px;
	text-decoration: none;
}
.postmetadata a:hover{
	text-decoration: underline;
}

/*	ページャースタイル
/* ------------------------------------- */
.wp-pagenavi {
	padding: 10px 20px 10px 0px;
	display:block;
	clear:both;
	}
	@media only screen and (max-width: 650px) {
			.wp-pagenavi {
				font-size: 0.7em;
				padding: 0 !important;
				margin: 0 !important;
				}
			}
.wp-pagenavi a,
.wp-pagenavi a:link {
	padding: 6px 8px !important;
	margin: 2px !important;
	text-decoration: none !important;
	border:1px solid #e2e5e5 !important;
	color: #8c9c9c !important;
	background:url(images/pagination-bg.png) repeat-x !important;
	font-weight: normal !important;
	}
	@media only screen and (max-width: 650px) {
		.wp-pagenavi a,
		.wp-pagenavi a:link {
			padding: 5px 6px !important;
			margin: 1px !important;
			}
		}
.wp-pagenavi span.pages {
	padding: 6px 8px !important;
	margin: 2px !important ;
	border: none !important;
	color: #bcc9c9 !important;
	background: none !important;
	}
	@media only screen and (max-width: 650px) {
		.wp-pagenavi span.pages {
			padding: 5px 6px !important;
			margin: 1px !important ;
			}
		}
.wp-pagenavi span.current,
.wp-pagenavi span.extend,
.wp-pagenavi a:active,
.wp-pagenavi a:hover {
	padding: 6px 8px !important;
	margin: 2px;
	font-weight: bold;
	background:url(images/pagination-bg.png) repeat-x !important;
	border:1px solid #e2e5e5 !important;
	color:#8c9c9c !important;
	}
	@media only screen and (max-width: 650px) {
		.wp-pagenavi span.current,
		.wp-pagenavi span.extend,
		.wp-pagenavi a:active,
		.wp-pagenavi a:hover {
			padding: 5px 6px !important;
			margin: 1px;
			}
		}
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi span.current,
.wp-pagenavi span.extend,
.wp-pagenavi a:active {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
	@media only screen and (max-width: 650px) {
		.wp-pagenavi a,
		.wp-pagenavi a:link,
		.wp-pagenavi span.current,
		.wp-pagenavi span.extend,
		.wp-pagenavi a:active {
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			}
		}
.wp-pagenavi a:hover {
	color: #000 !important;
	}


/*	form
/* ------------------------------------- */
.mainInner input {
	background: #fff;
	border: solid 1px #2aaed2;
	color: #2aaed2;
	font-size: 1.3em;
	font-weight: normal;
	border-radius: 50px;
	margin: 20px auto;
	padding: 8px 20px;
	width: 200px;
	}
.mainInner input:hover {
	background: #2aaed2;
	color: #fff;
	border: solid 1px #2aaed2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	}
.mainInner input:active {
	background: #2aaed2;
	color: #fff;
	}
.red {
	color: #FF3300;
}

/*	時刻表
/* ------------------------------------- */
.timetable{
	text-align: center;
}
.timetable th,
.timetable td{
	border-right:dotted 1px #ccc;
}
.timetable th:first-child,
.timetable td:first-child{
	border-left:solid 1px #ccc;
}
.timetable th:nth-child(2),
.timetable td:nth-child(2){
	border-right:double 3px #ccc;
}
.timetable th:last-child,
.timetable td:last-child{
	border-right:solid 1px #ccc;
}
.timetable th:nth-child(-n+8){
	border-bottom:solid 1px #ccc;
}
.timetable th{}
.timetable td{}


/*	追加スタイル
/* ------------------------------------- */
.r_box_bage{
	display: inline-block;
	font-size: 1em;
	color: #777;
	font-weight: bold;
	padding: 3px 18px;
	margin: 9px 5px 2px 5px;
	background-color: #F5F5EF;
	border-radius: 20px;
}
.r_box_blue{
	display: inline-block;
	color: #777;
	font-weight: bold;
	padding: 10px 18px;
	margin: 9px 5px 2px 5px;
	background-color:#DFF7FA;
	border-radius: 5px;
	width: 100%;
}
.box_blue{
	display: inline-block;
	color: #2aaed2;
	font-weight: bold;
	padding: 3px 18px;
	margin: 9px 5px 2px 5px;
	border:solid 1px #2aaed2;
	border-radius: 5px;
}
.box_green{
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 16px 1px 16px;
	margin: 2px 5px 2px 5px;
	background-color: #98c81f;
	border-radius: 3px;
}
@media screen and (max-width: 800px){
	.r_box_blue img{
		display:inline;
		margin-left:10px;
		margin-right:10px;
		float: left;
		}
	}

.main dl{}
.main dl dt{
}
.main dl dt:before{
	content: "● ";
	color:#2aaed2;
}
.main dl dd{
}
.main dl dd:before{
	content: "・";
	margin-left: 1em;
	color: #2aaed2;
}

.goForm a{
	color:#2aaed2;
	font-size: 1.5em;
	text-decoration: none;
	text-align: center;
	color: #2aaed2;
	font-weight: bold;
	padding: 15px 28px;
	margin: 10px auto;
	border:solid 1px #2aaed2;
	border-radius: 30px;
}
.goForm a:hover {
	background: #2aaed2;
	color: #fff;
	border: solid 1px #2aaed2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	}
.goForm a:active {
	background: #2aaed2;
	color: #fff;
	}
	@media screen and (max-width: 650px){
		.goForm a{
			display: block;
			font-size: 1em;
			width: 70%;
		}
	}



/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 52px;
  padding: 20px 0;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
	width: 24%;
	height: 52px;
	border: 1px solid #2aaed2;
	border-radius: 3px;
	color: #2aaed2;
	display: block;
	float: left;
	font-size: 1.5em;
	line-height: 52px;
	text-align: center;
	transition: all 0.2s ease;
	margin-right: 1%;
}
.tab_item:hover {
	background-color:#DFF7FA;
}

/*ラジオボタンを全て消す*/
.tabs input {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 20px 0 20px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#floor1:checked ~ #floor1_content,
#floor2:checked ~ #floor2_content,
#floor3:checked ~ #floor3_content,
#floor4:checked ~ #floor4_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
	background-color:#DFF7FA;
}

.zoom{
	display: flex;
	float: none;
	clear: both;
	padding: 0;
}
.zoom i{
	color: #2aaed2;
	font-size: 2em;
}
.floormap{
	text-align: center;
	margin-bottom: 40px;
}

	@media only screen and (max-width: 650px) {/* スマホ幅 */
		.tabs {
			  padding: 5px 0;
			}
		.tab_item {
			width: 49%;
			height: 32px;
			/*border: 1px solid #2aaed2;
			border-radius: 3px;
			color: #2aaed2;
			display: block;
			float: left;*/
			font-size: 1.1em;
			line-height: 32px;
			/*text-align: center;
			transition: all 0.2s ease;
			margin-right: 1%;*/
			margin-bottom: 3px;
			}
		.zoom{
			font-size: 0.9em;
			}
		.zoom i{
			font-size: 1.5em;
			position: relative;
			top: 5px;
			}
		.floormap{
			text-align: center;
			margin: 20px auto;
			}
		}