@charset "utf-8";

/*==========================================
File name: base.css
Editors: IT-Probe
Last Editor: IT-Probe
Date: 2015.10.24
========================================== */

* {
	margin: 0;
	padding: 0;
}

a{
	color: #333;
	transition: all .2s;
}

a:hover{
	color: #999;
	transition: all .2s;
}



body {
	color: #333333;
	font-family: Meiryo, "メイリオ","Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic", "ＭＳ Ｐゴシック",sans-serif;
	font-size: 16px;
	height: 100%;
	margin: 0;
	padding: 0 0 0 0;
	text-align: center;
}

#screen{
	position: relative;
	min-height: 100%;  
    height: auto !important;  
    height: 100%;
	text-align: left;
}

#container{
	overflow: hidden;
	margin: 0 auto;
	clear: both;
}


#contents{
	clear: both;
	text-align: left;
	min-height: 600px;
}

.content {
	width:1080px;
}

/* ------------------------------------------------
メインコンテンツ　(デザインはmodule.cssで)
------------------------------------------------ */
.relative {
	position: relative;
}
section{
	clear: both;
	overflow: hidden;
	text-align: left;
	
}

section p,
section ul{
	text-align: left;
}

section h1 a,
section h2 a,
section h3 a{
	text-decoration: none;
}

section h1 a:hover,
section h2 a:hover,
section h3 a:hover,
section h2 a:hover{
	text-decoration: underline;
}

/* --ぱんくずリスト--------------------------- */

#breadcrumbs{
	margin: 10px auto 30px auto;
	padding-bottom:10px;
	width:1080px;
	border-bottom:solid 1px #cfcfcf;
}
@media screen and (max-width:1079px) { 
#breadcrumbs{ 
    width:calc(100% - 30px);
    }
}

@media screen and (min-width: 1080px) { 
#breadcrumbs{
	width:1080px;
    }    
}

#breadcrumbs a {
	text-decoration: none;
}

#breadcrumbs a:hover {
	text-decoration: underline;
	color:#198000;
}

#breadcrumbs p{
	margin: 0;
	font-size: 0.9em;
}


/* ==============================================

Clear Fix

============================================== */

.clear{
	clear: both;
}

/* ==============================================

flex

============================================== */
.flex {
	display: flex;
	justify-content: space-between;
}

/* modern browsers */

.clearfix:after,
#container:after,
#header:after,
#footer:after,
#contents:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}

/* IE7 */

.clearfix,
#container,
#header,
#footer,
#contents{
	display: inline-block;
}

/* legacy IE */

* html .clearfix,
* html #container,
* html #footer,
* html #contents{
	height: 1%;
}

.clearfix,
#container,
#header,
#footer,
#contents{
	display: block;
}


/* ==============================================

カラー、サイズ、ライン など　微調整用

============================================== */

/*カラー*/

.black{ color:#000;}
.red{ color:#e60012;}
.blue{ color:#06F;}
.orange{ color:#F60;}
.green{ color:#060;}
.pink{ color:#F39;}
.yellow{ color:#FF3;}
.purple{ color:#63C;}

/*サイズ*/

.fsize10{ font-size:10px;}
.fsize11{ font-size:11px;}
.fsize12{ font-size:12px;}
.fsize13{ font-size:0.8125rem;}
.fsize14{ font-size:0.875rem;}
.fsize15{ font-size:0.9375rem;}
.fsize18{ font-size:1.125rem;}
.fsize20{ font-size:1.25rem;}

/*文字配置*/

.textc{ text-align:center;}
.textr{ text-align:right;}
.textl{ text-align:left!important;}
.textj{ text-align:justify;}


.mc {
	margin:0 auto;
}
/*FLEX配置*/
.jc{
	justify-content: center!important;
} 
	
/*文字太く*/

.bold {
 font-weight: bold;
}

/*border-bottom none*/
.bbn {
	border-bottom: none!important;
}
/*padding微調整*/
.pl10{
	padding-left:10px;
	}
	
.pd10{
	padding:0 10px;
	box-sizing: border-box;
	}
	
.pdf10{
	padding:10px;
	box-sizing: border-box;
	}

/*余白微調整*/
.mg0{ margin:0!important;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}

.mr10{ margin-top:10px;}

.mb0{ margin-bottom:0!important;}
.mb5{ margin-bottom:5px!important;}
.mb10{ margin-bottom:10px!important;}
.mb15{ margin-bottom:15px!important;}
.mb20{ margin-bottom:20px!important;}
.mb30{ margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb60 {margin-bottom:60px!important;}
.mb70 {margin-bottom:70px!important;}
.mb80 {margin-bottom:80px!important;}
.mb90 {margin-bottom:90px!important;}
.mb100 {margin-bottom:100px!important;}
.mb120{ margin-bottom:120px;}
.mb145{ margin-bottom:145px;}