#main p.more a@charset "UTF-8";
/*
Theme Name: theme-ace-cl
Theme URI: http://www.magical-remix.co.jp/
Description: 空調企業さま専用テーマ
Author: Igarashi
Author URI: http://www.magical-remix.co.jp/
Version: 1.0
*/

/* Global Resets
------------------------------------------------*/
html { overflow-y: scroll; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote { margin: 0; padding: 0; }
body {
	font-weight: normal;
	font-style: normal;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Helvetica, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 16px;
}

a:link { color: #00F; }
a:visited { color: #639; }
a:hover { text-decoration: underline; color: #F00; }
a { overflow : hidden; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size: 100%; }
table { margin:0 auto 0 auto; }
th,td { margin: 0; padding: 0; }
th,td { text-align: left; }
caption,th { text-align: left; margin: auto; }
img { vertical-align:bottom; }
fieldset,img,abbr { border:0; }
ol,ul { list-style: none; }
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var { font-style: normal; font-weight: normal; }

/* Position
------------------------------------------------*/
.align-left { text-align:left; }
.align-center { text-align:center; }
.align-center table { margin:0 auto 0 auto; }
.align-right { text-align:right; }
.float-left { float:left; }
.float-right { float:right; }
.clear-both { clear: both; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }

/* Other
------------------------------------------------*/
.nowrap { white-space: nowrap; }
.none { display: none; }
.hidden { visibility: hidden; }
.red { color: #f00; }
.red-bold { color: #FF0000; font-weight: bold; }
.bold { font-weight: bold; }
.italic { font-style: italic; }

/* clearfix
------------------------------------------------*/
.clearfix:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

/* pagescroll
------------------------------------------------*/
#pagescroll a {
	z-index: 9;
	position: fixed;
	top: 100%;
	right: 1%;
	width: 160px;
	margin: -30px 0 0 -50px;
	height: 20px;
	padding: 3px;
	font-size: 12px;
	text-align: center;
	background: #555;
	border-radius: 10px 10px 0px 0px;
	opacity: 0.9;
	text-decoration: none;
}
#pagescroll a:link,
#pagescroll a:visited,
#pagescroll a:hover {
	text-decoration: none;
	color: #fff;
}
#pagescroll a:hover {
	background: #333;
}

/* body,Anchor
------------------------------------------------*/
body {
	background: #fff;
	color: #222;
}

a:link,
a:visited { color: #0048c0; }
a:hover { text-decoration: none; color: #777; }


/* Layout
------------------------------------------------*/
#container,
.inner {
	width: 1000px;
	margin: 0 auto;
}

@media screen and (max-width:1013px){
	#container,
	.inner {
		box-sizing: border-box;
		width: 100%;
		padding: 0 10px;
	}
	.block-tb {
		display: block;
	}
	.none-tb {
		display: none;
	}
}
@media screen and (max-width:639px){
	.block-sp {
		display: block;
	}
}

/* header
------------------------------------------------*/
#header {
	padding: 10px 0;
}
#header:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#header #logo {
	float: left;
	margin: 30px 20px 0 0;
}
#header #logo + p {
	float: left;
	margin: 48px 0 0;
	font-size: 12px;
}
.header-side {
	float: right;
}
.header-side ul {
	clear: both;
	padding: 10px 0 0;
}
.header-side ul li {
	float: right;
	margin: 0 0 0 10px;
}
.header-side ul li:last-child {
	margin: 0;
}
.header-side ul li a {
	display: block;
	background: #0170c1;
	border-radius: 5px;
	width: 135px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
.header-side ul li a:hover {
	background: #005ea3;
}
.header-side ul li a span {
	background: url(img/ya01.png) no-repeat left center;
	padding: 0 0 0 20px;
}
.header-side .language {
	position: relative;
	float: right;
}
.header-side p {
	float: left;
}
#google_translate_element {
	float: right;
}
#google_translate_element + span {
	position: absolute;
	top: -5px;
	right: 0;
	font-size: 14px;
}
.goog-te-gadget-simple {
	border-radius: 5px;
	margin-left: 20px;
	margin-top: 15px;
}
.header-side .language p {
	margin-top: 14px;
}

@media screen and (max-width:1013px){
	#header #logo {
		margin: 0;
	}
	#header #logo + p {
		clear: both;
		margin: 5px 0 0;
		font-size: 14px;
	}
	.header-side ul {
		display: none;
	}
}
@media screen and (max-width:700px){
	.header-side {
		margin: -29px 0 0;
	}
	.header-side p {
		float: none;
		margin: 0 0 10px;
		text-align: right;
	}
	.header-side .language {
		float: none;
	}
	#google_translate_element + span {
		position: initial;
	}
	.goog-te-gadget-simple {
		margin-top: 0;
		margin-left: 5px;
	}
}
@media screen and (max-width:639px){
	#header {
		padding-bottom: 0;
	}
	#header #logo {
		float: none;
		margin: 0 0 10px;
		text-align: center;
	}
	#header #logo + p {
		display: none;
	}
	.header-side {
		float: none;
		margin: 0;
		text-align: center;
	}
	#google_translate_element {
		float: none;
	}
	.goog-te-gadget-simple {
		margin: 0 0 10px;
		margin-left: 0;
	}
	.header-side p {
		float: none;
		text-align: center;
	}
	#google_translate_element + span {
		position: relative;
		top: -50px;
	}
	div#:0.targetLanguage {
		white-space: nowrap;
	}
}

