/*
color note
    baseColor: #b12034
    subColor: #009250
    subColor: #F9E3AA
    subColor: #A41666

logo bg color:
    rgb(187,60,38)

base screen size: pc === sp
    width: 800px;
    height: auto;
 */


/***************************************************
 * Foundation
 ***************************************************/
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-xs-0-6, .col-xs-5-6, .col-md-0-6, .col-md-5-6 {
    padding-right: 5px;
    padding-left:  5px;
}

.col-xs-0-6, .col-xs-5-6, .col-xs-11-6, .col-md-0, .col-md-0-6, .col-md-5-6, .col-md-11-6 {
    float: left;
    position: relative;
    min-height: 1px;
}
.col-xs-0-6 {
    width: 4.16666666%;
}
.col-xs-5-6 {
    width: 45.8333333%;
}
.col-xs-11-6 {
    width: 95.8333333%;
}
.col-xs-offset-0-3 {
    margin-left: 2.08888888%;
}
.col-xs-offset-0-6 {
    margin-left: 4.16666666%;
}
/* media devices */
@media (min-width: 992px) {
    .col-md-0 {
        display: none;
    }
    .col-md-0-6 {
        width: 4.16666666%;
    }
    .col-md-5-6 {
        width: 45.8333333%;
    }
    .col-md-11-6 {
        width: 95.8333333%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-offset-0-3 {
        margin-left: 2.08888888%;
    }
    .col-md-offset-0-6 {
        margin-left: 4.16666666%;
    }
}


.container {
    padding-top: 20px;
}
@media (min-width: 1200px) {
    .container {
        width: 800px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 800px;
    }
}
@media (min-width: 768px) {
    .container {
        width: 800px;
    }
}


.row, .form-group, .clearfix {
    margin-bottom: 25px;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.clearfix.no-mb, .row.no-mb, .form-group.no-mb {
    margin-bottom: 0;
}

label {
    text-shadow: #888 0px 0px 1px;
}
label.btn.focus.active {
    outline: 0;
}
textarea.form-control {
    padding: 6px 12px;
}

.btn.active, .btn.active.focus, .btn.active:hover, .btn.active.focus:hover {
    color: #FFF;
    background-color: #31b0d5;
}

hr {
    border-color: #aaa;
    border-style: dashed;
}

p {
    margin-bottom: 20px;
}

h1 {
    background-color: #b12034;
    color: #FFF;
    text-shadow: #888 0px 0px 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 2.5em;
}

a {
    text-decoration: underline;
}

a.btn {
    text-decoration: none;
}

.btn-default {
    color: #000;
    background-color: #FFF;
}
.btn-default.active, .btn-default.active.focus, .btn-default.active:hover, .btn-default.active.focus:hover {
    color: #FFF;
    background-color: #b12034;
    border: 1px solid transparent;
    outline: none;
}
.btn-default:hover, .btn-default:active:hover, .btn-default.active:hover {
    color: #FFF;
    background-color: #981d25;
    border: 1px solid transparent;
}
.btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {
    color: #FFF;
    background-color: #009250;
    border: none;
    outline: none;
}
.btn-primary:hover, .btn-primary:active:hover {
    color: #FFF;
    background-color: #007a43;
    border: none;
}
.btn-default[disabled]:hover {
    color: #333;
}

.btn[disabled] {
    text-decoration: line-through;
}

/***************************************************
 * Layout
 ***************************************************/
html,body {
    font-size: 16px;
    line-height: 1.3;
}
body {
    -webkit-text-size-adjust: 100%;
    background: url("background_paper.png");
    background-size: 140px;
    background-repeat: repeat;
    font-family: 'Yusei Magic', '游ゴシック', 'ヒラギノ角ゴ Pro', 'メイリオ', sans-serif;
}
th,td {
    padding: 7px 13px;
}

@media (min-width: 992px) {
    html,body {
        font-size: 18px;
    }
}


/***************************************************
 * Object
 ***************************************************/

/***************************************************
 * Object > Component
 ***************************************************/

.c-fullscreen {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: table;
    z-index: 99999;
    background: url("background_paper.png");
    background-size: 140px;
    background-repeat: repeat;
}
.c-fullscreen > .c-fullscreen__inner {
    display: table-cell;
    vertical-align: middle;
}

.c-noren {
    position: relative;
    width: 250px;
    height: 270px;
    margin: 0 auto;
    clear: both;
}
.c-noren > .c-noren__header, .c-noren > .c-noren__parts > div {
    background: #800;/*#af1717;*/
}
.c-noren > .c-noren__header {
    width: 100%;
    height: 30%;
}
.c-noren > .c-noren__header:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #FFF;
    position: absolute;
    top: 10px;
}
.c-noren > .c-noren__parts {
    width: 100%;
    height: 70%;
    margin-top: -1px;
}
.c-noren > .c-noren__parts > div {
    float: left;
    width: 32%;
    height: 100%;
}
.c-noren > .c-noren__parts > .border {
    float: left;
    width: 2%;
    height: 100%;
    background: transparent;
}
.c-noren > .c-noren__logo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    color: #FFF;
    background-image: url(logo_main.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100%;
}
.c-noren > .c-noren__logo > div {
    padding-bottom: 25px;
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    font-size: 2.3em;
}

.c-noren:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background: url("background_paper.png");
    background-size: 140px;
    background-repeat: repeat;
    opacity: 0.5;
    -o-filter: hue-rotate(-60deg) brightness(0.8);
    -webkit-filter: hue-rotate(-60deg) brightness(0.8);
    -moz-filter: hue-rotate(-60deg) brightness(0.8);
    -ms-filter: hue-rotate(-60deg) brightness(0.8);
    filter: hue-rotate(-60deg) brightness(0.8);*/
}


