/*
Theme Name:PIF
Theme URI:http://www.p-i-f.net/
Description:PIF theme
Author:HIPGNOS
*/


 /*--------------------------------------------------------------------------------
　▼　00 Common
--------------------------------------------------------------------------------*/

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix{ zoom:1; }

a{
	color:#cc0000;
	text-decoration:none;
}

::selection { background: #ddd; }

::-moz-selection { background: #ddd; }

a:hover{ text-decoration:underline; }

img{ vertical-align:middle; }

.mr20{ margin-right:20px; }
.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }
.mb60{ margin-bottom:60px; }
.pt30{ padding-top:30px; }

.fl{ float:left; }
.fr{ float:right; }
.center{ text-align:center; }

.font_01{ font-weight:bold;font-size:118%; }

body{
	font: 14px/21px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height: 1.8;
	background-color:#fff;/*ddd*/
}

#wrapper{
	width:980px;
	margin:0 auto;
	padding:20px 0 0 0;
	font-size:94%;
	position: relative;
}

header{
	width:980px;
	margin:0 auto;
}

#header{
	background-color:#cc0000;
	color:#fff;
	box-shadow: 0 1px 3px #999;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	width:100%;
	z-index:5;
	position:fixed;
}

#header_text{
	float:left;
	padding:22px 0 0 20px;
	font-size:80%;
}

#sns{
	float:right;
	list-style:none;
}

#sns li{
	float:left;
	padding-left: 30px;
}
/*metaslider********************/
div.metaslider {
	margin-top:60px !important;
	margin-bottom:-40px !important;
}
/*******************************/

#sidebar{
	margin-top:60px !important;
	float:left;
	width:230px;
	font-size:88%;
}

.sidebar-fixed {
	top: 20px;
	position: fixed;
}
.gnav-fixed {
	top: 80px;
	position: fixed;
}
.banner_area-fixed{
	top: 400px;
	position: fixed;
}

#banner_list{ list-style:none; }

#banner_list li{
	padding-top:20px;
}

#banner_list li img{
	box-shadow: 0 1px 3px #999;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
}

#gnav{
	list-style:none;
	margin-bottom:20px;
}

#gnav li{
	margin-bottom:1px;
	box-shadow: 0 1px 3px #999;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	background-color:#fff;
	width:230px;
	height:45px;
}

#press{
	box-shadow: 0 1px 3px #999;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
}

#press ul{
	list-style:none;
	background-color:#fff;
	padding:0 10px;
}

#press ul li{
	border-top:1px dotted #666;
	padding:7px 0;
	line-height:1.5;
}

#press ul li:first-child{ border:none; }

#press ul li div{ font-size:84%; }

#press ul li a{ display:block; }

#main{
	margin-top:60px !important;
	width:730px;
	float:right;
}


footer{
	width:980px;
	margin:0 auto;
	padding:80px 0 0 0;
}

#f_nav{
	float:left;
	font-size:88%;
}

#f_nav li{
	float:left;
	margin-right:15px;
}

footer small{
	font-size:80%;
	float:right;
}

#stt{
	position:fixed;
	right:30px;
	bottom:30px;
}

 /*--------------------------------------------------------------------------------
　▼　01 index & Single
--------------------------------------------------------------------------------*/

.post{
	padding:0 0 50px 0;
	margin:0 0 50px 0;
	border-bottom:1px dashed #cc0000;
}

.post:last-child{
	padding:0 0 50px 0;
	margin:0px;
	border:none;
}

.post_cat{
	background-color:#cc0000;
	color:#FFF;
	display:inline;
	padding:2px 4px;
	font-size:88%;
}

.post_cat a{ color:#fff; }

.post_title{
	font-size:200%;
	font-weight:normal;
	color:#cc0000;
	padding-top:5px;	
}

.dates{
	font-size:140%;
	line-height:1.3;
	padding-bottom:30px;
}

.post_contents{
	line-height:2;
}

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

.post_contents h3{
	font-size:120%;
	padding-bottom:5px;
	color:#cc0000;
}

ul.bjqs{
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
	display:none;
}

li.bjqs-slide{
	display:none;
	position:absolute;
}

ul.bjqs-controls{
	list-style:none;
	margin:0;
	padding:0;
	z-index:9999;
}

.gallery-item{ width:750px; }

.gallery-icon{
	margin:0px 10px 10px 0px;
	float:left;
}

#page_nav{
	visibility:hidden;
}

.ias_loader {
	text-align:center;
	padding: 30px 5px 30px 0;
	clear:both;
}


 /*--------------------------------------------------------------------------------
　▼　02 top
--------------------------------------------------------------------------------*/
div#top {
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex
}
div#top img {
	width: 100%;
	height: auto;
}

#events{
	width:750px;
	padding:20px 0 0 0;
}

#events ul{ list-style:none; }

#events ul li{
	width:230px;
	float:left;
	background-color:#fff;
	margin:0 20px 20px 0;
	line-height:1.7;
	box-shadow: 0 1px 3px #999;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
}

.cat{
	padding:5px 10px;
	font-size:80%;
	font-weight:bold;
}

.e_inner{ padding:10px 15px 15px 15px; }

.e_date{ font-size:84%; }

.e_title{
	font-size:114%;
	font-weight:bold;
	line-height:1.5;
	border-bottom:1px dotted #000;
	padding:0 0 5px 0;
}

.e_title a{
	display:block;
}

.e_excerpt{
	padding:5px 0 0 0;
	font-size:84%;
}

.thumbnail{
}



 /*--------------------------------------------------------------------------------
　▼　03 about
--------------------------------------------------------------------------------*/

