/*
Theme Name: jiku-kousya
Author: BELFASTDESIGN
Description: 時空工舎オリジナルテーマ
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jiku-kousya_original
*/

html,body{
    width: 100%;
    min-width: 930px;
}

html{
     background-color:#eceae4; /*フッターの色を指定*/
}
body{
     background-color:#ffffff;
}

p{margin: 0; padding: 0;}

/* BASIC */
body {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 62.5%;
letter-spacing: 1px;
  line-height: 1.5;
  background-color: #fff;
  color: #2e2e2e;
  -webkit-text-size-adjust: 100%;
}

 a:link, a:visited {
  text-decoration: none;
  color: #2e2e2e;
}

a:hover, a:active {
  text-decoration: none;
  color: #d21b00;
}

* {
  margin: 0;
  padding: 0;
}

img {
	border: 0;
}

a:hover img
{
opacity:0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";
}

/*------ ヘッダー --------*/
.header{width: 930px; height: 100px; margin: auto;}
.headerlogo{ width: 160px; height: 100px; margin: 0;}

.headerL{width: 160px; float: left;}
.headerR{width: 700px; float: right; text-align: right;}

ul.gnav01{list-style: none; margin-top: 15px; }
ul.gnav01 li{float: right; }

ul.gnav02{list-style: none; margin-top: 15px; }
ul.gnav02 li{float: right; }


/*------ メインビジュアル --------*/
.mv_container{width: 930px; margin: 0 auto;  }
.mv_container .title{font-size: 2.2em !important; margin-top: 15px; margin-bottom: 10px;}
.mv_container .body{font-size: 1.3em; margin-bottom: 20px; line-height: 150%;}

/*------ コンテンツW930 --------*/
.container900{width: 930px; margin: auto;}


/*------ メインカラム --------*/
.container_C{width: 630px; margin: 0 50px 0 0; float: left;}
ul.gallerybox{list-style: none; width: 630px; }
ul.gallerybox li{list-style-type: none; width: 300px; font-size: 1.3em; margin: 5px 30px 10px 0; display: inline-block; vertical-align: top; float: left;}
/* ul.gallerybox li:last-child{ margin-right: 0;} */
ul.gallerybox li:nth-child(2n){margin-right: 0;}
ul.gallerybox li .title{margin-top: 5px;}
ul.gallerybox li .date{font-size: 85% !important;}

