@charset "UTF-8";
/*
Theme Name: 株式会社 共結
Theme URI: http://www.kyoyu-u.com/
Author: IJS.net
Author URI: http://webya-ijs.net
Description: WordPress Theme
Version: 1.0
*/

/*********************************************************************/
/* メインレイアウト */
/*********************************************************************/
a:link   {color:#80817c;text-decoration:none;} 
a:visited{color:#80817c;text-decoration:none;} 
a:hover  {color:#80817c;text-decoration:underline;}
a:active {color:#80817c;text-decoration:underline;}

body{
	min-width:320px;
	font-size:14px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#80817c;
	line-height:1.5em;
}

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

	#wrapper{
		max-width:1900px;
	}
	
/* ヘッダー */
		h1{
			letter-spacing:0.1em;
			margin:5px 0 0 0;
		}
					
/*********************************************************************/
/*サブページ共通 */
/*********************************************************************/
.page_title{
	overflow:hidden;
}
	.page_title li{
		float:left;
	}


.post_content{
		line-height:1.8em;
	}
		 .post_content p{
				margin-bottom:1em;
			}
			
/*各シングルページのナビゲーション */	
.photo_nav,
.page_prev{
	text-align:right;
	padding-top:10px;
}

/*workのカテゴリー */
.category_list{
	overflow:hidden;
	margin:0 0 20px 0;
}
	.category_list li{
		float:left;
	}
	.category_arrow{
		padding:0 1em;
	}
	.works_post_content{
		line-height:2.4em;
	}
		.works_post_content a{
			font-size:80%;
			text-decoration:underline;
		}
	
/*contact form */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

.wpcf7 input[type="submit"] {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:0.2em;
	padding: 1em 4em;
	background: #000;
	color: #fff;
	border: none;
}
	.ie9 .wpcf7 input[type="submit"] {
		padding: 1em 3em;
	}

#contact_area .main_title{
	border-bottom:1px solid #d4d4d3;
	letter-spacing:0.2em;
	font-size:140%;
	padding:0 0 10px;
}

.contact_form li{
	margin:0 0 30px 0;
}
	.contact_form .title{
		text-align:right;
		padding-right:1em;
	}
/*********************************************************************/
/* トップページ */
/*********************************************************************/
	#top_event_posts{
		border-top:1px solid #d4d4d3;
		font-size:80%;
	}
		#top_event_posts li{
			border-bottom:1px solid #d4d4d3;
			padding:10px 5%;
			box-sizing:border-box;
		}
/*blog */
#blog_area .post_content a{
	text-decoration:underline;
}
.widget_list {
		margin:0 0 30px;
	}
	.widget_title{
		border-bottom:1px solid #d4d4d3;
		overflow:hidden;
		padding:0 0 2px 0;
		margin:0 0 10px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.widget_list li{
		line-height:2.2em;
	}
			ul.children{
				margin-left:1em;
			}

.post_navigation{
	overflow:hidden;
	margin-bottom:30px;
}
	.post_navigation .next{
		float:right;
	}
	.post_navigation .prev{
		float:left;
	}
	
/*flow */
	
	.flowbox li{
		border-top:1px solid #d4d4d3;
		padding:40px;
		box-sizing:border-box;
	}
	.flowbox .bk_color{
		background:#F0EEE5;
	}
		.flow_steps{
			font-size:150%;
			color:#333;
		}
			span.no{
				font-size:200%;
				padding-left:0.1em;
			}
			
		.flow_content{
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size:110%;
			line-height:1.6em;
		}
			.flow_content h2{
				margin-bottom:1.5em;
				font-size:110%;
			}
				.flow_content h2 span{
					display:block;
					font-size:150%;
					font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
					margin-top:10px;
					line-height:1.6em;
				}

			
/*media Queries
----------------------------------------------------*/
@media only screen and (max-width : 999px) {/*999px以下のみの設定（スマホ・タブレット縦）から変更*/
.none_sumapho{
	display:none;
}

#header_left{
	padding:30px 0 30px 10px;
	background:#fff;
}
	.main_logo img{
		width:70%;
	}
	h1{
		margin:2px 0 0 0!important;
		}
/*navigation*/
#navControl{
  margin-top:-44px;
  text-align: right;
}
#navControl a {
  display: inline-block;
  overflow: hidden;
  width: 44px;
  height: 44px;
  background: #3e3a39 url(images_common/icon_common.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: bottom;
}
#navControl a.active{
  background-position: 0 -44px;
}
ul#globalNav li{
  border-bottom: 1px solid #fff;
}
ul#globalNav li a {
  display: block;
  padding:18px 15px;
  background: #3e3a39;
  color: #fff;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,75,100,0.3);
}
ul#globalNav li a:hover{
  background-color: #66605f;
}
#globalNav .jp_text{
	padding-left:1em;
}
/*********************************************************************/
/* トップページ */
/*********************************************************************/
.main_copy{
	text-align:center;
	margin:10px 10px 0 10px;
}

