@charset "utf-8";
/*
====================================================
	
	shareModule.css
	
	CSS module & shareParts setting
	モジュールパーツ
	
====================================================
*/

/*---------------------------------------------------
	clerfix
---------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*---------------------------------------------------
	Border setting
---------------------------------------------------*/
html:before,html:after,body:before,body:after{
    content:"";
	background:#FFFFFF;
    position:fixed;
	display:block;
    z-index:20;
}
/* ...and position them! */
html:before{height:15px;left:0;right:0;top:0;}
html:after{width:15px;top:0;right:0;bottom:0;}
body:before{height:15px;right:0;bottom:0;left:0;}
body:after{width:15px;top:0;bottom:0;left:0;}


/*---------------------------------------------------
	clear
---------------------------------------------------*/
.cb{clear: both;}
.cr{clear: right;}
.cl{clear: left;}

br.clear{clear: both;height:0;visibility:hidden;border:0;}
hr.clear{clear: both;height:0;visibility:hidden;border:0;}

/*---------------------------------------------------
	text-align
---------------------------------------------------*/
.tc{text-align: center!important; display:block;}
.tr{text-align: right!important;}
.tl{text-align: left!important;}
.tj{text-align: justify!important;text-justify: distribute!important;}


/*---------------------------------------------------
	Text
---------------------------------------------------*/
.textBold{ font-weight: bold; }

@font-face {font-family: 'BodoniMT';src: url('../webfonts/35D10B_0_0.eot');src: url('../webfonts/35D10B_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/35D10B_0_0.woff2') format('woff2'),url('../webfonts/35D10B_0_0.woff') format('woff'),url('../webfonts/35D10B_0_0.ttf') format('truetype');}






/*---------------------------------------------------
	margin
---------------------------------------------------*/
/* top */
.mt-40{margin-top: -40px!important;}
.mt-30{margin-top: -30px!important;}
.mt-20{margin-top: -20px!important;}
.mt-15{margin-top: -15px!important;}
.mt-10{margin-top: -10px!important;}
.mt-5{margin-top: -5px!important;}
.mt0{margin-top: 0px!important;}
.mt1{margin-top: 1px!important;}
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 30px!important;}
.mt40{margin-top: 40px!important;}
.mt50{margin-top: 50px!important;}
.mt60{margin-top: 60px!important;}
.mt70{margin-top: 70px!important;}
.mt80{margin-top: 80px!important;}
.mt90{margin-top: 90px!important;}
.mt100{margin-top: 100px!important;}

/* bottom */
.mb0{margin-bottom: 0px!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;}

/* left */
.ml-30{margin-left: -40px!important;}
.ml-5{margin-left: -16px!important;}
.ml0{margin-left: 0px!important;}
.ml5{margin-left: 5px!important;}
.ml10{margin-left: 10px!important;}
.ml15{margin-left: 15px!important;}
.ml20{margin-left: 20px!important;}
.ml30{margin-left: 30px!important;}
.ml40{margin-left: 40px!important;}
.ml50{margin-left: 50px!important;}
.ml60{margin-left: 60px!important;}
.ml70{margin-left: 70px!important;}
.ml80{margin-left: 80px!important;}
.ml90{margin-left: 90px!important;}
.ml100{margin-left: 100px!important;}
.ml110{margin-left: 110px!important;}
.ml120{margin-left: 120px!important;}
.ml150{margin-left: 150px!important;}

/* right */
.mr0{margin-right: 0px!important;}
.mr5{margin-right: 5px!important;}
.mr10{margin-right: 10px!important;}
.mr15{margin-right: 15px!important;}
.mr20{margin-right: 20px!important;}
.mr30{margin-right: 30px!important;}
.mr40{margin-right: 40px!important;}
.mr50{margin-right: 50px!important;}
.mr60{margin-right: 60px!important;}
.mr70{margin-right: 70px!important;}
.mr80{margin-right: 80px!important;}
.mr90{margin-right: 90px!important;}
.mr100{margin-right: 100px!important;}