#contents{
	background-color:#fff;
	padding:40px;
	font-size:88%;
	box-shadow: 0 1px 3px #999;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
}

.philosophy_text{
	width:510px;
	margin:0 auto;
	font-size:94%;
	text-align:center;
	margin-bottom:60px;
}

.about_works{
	width:660px;
	list-style:none;
}

.about_works li{
	float:left;
	margin-right:10px;
}

#overview{
	padding:60px 0 0 0;
}

.overview_table{
}

.overview_table tr td:first-child{
	font-weight:bold;
}

.overview_table td{
	border-bottom:1px dashed #666;
	padding:8px 0;
	font-size:94%;
}

#clients{
	padding:60px 0 0 0;
	line-height:2;
}



 /*--------------------------------------------------------------------------------
　▼　04 service
--------------------------------------------------------------------------------*/

#base{
	padding:80px 0 0 0;
}

#event_clients{
	border-top:1px dashed #666;
	padding:30px 0 50px 0;
	font-size:88%;
	line-height:2;
}

#creative{
	padding:80px 0 0 0;
}

#movie{
	float:left;
	width:320px;
}

#gw{
	float:right;
	width:320px;
}

.box_01{
	border:1px dashed #666;
	padding:10px 10px 10px 15px;
	font-size:94%;
	margin-bottom:30px;
}

.box_01 li{
	list-style:none;
}

.for{ margin-bottom:5px; }

.portfolio{
	list-style:none;
	width:660px;
	font-size:94%;
	padding-top:20px;
}

.portfolio li{
	float:left;
	margin:0 10px 30px 0;
}

.portfolio li p{
	padding-top:5px;
}

#management{
	padding:50px 0 0 0;
}

.management_list{
	list-style:none;
	width:680px;
}

.management_list li{
	float:left;
	padding-right:10px;
}

#trapeziste{
	width:165px;
	float:left;
	border-right:1px dashed #666;
	margin-right:25px;
	padding:25px 0;
}

.trapeziste_text{
	float:left;
	width:440px;
	font-size:94%;
}



 /*--------------------------------------------------------------------------------
　▼　05 contact
--------------------------------------------------------------------------------*/

.contact_table{
	width:100%;
}

.form01{
	width:98%;
	padding:3px;
}

.contact_table td{
	border-top:1px dashed #666;
	padding:10px 0px;
	vertical-align:middle;
}

.contact_table tr td:first-child{
	width:30%;
}

.contact_table tr:first-child td{
	border:none;
}

.contact_table td span{
	color:#cc0000;
}


 /*--------------------------------------------------------------------------------
　▼　06 recruit
--------------------------------------------------------------------------------*/

.recruit_text{
	background-color:#eee;
	text-align:center;
	padding:30px 0;
	font-size:114%;
}

.recruit_box{
	padding-top:50px;
}

.recruit_table{
	width:100%;
}

.recruit_table td{
	border-bottom:1px dashed #666;
	padding:10px 0px;
}

.recruit_table td span{
	color:#cc0000;
}


 /*--------------------------------------------------------------------------------
　▼　07 event
--------------------------------------------------------------------------------*/

.eventPage .txt01{
	position: relative;
	font-size: 16px;
	text-align: center;
	font-weight: 600;
	line-height: 2.2;
	margin-bottom: 105px;
}

.eventPage .txt01 span{
	font-size: 21px;
	background: url(/common/images/event/underline.png) repeat-x bottom;
}

.eveSec{
	margin-bottom: 120px;
}

.eveSec h2{
	text-align: center;
	margin-bottom: 60px;
}

#eveCat{
	list-style: none;
}

#eveCat .thumb{
	float: left;
	width: 210px;
}

#eveCat li{
	margin-bottom: 50px;
}

#eveCat li > section{
	position: relative;
}

#eveCat li > section > div{
	float: right;
	width: 400px;
}

#eveCat li > section > div h3{
	color: #cc0000;
	font-size: 17px;
	margin-bottom: 20px;
	line-height: 1;
	letter-spacing: 1px;
}

#eveCat li > section > div p{
	font-size: 12px;
}

#eveCat li > section > p{
	position: absolute;
	top: 8px;
	right: 0;
	line-height: 0;
	color: #cc0000;
}

#secB ul{
	font-size: 13px;
	line-height: 2;
	padding-left: 20px;
	box-sizing: border-box;
}

#secB ul:nth-of-type(1){
	width: 50%;
	float: left;
}

#secB ul:nth-of-type(2){
	float: left;
}

.bnrArea{
	padding-top: 80px;
}

.bnrArea div:nth-of-type(1){
	padding-bottom:30px;
}

#flow{
	text-align: center;
	list-style: none;
}

#flow li{
	margin-bottom: 25px;
	padding-bottom: 35px;
	background: url(/common/images/event/arrow.gif) no-repeat bottom;
}

#flow li:last-child{
	background: none;
	margin: 0;
	padding: 0;
}

#flow li h3{
	font-size: 16px;
	letter-spacing: 1px;
}

#flow li:last-child h3{
	color: #cc0000;
}

#flow li p{
	font-size: 13px;
}

#faq{
	text-align: center;
	list-style: none;
}

#faq li{
	padding-bottom: 40px;
}

#faq li h3{
	padding-bottom: 10px;
	font-size: 14px;
	letter-spacing: 1px;
}

#faq li h3 span{
	color :#cc0000;
}

#faq li p{
	font-size: 13px;
}

#faq li p span{
	color :#cc0000;
}