@charset "UTF-8";

/*---------------------------
Common
---------------------------*/
body {
	webkit-appearance:none;
}

img {
		max-width:100%;
		height:auto;
}

.hidden {
	visibility:hidden;
}


.linkStyle01:hover {
	opacity:0.5;
} 
.linkStyle01:active {
	opacity:0.5;
} 

.linkStyle03:link {
	color:#2C3E50;
}
.linkStyle03:visited {
	color:#2C3E50;
}
.linkStyle03:hover {
	color:#E74C3C;
}
.linkStyle03:active {
	color:#E74C3C;
}

.blogAreaMargin {
	margin-bottom:0;
}

 .alignLeft {
	 text-align:left;
}

.alignRight {
	text-align:right;
}

.floatLeft {
	float:left;	
}

.floatRight {
	float:right;
}

.catchText {
	font-size:250%;
	font-weight:bold;
}

.paddingStyle01 {
	padding-bottom:15% !important;
}

.paddingStyle02 {
	padding-bottom:5% ;
}

.telNo {
	font-size:129%;
	font-weight:bold;
}

.clearBoth {
	clear:both;
}

.breakAll {
	word-break:break-all;
}



/*---------------------------
Font
---------------------------*/
/* フォントを定義して */
@font-face {
	font-family: 'IconicFill';
	src: url('/wp-content/themes/abreeze/font/iconic_fill/iconic_fill.eot');
	src: url('/wp-content/themes/abreeze/font/iconic_fill/iconic_fill.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/abreeze/font/iconic_fill/iconic_fill.ttf') format('truetype'),
		url('/wp-content/themes/abreeze/font/iconic_fill/iconic_fill.svg#iconic') format('svg');
	font-weight: normal;
	font-style: normal;
}




/* アイコンごとにクラスを作る（共通の指定とアイコンごとに違うcontent部分で分けて書くと書きやすい） */
.iconic {
	font-family: 'IconicFill',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, verdana, sans-serif;
}

/*矢印*/
.curved_arrow:before {content:'\2935';}

/*ホーム*/
.homeIcon:before {content:'\2302';}

/*---------------------------
Box
---------------------------*/
#wrapper {
	width:100%;
	height:100%;
}

#headerArea {
	background:#2C3E50;
}

#contentArea {
	position:relative;
}

	#contentArea #section01 {
		background:#FFF;
		position:relative;
		z-index:-3;
		padding:3.34%;
	}
	
	#contentArea .topPage {
		padding:0 !important;
	}
	
		#contentArea #section01 .inner01 {
			padding:3.125%;
		}
		
			#contentArea #section01 .inner01 h2 {
				color:#16A085;
				font-size:312.5%;
			}

			#contentArea #section01 .inner01 .textArea {}
			
				#contentArea #section01 .inner01 .textArea p {
					margin-bottom:1.5em;
				}
				
				#contentArea #section01 .inner01 .textArea p:last-child {
					margin-bottom:0;
				}
		

#footerArea {
	background:#2C3E50;
	color:#FFF;
	clear:both;
}

	#footerArea #footerInner01 {
		padding:3.125%;
	}
	
	#footerArea #footerInner02 {
		padding:3.125%;
		background:rgba(0,0,0,0.1)
	}


/*---------------------------
Content
---------------------------*/

#headerArea #headerInner {
	display:table;
	width:100%;
}

	#headerArea #headerInner  #menuSp {
		width:25% !important;
		display:table-cell;
	}
	
		#headerArea #headerInner  #menuSp  a {
			display:block;
		}
		
		#headerArea #headerInner  #menuSp  a:link {}
		
		#headerArea #headerInner  #menuSp  a:visited {}
		
		#headerArea #headerInner  #menuSp  a:hover {
			background:#E74C3C;
		}
		
		#headerArea #headerInner  #menuSp  a:active {
			background:#E74C3C;
		}
		
			#headerArea #headerInner  #menuSp a img {

			}
			
	#headerArea #headerInner  #menuPc {
		display:none;
	}
	
	#headerArea #headerInner  h1 {
		width:75%;
		display:table-cell;
	}
	
		#headerArea #headerInner  h1 a {
			display:block;
			background:#16A085;
		}
		
		#headerArea #headerInner  h1 a:link {}
		
		#headerArea #headerInner  h1 a:visited {}
		
		#headerArea #headerInner  h1 a:hover {
			background:#E74C3C;
		}
		
		#headerArea #headerInner  h1 a:active {
			background:#E74C3C;
		}
		
			#headerArea #headerInner  h1 a img {}
			
