@import "base.css";


/* 
------------------------------------------------------------ */
a {
	color:#0078ff;
	text-decoration:underline;
}

a img {
	/*firefox*/
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
	box-shadow: #000 0 0 0;
	/*background-color:#ffffff;*/
}

/*画像をウインドウサイズに合わせて可変*/
img{
    vertical-align: bottom;
	max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
	-webkit-backface-visibility: hidden;
	
}


body {
	color:#333;
	margin:0;
	padding:0;
	font-size:14px;
	font-family: 'Noto Sans JP', sans-serif;
	/*font-family: -apple-system, BlinkMacSystemFont , '游ゴシック体' , 'Yu Gothic', YuGothic , 'ヒラギノ角ゴ ProN' , 'Hiragino Kaku Gothic ProN' , 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	/*font-family: 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', HGS明朝E, メイリオ, Meiryo, serif;*/
	/*font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;*/
	line-height:190%;
	background-color: #f8f8f8;
	text-align:center;
	position:relative;
}







#main-container {
	
}

#header {}






/* ボタン 
--------------------------------------------*/
.btn-link{
	text-align: right;
}
.btn-link a{
    display: inline-block;
    text-decoration: none;
    color: #999;
    border: solid #ccc 1px;
    padding: 15px 30px;
    line-height: 140%;
}


/* サイドメニュー
--------------------------------------------*/
.topics-list{
    
}

.tag-title{
    font-size: 13px;
    display: inline-block;
    font-weight: normal;
    background-color: #999;
    color: #fff;
    line-height: 120%;
    padding: 5px 15px;
    margin-bottom: 20px;
}


.insta-list{
    padding-top: 80px;
}

.comment-area{
    font-size: 13px;
    line-height: 190%;
    margin-top: 80px;
}


table.news-table{
    border-collapse: collapse;
    width: 100%;
    font-size: 13px;
    line-height: 150%;
}
table.news-table th{
    font-weight: normal;
    padding: 8px 0;
    width: 20%;
}
table.news-table td{
    font-weight: normal;
    padding: 8px 0;
}

table.news-table a{
    display: block;
    text-decoration: none;
    color: #333;
}

/**/
.news-list table.news-table th,
.news-list table.news-table td{
    border-bottom: solid #dcdcdc 1px;
    border-top: solid #dcdcdc 1px;
}
.news-list table.news-table th{
    padding: 16px 0;
}
.news-list table.news-table td a{
    padding: 8px 0;
}


.cat-list{
    color: #999;
}
.cat-list .cat-title{
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.1em;
    color: #333;
}

.cat-list .cat-title a{
    display: block;
    text-decoration: none;
    color: #999;
}

.cat-list .cat-list-inner{
    margin-top: 25px;
}
.cat-list .cat-list-inner ul li{
    list-style: none;
    font-size: 13px;
    line-height: 150%;
    
}
.cat-list .cat-list-inner ul li a{
    display: block;
    text-decoration: none;
    color: #999;
    padding: 8px 0;
}
.cat-list .cat-list-inner ul li a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
    color: #000;
}



/* 共通
--------------------------------------------*/
.contents-wrapp{

}
.c-box{
    padding-bottom: 100px;
}
.c-box h2{
    font-weight: normal;
    font-size: 25px;
    letter-spacing: 0.1em;
    color: #333;
    text-align: center;
    position: relative;
    padding-bottom: 40px;
    padding-top: 50px;
    margin-top: -30px;
}

.c-box h2:after{
    content: '';
    position: absolute;
    display: block;
    width: 80px;
    height: 2px;
    background-color: #333;
    bottom:0;
    left: 50%;
    margin-left: -40px;
}

.c-box-inner{
    margin-top: 40px;
}

.c-box table{
    border-collapse: collapse;
    width: 100%;
    line-height: 160%;
}
.c-box table.width-s{
    width: 70%;
    margin: 0 auto;
}

.c-box table th{
    font-weight: normal;
    width: 25%;
    border-bottom: solid #bbb 1px;
    border-top: solid #bbb 1px;
    padding: 10px 0px 10px 10px ;
}
.c-box table td{
    font-weight: normal;
    border-bottom: solid #dcdcdc 1px;
    border-top: solid #dcdcdc 1px;
    padding: 10px 0 10px 20px;
}


/* news
--------------------------------------------*/
.news-list{
    padding-top: 20px;
    padding-bottom: 80px;
}
.news-list h2{
    font-weight: normal;
    font-size: 25px;
    letter-spacing: 0.1em;
    padding-bottom: 60px;
}

