@charset "utf-8";

/* RESET //////////////////////////////// */
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-style:normal; font-weight:normal; font-size:100%; vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
html{overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ""; content: none;}
input, textarea,{margin: 0; padding: 0;}
ol, ul{ list-style:none;}
table{border-collapse: collapse; border-spacing:0;}
caption, th{text-align: left;}
a:focus {outline:none;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix {min-height: 1px; }
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}





/* - COMMON //////////////////////////////// */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html {  }
body { font-size:16px; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; line-height:1.5em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:none; }

.ft10 { font-size:10px !important; }
.ft11 { font-size:11px !important; }
.ft12 { font-size:12px !important; }
.ft13 { font-size:13px !important; }
.ft14 { font-size:14px !important; }
.ft15 { font-size:15px !important; }
.ft16 { font-size:16px !important; }
.ft17 { font-size:17px !important; }
.ft18 { font-size:18px !important; }
.ft19 { font-size:19px !important; }
.ft20 { font-size:20px !important; }
.ft21 { font-size:21px !important; }
.ft22 { font-size:22px !important; }
.ft23 { font-size:23px !important; }
.ft24 { font-size:24px !important; }
.ft25 { font-size:25px !important; }
.ft26 { font-size:26px !important; }

.c-red		{ color:#c1272d !important; }
.c-blue		{ color:#2d27c1 !important; }
.c-black	{ color:#222 !important; }

h1, h2, h3, h4, h5, h6 { font-weight:bold; margin-bottom:1.5em; }
p { margin-bottom:1.5em; }
img { max-width:100%; -ms-interpolation-mode: bicubic; }
table { width:100%; }

b, strong { font-weight:bold; }

article a:hover,
article button:hover { filter:alpha(opacity=60); -ms-filter:"alpha(opacity=60)"; -moz-opacity:0.6; opacity:0.6; }

a { color:#222; text-decoration:none; }

.showpc { display:block; }
.showsp { display:none; }

.t-left { text-align:left; }
.t-right { text-align:right; }
.t-center { text-align:center; }



/* SMARTPHONE
--------------------------------------------------*/
@media screen and (max-width:640px) {

.showpc { display:none; }
.showsp { display:block; }

}