/* vis
------------------------------------------------*/
#vis {
	background: #e1efff;
	padding: 40px 0;
	text-align: center;
}
#vis h1 {
	font-size: 30px;
	font-weight: bold;
	color: #008ed1;
}
#vis p#breadcrumbs {
	margin: 0 0 20px;
	font-size: 14px;
}

/* nav
------------------------------------------------*/
#nav {
	position: relative;
	background: #008ed1;
	height: 48px;
}
#nav.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}
#nav ul {
	display: table;
	width: 1000px;
	border-bottom: none;
	margin: 0 auto;
	z-index: 100;
}
#nav ul li {
	display: table-cell;
	width: 16%;
	text-align: center;
}
#nav ul li:first-child a {
	border-left: 1px solid #fff;
}
#nav ul li a {
	display: block;
	border-right: 1px solid #fff;
	margin: 5px 0;
	padding: 5px 0;
	box-sizing: border-box;
	text-shadow: none;
	font-size: 18px;
	color: #fff;
}
#nav ul li a:link,
#nav ul li a:visited {
	text-decoration: none;
}
#nav ul li a:hover {
	background: #3a608a;
}
#nav ul li ul.sub-menu {
	display: none;
	position: absolute;
	border: none;
	width: 200px;
	margin: 0;
}
#nav ul li ul.sub-menu li {
	display: block;
	background: none;
	width: 100%;
}
#nav ul li ul.sub-menu li ul.sub-menu {
	position: absolute;
	left: 100%;
	margin-top: -38px;
}
#nav ul.sub-menu li.menu-item-has-children a:after {
	display: block;
	float: right;
	content: "▶";
	margin: 3px 0 0;
	font-size: 10px;
}
#nav ul.sub-menu li.menu-item-has-children .sub-menu a:after {
	display: none;
}
#nav ul.sub-menu li.menu-item-has-children .sub-menu li.menu-item-has-children a:after {
	display: block;
	float: right;
	content: "▶";
	margin: 3px 0 0;
	font-size: 10px;
}
#nav ul.sub-menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu a:after {
	display: none;
}
#nav ul li ul.sub-menu li a {
	background: #008ed1;
	width: auto;
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 8px 4px;
	opacity: .9;
	text-shadow: 0 0 3px #28486b;
	font-size: 13px;
}
#nav ul li ul.sub-menu li:first-child a {
	border-left: 0;
}
#nav ul li ul.sub-menu li a:hover {
	background: #3a608a;
}
#nav .btn {
	display: none;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	background: #0170c1;
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 1;
}
#nav .btn span {
	display: none;
}
.nav-bar {
	display: inline-block;
	position: relative;
	background: #fff;
	top: 10px;
}
.nav-bar, .nav-bar:before, .nav-bar:after{
	width: 29px;
	height: 4px;
}
.nav-bar:before, .nav-bar:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	background: #fff;
}
.nav-bar:before{
	margin-top: -11px;
}
.nav-bar:after{
	margin-top: 8px;
}
.btn.close .nav-bar {
	display: none;
}
.btn.close:before {
	content: "×";
	line-height: 40px;
	font-size: 56px;
	color: #fff;
}
#nav .allnav {
	position: absolute;
	z-index: 1000;
	display: none;
	background: #e9f6ff;
	width: 100%;
	top: 48px;
}
#nav .allnav ul {
	position: initial;
}
#nav .allnav ul li {
	display: block;
	position: relative;
	border: 0;
}
#nav .allnav ul li a {
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #222;
}
#nav .allnav ul li span {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #ccc;
	padding: 7px 20px;
}
#nav .allnav ul li span:after {
	display: block;
	content: ">";
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-moz-transition: all, 0.25s, linear;
	-o-transition: all, 0.25s, linear;
	-webkit-transition: all, 0.25s, linear;
	transition: all, 0.25s, linear;
}
#nav .allnav ul li span.active:after {
	-moz-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
#nav .allnav ul li a:hover {
	background: none;
	font-weight: bold;
	color: #222;
}
#nav .allnav ul ul {
	display: none;
	border: 0;
	padding: 0;
}
#nav .allnav ul ul ul {
	display: block;
}
#nav .allnav ul li ul {
	visibility: visible;
}

@media screen and (max-width:1013px){
	#nav ul {
		width: 90%;
		margin: 0;
	}
	#nav ul li:first-child {
		display: none;
	}
	#nav ul li ul {
		visibility: hidden;
	}
	#nav .btn {
		display: block;
	}
	#nav .allnav ul {
		width: 100%;
	}
	#nav .allnav ul li:first-child {
		display: block;
	}
	#nav .allnav ul li {
		width: 100%;
	}
	#nav .allnav ul li a {
		border: 0;
		padding: 5px;
		border-bottom: 1px solid #ccc;
	}
	#nav .allnav ul li li a {
		padding: 5px 5px 5px 1em;
	}
	#nav .allnav ul li li li a {
		padding: 5px 5px 5px 2em;
	}
}
@media screen and (max-width:639px){
	#nav #menu-globalmenu {
		display: none;
	}
	#nav .btn {
		background: none;
		width: 100%;
	}
	#nav .btn span {
		display: block;
		margin: -3px 0 0 30px;
		font-size: 20px;
		font-weight: bold;
		color: #fff;
	}
	.nav-bar {
		right: 2.5em;
	}
	#nav .btn.close span {
		display: none;
	}
}