#contentArea #menuSpButton {
	width:100%;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	z-index:10;
}

	#contentArea #menuSpButton  ul {
		display:none;
	}
	
		#contentArea #menuSpButton li a {
			font-size:147%;
			display:block;
			padding:3% 0;
			background:rgba(0,0,0,0.85);
			color:#FFF;
		}
		
	
		#contentArea #menuSpButton li a:link {
			
		}
		
		#contentArea #menuSpButton li a:visited {
		}
		
		#contentArea #menuSpButton li a:hover {
			background:rgba(241,79,60,0.85);
		}
		
		#contentArea #menuSpButton li a:active {
			background:rgba(241,79,60,0.85);
		}
		

	#footerArea #footerInner01 .pankuzu {
		font-size:85%;
		margin-bottom:3.125%;
	}
		#footerArea #footerInner01 .pankuzu a {
			color:#FFF;
		}
		
		#footerArea #footerInner01 .pankuzu a:hover {
			color:#E74C3C;
		}
		
		#footerArea #footerInner01 .pankuzu a:avtive {
			color:#E74C3C;
		}
	
	
		#footerArea #footerInner01 .pankuzu .home {
			font-size:120%;
		}
		
	#footerArea #footerInner02 #backToTopButton {
		width:13.75%;
		margin:6% auto 0;
	}
		
	#footerArea #footerInner02 .logo {
		width:75%;
		margin:0 auto;
	}
	
	#footerArea #footerInner02 .copyright {
		font-size:59%;
		text-align:center;
	}
			
/*top*/
#contentArea #section01 #slideAreaCatch {

	background-image:url(../images/catch_copy.png), 
	url(../images/main_img_bg.png);
	background-position:center center, 0 0;
	background-repeat:no-repeat, repeat;
	background-size: 80% auto, auto auto;
	-pie-background-image:url(../images/catch_copy.png), 
	url(../images/main_img_bg.png);
	-pie-background-position:center center, 0 0;
	-pie-background-repeat:no-repeat, repeat;
	-pie-background-size: 80% auto, auto auto;
	behavior: url(../js/PIE-1.0.0/PIE.htc);

}

	#contentArea #section01 #slideAreaCatch #slideAreaBg {

	}

		#contentArea #section01 #slideAreaCatch #slideAreaBg #sliderArea {
			position:relative;
			z-index:-2;
			/*opacity:0.5;*/
			
		}
		
			#contentArea #section01 #slideAreaCatch #slideAreaBg #sliderArea img {
				width:100%;
			}
	
#contentArea #section02 {
		margin:3.125%;
}

	#contentArea #section02 #section02Inner02 {
		background:rgb(255,255,255);
		padding:6%;
	}

		#contentArea #section02 #section02Inner02 .widget {
			margin-bottom:15%;
		}
		
		#contentArea #section02 #section02Inner02 .widget form {
			position:relative;
		}
		
			#contentArea #section02 #section02Inner02 .widget form input[type="text"] {
				width:68%;
				height:15%;
				padding:3% 26% 3% 6%;
				background:#EBF0F1;
				border:none;

			}
			
			#contentArea #section02 #section02Inner02 .widget form input[type="submit"]  {
				width:20%;
				height:100%;
				position:absolute;
				top:0;
				right:0;
				border:none;
				display:block;
				cursor:pointer;
				background: url(../images/loupe.png) right 0 no-repeat;
				background-size:auto 100%;
			}
		
		#contentArea #section02 #section02Inner02 .widget:last-child {
			margin-bottom:0;
		}
		
			#contentArea #section02 #section02Inner02 .widget h2 {
				color:#16A085;
				font-size:122%;
				margin-bottom:6%;
			}
			
			#contentArea #section02 #section02Inner02 .widget ul {}
			
				#contentArea #section02 #section02Inner02 .widget ul li {
					/*margin-left:2em;*/
				}
				
	#contentArea #section02 #section02Inner02 .widget .tagcloud {}
	
		#contentArea #section02 #section02Inner02 .widget .tagcloud a {
			margin-right: 5px;
		}
		
		#contentArea #section02 #section02Inner02 .widget .tagcloud a:last-child {
			margin-right: 0;
		}
		
		#contentArea #section02 #section02Inner02 .widget_rss ul li {
			margin-bottom: 0.5em;
		}
		
		#contentArea #section02 #section02Inner02 .widget_rss ul li:last-child {
			margin-bottom: 0;
		}
				