/* news詳細
--------------------------------------------*/
.news-head{
    padding-bottom: 60px;
}
.news-head h3{
    font-weight: normal;
    font-size: 20px;
    letter-spacing: 0.1em;
}
.news-head .data{
    margin-top: 20px;
    line-height: 130%;
    font-size: 12px;
    color: #999;
    letter-spacing: 0.1em;
}



/* priject詳細
--------------------------------------------*/
.pro-single{
    padding-bottom: 80px;
    overflow: hidden;
    margin: 0 0%;
}
.pro-single .imgbox{
    width: 60%;
    padding-right: 8%;
    float: left;
}

.pro-single .txtbox{
    width: 32%;
    float: right;
}

.pro-single .imgbox .itemimg{
    margin-bottom: 15px;
}
.pro-single .imgbox .itemimg img{
    width: 100%;
}

.pro-single .txtbox h2{
    font-weight: normal;
    letter-spacing: 0.1em;
    font-size: 20px;
}
.pro-single .txtbox .data{
    margin-top: 20px;
    line-height: 130%;
    font-size: 12px;
    color: #999;
    letter-spacing: 0.1em;
}

.pro-single .txtbox .txtbox-inner{
    margin-top: 40px;
}
.pro-single .txtbox table{
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    line-height: 150%;
}

.pro-single .txtbox table th{
    font-weight: normal;
    padding: 15px 15px 15px 0;
    width: 20%;
    vertical-align: top;
    border-bottom: solid #dcdcdc 1px;
    border-top: solid #dcdcdc 1px;
}
.pro-single .txtbox table td{
    font-weight: normal;
    padding: 15px 0px;
    vertical-align: top;
    border-bottom: solid #dcdcdc 1px;
    border-top: solid #dcdcdc 1px;
}
.pro-single .txtbox .title{
    padding: 15px 15px 15px 0;
    line-height: 150%;
}
.pro-single .txtbox .context{
    font-size: 13px;
    line-height: 190%;
}


.page-navi{
    margin-top: 80px;
    text-align: right;
}

.page-navi.project-page-navi{
    padding-bottom: 80px;
    margin-top: 50px;
}


.edit{
    margin-top: 60px;
}


.pagination {
	clear:both;
	padding:0px 0;
	position:relative;
	line-height:120%;
	display:inline-block;
    font-size: 13px;
}
.pagination span, .pagination a {
	display:inline-block;
	margin: 2px 2px 2px 0;
	padding:10px 18px 10px 18px;
	text-decoration:none;
	width:auto;
	color:#999;
	background: #fff;
    border: solid #ddd 1px;
}
.pagination a:hover{
	color:#fff;
	background: #ddd;
}
.pagination span.current{
	color:#fff;
	background: #ddd;
}




/* priject一覧
--------------------------------------------*/

.pro-list{
    overflow: hidden;
    
}


.pro-list .cat-title{
    font-weight: normal;
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    letter-spacing: 0.1em;
}


.pro-list a{
    display: block;
    text-decoration: none;
    color: #333;
}

.pro-list .inner{
	margin:0 -4%;
}
.pro-list .box{
	width:33.33333%;
	float:left;
    padding: 20px 0 60px 0;
   
}
.pro-list .box .box-inner{
	padding:0 12%;
}
.pro-list .box .box-inner img{
    width: 100%;
}




.pro-list .box .box-inner .txtbox{
    padding: 8px 0;
    line-height: 140%;
    font-size: 14px;
}



/* メインスライダー
--------------------------------------------*/

#mainImgSlider{
    width: 100%;
    
	/*height: 600px;js制御*/
}

.slide-panel{
    width: 100%;
    /*height: 600px;js制御*/
    background-size: cover !important;
}



/* メインスライダー基本設定
--------------------------------------------*/

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	background: #fff;
	
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 15px;
	width: 100%;
	z-index: 100;
    display: none !important;
}

/* LOADER */


.bx-wrapper .bx-loading {
	min-height: 50px;
	/*background: url(../img/bx_loader.gif) center center no-repeat #fff;*/
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}


/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	color: #666;
	padding-top: 20px;
    display: none !important;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
    display: none !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	display: none !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    display: none !important;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    display: none !important;

}

.bx-wrapper .bx-next {
    display: none !important;
}

.bx-wrapper .bx-prev:hover {
	
}

.bx-wrapper .bx-next:hover {

}



.bx-wrapper .bx-controls-direction a {

}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {

}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {

}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {

}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}