@charset "utf-8";
/*TOP*/
#slider li img{ margin: 0 auto; width: 100%; }

#top section .inner{ width: 1200px; margin: 0 auto; }
#top section p{ font-size: 1.1em; line-height: 1.8; }
#top .sub_col{ margin: 0 0 10px; text-align: center; font-size: 2.2em; font-weight: 600; }
#top .sub_mono{ margin: 0 0 30px; text-align: center; font-size: 1.4em; font-weight: normal; }

.top_tensha01 { background-color: #fff;}
.top_tensha { background-color: #f7fafd;}

.bg_makie{ padding: 50px 0 100px 0;
	background: url(../img/top/bg_makie.png) no-repeat right -100px; }
.bg_makie h2{ float: left; margin: 0 55px 0 70px; }
.bg_makie p{ width: 520px; padding-top: 30px; float: left; }

.bg_tensha{ margin-top: -40px; padding: 50px 0 30px 0; background: url(../img/top/bg_tensha.png) no-repeat 100px -50px; }
.bg_tensha .inner div{ margin: 0 0 0 500px; }
.bg_tensha h2{ margin: 0 0 30px 0; }
.bg_tensha p{ width: 460px; margin: 0 0 30px 55px; }

.ex01 .kazari02{ padding: 60px 0 0 70px; }
.ex01 p{ margin-left: 80px; }
.ex01 .txt{ width: 490px; float: left; }
.ex01 .pic{ float: right; margin: -30px 0 0 0; }

.ex02 .kazari02{ padding: 70px 0 0; }
.ex02 .txt{ width: 450px; float: left; }
.ex02 .pic{ float: left; margin: -40px 40px 0 0; }

.ex03 .kazari02{ padding: 70px 0 0 0; }
.ex03 .txt{ width: 460px; float: left; margin-left: 90px; }
.ex03 p{ margin-left: 30px; }
.ex03 .pic{ float: right; margin: -50px 0 0 0; }

.bg_deco { width: 750px;margin: 20px auto;padding: 35px 0 0;text-align: center;border-bottom: 2px solid #A21D34;}
.deco{ font-size: 2.2em; font-weight: bolder; }
.deco span{ font-size: 1.5em; color: #a21d34; }

.bnr_nail{ background-color: #FFF; }

.bg_oem{ background: url(../img/top/bg_oem_1.jpg) no-repeat; background-size: cover; }
.bg_oem div{ padding: 3% 0 3% 40%; }
.bg_oem h2{ margin-bottom: 20px; }
.bg_oem p{ font-size: 1.1em; font-weight: bold; color: #000; }
.bg_oem p strong{ color: #b8001e; }
.bg_oem a{ display: block; margin: -60px 0 0 550px; }

/* blog */
#top section.blog ul li p{ line-height: 1.4; }
.blog_title{ position: relative; width: 1000px; height: 100px; margin: 0 auto; }
/*.blog_list{ position: absolute; width: 310px; right: 0; top: 0; } 新着4つ並びでタイトル横に一覧リンクの場合のみ */
.blog_list{ float: left; }
.blog .kazari02{ position: absolute; width: 300px; left: 50%; top: 0; margin: 0 0 0 -170px; padding: 30px 0 40px 40px; 
	font-size: 1.8em; font-weight: normal; text-align: center; }
.blog a{ color: #fff7dc; text-decoration: none; }
#top section.blog ul.inner{ overflow: hidden; margin-top: -15px; margin-bottom: 50px; }
.blog ul{ display: -webkit-flex; display: flex; 
	width: 640px; float: left; margin-right: 50px; margin-bottom: 30px; }
.blog ul li{ width: 260px; margin: 0 30px; }
.blog ul li p.news_date{ position: relative; margin-top: -52px; padding: 8px 10px; text-align: right;
	font-size: 0.9em; font-weight: bold; background: rgba(0,0,0,0.7); }
.blog ul li p.news_pic{ text-align: center; height: 200px; overflow: hidden; }
.blog ul li p.news_pic img{ width: 100%; height: auto; }
.blog .blog_list{ width: 380px; }

.v_txt{
	width:1000px;
	height: auto;
	text-align: center;
	margin: 5% auto 2% auto;
}
.v_txt p{ margin: 20px auto;}
.vbox{
	width: 1000px;
	margin: 20px auto;}

.kazari_d02_t {
    font-size: 2.2em;
    font-weight: bold;
    margin: 65px 0 10px;
    border-bottom: 2px solid #2158a6;}

/*1199px 以下*/
@media screen and (max-width:1199px) {
	
	#top section .inner{ width: 1000px; }
	#top .pic img{ width: 90%; }
	
	.bg_makie{ padding: 40px 0 100px 0; }
	.bg_makie h2{ margin: 0 30px 0 0; }
	.bg_makie p{ width: 380px; }

	.bg_tensha{ background: url(../img/top/bg_tensha.png) no-repeat 0 -50px; }
	/*.bg_tensha .inner div{ margin: 0 0 0 430px; }*/
	.bg_tensha p{ width: 360px; margin: 0 0 30px 30px; }

	.ex01 .pic{ width: 50%; margin: 40px 0 0 0; }
	.ex02 .pic{ width: 50%; margin: 30px 10px 0 0; }
	.ex03 .txt{ margin-left: 0; }
	.ex03 .pic{ width: 50%; margin: -20px 0 0 0; }
	
	.bg_oem div{ padding: 3% 0 2% 38%; }
	.bg_oem h2 img{ width: 70%; }
	.bg_oem p{ font-size: 0.95em; line-height: 1.6; }
	.bg_oem a{ margin: -40px 0 0 360px; }
	.bg_oem a img{ width: 70%; }

	
	/* blog */
	#top section.blog ul li p{ font-size: 1.0em; }
	.blog ul{ width: 55%; }
	.blog ul li{ width: 35%; }
	.blog ul li p.news_date{ margin-top: -45px; padding: 6px 8px; }
	
	.bg_col_01{width:90%;}
	.kazari_d02_t {margin:80px 0 10px;}
	.v_txt p{ text-align: center; font-size: 15px; margin: 20px auto;}
	}

.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    height: 120px;
}