#comment-area-wrap {
	background:#FFFFFF;
	padding:6% 6% 1% !important;
	margin-bottom:3.34%;
}

	#comment-area-wrap h3 {
		color:#16A085;
		font-size:120%;
		padding-bottom:3% ;
		/*font-weight:bold;*/
	}
	
	#comment-area-wrap #comment,
	#comment-area-wrap #author,
	#comment-area-wrap #email,
	#comment-area-wrap #url {
		width:94%;
		margin-bottom:3%;
		display:block;
		padding:3%;
		outline:none;
		border:none;
		background:#EBF0F1;
		font-size:108%;
	}
	

	
	#comment-area-wrap .commets-list .avatar {
		float:left;
		margin:0 3% 3% 0;
	}
	
	#comment-area-wrap .commentmetadata {
		font-size:71%;
	}
	
	#comment-area-wrap .comment-body p {
		clear:both;
	}
	
	#comment-area-wrap  .comment-body {
		 margin-bottom:3%;
	}
	
	#comment-area-wrap  .comment-body:last-child {
		 margin-bottom:6%;
	}
	
	#comment-area-wrap .reply {
		text-align:right;
		font-size:75%;
		border-bottom:4px #EBF0F1 solid;
	}
	
	#comment-area-wrap .reply:last-child {
		margin-bottom:6px;
	}
			
	#comment-area-wrap ul ul {
		margin-left:1.5em;
	}
	
	#comment-area-wrap .logged-in-as {
		font-size:75%;
		margin-bottom:3%;
	}
	
	#comment-area-wrap .form-allowed-tags {
		font-size:75%;
	}
		
	#comment-area-wrap input[type="submit"] {
		background:#16A085;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		padding:2% 3%;
		color:#FFFFFF;
		/*font-weight:bold;*/
		border:none;
		cursor:pointer;
		font-size:105%;
		margin-top:3%;
		border-top:none;
		border-left:none;
	}
	

	#comment-area-wrap input[type="submit"]:hover,
	#comment-area-wrap input[type="submit"]:active {
		background:#E74C3C;
		border:none;
	}
	
	#comment-area-wrap #respond p {
		margin-bottom:5%;
	}
	
	#comment-area-wrap .form-submit {
		margin-bottom:5% !important;
	}
				
/*会社情報*/
.companySection03 {
	margin-bottom:3.34%;
	background:#FFFFFF;
	padding:6%;
	clear:both;
}

.companySection03:last-child {
	margin-bottom:0 !important;
}

	.companySection03 h3 {
		font-size:225%;
		margin-bottom:6%;
		line-height:1.2;
		/*color:#16A085;*/
		
	}
	
	.companySection03  .textArea	 {
		
	}
	
		.companySection03  .textArea h4 {
			font-size:152%;
			margin-bottom:0.6em;
		}
	
		.companySection03  .textArea p {
			margin-bottom:1.5em;
		}
		
		.companySection03  .textArea p:last-child {
			margin-bottom:0;
		}
		
		.companySection03  .textArea .overview {
			width:100%;
		}
		
			.companySection03  .textArea .overview th {
				/*white-space:nowrap;*/
				font-weight:bold;
				width:40%;
			}
			
			.companySection03  .textArea .overview th,
			.companySection03  .textArea .overview td {
				padding-right:10%;
				padding-bottom:7%;
			}
			
	.companySection03  #companyProfile {}
	
		.companySection03  #companyProfile li,
		.companySection03  #personalInformation li {
			list-style:decimal !important;
			margin-bottom:1.5em;
			margin-left:1.5em;
		}
		
		.companySection03  #companyProfile li:last-child {
			margin-bottom:0;
		}
			

		.companySection03  .textArea p:last-child {
			margin-bottom:0 !important;
		}
			
			
