@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Lato:900);

/* フォント設定 */
@font-face {
/*    細字*/
    font-family: "Lapland";
    src: url("../font/lapland_light.eot?") format('eot'),
        url("../font/lapland_light.woff") format('woff'),
        url("../font/lapland_light.ttf")  format('truetype');
    font-weight: 100;
}
@font-face {
/*    ノーマル*/
    font-family: "Lapland";
    src: url("../font/Lapland.eot?") format('eot'),
        url("../font/Lapland.woff") format('woff'),
        url("../font/Lapland.ttf")  format('truetype');
    font-weight: normal;
}
@font-face {
/*    太字*/
    font-family: "Lapland";
    src: url("../font/Lapland ExtraBold.eot?") format('eot'),
        url("../font/Lapland ExtraBold.woff") format('woff'),
        url("../font/Lapland ExtraBold.ttf")  format('truetype');
    font-weight: bold;
}



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;
}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form {
    font-weight: normal;
}
html {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}
body {
    font-family: "Lapland", 'Noto Sans', 'Hiragino Kaku Gothic ProN', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    height: 100%;
    line-height: 1.7;
    color: #222222;
    letter-spacing: 0.1em;
    -moz-osx-font-smoothing: grayscale;
    osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 1.0em;
    letter-spacing: 0.2em;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th {
    text-align: left;
    font-weight: normal;
}
img {
    vertical-align: bottom;
    border: 0;
}
p{ word-break:normal; }
li {
    list-style-type: none;
}
a {
    color: #333;
    text-decoration: none;
    /*transition: all 0.5s ease 0s;*/
}
a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}
/*a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}*/

.serif {
    font-family: "Lapland", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", 'Kozuka Mincho Pro','Kozuka Mincho Std','小塚明朝 Pro R','小塚明朝 Std R','Hiragino Mincho Pro', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.arialb{font-family: "Lapland", 'Lato', 'Hiragino Kaku Gothic ProN', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.bg-bk{
    display:inline-block;
    background:#892544;
    color:#FFF;
    line-height:100%;
    padding:5px;
}

/******************************************************clearfix*/
.clearfix:after {
    content: " ";
    font-size: 0.1em;
    line-height: 0;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/******************************************************button*/
.btn{
    background-color: #892544;
    border:none;
    border-radius: 4px;
    color: #FFFFFF !important;
    display: inline-block;
    padding: 5px 50px;
    text-align: center;
    vertical-align: middle;
    font-size:22px;
    /*border-bottom:2px solid rgba(0, 0, 0, 0.2);*/

/*    ブラウザデフォルトのUIを無効にする*/
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

/****************************************************** form */
input, textarea {
    box-sizing: border-box;
    font-family: 'Hiragino Kaku Gothic ProN', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
input[type="text"], input[type="password"], textarea {
    border: 1px solid #222222;
    margin: 0;
    padding: 8px;
    -webkit-transition: border 0.3s linear 0s, box-shadow 0.3s linear 0s, background 0.3s linear 0s;
    transition: border 0.3s linear 0s, box-shadow 0.3s linear 0s, background 0.3s linear 0s;
    margin:5px;
    border-radius:8px;
    font-size:18px;
    width:100%;
    box-sizing:border-box;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    border-color: #999;
    /*background:#f9f8f4;*/
}

/****************************************************** txt */
.txt-xlg{font-size:1.6em;}
.txt-lg{font-size:1.4em;}
.txt-md{font-size:1.2em;}
.txt-sm{font-size:0.9em;}
.txt-xs{font-size:0.85em;}
.txt-xxs{font-size:0.75em;}
.txt-blue{ color:#5babcb;}
.txt-red{ color:#F0543C;}
.txt-gray{ color:#4D4D4D;}
.txt-white{ color:#FFF;}
.txt-white.bg-red{color:#FFF; background:#F00; padding:3px 2px 3px 8px;}

/******************************************************各パーツ*/

html, body {
    height: 100%;/* The html and body elements cannot have any padding or margin. */
}
hr{
    border:none;
    border-top:1px solid #a47840;
}