@charset "UTF-8";
/** 	目次  	01. RESET STYLE 	02.	BASE STYLE 	03.	HELPER STYLE 	04.	PRINT STYLE  */
/* ==========================================================================
	01.	RESET STYLE
	========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* ==========================================================================
	02.	BASE STYLE
	========================================================================== */
body { font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; font-size: 14px; line-height: 1.618; color: #333; background-color: #fff; }

a { color: #333; text-decoration: none; }
a:hover, a:focus { color: #333; text-decoration: none; }

img { vertical-align: middle; }

/* ==========================================================================
	03.	HELPER STYLE
	========================================================================== */
/*	Float
	===================================== */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

/*	Image
	===================================== */
.img-rounded { border-radius: 6px; }

.img-circle { border-radius: 50%; }

.img-responsive { display: block; max-width: 100%; height: auto; }

/*	List
	===================================== */
.list-inline { letter-spacing: -.4em; list-style: none; }
.list-inline > li { display: inline-block; letter-spacing: normal; }

/*	Margin
	===================================== */
.mt0 { margin-top: 0 !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !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; }

.mt100 { margin-top: 100px !important; }

.mt-10 { margin-top: -10px !important; }

.mt-20 { margin-top: -20px !important; }

.mt-30 { margin-top: -30px !important; }

.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; }

.mb25 { margin-bottom: 25px !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; }

.mb100 { margin-bottom: 100px !important; }

.mb-10 { margin-bottom: -10px !important; }

.mb-20 { margin-bottom: -20px !important; }

.mb-30 { margin-bottom: -30px !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

/*	Text
	===================================== */
.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.text-nowrap { white-space: nowrap; }

.text-bold { font-weight: bold; }

.text10 { font-size: 71.42857%; }

.text12 { font-size: 85.71429%; }

.text14 { font-size: 100%; }

.text16 { font-size: 114.28571%; }

.text18 { font-size: 128.57143%; }

.text20 { font-size: 142.85714%; }

.text22 { font-size: 157.14286%; }

.text24 { font-size: 171.42857%; }

.text26 { font-size: 185.71429%; }

@media (max-width: 767px) { .br-xs { display: block; } }
@media (min-width: 768px) and (max-width: 991px) { .br-sm { display: block; } }
@media (min-width: 992px) and (max-width: 1199px) { .br-md { display: block; } }
@media (min-width: 1200px) { .br-lg { display: block; } }
/*	Toggling content
	===================================== */
.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none !important; visibility: hidden !important; }

/*	For Affix plugin
	===================================== */
.affix { position: fixed; }

/* ==========================================================================
	04.	PRINT STYLE
	========================================================================== */