.navigationArea {
	clear:both;
	width:100%;
	background:#E74C3C;
	margin-bottom:3.34%;
}

	.navigationArea p {
		width:50%;
		background:#E74C3C;
	}
	
		.navigationArea p  a {
			display:block;
			padding:3% 6%;
			font-family:‘Lato’, Arial, serif;
			color:#FFFFFF;
			font-weight:bold;
		}
		
		.navigationArea p  a:link {
			background:#E74C3C;
		}
		
		.navigationArea p  a:visited {
			background:#E74C3C;
		}
		
		.navigationArea p  a:hover {
			background:#16A085;
		}
		
		.navigationArea p  a:active {
			background:#16A085;
		}
		

			
#wp-calendar {
	text-align:center;
	color:#BEC5C6;
	width:100%;
}

	#wp-calendar th {
		font-weight:bold !important;
	}
	
	#wp-calendar td {
		
	}
	
	#wp-calendar th,
	#wp-calendar td {
		padding:2%;
	}



	#wp-calendar caption {
		text-align:center;
	}	
	
		#wp-calendar tr {}
		
			#wp-calendar tr th,
			#wp-calendar tr td {
				text-align:center;
			}
			
			#wp-calendar tr #prev {
				text-align:left;
			}
			
			#wp-calendar tr #next {
				text-align:right;
			}
			
		#contentArea #section02 #section02Inner02 .widget a:link {
			color:#2C3E50;
		}
		
		#contentArea #section02 #section02Inner02 .widget a:visited{
			color:#2C3E50;
		}
		
		#contentArea #section02 #section02Inner02 .widget a:hover {
			color:#E74C3C;
		}
		
		#contentArea #section02 #section02Inner02 .widget a:active {
			color:#E74C3C;
		}

	#contentArea #section02 .eachBlogArea {
		background:#FFF;
		padding:6% 6% 1%;
		position:relative;
		margin-bottom:3.34%;
	}
        
        #contentArea #section02 .singleBlogArea {
		padding-bottom:6% !important;
	}
	
		#contentArea #section02 .eachBlogArea .section {}
		
			#contentArea #section02 .eachBlogArea .section .thumbnail-box {
			 	margin-bottom:6%;
			}
	
		.post-categories li a{
			float:left;
			display:block;
			font-size:71%;
			/*font-weight:bold;*/
			background:#E74C3C;
			color:#FFF;
			padding:3%  6%;
			max-width:60%
		}
		
		.post-categories li a:link {}
		
		.post-categories li a:visited {}
		
		.post-categories li a:hover {
			background:#2C3E50;
		}
		
		.post-categories li a:active {
			background:#2C3E50;
		}
		
		#contentArea #section02 .eachBlogArea .rigthtArea {
			float:right;
			max-width:30%;
		}


			#contentArea #section02 .eachBlogArea .rigthtArea .date,
			#contentArea #section02 .eachBlogArea .rigthtArea .comment-num{
				font-size:71%;
				font-family: ‘Lato’, Arial, serif;
				font-weight: 300; 
				text-align:right;
				color:#7F8C8D;
			}
			#contentArea #section02 .eachBlogArea .comment-num {
				clear:both;
			}
			
			#contentArea #section02 .eachBlogArea .section {
				clear:both;
				padding-bottom:20%;
			}
			
			#contentArea #section02 .eachBlogArea .section h3 {
				color:#16A085;
				font-size:120%;
				padding:6% 0;
				/*font-weight:bold;*/
			}
			
			#contentArea #section02 .eachBlogArea .section .tagArea {
				font-size:72%;
				margin-top:12%;
				color:#7F8C8D;
			}
				#contentArea #section02 .eachBlogArea .section .tagArea span{
					margin-right:2em;
				}
	
	
		
			#contentArea #section02 .eachBlogArea .section h3 a:link {
				color:#16A085;
			}
			#contentArea #section02 .eachBlogArea .section h3 a:visited {
				color:#16A085;
			}
			#contentArea #section02 .eachBlogArea .section h3 a:hover {
				color:#E74C3C;
			}
			#contentArea #section02 .eachBlogArea .section h3 a:active {
				color:#E74C3C;
			}
		
		#contentArea #section02 .eachBlogArea .section .textArea {
			font-size:85%;
		}
		
			#contentArea #section02 .eachBlogArea .section .textArea p {
				margin-bottom:1.5em;
			}
			
			#contentArea #section02 .eachBlogArea .section .textArea p:last-child {
				margin-bottom:0 !important;
			}
			
		#contentArea #section02 .eachBlogArea .continuButton {
			text-align:right;
			position:absolute;
			right:6%;
			bottom:6%;
			font-size:85%;
		}
		
			#contentArea #section02 .eachBlogArea .continuButton span {
				font-size:135%;
				letter-spacing:0.3em;
	
				}
				
		#contentArea #section02 .moreInfoArea {
			display:table;
			width:100%;
		}
		
			#contentArea #section02 .moreInfoArea  a {
				display:table-cell;
				vertical-align:middle;
				color:#FFF;
				width:90%;
				text-align:center;
				padding-right:10%;
				background:#E74C3C url(../images/information_arr.png) right center no-repeat;
				background-size:contain;
			}
			

			
			#contentArea #section02 .moreInfoArea  a:link {
			}
			
			#contentArea #section02 .moreInfoArea  a:visited {
			}
			
			#contentArea #section02 .moreInfoArea  a:hover {
				background-color:#16A085;
			}
			
			#contentArea #section02 .moreInfoArea  a:active {
				background-color:#16A085;
			}
			
			#contentArea #section02 .moreInfoArea  a  span.font01 {
				font-family: ‘Lato’, Arial, serif;
				font-weight: 900; 
				font-size:200%;
			}
			
			#contentArea #section02 .moreInfoArea  a  span.font02 {
				font-size:80%;
			}
			