/*********************************************************************/
/* EVENTページ */
/*********************************************************************/
#event_area{
	overflow:hidden;
	padding:0 0 0 0;
}
	#event_posts{
		width:100%;
		border-top:1px solid #d4d4d3;
		font-size:80%;
	}
	#event_image img{
		width:100%;
	}
	
		#event_posts li{
			overflow:hidden;
			border-bottom:1px solid #d4d4d3;
			padding:10px 5%;
			box-sizing:border-box;
		}
			#event_posts li p{
			}
			#event_posts li .date{
			}
			#event_posts li .title{
			}
/* EVENT SINGLEページ */		
	#event_post .post_header{
		overflow:hidden;
		border-top:1px solid #d4d4d3;
		border-bottom:1px solid #d4d4d3;
		padding:20px 10px;
	}
		#event_post .post_header .title{
			float:left;
			font-size:120%;
		}
		#event_post .post_header .date{
			float:right;
		}
		#event_post .post_content{
			margin:40px 0 0 0;
			padding:0 10px;
		}
/*********************************************************************/
/* worksページ */
/*********************************************************************/
#works_area{
	padding:0 10px;
}
#works_posts{
}
	#works_posts li{
		margin:0 0 30px 0;
	}
		#works_posts .title{
			font-size:85%;
			letter-spacing:0.2em;
			margin:0 0 8px 0;
		}
		#works_posts .thumbnail img{
			width:100%;
			height:auto;
		}
/*workのカテゴリー */
.category_list{
	overflow:hidden;
	margin:20px -5% 20px 0;
}
	.category_list li{
		width:30%;
		margin:0 3.0% 0 0;
	}
	.category_list a{
		display:block;
		text-align:center;
		background:#ccc;
		padding:10px 0;
	}
	.category_arrow{
		display:none;
	}
	
/* works singleページ */
#works_post img{
	width:100%;
}
#works_post .title{
	padding:0 0 15px 15px;
}
.photo_nav{
	text-align:right;
	margin-top:10px;
}
.works_post_content{
	padding:0 10px;
}

.wp-pagenavi{
	padding-bottom:20px;
}

/*********************************************************************/
/* flowページ */
/*********************************************************************/
#flow_area{
}

	#flow_header{
		margin:0 0 20px 0;
		padding:0 10px;
	}
		.title_image{
			font-size:140%;
		}
	
		.flow_content{
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size:110%;
			line-height:1.6em;
		}
		
		.flow_list{
			padding:30px 20px!important;
		}
			.flow_steps{
				text-align:center;
			}
			.flow_content h2{
				margin-bottom:1.5em;
				font-size:105%;
				margin-top:1em;
				text-align:center;
				font-weight:bold;
			}
				.flow_content h2 span{
					font-size:115%;
					line-height:1.8em;
					font-weight:normal;
				}	

