@charset "utf-8";

/*=====================================================================================
	
	Document    : top-s.css
	Description : スマホ用（幅640px以下）
 
=====================================================================================*/

/*---------------------------------------------------------------------------

   メインスライド

---------------------------------------------------------------------------*/

.main-slide {
	margin-bottom:6%;
}

/*-------------------------------------------------------
   pager
-------------------------------------------------------*/

.main-slide > .inner > ul.pager {
	position:inherit;
	right:inherit;
	bottom:inherit;
	text-align:center;
	padding-top:4%;
	background-color:#fff;
}

.main-slide > .inner > .pager li img {
	display:none;
}

.main-slide > .inner > .pager li {
	float:none;
	border:none;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:12px;
	height:12px;
	background-color:#c8c8c8;
	margin:0 6px;
	border-radius:12px;
	-moz-border-radius:12px;
    -webkit-border-radius:12px;
}

.main-slide > .inner > .pager li.selected {
	background-color:#191919;
}


/*---------------------------------------------------------------------------

   Nav

---------------------------------------------------------------------------*/

.g-nav {
	padding-top:6%;
}

.g-nav ul.pc {
	display: none;
}
.g-nav ul.sp {
	display: inherit;
}

.g-nav li {
	width:16.666%;
	border-left:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	margin-left:-1px;
}

.g-nav li:first-child {
	border-left:none;
	margin-left:0;
}
/*
.g-nav li:first-child,
.g-nav li:nth-child(4) {
	border-left:none;
	margin-left:0;
}

.g-nav li:nth-child(n+4) {
	border-top:none;
}
*/

/*---------------------------------------------------------------------------

   Contents

---------------------------------------------------------------------------*/

.block-ct > .block-gp > .block {
	width:100% !important;
	border:none !important;
	
}

.block-ct > .block-gp > .block > .bk-md {
	border-top:8px solid #dcdcdc;
	margin-left:-2.7%;
	margin-right:-2.7%;
	padding-top:5%;
	padding-bottom:5%;
}

.ct.other-ct-layout {
  margin-left: 0;
  margin-right: 0;
}


/*-------------------------------------------------------
   最近のお仕事
-------------------------------------------------------*/

.kiji-list-new2 .list li {
  width: calc(25% - 4px);
}
.kiji-list-new2 .list li:nth-child(5n) {
  margin-right: 5px;
}
.kiji-list-new2 .list li:nth-child(4n) {
  margin-right: 0;
}
.kiji-list-new2 .list li:nth-child(9),
.kiji-list-new2 .list li:nth-child(10) {
  display: none;
}

@media screen and (max-width:560px) {
  .kiji-list-new2 {
    background: none;
    padding: 0;
    margin-left: -2.7%;
    margin-right: -2.7%;
  }
  .kiji-list-new2 .list ul {
    border: 1px solid #bed5f6;
    box-sizing: border-box;
  }
  .kiji-list-new2 .list li {
    width: 33.333%;
    margin: 0;
    border: 1px solid #bed5f6;
    box-sizing: border-box;
  }
  .kiji-list-new2 .list li:nth-child(5n) {
    margin-right: 0;
  }
  .kiji-list-new2 .list li:nth-child(4n) {
    margin-right: 0;
  }
  .kiji-list-new2 .list li:nth-child(3n) {
    margin-right: 0;
  }
  .kiji-list-new2 .list li:nth-child(9) {
    display: block;
  }
  
  .kiji-list-new2-cate {
    margin-left: 1em;
    margin-right: 1em;
  }
}


/*-------------------------------------------------------
   news
-------------------------------------------------------*/

.news ul {
	margin-left:-2.7%;
	margin-right:-2.7%;
	margin-bottom:4%;
	border-bottom:1px solid #dcdcdc;
}

@media screen and (max-width:400px) {
	.news li .thumb {
		width:60px;
		margin-right:12px;
	}

	.news li .imgLiquid {
		height:45px;
	}

	.news li p {
		margin-left:72px;
	}
}


/*-------------------------------------------------------
   blog
-------------------------------------------------------*/

@media screen and (max-width:460px) {
  .blog-first-link {
    width: 80%;
  }
}


/*-------------------------------------------------------
   facebook
-------------------------------------------------------*/

#pageContainer {
	padding-bottom:2%;
}

/*
#fbFeed {
	margin-left:-2.7%;
	margin-right:-2.7%;
	margin-bottom:4%;
	border-bottom:1px solid #dcdcdc;
}

@media screen and (max-width:400px) {
	#fbFeed li .thumb {
		width:60px;
		margin-right:12px;
	}

	#fbFeed li p {
		margin-left:72px;
	}
}
*/


/*-------------------------------------------------------
   column
-------------------------------------------------------*/

@media screen and (max-width:560px) {
  .column-first-link {
    width: 100%;
  }
}


/*-------------------------------------------------------
   works
-------------------------------------------------------*/

.works {
	padding-left:2.7%;
	padding-right:2.7%;
	margin-left:0;
	margin-right:0;
	margin-top:0;
}

.works .bk-md {
	border-top:8px solid #dcdcdc;
	margin-left:-2.7%;
	margin-right:-2.7%;
	padding-top:5%;
	padding-bottom:5%;
}

.works-slide li .imgLiquid {
	width:200px;
	height:150px;
}

@media screen and (max-width:510px) {
	.works-slide li .imgLiquid {
		width:280px;
		height:210px;
	}
}


/*-------------------------------------------------------
   movie
-------------------------------------------------------*/

@media screen and (max-width:480px) {
	.movie li {
		width:100%;
        margin-right: 0;
		margin-bottom: 16px;
	}
}