/*デフォルト & 極小デバイス（縦向きモバイル, 576px 未満）*/

	body{
	line-height:2em;
	}
	div.content-area{
	margin:0;
	padding:0;
	}
	p.caption{
	font-size:0.8em;
	line-height:1.5em;
	padding:0 5px;
	}
	div.col-md-4{
	max-width:670px;
	margin-bottom:30px;
	}
		@media (min-width: 576px) {
		div.col-md-4{
		margin-left:auto;
		margin-right:auto;
		}
		}


/*トップイメージ*/
	.top_main_img{
	background-image: url(http://template.96th-street.net/wp-content/uploads/2019/10/topimage01sp.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	position: relative;
	overflow: hidden;
	height:200px;
	}

		@media (min-width: 768px) {
		.top_main_img{
		background-image: url(http://template.96th-street.net/wp-content/uploads/2019/10/topimage01.jpg);
		height:250px;
		}
		}

/*トップロゴ*/
	.top_main_img_content{
	width:90%;
	max-width:450px;
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
	}
	.toplogo{
	display:block;
	width:80%;
	margin:0 auto;
	text-align:center;
	}
	.toplogo-caption{
	color:#fff;
	line-height:1.5em;
	margin-top:30px;
	}

		@media (min-width: 768px) {
		.top_main_img_content{
		margin-top:120px;
		}
		.toplogo-caption{
		font-size:1.2em;
		}
		}

/*snsメニュー成型*/
	ul.snsmenu_top_pc {
	position:relative;
	z-index:1000;
	}
	ul.snsmenu_top_pc li, ul.snsmenu_top_sp li{
	display:inline;

	}
	ul.snsmenu_top_sp {
	text-align:center;
	padding:0;
	}

	ul.snsmenu_top_sp li{
	padding:0 10px;
	}
	ul.snsmenu_top_sp li a{
	color:#fff;
	}

/*SP用トップメニュー(ハンバーガー)*/
	.spnavToggle {
	display: block;
	position: fixed;
	right: 0;
	top: 0;
	width: 42px;
	height: 51px;
	cursor: pointer;
	z-index: 999;
	background: rgba(0,0,0,0.5);
	color:#fff;
	text-align: center;
	}
	.spnavToggle span{
	display: block;
	position: absolute;
	width: 30px;
	border-bottom: solid 3px #eee;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left: 6px;
	}
	.spnavToggle span:nth-child(1) {
	top: 9px;
	}
	 
	.spnavToggle span:nth-child(2) {
	top: 18px;
	}
	 
	.spnavToggle span:nth-child(3) {
	top: 27px;
	}

/*ハンバーガーアニメーション*/
/* 最初のspanをマイナス45度に */
	.spnavToggle.spnavactive span:nth-child(1) {
	top: 18px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
/* 2番目と3番目のspanを45度に */
	.spnavToggle.spnavactive span:nth-child(2),
	.spnavToggle.spnavactive span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	}
	.spnavToggle span:nth-child(4) {
	border: none;
	color: #eee;
	font-size: 10px;
	top: 22px;
	}

/*SP用トップメニュー成型*/
	.topmenu_sp_wrapper{
	position:fixed;
	width:250px;
	top:0;
	right:0;
	background-color:rgba(0,0,0,0.7);
	z-index:998;
	transform: translateY(-100%);
	transition: all 0.6s;
	padding-bottom:500px;
	}
	.topmenu_sp_wrapper.spnavactive{
	transform: translateY(0%);
	}
	ul.topmenu_sp{
	max-width:250px;
	margin-top:50px;
	padding-left:20px;
	margin-left:auto;
	margin-right:auto;

	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.1em;
	line-height:1.1em;
	margin-bottom:30px;
	list-style-type: none;
	}
	.topmenu_sp li a.nav-link{
	text-align:left;
	color:#fff;
	}
	a.child{
	margin-left:30px;
	font-size:0.8em;
	}

/*PC用トップメニューを隠す*/
	div.topmenu_pc_wrapper{
	display:none;
	}
	div.topmenu_pc_bgspace{
	display:none;
	}
		@media (min-width: 768px) {

		/*PC用トップメニューを表示*/
			div.topmenu_pc_wrapper{
			display:block;
			z-index:10;
			}
		/*スマホ用トップメニューを隠す*/
			div.spnavToggle,
			div.topmenu_sp_wrapper{
			display:none;
			}
		/*snsメニューSP用表示OFF*/
			.snsmenu_top_sp{
			display:none;
			}

		/*PC用トップメニュー成型*/
			div.topmenu_pc_bgspace{
			display:block;
			position:absolute;
			margin:0;
			padding:0;
			width:100%;
			height:50px;
			background-color:rgba(255,255,255,0.3);
			border-bottom:1px solid #f60;
			z-index:2;
			}
			div.topmenu_pc_bgspace_subpage{
			display:block;
			margin:0;
			padding:0;
			width:100%;
			height:50px;
			background-color:rgba(255,255,255,0.3);
			border-bottom:1px solid #f60;
			z-index:2;
			}
			div.topmenu_pc_bgspace{
			display:block;
			margin:0;
			padding:0;
			width:100%;
			height:50px;
			/*background-color:#000;*/
			border-bottom:1px solid #f60;
			}
			div.topmenu_pc_wrapper {
			position:absolute;
			top:0;
			width:100%;
			height:50px;
			}

			ul.topmenu_pc{
			position: relative;
			left: 50%;
			float: left;
			padding-left:0;
			padding-right:0;
			margin-bottom:0;
			}
			ul.topmenu_pc li{
			position: relative;
			left: -50%;
			float: left;
			list-style: none;
			font-family: 'Noto Sans JP', sans-serif;
			font-size:1em;
			z-index:10;
			}
			ul.topmenu_pc li a{
			color:#000;
			padding:8px 5px;
			margin:0 7px;
			}
			ul.topmenu_pc li a:hover{
			background-image:url(http://template.96th-street.net/wp-content/uploads/2019/10/tophoverline.png);
			}

		/*PC版トップメニュー階層構造化*/
			ul.topmenu_pc_lev2 {
			position:absolute;
			top:30px;
			left:0;
			padding-left:0;
			padding-bottom:5px;
			background: rgba(0,0,0,0.5);
			font-size:0.7em;
			visibility:hidden;
			opacity: 0;
			  transition: .2s ease-in-out;
			}
			ul.topmenu_pc_lev2 li{
			left:0;
			padding-left:0;
			}
			ul.topmenu_pc_lev2 li a {
			width:85px;
			margin:0 5px;
			padding:3px 2px;
			color:#fff;
			}
			ul.topmenu_pc_lev2 li a:hover{
			background-position:0 -7px;
			}
			li.menu_lev1:hover ul.topmenu_pc_lev2 {
			top: 45px;
			visibility: visible;
			opacity: 1;
			}

		/*snsメニューPC用表示ON*/
			ul.snsmenu_top_pc{
			display:block;
			}
			ul.snsmenu_top_pc {
			float:right;
			text-align:right;
			width:150px;
			padding:0;
			margin:10px 20px 0 0;
			}
			ul.snsmenu_top_pc li {
			padding:0 10px;
			border-left:0;
			}
		}

	.wrapper{
	padding-top:0;
	}
/*PC用サイドメニューを隠す*/
	.rightmenu_pc{
	display:none;
	}
/*各ページ共通のクラス*/
	.w-600,
	.w-900,
	.w-1200 {
	margin-top:50px;
	padding:0 20px;

	}
		@media (min-width: 768px) {
		.w-600{
		max-width:600px;
		margin:50px auto 50px;
		}
		.w-900{
		max-width:900px;
		margin:50px auto 50px;
		}
		.w-1200 {
		max-width:1200px;
		margin:50px auto 50px;
		}
		}

/*トップページ*/

/*トップページのブロックタイトル*/
	h2.toppage-blocktitle{
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
	}
/*ブロックフレーム*/
	div.blockframe{
	background-color:#eee;
	padding:20px 0 10px;
	margin-top:100px;
	margin-bottom:80px;
	}

/*SP用NEWSエリア*/

	div.whatsnew{
	max-width:900px;
	padding:20px;
	margin:0 auto;
	background-color:#f1f1f1;
	}
	div.whatsnew hr{
	display:none;
	}
	p.whatsnewall{
	margin-left:40px;
	margin-right:40px;
	text-align:right;
	}

	div.whatsnew dl a{
	margin:0;
	padding: 0 10px;
	}
	div.whatsnew dl dt{
	font-size:0.8em;
	margin:0;
	padding:0;
	line-height:1em;
	}
	div.whatsnew dl dd{
	margin:0;
	padding:0;
	}
		@media (min-width: 768px) {
		div.whatsnew dl dt{
		font-size:0.9em;
		line-height:2.4em;
		}
		}

/*投稿ページ*/
	h1.entry-title{
	text-align:center;
	font-size:2em;
	padding:70px 0 50px;
	background-color:#eee;
	margin-bottom:50px;
	}
	div.entry-content-single{
	padding:0 20px;
	}
		@media (min-width: 768px) {
		div.entry-content-single{
		margin:0 auto;
		max-width:600px;
		}
		}

/*フッター*/

	#wrapper-footer{
	background-color:#f60;
	padding:70px 0 30px;
	text-align:center;
	color:#fff;
	}

/*フッターsnsメニュー成型*/


	ul.snsmenu_footer {
	text-align:center;
	padding:0;
	margin-bottom:50px;
	}

	ul.snsmenu_footer li{
	display:inline;
	padding:0 10px;
	}
	ul.snsmenu_footer li a{
	color:#fff;
	}

/*ContactForm成型*/
	.contactform{
	padding-left:10px;
	padding-right:10px;
	}

	contactform dl,
	.contactform dt,
	.contactform dd {
	font-weight:400;
	font-size: 0.95em;
	}

	td.postdate {
	white-space: nowrap;
	}
/*contactform-placefolder色*/
	::-webkit-input-placeholder { /* WebKit browsers */
	color: #ccc !important;
	opacity: 1;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #ccc !important;
	opacity: 1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #ccc !important;
	opacity: 1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #ccc !important;
	opacity: 1;
	}

		@media (min-width: 576px) {
		/* contactform 成型*/
		.wpcf7 {
		max-width:900px;
		}
		.contactform dl,
		.contactform dt,
		.contactform dd {
		font-weight:400;
		font-size: 0.95em;
		  box-sizing: border-box;
		}
		.contactform dl {
		background: #eee;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		}
		.contactform dt,
		.contactform dd {
		padding: 10px 10px 0 10px;
		border-top: 1px solid #ccc;
		margin-bottom:0;
		}
		.contactform dt {
		width: 40%;
		float: left;
		}
		.contactform dd {
		background: #fff;
		margin-left: 40%;
		padding-bottom: 10px;
		border-left: 1px solid #ccc;
		}
		.contactform dd:after {
		content: '';
		display: block;
		clear: both;
		}
		}



/*会社概要成型*/
	.tbl-gaiyo{
	padding-left:20px;
	padding-right:20px;
	}

	.tbl-gaiyo dl,
	.tbl-gaiyo dt,
	.tbl-gaiyo dd {
	font-weight:400;
	font-size: 0.95em;
	}
	.tbl-gaiyo dl,
	.tbl-gaiyo dt,
	.tbl-gaiyo dd {
	font-weight:400;
	font-size: 0.95em;
	  box-sizing: border-box;
	}
	.tbl-gaiyo dl {
	background: #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin:0 auto;
	}

	.tbl-gaiyo dt,
	.tbl-gaiyo dd {
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ccc;
	margin-bottom:0;
	}
	.tbl-gaiyo dd {
	background: #fff;
	}
		@media (min-width: 768px) {
		.tbl-gaiyo dl,
		.tbl-gaiyo dt,
		.tbl-gaiyo dd {
		font-weight:400;
		font-size: 0.95em;
		box-sizing: border-box;
		}
		.tbl-gaiyo dl {
		background: #eee;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		}
		.tbl-gaiyo dt,
		.tbl-gaiyo dd {
		padding: 10px 10px 0 10px;
		border-top: 1px solid #ccc;
		margin-bottom:0;
		}
		.tbl-gaiyo dt {
		width: 40%;
		float: left;
		}
		.tbl-gaiyo dd {
		background: #fff;
		margin-left: 40%;
		padding-bottom: 10px;
		border-left: 1px solid #ccc;
		}
		.tbl-gaiyo dd:after {
		content: '';
		display: block;
		clear: both;
		}
		}

/*slider 成型*/
	.swiper-container{
	height:auto;
	margin:10px 0 30px;
	filter: drop-shadow(10px 10px 5px rgba(0,0,0,0.15));
	}
	.swiper-wrapper{
	height:auto;
	}
	.swiper-slide{
	height:auto;
	text-align:center;
	}
	.swiper-slide img{
	width:80%;
	height:auto;
	border-radius: 7px;
	}


/*デバイス（デスクトップ, 992px 以上）*/
@media (min-width: 992px) {

}

/*大デバイス（ワイド・デスクトップ, 1200px 以上）*/
@media (min-width: 1200px) {
	
}