@charset "utf-8";
/* --------------------------------
	基本設定
-------------------------------- */

body {
    font-size: 15px;
	font-style:normal;
	font-weight: normal;
}
body.bg-w {
    background: #FFFFFF;
    color: #000000;
}
body.bg-b {
    background: #000000;
    color: #FFFFFF;
}
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,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,main,menu,nav,section,summary,
embed,output,ruby,
time,mark,audio,video,
tr,th,td{
	font-size: inherit;
	color: inherit;
	font-style: inherit;
	font-weight: inherit;
}

html{
    /*パソコンでスムーズスクロールできるが、上手くキャプチャできなくなるため不使用*/
  /*scroll-behavior: smooth;*/
}
/* --------------------------------
	フォント設定
-------------------------------- */
body{
font-family: 'Noto Sans JP',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:300;
}
.ffa-ser{font-family: "Times New Roman",'Noto Serif JP',"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.ffa-san{font-family: 'Noto Sans JP',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/* --------------------------------
	タグ設定
-------------------------------- */

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

small {
    font-size: 12px;
}

.relabox {
    position: relative;
}

/* --------------------------------
	リンク、リンク色
-------------------------------- */

a {
    text-decoration: underline;
}


/*色*/

a,a:link{color: #167AC6/*#12c*/;}
a:visited{color: #0E4F7E/*#609*/;}
a:hover,a:active, a:focus{color: #00723a/*#2B9661*//*#78f*/;}

/* --------------------------------
	共通css
-------------------------------- */
.clearfix::before,
.clearfix::after {
content: "　";
display: block;
font-size:1px;
height: 0;
width:100%;
clear: both;
visibility: hidden;
}

a:hover.palebtn,
a:hover img.palebtn{
    filter: alpha(opacity=70);
    opacity:0.7;
    -moz-opacity:0.7;
}