@charset "UTF-8";
/*----------------------------------------------------------------------------------------------------------------------



Cascading Style Sheets for [machicomi affiliate] 



default.css



---------------------------------------------------------------------------------------------------------------------- */
*{
margin:0px;
padding:0px;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sup, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	/*font: 14px/1.231 "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;*/
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height:1;
	color:#000000;
	background:#fff;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	text-decoration: none;
	background:transparent;
}
ins {
	text-decoration:none;
}
mark {
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #000;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}
img {
	vertical-align: top;
	font-size:0;
	line-height: 0;
}
/* micro clearfix
------------------------------------------------*/
.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}
/* float
------------------------------------------------*/
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.float-clear {
	clear: both !important;
}
/* position
------------------------------------------------*/	
.relative {
	position:relative !important;
}
.absolute {
	position:absolute !important;
}
.static {
	position:static !important;
}
/* display
------------------------------------------------*/	
.none {
	display:none !important;
}
.block {
	display:block !important;
}
.inline {
	display:inline !important;
}
.inline-block {
	display:inline-block !important;
}
/* border
----------------------------------------------*/	
.border-none {
	border: none !important;
}
.border-dot {
	border:1px dotted #ccc !important;
}
.border-dot-t {
	border-top:1px dotted #ccc !important;
}
.border-dot-b {
	border-bottom:1px dotted #ccc !important;
}
.border-solid {
	border:1px solid #ccc !important;
}
.border-solid-t {
	border-top:1px solid #ccc !important;
}
.border-solid-b {
	border-bottom:1px solid #ccc !important;
}
/* aling
------------------------------------------------*/
.align-l {
	text-align: left !important;
}
.align-c {
	text-align: center !important;
}
.align-r {
	text-align: right !important;
}
.align-t {
	vertical-align: top !important;
}
.align-b {
	vertical-align: bottom !important;
}
.align-m {
	vertical-align: middle !important;
}
/* text
------------------------------------------------*/
.text-break {
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}
.text-nowrap {
	white-space: nowrap;
	word-break: keep-all;
	word-wrap: normal;
}
.text-ellipsis {
	overflow: hidden;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.text-indent-0_5 {
	text-indent: -0.5em;
	margin-left: 0.5em;
}
.text-indent-1 {
	text-indent: -1em;
	margin-left: 1em;
}
.text-indent-1_5 {
	text-indent: -1.5em;
	margin-left: 1.5em;
}
.text-indent-2 {
	text-indent: -2em;
	margin-left: 2em;
}
/*
 8px=0.50rem  9px=0.56rem 10px=0.63rem 11px=0.69rem 12px=0.75rem
10px=0.63rem 11px=0.69rem 12px=0.75rem 13px=0.81rem 14px=0.88rem
15px=0.94rem 16px=1.00rem 17px=1.06rem 18px=1.13rem 19px=1.19rem
20px=1.25rem 21px=1.31rem 22px=1.38rem 23px=1.44rem 24px=1.50rem
25px=1.56rem 26px=1.63rem 27px=1.69rem 28px=1.75rem 29px=1.81rem
30px=1.88rem 31px=1.94rem 32px=2.00rem
------------------------------------------------*/
/* font size string
------------------------------------------------*/
.font-s {
	font-size: 11px;
	font-size: 0.69rem;
	letter-spacing: -0.001em;
}
.font-m {
	font-size: 12px;
	font-size: 0.75rem;
}
.font-l {
	font-size: 14px;
	font-size: 0.88rem;
}
.font-xl {
	font-size: 16px;
	font-size: 1.00rem;
}
/* font-weight
------------------------------------------------*/
.font-n {
	font-weight: normal !important;
}
.font-b {
	font-weight: bold !important;
}
/* font-color
------------------------------------------------*/
.font-red {
	color:#ff0000 !important;
}
/* font size number
------------------------------------------------*/
.font-8 {
	font-size: 10px;
	font-size: 0.50rem;
	letter-spacing: -0.001em;
}
.font-9 {
	font-size: 9px;
	font-size: 0.56rem;
	letter-spacing: -0.001em;
}
.font-10 {
	font-size: 10px;
	font-size: 0.63rem;
	letter-spacing: -0.001em;
}
.font-11 {
	font-size: 11px;
	font-size: 0.69rem;
}
.font-12 {
	font-size: 12px;
	font-size: 0.75rem;
}
.font-13 {
	font-size: 13px;
	font-size: 0.81rem;
}
.font-14 {
	font-size: 14px;
	font-size: 0.88rem;
}
.font-15 {
	font-size: 15px;
	font-size: 0.94rem;
}
.font-16 {
	font-size: 16px;
	font-size: 1.00rem;
}
.font-17 {
	font-size: 17px;
	font-size: 1.06rem;
}
.font-18 {
	font-size: 18px;
	font-size: 1.13rem;
}
.font-19 {
	font-size: 19px;
	font-size: 1.19rem;
}
.font-20 {
	font-size: 20px;
	font-size: 1.25rem;
}
.font-21 {
	font-size: 21px;
	font-size: 1.31rem;
}
.font-22 {
	font-size: 22px;
	font-size: 1.38rem;
}
.font-23 {
	font-size: 23px;
	font-size: 1.44rem;
}
.font-24 {

	font-size: 24px;
	font-size: 1.50rem;
}
.font-25 {
	font-size: 25px;
	font-size: 1.56rem;
}
.font-26 {
	font-size: 26px;
	font-size: 1.63rem;
}
.font-27 {
	font-size: 27px;
	font-size: 1.69rem;
}
.font-28 {
	font-size: 28px;
	font-size: 1.75rem;
}
.font-29 {
	font-size: 29px;
	font-size: 1.81rem;
}
.font-30 {
	font-size: 30px;
	font-size: 1.88rem;
}
.font-31 {
	font-size: 31px;
	font-size: 1.94rem;
}
.font-32 {
	font-size: 32px;
	font-size: 2.00rem;
}
.font-95 {
	font-size: 95%;
}
/* line-height
------------------------------------------------*/
.line-s {
	line-height: 1.231;
}
.line-m {
	line-height: 1.4;
}
.line-l {
	line-height: 1.6;
}
/* margin
------------------------------------------------*/
.mt-00 {
	margin-top: 0px !important;
}
.mt-05 {
	margin-top: 5px !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-15 {
	margin-top: 15px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-25 {
	margin-top: 25px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-35 {
	margin-top: 35px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.mt-45 {
	margin-top: 45px !important;
}
.mt-50 {
	margin-top: 50px !important;
}
.mr-00 {
	margin-right: 0px !important;
}
.mr-05 {
	margin-right: 5px !important;
}
.mr-10 {
	margin-right: 10px !important;
}
.mr-15 {
	margin-right: 15px !important;
}
.mr-20 {
	margin-right: 20px !important;
}
.mr-25 {
	margin-right: 25px !important;
}
.mr-30 {
	margin-right: 30px !important;
}
.mr-35 {
	margin-right: 35px !important;
}
.mr-40 {
	margin-right: 40px !important;
}
.mr-45 {
	margin-right: 45px !important;
}
.mr-50 {
	margin-right: 50px !important;
}
.mr-200 {
	margin-right: 200px !important;
}
.mb-00 {
	margin-bottom: 0px !important;
}
.mb-05 {
	margin-bottom: 5px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-25 {
	margin-bottom: 25px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-35 {
	margin-bottom: 35px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}
.mb-45 {
	margin-bottom: 45px !important;
}
.mb-50 {
	margin-bottom: 50px !important;
}
.ml-00 {
	margin-left: 0px !important;
}
.ml-05 {
	margin-left: 5px !important;
}
.ml-10 {
	margin-left: 10px !important;
}
.ml-15 {
	margin-left: 15px !important;
}
.ml-20 {
	margin-left: 20px !important;
}
.ml-25 {
	margin-left: 25px !important;
}
.ml-30 {
	margin-left: 30px !important;
}
.ml-35 {
	margin-left: 35px !important;
}
.ml-40 {
	margin-left: 40px !important;
}
.ml-45 {
	margin-left: 45px !important;
}
.ml-50 {
	margin-left: 50px !important;
}
/* padding
------------------------------------------------*/
.pt-00 {
	padding-top: 0px !important;
}
.pt-05 {
	padding-top: 5px !important;
}
.pt-10 {
	padding-top: 10px !important;
}
.pt-15 {
	padding-top: 15px !important;
}
.pt-20 {
	padding-top: 20px !important;
}
.pt-25 {
	padding-top: 25px !important;
}
.pt-30 {
	padding-top: 30px !important;
}
.pt-35 {
	padding-top: 35px !important;
}
.pt-40 {
	padding-top: 40px !important;
}
.pt-45 {
	padding-top: 45px !important;
}
.pt-50 {
	padding-top: 50px !important;
}
.pt-70 {
	padding-top: 70px !important;
}
.pr-00 {
	padding-right: 0px !important;
}
.pr-05 {
	padding-right: 5px !important;
}
.pr-10 {
	padding-right: 10px !important;
}
.pr-15 {
	padding-right: 15px !important;
}
.pr-20 {
	padding-right: 20px !important;
}
.pr-25 {
	padding-right: 25px !important;
}
.pr-30 {
	padding-right: 30px !important;
}
.pr-35 {
	padding-right: 35px !important;
}
.pr-40 {
	padding-right: 40px !important;
}
.pr-45 {
	padding-right: 45px !important;
}
.pr-50 {
	padding-right: 50px !important;
}
.pb-00 {
	padding-bottom: 0px !important;
}
.pb-05 {
	padding-bottom: 5px !important;
}
.pb-10 {
	padding-bottom: 10px !important;
}
.pb-15 {
	padding-bottom: 15px !important;
}
.pb-20 {
	padding-bottom: 20px !important;
}
.pb-25 {
	padding-bottom: 25px !important;
}
.pb-30 {
	padding-bottom: 30px !important;
}
.pb-35 {
	padding-bottom: 35px !important;
}
.pb-40 {
	padding-bottom: 40px !important;
}
.pb-45 {
	padding-bottom: 45px !important;
}
.pb-50 {
	padding-bottom: 50px !important;
}
.pl-00 {
	padding-left: 0px !important;
}
.pl-05 {
	padding-left: 5px !important;
}
.pl-10 {
	padding-left: 10px !important;
}
.pl-15 {
	padding-left: 15px !important;
}
.pl-20 {
	padding-left: 20px !important;
}
.pl-25 {
	padding-left: 25px !important;
}
.pl-30 {
	padding-left: 30px !important;
}
.pl-35 {
	padding-left: 35px !important;
}
.pl-40 {
	padding-left: 40px !important;
}
.pl-45 {
	padding-left: 45px !important;
}
.pl-50 {
	padding-left: 50px !important;
}
/* background position
------------------------------------------------*/
.bg-lt {
	background-position: left top !important;
}
.bg-lc {
	background-position: left center !important;
}
.bg-lb {
	background-position: left bottom !important;
}
.bg-ct {
	background-position: center top !important;
}
.bg-cc {
	background-position: center center !important;
}
.bg-cb {
	background-position: center bottom !important;
}
.bg-rt {
	background-position: right top !important;
}
.bg-rc {
	background-position: right center !important;
}
.bg-rb {
	background-position: right bottom !important;
}
/* icon
------------------------------------------------*/
[class^='icon-'] {
	background-repeat: no-repeat;
}
.icon-lt {
	padding-left: 20px;
	background-position: left 0.2em;
}
.icon-lc {
	padding-left: 20px;
	background-position: left center;
}
.icon-lb {
	padding-left: 20px;
	background-position: left bottom;
}
.icon-rt {
	padding-right: 20px;
	background-position: right 0.2em;
}
.icon-rc {
	padding-right: 20px;
	background-position: right center;
}
.icon-rb {
	padding-right: 20px;
	background-position: right bottom;
}