@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);


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

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-Regular
@font-face {
    font-family: 'notosans';
    font-style: normal;
    font-weight: 100;
    src:url(../../shared/fonts/NotoSansCJKjp-Thin.eot);
    src: url(../../shared/fonts/NotoSansCJKjp-Thin.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSansCJKjp-Thin.woff) format('woff'),
    url(../../shared/fonts/NotoSansCJKjp-Thin.ttf)  format('truetype');
}

@font-face {
    font-family: 'notosans';
    font-style: normal;
    font-weight: 200;
    src: url(../../shared/fonts/NotoSansCJKjp-Light.eot);
    src: url(../../shared/fonts/NotoSansCJKjp-Light.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSansCJKjp-Light.woff) format('woff'),
    url(../../shared/fonts/NotoSansCJKjp-Light.ttf)  format('truetype');
}
@font-face {
    font-family: 'notosans';
    font-style: normal;
    font-weight: 300;
    src: url(../../shared/fonts/NotoSansCJKjp-DemiLight.eot);
    src: url(../../shared/fonts/NotoSansCJKjp-DemiLight.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSansCJKjp-DemiLight.woff) format('woff'),
    url(../../shared/fonts/NotoSansCJKjp-DemiLight.ttf)  format('truetype');
}
@font-face {
    font-family: 'notosans';
    font-style: normal;
    font-weight: 400;
    src: url(../../shared/fonts/NotoSansCJKjp-Regular.eot);
    src: url(../../shared/fonts/NotoSansCJKjp-Regular.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSansCJKjp-Regular.woff) format('woff'),
    url(../../shared/fonts/NotoSansCJKjp-Regular.ttf)  format('truetype');
}
@font-face {
    font-family: 'notosans';
    font-style: normal;
    font-weight: 500;
    src: url(../../shared/fonts/NotoSansCJKjp-Medium.eot);
    src: url(../../shared/fonts/NotoSansCJKjp-Medium.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSansCJKjp-Medium.woff) format('woff'),
    url(../../shared/fonts/NotoSansCJKjp-Medium.ttf)  format('truetype');
}
@font-face {
    font-family: 'notosans';
    font-style: normal;
    font-weight: 600;
    src: url(../../shared/fonts/NotoSansCJKjp-Medium.eot);
    src: url(../../shared/fonts/NotoSansCJKjp-Medium.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSansCJKjp-Medium.woff) format('woff'),
    url(../../shared/fonts/NotoSansCJKjp-Medium.ttf)  format('truetype');
}
@font-face {
    font-family: 'notosans';
    font-style: normal;
    font-weight: 700;
    src: url(../../shared/fonts/NotoSansCJKjp-Bold.eot);
    src: url(../../shared/fonts/NotoSansCJKjp-Bold.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSansCJKjp-Bold.woff) format('woff'),
    url(../../shared/fonts/NotoSansCJKjp-Bold.ttf)  format('truetype');
}
@font-face {
    font-family: 'notosans';
    font-style: normal;
    font-weight: 800;
    src: url(../../shared/fonts/NotoSansCJKjp-Bold.eot);
    src: url(../../shared/fonts/NotoSansCJKjp-Bold.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSansCJKjp-Bold.woff) format('woff'),
    url(../../shared/fonts/NotoSansCJKjp-Bold.ttf)  format('truetype');
}
@font-face {
    font-family: 'notosans';
    font-style: normal;
    font-weight: 900;
    src: url(../../shared/fonts/NotoSansCJKjp-Black.eot);
    src: url(../../shared/fonts/NotoSansCJKjp-Black.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSansCJKjp-Black.woff) format('woff'),
    url(../../shared/fonts/NotoSansCJKjp-Black.ttf)  format('truetype');
}
 */

