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

/********************
     reset css
********************/
html, body, header, fotter, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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;
font-family:"Noto Sans", sans-serif; font-weight:400;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul {list-style:none; margin:0px; padding:0px;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
table{border-collapse:collapse; border-spacing:0;}

/******************************************************/
/****　link設定
*******************************************************/
a{outline:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}


/******************************************************/
/****　ハック関連の設定
*******************************************************/
/* float解除（後続の要素に加える） */
.clear{clear:both;} 
/* float使用のボックスに.clearfixを加える */
.clearfix:after{display:block; clear:both; content: "";}

/* マウスオーバー時imgリンク半透明 */
.opacity a:hover img{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
.opacity80 a:hover img{transition:all 0.3s ease; opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -khtml-opacity:0.8; -moz-opacity:0.8; opacity:0.8;}
/* マウスオーバー時liリンク半透明 */
.opacity a:hover li{transition:all 0.3s ease; opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -khtml-opacity:0.6; -moz-opacity:0.6; opacity:0.6;}

/* margin-bottom */
.mb0{margin-bottom:0!important;}
.mb10{margin-bottom:10px!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;}
/* margin-top */
.mt-10{margin-top:-10px!important;}
.mt0{margin-top:0!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!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;}
/* margin0 */
.m0{margin:0!important;}
/* margin-right */
.mr40{margin-right:40px!important;}

/* imgのみ */
.imgonly{display:block; margin:0 auto;}

/*文字間*/
.lt-4{letter-spacing:-0.04em!important;}
.lt0{letter-spacing:0!important;}
.lt6{letter-spacing:0.06em!important;}

/*文字幅*/
.tyoutai{transform:scale(1, 2.1); transform:scale(0.8, 1); display:inline-block;}