@charset "utf-8";


/* Base
-------------------------------------------------*/
/* --------------------------------------------------
 Normailze styles
 Adapted from Normalize.css http://github.com/necolas/
--------------------------------------------------- */
article, aside, details, figcaption, figure, footer,
header, hgroup, nav, section, summary {
	display: block;
}

audio, canvas, video {
	display: inline-block;
}

html.no-cssanimations audio, html.no-cssanimations canvas, html.no-cssanimations video {
	display: inline;
	zoom: 1;
}

audio:not([controls]) {
	display: none;
}

html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a:hover, a:active {
	outline: 0;
}

pre, code, kbd, samp {
	font-family: monospace, serif;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

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

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}

img {
	/*max-width: 100%;*/
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}

svg:not(:root) {
	overflow: hidden;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}

caption, th, td {
	text-align: left;
}

button, input, select, textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
}

button, input {
	line-height: normal;
}

html.no-postmessage button, html.no-postmessage input {
	overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

button {
    -webkit-appearance: none;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

input, button, select, textarea {
    background: none;
    border: none;
    -webkit-appearance: none;
    outline: none;
    color: #fff;
}
input::placeholder {
  color: #ccc; }
input:-ms-input-placeholder {
  color: #ccc; }
input::-ms-input-placeholder {
  color: #ccc; }


/* Resetting default margin and padding
-------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote, form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1.2;
}

ul {
	list-style: none;
	list-style-image: none;
}

em {
	font-style: normal;
}

small {
	font-size: 100%;
}

label {
	cursor: pointer;
}

textarea {
	overflow: auto;
}

legend {
	display: none;
}

fieldset {
	border: none;
}

input, textarea, select, label {
	font-family: inherit;
}

object {
	vertical-align: middle;
	outline: none;
}

abbr, acronym {
	border: none;
	font-variant: normal;
}

address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}

hr {
	display: none;
}

html.no-postmessage body, html.no-postmessage br {
	letter-spacing: 0;
}
html.no-postmessage div {
	zoom: 1;
}

/* Clearfix */
.clearfix { zoom: 1;}

.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

.c-both { clear: both; } 


/* Body, Anchor
--------------------------------------------------*/
body {
	color: #333;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 62.5%;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
}
input,textarea,select,button {
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

a:link {
	color: #666;
	text-decoration: underline;
}

a:visited {
	color: #888;
}

a:hover, a:hover,
a:hover, a:active {
	color: #888;
	text-decoration: none;
}


/* Adjuster
--------------------------------------------------*/
/* Position */
.txtL { text-align: left; }
.txtC { text-align: center; }
.txtR { text-align: right; }
.floatL { float: left; }
.floatR { float: right; }

/* Font */
.txtBold { font-weight: bold; }

/* Font-size list (base: 62.5%) */
.fs08 { font-size: 0.8em; } /* 8px */
.fs09 { font-size: 0.9em; } /* 9px */
.fs10 { font-size: 1em; } /* 10px */
.fs11 { font-size: 1.1em; } /* 11px */
.fs12 { font-size: 1.2em; } /* 13px */
.fs13 { font-size: 1.3em; } /* 13px */
.fs14 { font-size: 1.4em; } /* 14px */
.fs15 { font-size: 1.5em; } /* 15px */
.fs16 { font-size: 1.6em; } /* 16px */
.fs17 { font-size: 1.7em; } /* 17px */
.fs18 { font-size: 1.8em; } /* 18px */
.fs19 { font-size: 1.9em; } /* 19px */
.fs20 { font-size: 2em; } /* 20px */
.fs21 { font-size: 2.1em; } /* 21px */
.fs22 { font-size: 2.2em; } /* 22px */
.fs23 { font-size: 2.3em; } /* 23px */
.fs24 { font-size: 2.4em; } /* 24px */
.fs25 { font-size: 2.5em; } /* 25px */
.fs26 { font-size: 2.6em; } /* 26px */
.fs27 { font-size: 2.7em; } /* 27px */
.fs28 { font-size: 2.8em; } /* 28px */
.fs29 { font-size: 2.9em; } /* 29px */
.fs30 { font-size: 3em; } /* 30px */
.fs31 { font-size: 3.1em; } /* 31px */
.fs32 { font-size: 3.2em; } /* 32px */
.fs33 { font-size: 3.3em; } /* 33px */
.fs34 { font-size: 3.4em; } /* 34px */
.fs35 { font-size: 3.5em; } /* 35px */
.fs36 { font-size: 3.6em; } /* 36px */
.fs37 { font-size: 3.7em; } /* 37px */
.fs38 { font-size: 3.8em; } /* 38px */
.fs39 { font-size: 3.9em; } /* 39px */
.fs40 { font-size: 4em; } /* 40px */

/* Margin */
.mt01 { margin-top: 1px; }
.mt02 { margin-top: 2px; }
.mt03 { margin-top: 3px; }
.mt04 { margin-top: 4px; }
.mt05 { margin-top: 5px; }
.mt06 { margin-top: 6px; }
.mt07 { margin-top: 7px; }
.mt08 { margin-top: 8px; }
.mt09 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt11 { margin-top: 11px; }
.mt12 { margin-top: 12px; }
.mt13 { margin-top: 13px; }
.mt14 { margin-top: 14px; }
.mt15 { margin-top: 15px; }
.mt16 { margin-top: 16px; }
.mt17 { margin-top: 17px; }
.mt18 { margin-top: 18px; }
.mt19 { margin-top: 19px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb01 { margin-bottom: 1px; }
.mb02 { margin-bottom: 2px; }
.mb03 { margin-bottom: 3px; }
.mb04 { margin-bottom: 4px; }
.mb05 { margin-bottom: 5px; }
.mb06 { margin-bottom: 6px; }
.mb07 { margin-bottom: 7px; }
.mb08 { margin-bottom: 8px; }
.mb09 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb11 { margin-bottom: 11px; }
.mb12 { margin-bottom: 12px; }
.mb13 { margin-bottom: 13px; }
.mb14 { margin-bottom: 14px; }
.mb15 { margin-bottom: 15px; }
.mb16 { margin-bottom: 16px; }
.mb17 { margin-bottom: 17px; }
.mb18 { margin-bottom: 18px; }
.mb19 { margin-bottom: 19px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }


/* over */
.over img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.over:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}