/*!
Theme Name:Ｍ＆Ｍ
Template: habakiri
Theme URI: http://habakiri.2inc.org/en/
Author: inc2734
Author URI: http://2inc.org
Description: Habakiri is the simple theme based on Bootstrap 3. This theme's goal is to create a responsive, bootstrap based WordPress theme quickly. The design is very simple, easy to create of child theme. Features are, 100% responsive layouts, the Glyphicons, Genericons, Font Awesome icons, 7 page templates, 8 header design patterns, many color settings, a lot of hooks, related posts, minified CSS and JavaScript, Sass and PHP Class in functions.php.
Version: 2.5.2
Text Domain: habakiri
License: GPLv2 or later
License URI: license.txt
Tags: white, fixed-layout, fluid-layout, responsive-layout, one-column, two-columns, left-sidebar, right-sidebar, editor-style, sticky-post, microformats, featured-images, custom-colors, custom-menu, custom-background, custom-colors
*/

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background-color:#CCC; border-color:#BBB; }
h2 img{ margin:40px auto; }
dl>dt{ font-family:serif; }
.row{ max-width:1400px; margin:0 auto; }
.navbar-inverse{ background-color:rgba(255,255,255,1.0); border:0px; }
.navbar{ border-radius: 0px; }
.navbar-nav{ float:none; }
.navbar-nav li{ text-align:center; margin:16px 0px; padding:8px 0px; }
.navbar-nav li a{ margin:0px; padding:0px; }
.navbar-nav li a:hover{ color:#9d9d9d; }
.navbar-nav li a:hover small{ color:#9d9d9d; }
.navbar-nav li a img{ margin:0 auto; border-bottom:solid 3px #FFF; }
.nav>li>a>img{ max-width:-webkit-fill-available; }
.navbar-nav li a:hover img{ border-bottom:solid 3px #EB6617; }
.btn{ border-radius:0px; }
.btn-warning{ background-color:#EB6617; border-color:#EB6617; }
.btn-warning:hover{ background-color:#333; border-color:#333; }

/* コンテンツ */
#contents{ font-size:1.2em; }
#contents dl>dt{ font-size:1.5em; text-align:center; padding-bottom:10px; }
#contents dl>dd{ padding:10px 0; line-height:180%; }
#contents>.row:nth-child(2), #contents>.row:nth-child(3){ margin-bottom:40px; }
#contents>.row>div>.jumbotron{
	padding-top:40px; padding-right:60px; padding-bottom:30px; padding-left:60px; background-color:rgba(255,255,255,0.8);
	box-shadow:1px 1px 3px 0px #eeeeee; border-radius:0px; border:1px solid #eeeeee;
	{
		shadowColor:"#eeeeee",
		shadowOffset:{width:1,height:1},
		shadowOpacity:1,
		shadowRadius:3,
		borderWidth:1,
		borderColor:"#eeeeee",
		borderRadius:0px;
	}
}
#contents>.row:nth-child(2)>div>.jumbotron{ position:relative; margin:36px 0 0 -100px; }
#contents>.row:nth-child(3)>div>.jumbotron{ position:relative; margin:36px -100px 0 0; z-index:2; }

/* 新着情報 */
#news{ font-size:1.1em; background-color:#F5F5F5; }
#news>.row>ul{ list-style:none; margin-bottom:50px; max-height:190px; overflow-y:scroll; }
#news>.row>ul>li{ padding:20px 0 0; border-bottom:solid 1px #CCC; }
#news>.row>ul>li>dl>dt{ width:130px; float:left; }
#news>.row>ul>li>dl>dd{ margin-left:130px; }

/* アクセス */
#access .embed-responsive-16by9{ padding-bottom:500px; margin-left:-15px; margin-right:-15px; }
#access dl{ position:relative; top:0; left:0; padding:120px 80px; min-height:500px; font-size:1.2em; color:#FFF; background-color:rgba(0,0,0,0.5); }
#access dl>dt{ font-size:1.5em; padding:10px 0; }
#access dl>dd{ line-height:180%; }

/* コンタクト */
#contact>{ margin-left:-15px; margin-right:-15px; padding-left:0px; padding-right:0px; }
#contact>div:nth-child(2){ margin-left:-15px; margin-right:-15px; }
#contact>div>div{ font-size:1.1em; color:#FFF; min-height:430px; background:#000; }
#contact>div>div .bg{ width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.5; background-repeat:no-repeat; background-size:cover; }
#contact>div>div:nth-child(1) .bg{ background-image:url('./images/image_contact01.jpg'); }
#contact>div>div:nth-child(1) .bg:hover{ opacity:1.0; }
#contact>div>div:nth-child(2) .bg{ background-image:url('./images/image_contact02.jpg'); }
#contact>div>div:nth-child(2) .bg:hover{ opacity:1.0; }
#contact>div>div:nth-child(3) .bg{ background-image:url('./images/image_contact03.jpg'); }
#contact>div>div:nth-child(3) .bg:hover{ opacity:1.0; }
#contact>div>div>dl{ width:90%; height:1.5em; color:#fff; position:absolute; margin:auto; padding:0px 40px; top:0; bottom:50%; }
#contact>div>div>dl>dt{ font-size:1.5em; text-align:center; padding:0px 0px 20px; }
#contact>div>div>dl>dd{ line-height:180%; }
#contact .btn-default{ color:#FFF; background-color:#000000; margin:10px 0; }

#contact2>.row{ margin:50px auto; font-size:1.1em; color:#9FA6AC; }
#contact2>.row>div{ padding:10px 30px; }
#contact2>.row>div:nth-child(1) img{ margin:20px auto; }
#contact2>.row>div:nth-child(2){ border-left:solid 1px #CCC; }
#contact2>.row>div>dl>dd{ padding:10px 0; }
#contact2 .btn{ font-size:1.5em; width:300px; padding:5px 0; }

/* フッター */
footer.container-fluid{ font-size:1.2em; color:#FFF; min-height:430px; background:#000; padding-left:0px; padding-right:0px; }
footer .bg{ width:100%; height:430px; position:absolute; opacity:0.5; background-repeat:no-repeat; background-size:cover; background-repeat:no-repeat; background-size:cover; background-image:url('./images/image_footer.jpg'); }
footer dl{ margin:0 auto; padding:100px 120px; }
footer dl>dt{ font-size:1.3em; padding:10px 0; }
footer dl>dd{ line-height:180%; }
footer ul{ list-style:none; margin:0 auto; padding:100px 80px; }
footer ul>li{ padding:15px 0; }
footer ul>li>a{ color:#FFF; }
footer ul>li>a:hover{ color:#FFF; }
footer #copyrights{ width:100%; margin:0 auto; padding:10px 0px; text-align:center; background-color:#EB6617; }

@media(max-width:767px){
	h2 img{ margin:40px 0; }
	.navbar-inverse{ background-color:rgba(255,255,255,0.0); }
	.navbar-brand span{ position:fixed; width:60%; height:auto; }
	.navbar-toggle{ background-color:#CCCCCC; }
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color:#FFF; }
	.navbar-toggle{ margin-top:20px; margin-bottom:0px; }
	.navbar-nav li{ position:relative; width:100%; text-align:center; margin:3px 0px; padding:5px 0px; }
	#contents>.row>div>.jumbotron{ padding-top:30px; padding-right:10px; padding-bottom:20px; padding-left:10px; }
	#contents>.row:nth-child(2)>div>.jumbotron{ position:relative; margin:30px 0 0 0; }
	#contents>.row:nth-child(3)>div>.jumbotron{ position:relative; margin:30px 0 0 0; }
	#news>.row>ul>li>dl>dt{ width:auto; float:none; }
	#news>.row>ul>li>dl>dd{ margin-left:0px; }
	#access .embed-responsive-16by9{ padding-bottom:300px; }
	#access dl{ font-size:0.9em; padding:20px 10px; min-height:300px; }
	#access dl>dt{ padding:10px 0; }
	#contact>div>div{ font-size:1.1em; }
	#contact2>.row>div:nth-child(2){ border-left:none; }
	footer.container-fluid{ font-size:1.2em; color:#FFF; min-height:auto; }
	footer ul{ list-style:none; margin:0 auto; padding:20px 40px; }
	footer dl{ padding:0px 10px; }
}

/* 会社情報 */
#company>h1{ display:block; max-height:473px; margin-top:0px; margin-bottom:0px; margin-left:-15px; margin-right:-15px; padding:125px 0; background-image:url('./images/company_h1_bg.jpg'); background-repeat:no-repeat; background-size:cover; }
#company>h3{ display:block; padding:40px 0; }
#company table#company table{ margin-bottom:20px; }
>tbody>tr>th{ border-right:solid 1px #CCC; padding:5px 10px; line-height:180%; }
#company table>tbody>tr>td{ border-left:solid 1px #CCC; padding:5px 10px; line-height:180%; }