/*********************************************************************/
/* companyページ */
/*********************************************************************/
#company_area{
}

	.company_copy{
	}
		.company_copy p{
			line-height:2.2em;
			font-size:95%;
		}
	
	.company_summary{
		color:#867d7e;
		font-size:95%;
		letter-spacing:0.1em;
		margin:30px 0 0 0;
	}
		.company_summary li{
			line-height:1.8em;
		}
			.company_name{
				font-weight:bold;
				font-size:110%;
			}
			.summary_contents{
				display:block;
			}

/*********************************************************************/
/* blog */
/*********************************************************************/		
#blog_area{
	padding:1.5em 10px;
}
		#post_header .title{
			font-size:140%;
			letter-spacing:0.2em;
			border-bottom:1px solid #d4d4d3;
			padding:0 0 10px 0;
		}
		#post_header .post_meta{
			text-align:right;
		}
	
	#blog_main .post_content{
		margin:20px 0 60px 0;
	}
	
	.wedjet_list {
		margin:0 0 30px;
	}
	.wedjet_list .title{
		border-bottom:1px solid #d4d4d3;
		overflow:hidden;
		padding:0 0 2px 0;
		margin:0 0 10px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.wedjet_list li{
		line-height:2.2em;
	}
		.wedjet_list p{
			float:left;
		}
		 .wedjet_list .title_jp{
			 padding-left:1em;
		 }
		 
/*contact form */
#contact_area{
	padding:0 10px;
}
}

/* 1000pxから1334pxより大きい場合に適用（タブレット横のみ）*/
@media only screen and (min-width: 1000px) and (max-width: 1334px) {
#wrapper{
	max-width:1100px;
	margin:auto;
	float:none!important;
}
#main_contents{
	max-width:1100px;
	margin:auto;
	}
/* ヘッダー */
	#header_left{
		float:left;
		padding:0!important;
	}
	#header_right{
		float:right;
		overflow:hidden;
		padding:0!important;
	}
	
/* パンくず */		
.bread_crumb{
	margin:20px 0 20px 0;
	overflow:hidden;
}
	.bread_crumb li{
		float:left;
	}
	.bread_crumb .top{
		padding-right:0.9em;
	}
	.bread_crumb .sub{
		background:url(images_common/pankuzu_list_mark.png) no-repeat 0 center;
		background-size:3px;
		padding:0 0.9em;
	}

/*navigation*/
#glonav{
	display:none;
}
  #navControl {
    display: none;
    margin-top: 0;
  }
  ul#globalNav {
    display: block !important;
	margin:30px 0;
  }
  ul#globalNav li {
    float: left;
	width:9.80%;
	font-size:16px;
    border-bottom: none;
    text-align:center;
	background: #3e3a39;
	margin:0 1.36363636% 0 0;
  }
  ul#globalNav li a {
	display:block;
  	color: #fff;
  	text-decoration: none;
	}
  ul#globalNav li:last-child {
    margin-right: 0;
  }
  ul#globalNav li a{
    padding: 12px 0;
  }
  ul#globalNav li a:hover{
    background: #123a5a;
  }

   ul#globalNav .jp_text{
	   display:block;
	   font-size:50%;
   }
   #event_area{
	padding:0!important;
}
}

/* 1335pxから1600pxより大きい場合に適用（ノートPC対策）*/
@media only screen and (min-width: 1335px) and (max-width: 1600px) {
	#header_left{
		padding-left:2%!important;
	}	
	#content{
	padding-left:3%!important;
	}
	
	#sidebar,
	#sidebar_pankuzu{
		width:15%!important;
	}
	
/* サイドバー・グローバルナビ*/
	#glonav li p.nav_en{
			width:60px!important;
		}
		#glonav li p.nav_jp{
			width:94px!important;
			padding:0 0 0 20px!important;
		}
		#glonav li p.nav_en img{
			height:60%;
		}
		#glonav li p.nav_jp img{
			height:60%;
		}
}

