@charset "utf-8";

/*
------------------------------------------------
Style_Formatting
------------------------------------------------
*/

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

h1,h2,h3,h4,h5,h6,address,img {
  margin:0px;
  padding:0px;
  border:0px;
  font-style:normal;
  font-weight:normal;
}

div,blockquote,p,pre,ul,ol,li,dl,dt,dd {
  margin:0px;
  padding:0px;
  border:0px;
  list-style-type:none;
}

table,caption,th,td {
  margin:0px;
  padding:0px;
  border:0px;
  font-style:normal;
  font-weight:normal;
}

hr {
  margin:0px;
  padding:0px;
  border:0px;
}

iframe {
  margin:0px;
  padding:0px;
  border:0px;
}

form, fieldset, input, button, select, optgroup, option, textarea,
label, legend {
  margin:0px;
  padding:0px;
}

span, em, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object {
  margin:0px;
  padding:0px;
  border:0px;
  font-style: inherit;
  font-weight: inherit;
}
strong{
  margin:0px;
  padding:0px;
  border:0px;
  }
pre{
clear:both;
margin:0px;
padding:0px;
}
* {
	/*font-family: Verdana,Arial,Helvetica,'Jun 201','Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',sans-serif;*/
  /*font-family : 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif ;*/
  /*font-family : 'Kozuka Gothic Pro', 'Kozuka Gothic Std', '小塚ゴシック Pro R', '小塚ゴシック Std R', 'Hiragino Gothic Pro', 'ヒラギノゴシック Pro W3', 'ＭＳ Ｐゴシック', 'Arial, Verdana, sans-serif;*/
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
/*font-family : 'Kozuka Gothic Pro', 'Kozuka Gothic Std', '小塚ゴシック Pro R', '小塚ゴシック Std R', 'Hiragino Gothic Pro', 'ヒラギノゴシック Pro W3',"メイリオ", Meiryo, Arial, Verdana, sans-serif;*/
 color: #7c7c7c;
}

textarea,input,select {font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}

img{
	vertical-align:bottom;
}

/*
------------------------------------------------
Style_Formatting＿HTML5
------------------------------------------------
*/
article, aside, figure, footer, header, hgroup, nav, section {
display: block;
margin:0px;
padding:0px;
}

/*
------------------------------------------------
CSS Model
------------------------------------------------
*/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*
------------------------------------------------
WEB Fonts
------------------------------------------------
*/
/*Marka*/
.marka {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
.marka i {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #000000;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
.marka.marka-set i {
  opacity: 1;
}
.marka.marka-rotate-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.marka.marka-rotate-left {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.marka.marka-rotate-down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.marka.marka-icon-empty {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

/* Times icon */
.marka.marka-icon-times i {
  -webkit-transform: rotate(45deg) scale(1, 0.17);
  -moz-transform: rotate(45deg) scale(1, 0.17);
  -ms-transform: rotate(45deg) scale(1, 0.17);
  -o-transform: rotate(45deg) scale(1, 0.17);
  transform: rotate(45deg) scale(1, 0.17);
}
.marka.marka-icon-times i:nth-child(2) {
  -webkit-transform: rotate(-45deg) scale(1, 0.17);
  -moz-transform: rotate(-45deg) scale(1, 0.17);
  -ms-transform: rotate(-45deg) scale(1, 0.17);
  -o-transform: rotate(-45deg) scale(1, 0.17);
  transform: rotate(-45deg) scale(1, 0.17);
}

/* Bars icon */
.marka.marka-icon-bars i {
  -webkit-transform: scale(1, 0.18);
  -moz-transform: scale(1, 0.18);
  -ms-transform: scale(1, 0.18);
  -o-transform: scale(1, 0.18);
  transform: scale(1, 0.18);
}
.marka.marka-icon-bars i:nth-child(2) {
  -webkit-transform: scale(1, 0.17) translate(0%, -260%);
  -moz-transform: scale(1, 0.17) translate(0%, -260%);
  -ms-transform: scale(1, 0.17) translate(0%, -260%);
  -o-transform: scale(1, 0.17) translate(0%, -260%);
  transform: scale(1, 0.17) translate(0%, -260%);
}
.marka.marka-icon-bars i:nth-child(3) {
  -webkit-transform: scale(1, 0.17) translate(0%, 260%);
  -moz-transform: scale(1, 0.17) translate(0%, 260%);
  -ms-transform: scale(1, 0.17) translate(0%, 260%);
  -o-transform: scale(1, 0.17) translate(0%, 260%);
  transform: scale(1, 0.17) translate(0%, 260%);
}
/* Triangle icon */
.marka.marka-icon-triangle i {
  border-radius: 0% 30% 0 30%;
  -webkit-transform: rotate(-60deg) skewX(-30deg) scale(0.5, 0.433) translate(2%, -5%);
  -moz-transform: rotate(-60deg) skewX(-30deg) scale(0.5, 0.433) translate(2%, -5%);
  -ms-transform: rotate(-60deg) skewX(-30deg) scale(0.5, 0.433) translate(2%, -5%);
  -o-transform: rotate(-60deg) skewX(-30deg) scale(0.5, 0.433) translate(2%, -5%);
  transform: rotate(-60deg) skewX(-30deg) scale(0.5, 0.433) translate(2%, -5%);
}
.marka.marka-icon-triangle i:nth-child(2) {
  -webkit-transform: rotate(180deg) skewX(-30deg) scale(0.5) translate(5%, -30%);
  -moz-transform: rotate(180deg) skewX(-30deg) scale(0.5) translate(5%, -30%);
  -ms-transform: rotate(180deg) skewX(-30deg) scale(0.5) translate(5%, -30%);
  -o-transform: rotate(180deg) skewX(-30deg) scale(0.5) translate(5%, -30%);
  transform: rotate(180deg) skewX(-30deg) scale(0.5) translate(5%, -30%);
}
.marka.marka-icon-triangle i:nth-child(3) {
  -webkit-transform: rotate(90deg) skewY(-30deg) scale(0.5) translate(30%, -2%);
  -moz-transform: rotate(90deg) skewY(-30deg) scale(0.5) translate(30%, -2%);
  -ms-transform: rotate(90deg) skewY(-30deg) scale(0.5) translate(30%, -2%);
  -o-transform: rotate(90deg) skewY(-30deg) scale(0.5) translate(30%, -2%);
  transform: rotate(90deg) skewY(-30deg) scale(0.5) translate(30%, -2%);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .marka.marka-icon-bars i:nth-child(2) { {
      transform: scale(1, 0.17) translate(0%, -500%);
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .marka.marka-icon-bars i:nth-child(3) { {
      transform: scale(1, 0.17) translate(0%, -500%);
  }
}