/* NotoSerifCJKjp
@font-face {
    font-family: 'notoserif';
    font-style: normal;
    font-weight: 100;
    src:url(../../shared/fonts/NotoSerifCJKjp-ExtraLight.eot);
    src: url(../../shared/fonts/NotoSerifCJKjp-ExtraLight.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSerifCJKjp-ExtraLight.woff) format('woff'),
    url(../../shared/fonts/NotoSerifCJKjp-ExtraLight.ttf)  format('truetype');
}
@font-face {
    font-family: 'notoserif';
    font-style: normal;
    font-weight: 200;
    src: url(../../shared/fonts/NotoSerifCJKjp-Light.eot);
    src: url(../../shared/fonts/NotoSerifCJKjp-Light.eot) format('embedded-opentype'),
    url(../../shared/fonts/NotoSerifCJKjp-Light.woff) format('woff'),
    url(../../shared/fonts/NotoSerifCJKjp-Light.ttf)  format('truetype');
}
@font-face {
    font-family: 'notoserif';
    font-style: normal;
    font-weight: 300;
    src: url(../../shared/fonts/NotoSerifCJKjp-Regular.eot);
    src: url(../../shared/fonts/NotoSerifCJKjp-Regular.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSerifCJKjp-Regular.woff) format('woff'),
    url(../../shared/fonts/NotoSerifCJKjp-Regular.ttf)  format('truetype');
}
@font-face {
    font-family: 'notoserif';
    font-style: normal;
    font-weight: 400;
    src: url(../../shared/fonts/NotoSerifCJKjp-Regular.eot);
    src: url(../../shared/fonts/NotoSerifCJKjp-Regular.eot) format('embedded-opentype'),
    url(../../shared/fonts/NotoSerifCJKjp-Regular.woff) format('woff'),
    url(../../shared/fonts/NotoSerifCJKjp-Regular.ttf)  format('truetype');
}
@font-face {
    font-family: 'notoserif';
    font-style: normal;
    font-weight: 500;
    src: url(../../shared/fonts/NotoSerifCJKjp-Medium.eot);
    src: url(../../shared/fonts/NotoSerifCJKjp-Medium.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSerifCJKjp-Medium.woff) format('woff'),
    url(../../shared/fonts/NotoSerifCJKjp-Medium.ttf)  format('truetype');
}
@font-face {
    font-family: 'notoserif';
    font-style: normal;
    font-weight: 600;
    src: url(../../shared/fonts/NotoSerifCJKjp-SemiBold.eot);
    src: url(../../shared/fonts/NotoSerifCJKjp-SemiBold.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSerifCJKjp-SemiBold.woff) format('woff'),
    url(../../shared/fonts/NotoSerifCJKjp-SemiBold.ttf)  format('truetype');
}
@font-face {
    font-family: 'notoserif';
    font-style: normal;
    font-weight: 700;
    src: url(../../shared/fonts/NotoSerifCJKjp-Bold.eot);
    src: url(../../shared/fonts/NotoSerifCJKjp-Bold.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSerifCJKjp-Bold.woff) format('woff'),
    url(../../shared/fonts/NotoSerifCJKjp-Bold.ttf)  format('truetype');
}
@font-face {
    font-family: 'notoserif';
    font-style: normal;
    font-weight: 800;
    src: url(../../shared/fonts/NotoSerifCJKjp-Bold.eot);
    src: url(../../shared/fonts/NotoSerifCJKjp-Bold.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSerifCJKjp-Bold.woff) format('woff'),
    url(../../shared/fonts/NotoSerifCJKjp-Bold.ttf)  format('truetype');
}
@font-face {
    font-family: 'notoserif';
    font-style: normal;
    font-weight: 900;
    src: url(../../shared/fonts/NotoSerifCJKjp-Black.eot);
    src: url(../../shared/fonts/NotoSerifCJKjp-Black.eot?#iefix) format('embedded-opentype'),
    url(../../shared/fonts/NotoSerifCJKjp-Black.woff) format('woff'),
    url(../../shared/fonts/NotoSerifCJKjp-Black.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:
		"-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:14px;
	font-size:1.4rem;
}

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;
}
caption {
}
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;
}