/*media Queries
----------------------------------------------------*/
@media only screen and (min-width : 1335px) {/*PCのみ*/
.none_pc1335{
	display:none;
}
#wrapper{
}
#content{
	overflow:hidden;
	margin:145px 0 0 0;
	padding:0 0 0 14%;
	position:relative;
	}
	#sidebar,
	#sidebar_pankuzu{
		width:226px;
		float:left;
	}
	#main_contents{
		float:right;
		width:1100px;
	}
	
		#top_main_area{
			padding:0 50px 0 0;
	}
	
/* パンくず */		
.bread_crumb{
	font-size:85%;
	position:absolute;
	top:70px;
	left:20px;
}
	.bread_crumb li{
		margin:0 0 20px 0;
	}
	.bread_crumb .top,
	.bread_crumb .sub{
		background:url(images_common/pankuzu_list_mark.png) no-repeat 0 center;
		padding-left:0.9em;
	}
	
/* サイドバー・グローバルナビ*/
#glonav{
}
	#glonav ul{
	}
	
	#glonav li{
		margin-bottom:50px;
		overflow:hidden;
	}
		#glonav li p.nav_en{
			float:left;
			width:78px;
			text-align:right;
		}
		#glonav li p.nav_jp{
			float:left;
			width:103px;
			padding:0 0 0 45px;
		}
		
		li.nav_icons{
			overflow:hidden;
		}
			.nav_icons p{
				float:left;
			}
		
/* works singleページ */
#works_post{
}
	#works_post .title{
		letter-spacing:0.2em;
		margin:0 0 8px 0;
	}
	
	#works_post .photo_nav{
		width:866px;
	}
	#works_area .page_prev{
		width:866px;
	}
	
	.works_post_content{
	}
}

/*media Queries
----------------------------------------------------*/
@media only screen and (min-width : 1000px) {/*PC・タブレット横画面全般*/
.none_pc{
	display:none;
}
#wrapper{
	padding:100px 0 0 0;
}
	#sidebar{
		position:relative;
	}
/* ヘッダー */
header{
		overflow:hidden;
	}
	#header_left{
		float:left;
		padding:0 0 0 5.5%;
	}
	#header_right{
		float:right;
		overflow:hidden;
		padding:0 50px 0 0;
	}
		#header_right p{
			float:left;
			padding:0 0 0 20px;
		}
		#header_right .header_mail{
			padding:2px 0 0 20px;
		}	

/*********************************************************************/
/* ホーム */
/*********************************************************************/		
.main_copy{
	text-align:right;
	padding:10px 10px 0 0;
}
	ul#top_event_posts{
		width:47%;
		float:right;
		margin-top:30px;
		font-size:13px;
	}
		#top_event_posts li{
			overflow:hidden;
			padding: 25px 5%;
    			box-sizing: border-box;
		}
			#top_event_posts li .date{
				width:40%;
				float:left;
			}
			#top_event_posts li .title{
				padding: 0 0 0 3em;
				float:left;
			}
/*********************************************************************/
/* EVENTページ */
/*********************************************************************/
#event_area{
	overflow:hidden;
	position:relative;
	padding:0 9.208% 100px 0;
}
	#event_posts{
		width:47%;
		float:left;
		left:0;
		border-top:1px solid #d4d4d3;
	}
	#event_image{
		width:45%;
		float:right;
	}
	
		#event_posts li{
			overflow:hidden;
			border-bottom:1px solid #d4d4d3;
			padding:25px 5%;
			box-sizing:border-box;
		}
			#event_posts li p{
				float:left;
				font-size:12px;
			}
			#event_posts li .date{
				width:40%;
			}
			#event_posts li .title{
				padding:0 0 0 3em;
			}
/* EVENT SINGLEページ */		
#event_post{
}
	#event_post .post_header{
		border-top:1px solid #d4d4d3;
		border-bottom:1px solid #d4d4d3;
		padding:25px 20px;
	}
		#event_post .post_header .title{
			float:left;
			font-size:140%;
		}
		#event_post .post_header .date{
			float:right;
		}
		#event_post .post_content{
			margin:40px 0 0 0;
		}
			#event_post .post_content p{
			}
			