.dot_title{ border-bottom: dotted 1px #333; margin-bottom: 5px;}

/*------ ライトカラム --------*/
.container_R{width: 250px; float: right; }

ul.newsbox{list-style: none; font-size: 1.2em;}
ul.newsbox li{margin: 10px auto 0; padding-bottom: 10px; padding-left: 5px; border-bottom: 1px dotted #a7a7a7;}
ul.newsbox li .date{font-size: 0.9em !important; margin-bottom: 7px;}
ul.newsbox li .body{margin-bottom: 5px;}

ul.aboutbox{list-style: none; font-size: 1.2em;}
ul.aboutbox li{margin: 10px auto 0; padding-bottom: 10px; padding-right: 10px; border-bottom: 1px dotted #a7a7a7;}
ul.aboutbox li .thumbnail{float: left; width: 55px; margin-right: 10px; }
ul.aboutbox li .title{font-weight: bold; font-size: 1.1em !important; margin-bottom: 3px;}
ul.aboutbox li .body{color: #787878;}

ul.aboutbox li .title a:link, a:visited {
  text-decoration: none;
  color: #2e2e2e;
}
ul.aboutbox li .title a:hover, a:active {
  text-decoration: none;
  color: #d21b00;
}

ul.aboutbox li .body .title a:link, a:visited {
  text-decoration: none;
  color: #787878;
}
ul.aboutbox li .body .title a:hover, a:active {
  text-decoration: none;
  color: #d21b00;
}

/*------ single.php --------*/
.entry-header{margin: 0 0 1em 0; padding: 0;}

h1.entry-title{font-size: 2em; padding-bottom: 15px; padding-left: 3px; margin-bottom: 10px; border-bottom: dotted 1px #333;}
h2.entry-title{font-size: 2em;}
.entry-content{font-size: 1.3em; line-height: 1.7 !important;}
.page_body{font-size: 1.3em; line-height: 150%;}

/*------ category.php --------*/
.category_h1{color: #2e2e2e !important; font-size: 2em; margin-bottom: 10px; font-weight: bold; }
.category_date{color: #999 !important; font-size: 70% !important;}
.category_body{font-size: 1.3em !important; line-height: 150% !important; color: #2e2e2e !important; margin-top: 0.5rem; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #c9c9c9;}

.category_h102{color: #2e2e2e !important; font-size: 1.4em !important; margin-bottom: 10px; font-weight: bold; }
.category_body02{font-size: 1.3em !important; line-height: 150% !important; color: #2e2e2e !important; margin-top: 0.5rem; }
.category_body02 img{width: 100px; height: auto;}
.category_body_border{margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #c9c9c9;}

/*------ FAQ --------*/
.faq_q{font-size: 1.3em !important; font-weight: bold; color: #666; margin: 1rem 0;}
.faq_a{padding-bottom: 1rem; line-height: 1.7 !important; border-bottom: 1px dotted #c3c3c3;}

/*------ CONCEPT --------*/
.concept_title{font-size: 2.3em !important; font-weight: bold; margin: 1.5rem 0 2rem;}
.concept_heading{font-size: 1.8em !important; font-weight: bold; margin: 2rem 0 0; color: #555;}
.concept_body{font-size: 1.3em !important; line-height: 1.7 !important; margin: 1rem 0 0; }

/*------ FLOW --------*/
.flow_title{font-size: 2.3em !important; font-weight: bold; margin: 1.5rem 0 1rem;}
.flow_heading01{font-size: 1.7em !important; font-weight: bold; margin: 2rem 0 0; color: #555;}
.flow_heading{background-color: #999; color: #fff; font-size: 90% !important; padding:0.5rem; margin-right: 0.5rem; font-weight: 400 !important; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; letter-spacing:1px;}
.flow_body{font-size: 1.3em !important; line-height: 1.7 !important; margin: 1rem 0 0; padding-left: 1rem;}


/*------ COMPANY --------*/
table.type02 {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.type02 th {
	width: 130px;
	padding: 10px;
	font-weight: 400;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.type02 td {
	width: 460px;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

ul.compimg{
width:100%;
margin-top: 15px;
}

ul.compimg li{
list-style:none;
float:left;
}

ul.compimg li:nth-child(odd){
margin-right: 10px;
}

ul.compimg li:nth-child(3){
margin-top: 10px;
margin-bottom: 10px;
}

ul.compimg li:nth-child(4){
margin-top: 10px;
margin-bottom: 10px;
}

/*------ COMPANY --------*/


/*------ フッター --------*/
.footer_subnav{ width: 100%; height: 35px; background-color: #d8d5ce;}
.footer_subnav .inner{ width: 1000px; height: 35px; margin: 50px auto 0; color: #363632; text-align: center; font-size: 1.3em; line-height: 35px;}

.footer{ width: 100%; background-color: #eceae4; height: auto;}
.footer .inner{width: 930px; margin: 0 auto; padding: 25px 0;}
.footer .inner .title{font-size: 1.3em; text-align: center; margin-bottom: 5px; font-weight: bold; color: #666;}
.footer .inner .body{font-size: 1.2em; text-align: center; margin-bottom: 10px;}

/*--------------*/
.flL { float: left; }
.flR { float: right; }

/*--------------*/
.taL { text-align: left; }
.taC { text-align: center; }
.taR { text-align: right; }

.clear{ clear: both;}

/*--------------*/
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt23 { margin-top: 23px; }
.mt25 { margin-top: 25px; }
.mt28 { margin-top: 28px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt62 { margin-top: 62px; }
.mt75 { margin-top: 75px; }
.mt150 { margin-top: 150px; }

.mr05{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr16{margin-right: 16px;}
.mr20{margin-right: 20px;}
.mr22{margin-right: 22px;}
.mr24{margin-right: 24px;}
.mr30{margin-right: 30px;}

.mb05{margin-bottom: 5px;}
.mb08{margin-bottom: 8px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb18{margin-bottom: 18px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb27{margin-bottom: 27px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb70{margin-bottom: 70px;}

.ml05{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml22{margin-left: 22px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml68{margin-left: 68px;}
.ml74{margin-left: 74px;}
.ml80{margin-left: 80px;}
.ml142{margin-left: 142px;}
.ml285{margin-left: 285px;}
.ml660{margin-left: 610px;}


/* スマホ */

/* pc */
@media screen and (min-width: 641px) {
/*ここにpc用スタイルを記述*/
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
}


.chapter a {display: block; padding-top: 100px; margin-top: -100px;}

#portfolioulli ul { list-style:none; width: 850px; margin: auto; 
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    }
#portfolioulli ul li { float:left; width:150px; margin-right:20px; margin-top: 10px; }
#portfolioulli ul li img { width:150px;}

/* メインビジュアル */
.wideslider {
    width: 100%;
    height: 400px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
 
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}
 
.pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
    display: none;
}
 
.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
    display: none;
}
.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
    display: none;
}
 
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}




.information_box{width: 960px; margin: 20px auto 0; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}