@charset "UTF-8";
/* CSS Document */



/* movie -------------------- */
#metaslider_14 {
	width: 100%;
	background: url(../img/top/movie_back.jpg) repeat-x;
	}


/* content_bana
---------------------------------------------------- */
.container_g {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background: url(https://www.sinmeig.jp/img/bg_green.jpg) repeat;
	box-shadow:			0px 0px 9px 3px rgba(0,0,0,0.16);
	-moz-box-shadow:	0px 0px 9px 3px rgba(0,0,0,0.16);
	-webkit-box-shadow:	0px 0px 9px 3px rgba(0,0,0,0.16);
	}
#work {
	margin: 0 auto;
	max-width:1000px;
	width:1000px;
	text-align: left;
	position: relative;
	padding: 0;
	}
	@media only screen and (max-width: 800px) {/* タブレット幅 */
		#work{
			width: 100%;
			}
		}
#work ul {
	margin: 8px 0px 5px 0px;
	display: inline-block;
	overflow: hidden;
	width: 1000px;
	list-style: none;
	line-height: 0px;
	}
	@media only screen and (max-width: 800px) {/* タブレット幅 */
		#work ul{
			width: 100%;
			}
		}
#work ul li {
	float:left;
	list-style:none;
	width: 48%;
	margin: 0 1%;
	}
	@media only screen and (max-width: 650px) {/* スマホ幅 */
		#work ul li {
			float:none;
			width: 80%;
			margin:0 auto;
			}
		}

#work ul li a img {
	}
	@media only screen and (max-width: 800px) {/* タブレット幅 */
		#work ul li a img{
			width: 100%;
			}
		}
li.b01,
li.b02  {
	float: left;
}
li.b01 a:hover,
li.b02 a:hover {
	filter:			alpha(opacity=75);
    -moz-opacity:	0.75;
    opacity:		0.75;
}



/*messageと画像
---------------------------------------------------- */

#message {
	width: 100%;
	float: left;
	}
h3{
	color: #00ac9d;
	font-size: 1.5em;
	line-height: 150%;
	font-weight:	400;
	}
	@media only screen and (max-width: 650px) {/* スマホ幅 */
		h3{
			font-size: 1.1em;
			}
		}
#message p {
	color: #444;
	font-size: 0.9em;
	line-height: 180%;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 50%;
	}
	@media only screen and (max-width: 650px) {/* スマホ幅 */
		#message p{
			letter-spacing:-0.5px;
			float: none;
			width: 100%;
			}
		#message p br{
			display:none;
			}
		}
.topimg {
	float: right;
	margin: 0px 0px 7px 0px;
	}
	@media only screen and (max-width: 650px) {/* スマホ幅 */
		.topimg img {
			float: none;
			width: 100%;
			}
		}

/*------------------------------------------------
info
---------------------------------------------------- */
.info_area{
	float: left;
	width: 50%;
	}
	@media only screen and (max-width: 800px) {/* タブレット幅 */
		.info_area{
			width:45%;
			margin:0 0 0 20px;
			}
		}
	@media only screen and (max-width: 650px) {/* スマホ幅 */
		.info_area{
			width:92%;
			margin:0 20px 0 20px;
			}
		}
.info_t a {
	width: 100%;
	color:#00ac9d;
	font-weight:	400;
	text-decoration: none;
	display: block;
	overflow:hidden;
	margin: 20px 0px 0px 0px;
	border-bottom:		2px solid #00ac9d;
	}
	@media only screen and (max-width: 800px) {/* タブレット幅 */
		.info_t a{
			width:100%;
			}
		}
.info_t a:hover {
	filter:			alpha(opacity=75);
    -moz-opacity:	0.75;
    opacity:		0.75;
}
.info_ttl{
	float: left;
	font-size: 1.3em;
	}
.info_arw{
	float: right;
	font-size: 0.9em;
	position: relative;
	top: 5px; 
	}
	@media only screen and (max-width: 800px) {/* タブレット幅 */
		.info_arw{
			display:none;
			}
		}
	@media only screen and (max-width: 650px) {/* スマホ幅 */
		.info_arw{
			display:inline;
			}
		}



.info_box_top {
	width: 100%;
	margin: 0;
	padding: 13px 0px 0px 5px;
	}
	@media only screen and (max-width: 800px) {/* タブレット幅 */
		.info_box_top{
			width:100%;
			}
		}
.info {
	width: 100%;
	height:auto;
	margin:  0;
	padding: 0px 0px 10px 0;
	border-bottom: dashed #ccc 1px;
	}
	@media only screen and (max-width: 800px) {/* タブレット幅 */
		.info{
			width:100%;
			}
		}
.info p {
	
	font-size: 0.9em;
	font-weight: 300;
}
.info h5 {
}
.info h5 a {
	color: #444;
	text-decoration: none;
	line-height: 150%;
	font-size: 1em;
	font-weight: 300;
}
.info h5 a:hover {
	color: #00ac9d;
}




.caption{
	width: 100%;
	font-size: 0.75em;
	line-height: 150%;
	border: solid #ccc 1px;
	padding:5px 15px;
	margin-top:10px;
	}
	@media only screen and (max-width: 800px) {/* タブレット幅 */
		.caption{
			width:100%;
			font-size: 0.7em;
			line-height: 150%;
			padding:5px 10px;
			margin-bottom:10px;
			}
		}


/*------------------------------------------------
facebook
---------------------------------------------------- */
.fb-page{
	width:45% !important;
	float: right;
	margin:25px 0 0 35px;
	}
	@media only screen and (max-width: 800px) {/* タブレット幅 */
		.fb-page{
			width:50% !important;
			margin:25px 0 0 1%;
			}
		}
	@media only screen and (max-width: 650px) {/* スマホ幅 */
		.fb-page{
			width:92% !important;
			float: none;
			margin:25px 20px 0 20px;
			}
		}