@charset "utf-8";

/*////////////////////////////////////////////////////////////////////

  有限会社デジコム

////////////////////////////////////////////////////////////////////*/


/*====================================================================
  トップ
====================================================================*/

/*--テンプレート書き換え--*/
#contents {
	width: 600px;
	float: left;
}
#sidebar {
	width: 320px;
	float: right;
}

#contents_sp {
	width: 960px;
	float: center;
}
#sidebar_sp1 {
	width: 450px;
	float: left;
}

#sidebar_sp2 {
	width: 450px;
	height: 469px;
	float: right;
}

contents_sp

/*--パソコンとスマホの切替--*/
.sp { display: none; }

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media screen and (min-width: 990px) {
.sp { display: none; }
.pc { display: inline;}
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media screen and (max-width: 990px) {
.pc { display: none; }
.sp { display: inline;}
}

/*--スライドショー--*/
.cp_cssslider {
	width: 950px;
	height: 240px;
	overflow: hidden;
	margin: /*--2em--*/ auto;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
}
.cp_slide_item {
	width: 950px;
	height: 240px;
	float: left;
	position: relative;
}
.cp_slidewrapper {
	width: 500%;/* slideの枚数×100% */
	position: relative;
	left: 0;
	animation-delay:30s;/*10秒後にアニメーション開始*/
	/*animation-direction:normal; /*順方向に再生する*/
	animation: slider 30s infinite ease;/* スピード */
	/*animation-iteration-count:infinite;/* アニメーションをくりかえす回数が無限 */
}
@-webkit-keyframes slider {
	/* 100%を枚数で割った%に割り振る */
	0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	7% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	20% {
	-webkit-transform: translateX(-950px);
	transform: translateX(-950px);
	}
	24% {
	-webkit-transform: translateX(-950px);
	transform: translateX(-950px);
	}
	37% {
	-webkit-transform: translateX(-1900px);
	transform: translateX(-1900px);
	}
	41% {
	-webkit-transform: translateX(-1900px);
	transform: translateX(-1900px);
	}
	54% {
	-webkit-transform: translateX(-2850px);
	transform: translateX(-2850px);
	}
	58% {
	-webkit-transform: translateX(-2850px);
	transform: translateX(-2850px);
	}
	71% {
	-webkit-transform: translateX(-3800px);
	transform: translateX(-3800px);
	}
	75% {
	-webkit-transform: translateX(-3800px);
	transform: translateX(-3800px);
	}
	83% {
	-webkit-transform: translateX(-3800px);
	transform: translateX(-3800px);
	}
	100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
}
@keyframes slider {
	/* 100%を枚数で割った%に割り振る */
	0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	7% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	20% {
	-webkit-transform: translateX(-950px);
	transform: translateX(-950px);
	}
	24% {
	-webkit-transform: translateX(-950px);
	transform: translateX(-950px);
	}
	37% {
	-webkit-transform: translateX(-1900px);
	transform: translateX(-1900px);
	}
	41% {
	-webkit-transform: translateX(-1900px);
	transform: translateX(-1900px);
	}
	54% {
	-webkit-transform: translateX(-2850px);
	transform: translateX(-2850px);
	}
	58% {
	-webkit-transform: translateX(-2850px);
	transform: translateX(-2850px);
	}
	71% {
	-webkit-transform: translateX(-3800px);
	transform: translateX(-3800px);
	}
	75% {
	-webkit-transform: translateX(-3800px);
	transform: translateX(-3800px);
	}
	83% {
	-webkit-transform: translateX(-3800px);
	transform: translateX(-3800px);
	}
	100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
}


/*--Facebook--*/
#facebook {
	border: 1px solid #315c99;
	background: #fff;
	margin-bottom: 30px;
}
	#facebook .title {
		color: #fff;
		font-weight: normal;
		background: #315c99;
		padding: 5px 10px;
	}


/*--What's New--*/
#news {}
	#news .inner {
		height: 690px;
		overflow: auto;
	}
		#news .newsBox {
			position: relative;
			padding: 10px 0px;
		}
			#news .newsBox .date {
				position: absolute;
				top: 10px;
				left: 10px;
			}
			#news .newsBox .entry {
				display: block;
				padding: 0px 10px 0px 9em;
			}

/*--What's New（スマホ用）--*/
#news_sp {}
	#news_sp .inner {
		height: 250px;
		overflow: auto;
	}
		#news_sp .newsBox {
			position: relative;
			padding: 10px 0px;
		}
			#news_sp .newsBox .sp_date {
				position: absolute;
				top: 10px;
				left: 10px;
				font-size: 200%;
			}
			#news_sp .newsBox .sp_entry {
				display: block;
				padding: 0px 10px 0px 9em;
				font-size: 200%;
			}



/*--mainphoto_sp--*/
.mainphoto_sp{
	over:hidden;
}
.mainphoto_sp li{
	list-style-type:none;
	width:317px;
	text-align:center;
	float:left;
	overflow: hidden;
	display:inline-block;
}
.mainphoto-sp li img{
	max-width:100%
}

/*--mainphoto_sp_475--*/
.mainphoto_sp_475{
	over:hidden;
}
.mainphoto_sp_475 li{
	list-style-type:none;
	width:475px;
	text-align:center;
	float:left;
	overflow: hidden;
	display:inline-block;
}
.mainphoto-sp_475 li img{
	max-width:100%
}

/*--mainphoto_sp_300--*/
.mainphoto_sp_300{
	over:hidden;
}
.mainphoto_sp_300 li{
	list-style-type:none;
	width:300px;
	text-align:center;
	float:left;
	margin: 0px 25px 25px 0px;
	/*--
	margin-right: 25px;
	--*/

	/*--
	overflow: hidden;
	--*/
	display:inline-block;
	/*--
	margin-right: 10px;
	--*/
}

.mainphoto_sp_300 li:nth-child(3) {
	margin-right: 0px;
}

.mainphoto_sp_300 li:nth-child(6) {
	margin-right: 0px;
}

.mainphoto-sp_300 li img{
	max-width:100%
}