@charset "utf-8";
/*
Theme Name: theme_sincere
Version: 0.0
Theme URI: http://www.metalrats.co.jp/(テーマの配布場所か自分のブログのURLを書いておきましょう。)
Author: metalrats
Author URI: http://www.metalrats.co.jp/（あなたのホームページアドレスを記入しましょう。）
Description: metalrats
*/
@import url("css/base_00_tags.css");  
@import url("css/base_00_wrap.css");  
@import url("css/base_01_tag_h.css");  
@import url("css/base_01_tag_link.css");  
@import url("css/base_01_tag_list.css");  
@import url("css/base_01_tag_obj.css");  
@import url("css/base_01_rayout_home.css");  
@import url("css/base_01_rayout_pages.css");  
/************************************/
@import url("css/comm_box_news.css");  
@import url("css/comm_navi_bar.css");  
@import url("css/comm_navi_tab.css");  
@import url("css/comm_navi_side.css");  
@import url("css/comm_navi_page.css");  
@import url("css/comm_box_V.css");  
@import url("css/comm_box_H.css");  

.opacityWrap{
opacity:        	0.8;
filter:         	alpha(opacity=80);
-ms-filter:     	"alpha( opacity=80 )";
}
.textshadow{
	text-shadow: 						1px 1px 0px #FFF,-1px 1px 0px #FFF,1px -1px 0px #FFF,-1px -1px 0px #FFF;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■
background color
■■■■■■■■■■■■■■■■■■■■■■■■■*/
.bg_def{					background-color:	#F08300;	color:	#fff;	}
.bg_gry{					background-color:	#ccc;		color:	#333;	}
.bg_blu{					background-color:	#0062AC;	color:	#fff;	}
.bg_bluL{					background-color:	#F08300;	color:	#fff;	}
.bg_grn{					background-color:	#86B81B;	color:	#fff;	}
.bg_org{					background-color:	#E48E00;	color:	#fff;	}
.bg_pnk{					background-color:	#D60077;	color:	#fff;	}
.bg_red{					background-color:	#D7004A;	color:	#fff;	}
.bg_tac{					background-color:	#00958D;	color:	#fff;	}
.bg_sky{					background-color:	#0097DB;	color:	#fff;	}
.bg_fuj{					background-color:	#A1689A;	color:	#111;	}
.bg_fujL{					background-color:	#CFA7CD;	color:	#A1689A;	}
.bg_wht{					background-color:	#fff;		color:	#111;	}

a.bg_def{					background-color:	#F08300;	color:	#fff;	}
a.bg_gry{					background-color:	#ccc;		color:	#333;	}
a.bg_blu{					background-color:	#0062AC;	color:	#fff;	}
a.bg_bluL{					background-color:	#0089c1;	color:	#fff;	}
a.bg_grn{					background-color:	#86B81B;	color:	#fff;	}
a.bg_org{					background-color:	#E48E00;	color:	#fff;	}
a.bg_pnk{					background-color:	#D60077;	color:	#fff;	}
a.bg_red{					background-color:	#D7004A;	color:	#fff;	}
a.bg_tac{					background-color:	#00958D;	color:	#fff;	}
a.bg_sky{					background-color:	#0097DB;	color:	#fff;	}
a.bg_fuj{					background-color:	#A1689A;	color:	#111;	}
a.bg_fujL{					background-color:	#CFA7CD;	color:	#A1689A;	}
a.bg_wht{					background-color:	#fff;		color:	#111;	}


.bd_def{					border-color:		#555 !important;	}
.bd_gry{					border-color:		#ccc !important;	}
.bd_blu{					border-color:		#0062AC !important;	}
.bd_bluL{					border-color:		#0089c1 !important;	}
.bd_grn{					border-color:		#86B81B !important;	}
.bd_org{					border-color:		#E48E00 !important;	}
.bd_pnk{					border-color:		#D60077 !important;	}
.bd_red{					border-color:		#D7004A !important;	}
.bd_tac{					border-color:		#00958D !important;	}
.bd_sky{					border-color:		#0097DB !important;	}

a.bd_def{					border-color:		#555 !important;	}
a.bd_gry{					border-color:		#ccc !important;	}
a.bd_blu{					border-color:		#0062AC !important;	}
a.bd_bluL{					border-color:		#0089c1 !important;	}
a.bd_grn{					border-color:		#86B81B !important;	}
a.bd_org{					border-color:		#E48E00 !important;	}
a.bd_pnk{					border-color:		#D60077 !important;	}
a.bd_red{					border-color:		#D7004A !important;	}
a.bd_tac{					border-color:		#00958D !important;	}
a.bd_sky{					border-color:		#0097DB !important;	}

/*
#F08300;
#0084cf
+------------------------------------------------+
|#wrap                                           |
|+----------------------------------------------+|
||#wrap_headline [#headline        }            ||
||  +----------------------------------------+  ||
||  |#headline                               |  ||
||  |+------------------+-------------------+|  ||
||  ||●#logoWrap       |        ●#descWrap||  ||
||  |+------------------+-------------------+|  ||
||  +----------------------------------------+  ||
|+----------------------------------------------+|
|+----------------------------------------------+|
||#wrap_headcopy [#headcopy        }            ||
|+----------------------------------------------+|
|+----------------------------------------------+|
||#wrap_headnavi [#headnavi        }            ||
|+----------------------------------------------+|
|+----------------------------------------------+|
||#wrap_header   [#header          ]            ||
|+----------------------------------------------+|
|+----------------------------------------------+|
||#wrap_inner                                   ||
||    +-----------------------------------+     ||
||    |#inner                             |     ||
||    |+------------------++-------------+|     ||
||    || #mainWrap        || #sideWrap   ||     ||
||    ||+----------------+||+-----------+||     ||
||    ||| .container     ||||.container |||     ||
||    ||+----------------+||+-----------+||     ||
||    |+------------------++-------------+|     ||
||    +-----------------------------------+     ||
|+----------------------------------------------+|
|+----------------------------------------------+|
|+----------------------------------------------+|
||#wrap_footer [#footer        }                ||
|+----------------------------------------------+|
||#wrap_bottomline [#bottomline    }            ||
|+----------------------------------------------+|
+------------------------------------------------+
*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■
background-color
■■■■■■■■■■■■■■■■■■■■■■■■■*/

	#wrap{								background-color:		#fff;	}
	#wrap_headline{						background-color:		#fffff2;	}
	#wrap_headline{						border-bottom:			5px solid #F08300;}
	#wrap_footer{						background-color:		#fffff2;	}
	#wrap_bottomline{					background-color:		#F08300;	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■
headline
■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (min-width: 1025px){
	#headline{							width:					1024px;	
										text-align:				left;
	}
	#headline div.LeftBlock{			width:					40%;	}
	#headline div.RightBlock{			width:					60%;	}

	#headnavi{							width:					1024px;	}
	#headnavi div.LeftBlock{			width:					80%;	}
	#headnavi div.RightBlock{			width:					20%;	}

	div.LeftBlock div.obj_logo{			display:				block;
										max-width:				360px;
										float:					left;
	}

}

@media screen and (max-width: 1024px){
	div.LeftBlock{						width:					100%;	}
	div.RightBlock{						width:					100%;	}

	}
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■
wrap_headnavi_home(TOPのnaviTab用)
■■■■■■■■■■■■■■■■■■■■■■■■■*/
	#wrap_headnavi{						background-color:#fffff2;
										border-bottom:1px solid #F08300;}

@media screen and (min-width: 1025px) {	
	#wrap_headnavi_home{
										position:				absolute;
										top:					0;
										left:					0;
										z-index:				2;
	}
}
@media screen and (max-width: 1024px) {
	#wrap_headnavi_home{
										position:				relative;
	}
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■
headcopy
■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------
headcopy
-----------------------------------------------*/
	#wrap_headcopy{
										width:					100%;
										margin:					0;
										background-color:		#fff;
												box-shadow: 	0px 5px 10px rgba(0,0,0,0.4);
										   -moz-box-shadow: 	0px 5px 10px rgba(0,0,0,0.4);
										-webkit-box-shadow:		0px 5px 10px rgba(0,0,0,0.4);
											 -o-box-shadow: 	0px 5px 10px rgba(0,0,0,0.4);
											-ms-box-shadow: 	0px 5px 10px rgba(0,0,0,0.4);
										margin-bottom:			0px;
	}


	.header_bgimg{
										background-image:		url("../../uploads/bg.jpg");
										background-repeat:		no-repeat;
										background-position:	left middle;
										-moz-background-size:	cover;
										background-size:		cover;
	}


/*■■■■■■■■■■■■■■■■■■■■■■■■■
inner;
■■■■■■■■■■■■■■■■■■■■■■■■■*/
	#inner{								margin-top:				20px;}

	div.box_thumb{
										display:				block;
										float:					left;
										width:					40%;
										width:					-webkit-calc(42% - 2px) ;
										width : 				calc(42% - 2px) ;
										margin:					4px 4%;
										border:					1px solid #ccc;
										margin-bottom:			5px;
										text-align:				center;
										height:					auto;
										background-color:		#eee;
										font-size:				88%;
	}
	div.box_thumb img{					width:					100%;
										height:					auto;
										margin:					0;
	}

	div.box_content{					padding:				0;}
	div.box_content ul li
	{
										display:				block;
										float:					left;
										border:					1px solid #ccc;
										margin-bottom:			5px;
										text-align:				center;
										height:					auto;
										background-color:		#eee;
										padding:0;
	}
	div.box_content ul li
	{
										width:					45%;
										width:					-webkit-calc(46% - 2px) ;
										width : 				calc(46% - 2px) ;
										margin:					4px 2%;
	}
	div.box_content3 ul li
	{
										border-color:			#5995c6;
										width:					32%;
										margin:					4px 1% 4px 0;
										font-weight:			bold;
	}

	div.box_content ul li img{			width:					100%;
										height:					auto;
										margin:					0;
	}



@media screen and (min-width: 1025px){
	/*-----------------------------------------------
	newsBlock
	-----------------------------------------------*/
	div.wrap_boxnews2 ul.newsblock{
										height:					340px;
										overflow:				hidden;
	}
	/*-----------------------------------------------
	top_content
	-----------------------------------------------*/
	div.top_content_sp{					height:					280px;
										overflow:				hidden;
	}
}
@media screen and (max-width: 1024px){
	/*-----------------------------------------------
	newsBlock
	-----------------------------------------------*/
	div.wrap_boxnews2 ul.newsblock{
										height:					auto;
	}
	/*-----------------------------------------------
	top_content
	-----------------------------------------------*/
	div.top_content_sp{					height:					auto;
	}
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■
footer;
■■■■■■■■■■■■■■■■■■■■■■■■■*/

	#wrap_footer{						border-top:				5px solid #F08300;	}

	.copyright{							color:					#fff;}