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

fonts
==================================================*/
/* Default */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200; }
/* NotoSansCJKjp */
/*
@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 100;
    src:url(../fonts/NotoSansCJKjp-Thin.eot);
    src: url(../fonts/NotoSansCJKjp-Thin.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansCJKjp-Thin.woff) format('woff'),
    url(../fonts/NotoSansCJKjp-Thin.ttf)  format('truetype');
}
@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/NotoSansCJKjp-Light.eot);
    src: url(../fonts/NotoSansCJKjp-Light.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansCJKjp-Light.woff) format('woff'),
    url(../fonts/NotoSansCJKjp-Light.ttf)  format('truetype');
}
@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/NotoSansCJKjp-DemiLight.eot);
    src: url(../fonts/NotoSansCJKjp-DemiLight.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansCJKjp-DemiLight.woff) format('woff'),
    url(../fonts/NotoSansCJKjp-DemiLight.ttf)  format('truetype');
}
*/
@font-face {
  font-family: 'noto';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansCJKjp-Regular.eot);
  src: url(../fonts/NotoSansCJKjp-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansCJKjp-Regular.woff) format("woff"), url(../fonts/NotoSansCJKjp-Regular.ttf) format("truetype"); }
@font-face {
  font-family: 'noto';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSansCJKjp-Medium.eot);
  src: url(../fonts/NotoSansCJKjp-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansCJKjp-Medium.woff) format("woff"), url(../fonts/NotoSansCJKjp-Medium.ttf) format("truetype"); }
@font-face {
  font-family: 'noto';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansCJKjp-Bold.eot);
  src: url(../fonts/NotoSansCJKjp-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansCJKjp-Bold.woff) format("woff"), url(../fonts/NotoSansCJKjp-Bold.ttf) format("truetype"); }
/*
@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/NotoSansCJKjp-Black.eot);
    src: url(../fonts/NotoSansCJKjp-Black.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansCJKjp-Black.woff) format('woff'),
    url(../fonts/NotoSansCJKjp-Black.ttf)  format('truetype');
}
*/
/* Roboto */
/*
@font-face {
    font-family: 'roboto';
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/Roboto-Thin.eot);
    src: url(../fonts/Roboto-Thin.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Roboto-Thin.woff) format('woff'),
    url(../fonts/Roboto-Thin.ttf)  format('truetype');
}
@font-face {
    font-family: 'roboto';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Roboto-Light.eot);
    src: url(../fonts/Roboto-Light.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Roboto-Light.woff) format('woff'),
    url(../fonts/Roboto-Light.ttf)  format('truetype');
}
@font-face {
    font-family: 'roboto';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Roboto-Regular.eot);
    src: url(../fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Roboto-Regular.woff) format('woff'),
    url(../fonts/Roboto-Regular.ttf)  format('truetype');
}
*/
@font-face {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Roboto-Medium.eot);
  src: url(../fonts/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Medium.woff) format("woff"), url(../fonts/Roboto-Medium.ttf) format("truetype"); }
@font-face {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Roboto-Bold.eot);
  src: url(../fonts/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Bold.woff) format("woff"), url(../fonts/Roboto-Bold.ttf) format("truetype"); }
/*
@font-face {
    font-family: 'roboto';
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Roboto-Black.eot);
    src: url(../fonts/Roboto-Black.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Roboto-Black.woff) format('woff'),
    url(../fonts/Roboto-Black.ttf)  format('truetype');
}
*/
/* PT Serif Caption */
@font-face {
  font-family: 'PT Serif Caption';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/PT_Serif-Caption-Web-Regular.eot);
  src: url(../fonts/PT_Serif-Caption-Web-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/PT_Serif-Caption-Web-Regular.woff) format("woff"), url(../fonts/PT_Serif-Caption-Web-Regular.ttf) format("truetype"); }
@font-face {
  font-family: 'PT Serif Caption';
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/PT_Serif-Caption-Web-Italic.eot);
  src: url(../fonts/PT_Serif-Caption-Web-Italic.eot?#iefix) format("embedded-opentype"), url(../fonts/PT_Serif-Caption-Web-Italic.woff) format("woff"), url(../fonts/PT_Serif-Caption-Web-Italic.ttf) format("truetype"); }
/*==================================================

sectioning	
==================================================*/
/*	outline	*/
html {
  font-size: 62.5%;
  /* 10px */ }

html,
body {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 100%; }

body {
  font-family: "Noto Sans Japanese", "noto", "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic,Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", "M+ 1p", sans-serif;
  	/*
  font-family:
  	"ヒラギノ角ゴ Pro W3",
  	"Hiragino Kaku Gothic Pro",
  	"メイリオ",
  	Meiryo, Osaka,
  	"MS PGothic",
  	sans-serif;
  font-family:
  	'Forum',
  	'Cinzel',
     "ヒラギノ明朝 ProN W3",
     "HiraMinProN-W3",
     "HG明朝E",
     "MS PMincho",
     "MS 明朝",
     serif;
     */
  font-weight: 400;
  font-size: 15px;
  font-size: 1.5rem; }

p,
blockquote,
address,
small,
dt,
dd,
li,
th,
td,
td,
span {
  line-height: 150%; }

div {
  line-height: 100%; }

/*	heading	*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  vertical-align: top;
  font-weight: normal;
  font-size: 100%;
  line-height: 150%; }

/*==================================================

link	
==================================================*/
a {
  color: inherit;
  text-decoration: inherit;
  cursor: pointer; }

a:hover {
  text-decoration: underline; }

/*==================================================

content	
==================================================*/
/*	text	*/
p,
blockquote {
  margin: 0; }

address {
  font-style: normal; }

/*	list	*/
ol,
ul,
dl,
dd {
  margin: 0; }

ol,
ul {
  padding: 0;
  list-style: none; }

/*	table	*/
table {
  border-collapse: collapse; }

th,
td {
  padding: 0; }

th {
  font-weight: normal; }

/*	embed	*/
img {
  vertical-align: bottom;
  border: 0; }

figure {
  margin: 0;
  padding: 0; }

/*	semantics	*/
ruby,
rt,
mark,
menu {
  margin: 0;
  padding: 0; }

small {
  font-size: 100%; }

em,
cite,
dfn,
i {
  font-style: normal; }

strong,
b {
  font-weight: normal; }

ins,
del {
  text-decoration: none; }

q {
  quotes: none; }

sup,
sub {
  vertical-align: baseline; }

ruby,
rt,
mark {
  line-height: 100%; }

mark {
  background: none; }

/*==================================================

form
==================================================*/
form {
  margin: 0; }

input,
select,
textarea {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 100%;
  font-size: 1.6rem; }

select {
  line-height: 100%;
  font-weight: normal; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }