@charset "UTF-8";

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * テキスト選択時の背景
 */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}

/* ==========================================================================
   古いブラウザへの警告用
   ========================================================================== */
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Clearfix
   ========================================================================== */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}


/* ==========================================================================
   ADD
   ========================================================================== */
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

/* **********************************
 *  フォント
 * ********************************* */
.bold{
    font-weight:bold;
}

/* **********************************
 *  文字寄せ
 * ********************************* */
.txt_c{
    text-align: center;
}
.txt_l{
    text-align: left;
}
.txt_r{
    text-align: right;
}


/* **********************************
 *  回り込み
 * ********************************* */
.inline{
    font-size:0;
}
.inline_block{
    display: inline-block;
    vertical-align: top;
    font-size: initial;
}