.c-flyer {
    cursor: pointer;
    user-select: none;
}
.c-flyer > .row {
    margin-bottom: 20px;
}
.c-flyer > .row > .c-flyer__panel {
    padding: 10px 15px;
    background-color: #FFF;
    border-radius: 15px;
}
.c-flyer h2, .c-flyer h3, .c-flyer h4 {
    margin: 0;
}
.c-flyer h2 + *, .c-flyer h3 + *, .c-flyer h4 + * {
    margin-top: 0.4em;
}
.c-flyer h3 {
    font-size: 1.6em;
    display: inline-block;
}
.c-flyer h3:after {
    content: '';
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 0.15em;
    border-bottom: 2px solid #A41666;
}
.c-flyer p {
    margin-bottom: 0;
    padding: 5px 0 0;
}
.c-flyer .c-flyer__text {
    font-size: 0.85em;
}

.c-browser-warning {
    display: none;
}

.c-gallery .c-gallery__item {
    height: 110px;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
}
.c-gallery .c-gallery__item img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.c-fileupload__thumbnail {
    width: 120px;
    max-height: 200px;
    margin-bottom: 5px;
}

.c-main-logo {
    background: none;
}
.c-main-logo > img {
    width: 100%;
}


/***************************************************
 * Object > Project
 ***************************************************/


/***************************************************
 * Object > Utility
 ***************************************************/
.u-mt0 { margin-top: 0px !important; }
.u-mt5 { margin-top: 5px !important; }
.u-mt10 { margin-top: 10px !important; }
.u-mt20 { margin-top: 20px !important; }
.u-mt30 { margin-top: 30px !important; }
.u-mt40 { margin-top: 40px !important; }
.u-mt50 { margin-top: 50px !important; }
.u-ml0 { margin-left: 0px !important; }
.u-ml5 { margin-left: 5px !important; }
.u-ml10 { margin-left: 10px !important; }
.u-ml20 { margin-left: 20px !important; }
.u-ml30 { margin-left: 30px !important; }
.u-ml40 { margin-left: 40px !important; }
.u-ml50 { margin-left: 50px !important; }
.u-mr0 { margin-right: 0px !important; }
.u-mr5 { margin-right: 5px !important; }
.u-mr10 { margin-right: 10px !important; }
.u-mr20 { margin-right: 20px !important; }
.u-mr30 { margin-right: 30px !important; }
.u-mr40 { margin-right: 40px !important; }
.u-mr50 { margin-right: 50px !important; }
.u-mb0 { margin-bottom: 0px !important; }
.u-mb5 { margin-bottom: 5px !important; }
.u-mb10 { margin-bottom: 10px !important; }
.u-mb20 { margin-bottom: 20px !important; }
.u-mb30 { margin-bottom: 30px !important; }
.u-mb40 { margin-bottom: 40px !important; }
.u-mb50 { margin-bottom: 50px !important; }
.u-pt0 { padding-top: 0px !important; }
.u-pt5 { padding-top: 5px !important; }
.u-pt10 { padding-top: 10px !important; }
.u-pt20 { padding-top: 20px !important; }
.u-pt30 { padding-top: 30px !important; }
.u-pt40 { padding-top: 40px !important; }
.u-pt50 { padding-top: 50px !important; }
.u-pl0 { padding-left: 0px !important; }
.u-pl5 { padding-left: 5px !important; }
.u-pl10 { padding-left: 10px !important; }
.u-pl20 { padding-left: 20px !important; }
.u-pl30 { padding-left: 30px !important; }
.u-pl40 { padding-left: 40px !important; }
.u-pl50 { padding-left: 50px !important; }
.u-pr0 { padding-right: 0px !important; }
.u-pr5 { padding-right: 5px !important; }
.u-pr10 { padding-right: 10px !important; }
.u-pr20 { padding-right: 20px !important; }
.u-pr30 { padding-right: 30px !important; }
.u-pr40 { padding-right: 40px !important; }
.u-pr50 { padding-right: 50px !important; }
.u-pb0 { padding-bottom: 0px !important; }
.u-pb5 { padding-bottom: 5px !important; }
.u-pb10 { padding-bottom: 10px !important; }
.u-pb20 { padding-bottom: 20px !important; }
.u-pb30 { padding-bottom: 30px !important; }
.u-pb40 { padding-bottom: 40px !important; }
.u-pb50 { padding-bottom: 50px !important; }
.u-h50 { height: 50px !important; }
.u-h100 { height: 100px !important; }
.u-h150 { height: 150px !important; }
.u-h200 { height: 200px !important; }
.u-h250 { height: 250px !important; }
.u-h300 { height: 300px !important; }
.u-h350 { height: 350px !important; }
.u-h400 { height: 400px !important; }
.u-h450 { height: 450px !important; }
.u-h500 { height: 500px !important; }
.u-h550 { height: 550px !important; }
.u-h600 { height: 600px !important; }
.u-ofh { overflow: hidden !important; }
.u-ofs { overflow: scroll !important; }
.u-w100 { width: 100%; }
.u-perspective {
    perspective: 1000px;
    -webkit-perspective: 1000px;
}
.u-bold {
    font-weight: bold;
    text-shadow: #888 0px 0px 0.5px;
}
.u-text-center {
    text-align: center;
}
.u-text-center table {
    margin: 0 auto;
    text-align: initial;
}
.u-script-font {
    font-family: 'Great Vibes', cursive;
}
.u-xlarge {
    font-size: 140%;
}
.u-large {
    font-size: 120%;
}
.u-small {
    font-size: 65%;
}
.u-xsmall {
    font-size: 40%;
}
.u-display-none {
    display: none !important;
}