@charset "utf-8";

.mt200 {
    margin-top:200px;
}

.text-center {
    text-align:center;
}

form span.required:before {
    content: " ※ ";
    color:#ff0000;
}
form .msg {
    color:#0000ff;
}

form .ta1 th {
    width:200px;
}

.header {
    margin:15px auto;
    text-align:center;
}

.bgimg {
    min-height:309px;
    max-width:100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.list-container .list div {
    min-height:309px;
}

/* しきい値は各テンプレートで調整すること */
@media screen and (min-width:1024px){

.header {
    width:80%;
}

.bgimg {
    min-height:465px;
}

.list-container .list div {
    min-height:465px;
}

}

/*「NEW」アイコン
---------------------------------------------------------------------------*/
.newicon {
    background: linear-gradient(160deg, #747474, #414141);  /*背景色*/
    color: #FFF;       /*文字色*/
    font-size: 70%;    /*文字サイズ*/
    line-height: 1.5;
    padding: 2px 5px;
    border-radius: 2px;
    margin: 0px 5px;
    vertical-align: text-top;
    text-shadow: none;
}

/*ボタン*/
.btn a,
.btn button {
    display: inline-block;text-decoration: none;border: none;
    color: #fff;            /*文字色*/
    border-radius: 3px;     /*角丸のサイズ。ほんの少しだけ角が丸くなります。*/
    padding: 10px 20px;     /*上下、左右へのボタン内の余白*/
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);    /*ボックスの影。右へ、下へ、ぼかし幅の順。0,0,0は黒の事で0.2は色が20%出た状態。*/
    background: linear-gradient(#747474,#414141);/*背景グラデーション*/
    font-size: 1rem;    /*文字サイズ。remの単位についてはテンプレート内の解説をお読み下さい。*/
}

/*ボタンのマウスオン時*/
.btn a:hover,
.btn button:hover {
    filter: brightness(1.2);    /*少しだけ明るくする*/
    cursor: pointer;
}

.btn button:disabled {
    filter: brightness(0.8);    /*少しだけ暗くする*/
    cursor: not-allowed; /* カーソルを「禁止」マークに */
    opacity: 0.6; /* 透明度を少し下げる */
}