@charset "utf-8";

/* =Default
-------------------------------------------------------------- */
/* =reset.css
-------------------------------------------------------------- */
*{
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing:border-box;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,main,menu,nav,section,summary {
	display:block;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote::before, blockquote::after,
q::before, q::after {
	content: '';
	content: none;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
address, caption, cite, code, dfn, em, i, strong, th, var	{
	font-style: normal;
}
img, abbr, acronym, fieldset	{
	border: 0;
}
a img{
	border: 0;
}
img {
	vertical-align:bottom;
}
hr, legend {
	display: none;
}
audio, canvas, progress, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
html {
	box-sizing: border-box;
	cursor: default;
	font-family: sans-serif;
	line-height: 1.5;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset,
p, blockquote,
th, td{
	margin: 0;
	padding: 0;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}
button{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
input, select {
	vertical-align:middle;
}
input, textarea {
	margin: 0;
	font-size: 100%;
}
textarea {
  resize: none;
}
input[type="button"], input[type="text"], input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
input[type="submit"], input[type="button"] {
	-webkit-appearance: button;
	appearance: button;
	border: none;
	cursor: pointer;
}
input[type="submit"], input[type="button"],button {
	outline:none;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}
label { cursor: pointer;vertical-align: middle;}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, th, var,i
{
	font-style: normal;
	font-weight: normal;
}
caption, th {
	text-align: left;
}
area{
	outline: none;
}
/* =Fonts family,size
-------------------------------------------------------------- */
@font-face{ 
  font-family: 'mplus-1c-medium';
  src: url('http://mplus-webfonts.sourceforge.jp/mplus-1c-medium.eot');
  src: url('http://mplus-webfonts.sourceforge.jp/mplus-1c-medium.eot?#iefix') format('embedded-opentype'),
       url('http://mplus-webfonts.sourceforge.jp/mplus-1c-medium.woff') format('woff'),
       url('http://mplus-webfonts.sourceforge.jp/mplus-1c-medium.ttf') format('truetype');
}
html,
body {
	margin: 0;
	padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Sogoe UI", Verdana, "メイリオ", Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
	color: #411a10;
  background: #fff;
	font-size: 16px;
	line-height: 1.6;
  font-weight: 500;
  font-feature-settings: "palt";
}
.mincho{
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.mplus {
  font-family: 'mplus-1c-medium', -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Sogoe UI", Verdana, "メイリオ", Meiryo, sans-serif;
}
table {
  font-size:inherit;
  font:100%;
}

/* =a style
-------------------------------------------------------------- */
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color: #411a10;
}
a:link	{
	text-decoration: none;
	color: #411a10;
}
a:visited	{
	text-decoration: none;
	color: #411a10;
}

a:active	{
	text-decoration: none;
	color: #411a10;
}
@media screen and (min-width: 768px) {
  a:hover{
    opacity: .7;
  }
}
@media screen and (max-width: 767px) {
  html,
  body {
    font-size: 14px;
  }
}
.cf::before,.cf::after {content:"";display:table;}
.cf::after {clear:both;}
.cf {*zoom:1;}