/* contents
------------------------------------------------*/
#contents {
	zoom: 1;
	width: 1000px;
	margin: 0 auto;
}
#contents:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

@media screen and (max-width:1013px){
	#contents {
		width: 100%;
	}
}

/* main
------------------------------------------------*/
#main {
	float: left;
	width: 700px;
	margin: 30px 0;
}
#main a:hover img {
	opacity: 0.8;
}
#main p.more {
	zoom: 1;
}
#main p.more:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#main p.more a {
	display: block;
	border-radius: 3px;
	padding: 8px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #ccc;
	color: #333;
}
#main p.more a:before {
	content: "▶";
	margin: 0 5px 0 0;
	font-size: 12px;
}
#main p.more a:hover {
	opacity: 0.6;
}

#main p.backnumber {
	text-align: right;
}

#main p.backnumber a {
	font-size: 13px;
	padding: 8px;
	border-radius: 3px;
	text-decoration: none;
	background: #d1ecff;
}

@media screen and (max-width:1013px){
	#main {
		float: none;
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
}


/* post
------------------------------------------------*/
.post .post-title {
	border-left: 5px solid #008ed1;
	border-bottom: 1px solid #008ed1;
	margin: 0 0 15px;
	padding: 0 0 5px 5px;
	font-size: 24px;
	font-weight: bold;
	color: #008ed1;
}
.post .post-body {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 20px;
}
.post .post-body:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.post .post-body .alignright {
	float: right;
	margin: 0 0 10px 20px;
}
.post .post-body .alignleft {
	float: left;
	margin: 0 20px 10px 0;
}
.post .post-body .aligncenter {
	display: block;
	margin: 0 auto 10px;
}

.page-template-page-blog
.page-template-page-blog .more {
	float: right;
	width: 120px;
}
.page-template-page-blog .more a {
	text-align: center;
}

@media screen and (max-width:1013px){
	.post .post-body img {
		max-width: 100%;
		height: auto;
	}
}

@media screen and (max-width:768px){
	.page-template-page-blog .more {
		float: none;
		width: 100%;
	}
	.post .post-title {
		font-size: 1.1em;
	}

}

/* footer
------------------------------------------------*/
div#group {
    background: #e8f6ff;
    padding: 12px 0;
}

div#group ul {
    display: flex;
}

div#group ul li {
    border: 1px solid #ccc;
}

div#group ul li:nth-child(1) {
    margin: 0 10px 0 0;
}

#footer {
	background: #595959;
	padding: 35px 0 10px;
	font-size: 14px;
	color: #fff;
}
#footer .inner {
	zoom: 1;
}
#footer .inner:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#footer a:link,
#footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }
#footer h2 {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}
#footer h3 {
	font-weight: bold;
}
#footer ul {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #4c4c4c;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#footer .info {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

#footer small {
	display: block;
	text-align: center;
}

@media screen and (max-width:1013px){
	#footer .inner {
		margin: 0 0 20px;
	}
	#footer ul {
		display: none;
	}
}
@media screen and (max-width:639px){
    div#group ul li img {
        width: 100%;
    }
	#footer p {
		float: none;
		text-align: center;
	}
	#footer .info {
		display: block;
	}
}


/* movie
------------------------------------------------*/
.youtube {
	text-align: center;
}

@media screen and (max-width:530px){
	.youtube {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	.youtube iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	#footer h3 {
		text-align: center;
		margin-top: 10px;
	}
}

/* google map
------------------------------------------------*/
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* recruit
------------------------------------------------*/
#recruit {
	zoom: 1;
	padding: 30px 0;
}
#recruit:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#recruit li {
	float: left;
}
#recruit li:last-child {
	float: right;
}
#recruit {
    zoom: 1;
    padding: 30px 0;
    background: url(http://ace-cl.jp/recruit2023/images/bg-visual.jpg);
    background-size: cover;
    background-position: bottom;
}
#recruit h2 {
	color: #ffffff;
	text-shadow: 0 0 10px #068add;
	font-size: 40px;
	margin: 0 0 20px;
	text-align: center;
	font-weight: bold;
}
#recruit a:hover img {
	opacity: 0.8;
}

@media screen and (max-width:1013px){
	#recruit {
		padding: 30px 10px;
	}
	#recruit li {
		width: 49%
	}
	#recruit img {
		max-width: 100%;
		height: auto;
	}
}
@media screen and (max-width:639px){
	#recruit li,
	#recruit li:last-child {
		width: 100%;
		float: none;
		margin: 0 0 10px;
		text-align: center;
	}
}