@charset "utf-8";
/*----------------------------****リセット*****-----------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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, tr, th, td {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
}
body {
     line-height: 1;
}
ol, ul {
     list-style: none;
}
blockquote, q {
     quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
     content: '';
     content: none;
}

/* remember to define focus styles! */
:focus {
     outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
     text-decoration: none;
}
del {
     text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
     border-collapse: collapse;
     border-spacing: 0;
}


/*-----------------------------------  共通 ------------------------------------*/
.fw_b{
     font-weight:bold;
}

.km{
     border-radius:5px;
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
     -ms-border-radius:5px;
     -o-border-radius:5px;
}
.km_t_l{
     border-top-left-radius:10px;
     -moz-border-top-left-radius:10px;
     -webkit-border-top-left-radius:10px;
     -ms-border-top-left-radius:10px;
     -o-border-top-left-radius:10px;
}
.km_t_r{
     border-top-right-radius:10px;
     -moz-border-top-right-radius:10px;
     -webkit-border-top-right-radius:10px;
     -ms-border-top-right-radius:10px;
     -o-border-top-right-radius:10px;
}
.km_top{
     border-top-left-radius:5px;
     -moz-border-top-left-radius:5px;
     -webkit-border-top-left-radius:5px;
     -ms-border-top-left-radius:5px;
     -o-border-top-left-radius:5px;
     border-top-right-radius:5px;
     -moz-border-top-right-radius:5px;
     -webkit-border-top-right-radius:5px;
     -ms-border-top-right-radius:5px;
     -o-border-top-right-radius:5px;
}
.km_b_l{
     border-bottom-left-radius:5px;
     -moz-border-bottom-left-radius:5px;
     -webkit-border-bottom-left-radius:5px;
     -ms-border-bottom-left-radius:5px;
     -o-border-bottom-left-radius:5px;
}
.km_b_r{
     border-bottom-right-radius:5px;
     -moz-border-bottom-right-radius:5px;
     -webkit-border-bottom-right-radius:5px;
     -ms-border-bottom-right-radius:5px;
     -o-border-bottom-right-radius:5px;
}

.km_bottom{
     border-bottom-left-radius:5px;
     -moz-border-bottom-left-radius:5px;
     -webkit-border-bottom-left-radius:5px;
     -ms-border-bottom-left-radius:5px;
     -o-border-bottom-left-radius:5px;
     border-bottom-right-radius:5px;
     -moz-border-bottom-right-radius:5px;
     -webkit-border-bottom-right-radius:5px;
     -ms-border-bottom-right-radius:5px;
     -o-border-bottom-right-radius:5px;
}
.fl{
     float:left;
}
.fr{
     float:right;
}
.gray_line{
     margin:0;
     color:#EAEAEA;
}
.clear{
     clear:both;
}
.mo:hover{
     box-shadow:2px 2px 20px #3CF;
     -moz-box-shadow:2px 2px 20px #3CF;
     -webkit-box-shadow:2px 2px 20px #3CF;
     -ms-box-shadow:2px 2px 20px #3CF;
     -o-box-shadow:2px 2px 20px #3CF;
     cursor:pointer;
}
h3{
	letter-spacing:0.03em;
}
h4{
	letter-spacing:0.03em;
}


/*------------------------------------------------------------------------------------------*/
body{
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;	 letter-spacing:0.05em;
	 line-height:1.5;
	 color:#444;
	 font-size:16px;
	 background: linear-gradient(#0e0303,#0e0303,#961d22);
     background: -webkit-linear-gradient(#0e0303,#0e0303,#961d22);
     background: -moz-linear-gradient(top,#0e0303,#0e0303,#961d22);
	 background-attachment: fixed !important;

}
a:link{    
     text-decoration:none; /*-- 未訪問のリンク --*/
     color:#666;
}
a:visited{
     color: #666;  /*-- 訪問済みのリンク --*/
}
a:active {
     text-decoration:none; /*-- 選択中のリンク --*/

}
/*--------------------------------------------------------------------------------------------*/


/*-- アイコンフォント --*/

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?9ebpmp');
  src:  url('../fonts/icomoon.eot?9ebpmp#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?9ebpmp') format('truetype'),
    url('../fonts/icomoon.woff?9ebpmp') format('woff'),
    url('../fonts/icomoon.svg?9ebpmp#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-accsess:before {
  content: "\e900";
  padding-right:3px;
}
.icon-arrow:before {
  content: "\e901";
  padding-right:3px;
}
.icon-blog:before {
  content: "\e902";
  padding-right:3px;
}
.icon-chara:before {
  content: "\e903";
  padding-right:3px;
}
.icon-company:before {
  content: "\e904";
  padding-right:3px;
}
.icon-event:before {
  content: "\e905";
  padding-right:3px;
}
.icon-home:before {
  content: "\e906";
  padding-right:3px;
}
.icon-mail:before {
  content: "\e907";
  padding-right:3px;
}
.icon-news:before {
  content: "\e908";
  padding-right:3px;
}
.icon-online:before {
  content: "\e909";
  padding-right:3px;
}
.icon-phone:before {
  content: "\e90a";
  padding-right:3px;
}
.icon-privacy:before {
  content: "\e90b";
  padding-right:3px;
}
.icon-shop:before {
  content: "\e90c";
  padding-right:3px;
}





/*-- リンク折り返し --*/
.break{
	word-break: break-all;
}


/*-- あおぞら明朝ミディアム --*/
@font-face {
	font-family: 'AozoraMinchoMedium';
	src: url('../fonts/AozoraMinchoMedium.ttf');
	src: local('../fonts/AozoraMinchoMedium.ttf'), local('../fonts/AozoraMinchoMedium.ttf'),
	url('../fonts/AozoraMinchoMedium.ttf') format('truetype'),
	url('../fonts/AozoraMinchoMedium.woff') format('woff'),
	url('../fonts/AozoraMinchoMedium.woff2') format('woff2');
	
}
/*-- フォント --*/
.font{ 
	font-family:"AozoraMinchoMedium" , "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;	
	
	letter-spacing:0.05em;
}

/*-- あおぞら明朝レギュラー --*/
@font-face {
	font-family: 'AozoraMinchoRegular';
	src: url('../fonts/AozoraMinchoRegular.ttf');
	src: local('../fonts/AozoraMinchoRegular.ttf'), local('../fonts/AozoraMinchoRegular.ttf'),
	url('../fonts/AozoraMinchoRegular.ttf') format('truetype'),
	url('../fonts/AozoraMinchoRegular.woff') format('woff'),
	url('../fonts/AozoraMinchoRegular.woff2') format('woff2');
	
}
/*-- フォント --*/
.font2{ 
	font-family:"AozoraMinchoRegular" , "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;	
	
	letter-spacing:0.05em;
}