/*---------------------------
フォーム
---------------------------*/	
		
#wpcf7-f66-p67-o1  span {
	color:#E74C3C;
}

#wpcf7-f66-p67-o1 input[type="text"],
#wpcf7-f66-p67-o1 input[type="email"],
#wpcf7-f66-p67-o1 input[type="tel"],
#wpcf7-f66-p67-o1 textarea   {
		width:94%;
		margin-bottom:3%;
		display:block;
		padding:3%;
		outline:none;
		border:none;
		background:#EBF0F1;
		font-size:108%;
}

#wpcf7-f66-p67-o1 input[type="submit"] {
	background:#16A085;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding:2% 3%;
	color:#FFFFFF;
	font-weight:bold;
	border:none;
	cursor:pointer;
	font-size:105%;
	margin-top:3%;
	border-top:none;
	border-left:none;
}

#wpcf7-f66-p67-o1 input[type="submit"]:hover,
#wpcf7-f66-p67-o1 input[type="submit"]:active {
		background:#E74C3C;
		border:none;
}

div.wpcf7-response-output {
	margin:0 !important;
	background:none;
	padding:0 !important;
	color:#E74C3C !important;
}

div.wpcf7-mail-sent-ok {
	border: none !important;
}

div.wpcf7-mail-sent-ng {
	border: none !important;
}

div.wpcf7-spam-blocked {
	border: none !important;
}

div.wpcf7-validation-errors {
	border: none !important;
}

/*---------------------------
ブログ内の設定
---------------------------*/

.eachBlogArea .alignleft {
	float:left;
	margin-bottom:1.5em;
	margin-right:1.5em;
}

.eachBlogArea .alignright{
	float:right;
	margin-bottom:1.5em;
	margin-left:1.5em;
}

.eachBlogArea .wp-caption  {
	font-size:90%;
	color:#7F8C8D;
}

/*---------------------------
YouTube対応
---------------------------*/

.vvqyoutube {
position: relative !important;
padding-bottom: 56.25% !important;
padding-top: 30px !important;
height: 0 !important;
overflow: hidden !important;
}
 
.vvqyoutube iframe,
.vvqyoutube object,
.vvqyoutube embed {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}
		
			
			
/*---------------------------
ウィジェット
---------------------------*/

.widget_rss h2 a:link {
	color:#16A085 !important;
}

.widget_rss h2 a:visited {
	color:#16A085 !important;
}

.widget_rss h2 a:hover {
	color:#E74C3C !important;
}

.widget_rss h2 a:active {
	color:#E74C3C !important;
}



/*---------------------------
Easing Slider “Lite
---------------------------*/

/*.easingsliderlite-pagination.inside.bottom-center,
.easingsliderlite-arrows.easingsliderlite-prev,
.easingsliderlite-arrows.easingsliderlite-next {
	display:none;
}*/