/*********************************************************************/
/* worksページ */
/*********************************************************************/
#works_area{
}
#works_posts{
	overflow:hidden;
	margin:0 0 0 -15px;
}
	#works_posts li{
		float:left;
		margin:0 0 25px 15px;
		width:18.5%;
	}
		#works_posts li img{
			width:100%;
			height:137px;
		}
		#works_posts .title{
			font-size:85%;
			letter-spacing:0.2em;
			height:3.8em;
			position:relative;
		}
		#works_posts .v-bottom{
			position:absolute;
			bottom:0;
		}
/* ページナビゲーション */
.wp-pagenavi{
}
	.wp-pagenavi .current{
	}
	.wp-pagenavi .larger{
}

/* works singleページ */
#works_post{
}
	#works_post .title{
		letter-spacing:0.2em;
		margin:0 0 8px 0;
	}
	
	#works_post .photo_nav{
		text-align:right;
		width:866px;
		margin:10px 0 0 0;
	}
	
/*********************************************************************/
/* flowページ */
/*********************************************************************/
#flow_area{
}
	#flow_header{
		margin-bottom:50px;
		font-size:120%;
		line-height:1.6em;
	}
			.flow_maincopy .title_image{
				background:url(images_flow/main_title.png) no-repeat;
				background-size:311px;
				width:311px;
				height:62px;
				text-indent:-9999px;
			}
			
			.flow_list{
				overflow:hidden;
				display:table;
			}
				.flow_steps{
					width:15%;
					padding-right:60px;
					box-sizing:border-box;
					display:table-cell;
					vertical-align:middle;
				}
				.flow_content{
					width:80%;
					border-left:1px solid #ccc;
					padding-left:60px;
					box-sizing:border-box;
					display:table-cell;
				}
				
		

#flowbox_left{
	float:left;
	width:32%;
	margin-right:1.833%;
}
#flowbox_center{
	float:left;
	width:32%;
	margin-right:1.833%;
}
#flowbox_right{
	float:left;
	width:32%;
}

/*********************************************************************/
/* companyページ */
/*********************************************************************/
#company_area{
	overflow:hidden;
	width:1100px;
	margin:180px 0 0 0;
}
	.company_copy{
		float:left;
		background:url(images_company/company_copy.png) no-repeat;
		width:374px;
		height:313px;
		margin:10px 0 0 0;
	}
		.company_copy p{
			text-indent:-9999px;			
		}
	
	.company_summary{
		float:left;
		color:#867d7e;
		font-size:95%;
		letter-spacing:0.1em;
		padding-left:100px;
	}
		.company_summary li{
			line-height:2.2em;
		}

/*********************************************************************/
/* blog */
/*********************************************************************/		
#blog_area{
	padding-right:30px;
	margin:0 0 50px 0;
}
	#blog_main{
		width:72.72727272%;
		float:left;
	}
	#widjet_area{
		width:17.63636363%;
		float:right;
	}
	
	#post_header{
		position:relative;
	}
		#post_header .title{
			font-size:140%;
			letter-spacing:0.2em;
			border-bottom:1px solid #d4d4d3;
			padding:0 0 10px;
		}
		#post_header .post_meta{
			position:absolute;
			top:40px;
			right:0;
		}
	
	#blog_main .post_content{
		margin:60px 0 100px 0;
		width:80%;
	}
/*********************************************************************/
/* contactページ */
/*********************************************************************/
#contact_area{
}
.contact_form{
	position:relative;
}
	.contact_form li{
		overflow:hidden;
	}
		.contact_form li p{
			float:left;
		}
		.contact_form li .title{
			width:20%;
		}
		.contact_form li .contact{
			width:70%:
		}
.wpcf7 textarea {
	width:150%;
}
.contact_form .attention{
	position:absolute;
	top:560px;
	left:25px;
}
.wpcf7 input[type="submit"]{
	position:absolute;
	top:590px;
	left:25px;
	padding: 1em 3em;
}
}