/*-- 背景色 --*/
.bg-braun {
    background-color : #eeeae2 ;
}
.bg-gray {
    background-color : #ccc ;
}
.bg-white {
    background-color : #fff ;
}

/*-- テキスト装飾 --*/
.text-big {
    font-size : 1.5rem ;
}
.text-large {
    font-size : 1.1rem ;
}
.text-middle {
    font-size : 1.1rem ;
}
.text-bold {
    font-weight : bold ;
}
.text-normal {
    font-size : 14px ;
}
.page_title {
    font-size : 18px ;
}
.text-small {
    font-size : 12px ;
}
.text-red {
    color: #f33;
}
.text-caution {
    color: #f33;
    font-weight: bold;
}

/*-- 配置関係 --*/
.mb10 {
    margin-bottom : 10px ;
}
.mb20 {
    margin-bottom : 20px ;
}
.mb30 {
    margin-bottom : 30px ;
}
.nowrap {
    white-space : nowrap ;
}
.wd50 {
    width : 50% ;
    padding : 0 5px ;
    box-sizing : border-box ;
}
.wd100 {
    width : 100% ;
}
.btn-toolbar {
    margin-left: 0;
}
.btn-toolbar > .btn {
    margin-left : 0 ;
}

/*-- ページタイトル --*/
.page-title {
    border-bottom: 1px solid #ccc ;
    padding : 5px 10px ;
    margin : 0 0 10px ;
}

/*-- ページネイション --*/
.page_nation {
    list-style : none ;
    margin : 0 0 5px ;
    padding : 0 ;
}
.page_nation li {
    display : inline-block ;
    vertical-align : top ;
    padding : 2px ;
}
.page_nation li span {
    font-weight : bold ;
}
.page_nation li a {
    display : block ;
    border : 1px solid #ccc ;
    padding : 0 3px ;
}

/*-- フォーム関係 --*/
.error input[type=text],
.error input[type=password],
.error input[type=email],
.error input[type=tel],
.error select,
.error textarea {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
select,
textarea {
    width : 100% ;
    padding: 4px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type=text]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.input-mini {
    width: 60px!important;
}
.input-small {
    width: 90px;
}
.input-medium {
    width: 150px;
}
.input-large {
    width: 210px;
}
.input-xlarge {
    width: 270px;
}
.input-xxlarge {
    width: 530px;
}
.control-group {
    margin-bottom:0px;
}
.form-horizontal .control-group {
    margin-bottom : 20px;
    padding-bottom : 20px ;
    border-bottom: 1px solid #EDEDED ;
}
.form-horizontal .control-group:last-child {
    border-bottom: none ;
    margin: 0;
}
.form-horizontal .control-group:after {
    clear:both;
    content:'';
    display:block;
}
.form-horizontal .control-label {
    width: 100%;
    text-align: center;
    background-color: #F9F9F9;
    padding: 2px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #DDD;
    color : #666 ;
    font-size : 14px ;
}
.form-horizontal .controls {
    margin-top : 10px ;
    font-size : 16px ;
}
.form-horizontal .controls:first-child{
    *padding-left:180px;
}
.form-horizontal .controls p {
    padding-top : 5px ;
    font-size : 14px ;
}
.form-horizontal .require:before {
    content : "*" ;
    color : #f33 ;
}
.form-horizontal .require {
    border-color: chocolate!important;
}
.form-horizontal .explanation {
    display : block ;
    color : #33f ;
    font-size : 12px ;
}
.form-horizontal .err_msg {
    display : block ;
    color : #f33 ;
    font-size : 12px ;
}
.btn.btn-pd0 {
    padding : 1px 2px ;
}

/*-- テーブルデザイン --*/
.table tr th {
    background-color : #ff7f50 ;
    color : #fff ;
    text-align : center ;
    white-space : nowrap ;
    border-right : 1px solid #fff ;
    padding : 2px!important ;
}
.table tr td {
    border-right : 1px solid #ccc ;
    padding : 2px!important ;
}
.table tr th:last-child,
.table tr td:last-child {
    border-right : none ;
}


/*-- ログインボックス --*/
.login_box {
    width : 600px ;
    margin : 0 auto ;
}


/*-- マイページ --*/
.title_table {
    display: table ;
    width : 100% ;
    background-color : #fefefe ;
    border-bottom : 2px solid #ccc ;
}
.title_table dt,
.title_table dd {
    display: table-cell ;
    vertical-align: middle;
    color : #666 ;
    padding : 5px 0 ;
}
.title_table dt {
    padding-left : 10px ;
}
.title_table dd {
    padding-right : 2% ;
    text-align: right;
}
.history_list {
    width : 100%;
    font-size : 16px ;
}
.history_list th {
    text-align: center;
    background-color : #33CC99 ;
    color : #fff ;
    white-space: nowrap;
}
.history_list td {
    vertical-align: middle;
    padding : 5px 2% ;
}
.history_list tbody tr:nth-child(even) td {
    background-color : #efe ;
}
.history_list td .history_date {
    font-size: 14px;
}
.paginate {
    margin-top : 10px ;
    text-align: center ;
}
.paginate span {
    font-size : 14px ;
    border : 1px solid #ccc ;
    border-right : none ;
    padding : 10px ;
}
.paginate span:last-child {
    border-right : 1px solid #ccc ;
}
.point_num {
    color : #33CC99 ;
    white-space: nowrap;
}


/*-- 詳細ボックス --*/
.detail_box {

}
.detail_box dt,
.detail_box dd {
    font-weight: normal;
}
.detail_box dt {
    font-size: 16px;
}
.detail_box dd {
    margin-bottom : 10px ;
    padding : 0 10px 5px ;
    border-bottom : 1px solid #ccc ;
}
.detail_box dd a {
    word-break: break-all;
}

/*-- 店舗リスト形式 --*/
.shop_list {
    list-style: none;
    margin : 0 ;
    padding : 0 ;
}
.shop_list li {
    padding : 5px 10px ;
}
.shop_list li:nth-child(even) {
    background-color : #efe ;
}
.shop_list li p {
    margin : 0 ;
}
.shop_list li .shop_name {
    font-size : 14px ;
}

.coupon_advance {
    margin-left: 10px;
    padding : 2px ;
    background-color: #f63;
    font-style: normal;
    color : #fff;
    border-radius: 5px;
    border-bottom : 2px solid #c30 ;
    border-right : 2px solid #c30 ;
}
.coupon_lottery_winning {
    margin-left: 10px;
    padding : 2px ;
    background-color: #3347ff;
    font-style: normal;
    color : #fff;
    border-radius: 5px;
    border-bottom : 2px solid #005fcc;
    border-right : 2px solid #005fcc ;
}
.coupon_notes {
    margin-left: 30px;
    font-size: 14px;
    color: red;
}

/*-- 検索ボックス --*/
.condition_box {
    display: table;
    width : 100% ;
    border-radius: 5px;
    border : 1px solid #ccc ;
    padding : 10px ;
}
.condition_box label {
    display : table-row ;
    font-weight: normal;
    font-size : 14px ;
}
.condition_box .condition_title {
    display : table-cell ;
    vertical-align: middle;
    width : 130px ;
    text-align: right;
}
.condition_box .condition_body {
    display : table-cell ;
    vertical-align: middle;
    margin : 0 ;
    padding : 2px 0 ;
}

/*-- グループリスト形式 --*/
.group_list {
    list-style: none;
    margin : 0 ;
    padding : 0 ;
}
.group_list li {
    padding : 5px 10px ;
}
.group_list li:nth-child(even) {
    background-color : #efe ;
}
.group_list li p {
    margin : 0 ;
}
.group_list li .group_name {
    font-size : 12px ;
}
.group_advance {
    margin-left: 10px;
    padding : 2px ;
    background-color: #f63;
    font-style: normal;
    color : #fff;
    border-radius: 5px;
    border-bottom : 2px solid #c30 ;
    border-right : 2px solid #c30 ;
}
.group_your_owner {
    margin-left: 10px;
    padding : 2px ;
    background-color: #3347ff;
    font-style: normal;
    color : #fff;
    border-radius: 5px;
    border-bottom : 2px solid #005fcc;
    border-right : 2px solid #005fcc ;
}


/*-- マイページ --*/
.mypage-box {
    width : 100% ;
    margin-bottom : 10px ;
}
.mypage-box .contents_title,
.page_title {
    font-weight: bold;
    border-bottom : 2px solid #ccc ;
    color : #666 ;
    padding-left : 10px ;
}
.mypage-box ul {
    list-style : none ;
    margin : 0 ;
    padding : 0 ;
}
.mypage-box ul li {
    margin-bottom : 5px ;
}

/*-- クーポン詳細 --*/
.coupon_detail_box {
    background-color : #fff4ea ;
    border-radius : 10px 0 0 0 ;
}
.coupon_detail_box .contents_title {
    background-color : #FFB519 ;
    color : #fff ;
    padding : 5px 0 ;
    text-align : center ;
    font-weight : bold ;
    border-radius : 10px 0 0 0 ;
}
.coupon_detail_box .coupon_title {
    text-align: center;
    font-size : 20px ;
    font-weight : bold ;
}
.coupon_detail_box .shop_name {
    text-align: center;
    font-size : 16px ;
    margin-bottom : 5px ;
}
.coupon_detail_box .coupon_limit {
    text-align : center ;
    margin : 0 10px 5px ;
    color : #f33 ;
    font-size : 15px ;
}
.coupon_detail_box .coupon_info {
    font-size : 14px ;
    padding : 10px 5px ;
    border-top : 1px dashed #ccc ;
}
.readygo_contents_title {
    padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
    color: #494949;/*文字色*/
    background: #f4f4f4;/*背景色*/
    border-left: solid 5px #7db4e6;/*左線*/
    border-bottom: solid 3px #d7d7d7;/*下線*/
    font-weight: 700;

}
.readygo_contents_title a {
    color: #666;
}
.readygo_contents_title a.btn {
    color: #fff;
}
/*-- イベント一覧ページ --*/
.event_tabs {
    display : table ;
    width: 100%;
    /*margin-bottom : 10px ;*/
}
.event_tabs .event_tab {
    display : table-cell ;
    width : 50% ;
    padding : 5px ;
    box-sizing: border-box;
}
.event_tabs .event_tab a {
    display : block ;
    padding : 5px 0 ;
    width : 100% ;
    text-align: center;
    background-color : #fff ;
//    border: 1px solid #3c9;
    border: 1px solid #EB6DA0;
    border-radius: 5px;
//    color : #3c9 ;
    color : #EB6DA0 ;
    font-weight: bold;
    font-size : 0.7em ;
}
.event_tabs .event_tab a.active {
//    background-color : #3c9 ;
    background-color : #EB6DA0 ;
    color : #fff ;
}
.event_list {
    list-style: none;
    margin : 0 ;
    padding : 0 ;
}
.event_list li {
    padding : 5px 10px ;
}
.event_list li:nth-child(even) {
    background-color : #efe ;
}
.event_list li .event_date {
    font-size : 14px ;
}


/*-- お知らせ --*/
.news_list {
    list-style: none;
    margin : 0 ;
    padding : 0 ;
}
.news_list li {
    padding : 5px 10px ;
}
.news_list li:nth-child(even) {
    background-color : #efe ;
}
.news_list li .news_date {
    font-size : 14px ;
}

#agree_area, #agree_area2, #agree_area3 {
    margin: 5px 0 5px 0;
    padding: 10px;
    background-color: #ffffcc;
}
#agree_area p{
    font-size: small;
    color: red;
}
#agree_area2 p {
    text-align: center;
    color: red;
}
#agree_area3 p {
    font-size: small;
    color: red;
}
#agree_check{
    text-align: center;
}

#msg_area {
    padding: 10px;
    background-color: #ffffcc;
}
#msg_area p{
    color: blue;
    text-align: center;
}
.answer_area{
    padding-left: 10px;
}
.answer_area label{
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
}
#alert_area {
    margin: 5px 0 5px 0;
    padding: 10px;
    background-color: #ffffcc;
    font-size: 12px;
    color: red;
}

/*-- 利用規約 --*/
.terms {
    font-size: 16px;
    height : 300px ;
    padding : 5px 10px ;
    border : 1px solid #ccc ;
    overflow-y: scroll;
}
.terms dt {
    margin-top : 10px ;
}
#q_err_msg{
    color: red;
    padding: 10px;
    font-size: 16px;
}
li.alert_area {
    margin: 5px 0 5px 0;
    padding: 10px;
    background-color: #ffffcc;
    font-size: 12px;
    color: red;
}
span.warning-msg {
    color: red;
    font-weight: bold;
}
#upload_description1, #upload_description2, #upload_description3 {
    margin: 5px 0 5px 0;
    padding: 10px;
    background-color: #ffffcc;
    font-size: 14px;
    color: red;
}


/**
 * --------------------------------------------------
 * AKITA SPORTS MILAGE 新規追加
 * --------------------------------------------------
 */

/**
 * タブ
 */
.tab-wrap {
    display: flex;
    flex-wrap: wrap;
}
.tab-label {
    color: White;
    background: LightGray;
    margin-right: 5px;
    padding: 5px 12px;
    order: -1;
}
.tab-content {
    width: 100%;
    display: none;
    padding-top: 5px;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
    background: DeepSkyBlue;
}
.tab-switch:checked+.tab-label+.tab-content {
    display: block;
}
/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}

/**
 * 注意書き
 */
.frame {
    margin: 1.5em auto;
    padding: 2em 1em 0;
    border: 2px solid #aaa;
    position: relative;
    border-radius: 2px;
    background-color: #fffff8;
}
.frame-title {
    position: absolute;
    top: 0;
    left: 0;
    letter-spacing: .1em;
    font-style: italic;
    padding: .3em .5em;
    font-size: .8em;
    line-height: 1;
}
.frame-blue {
    border-color: #0000ff;
}
.point {
    background-color: #0000ff;
    color: #fff;
}
.caution {
    background-color: #ff4500;
    color: #fff;
}
.frame-red {
    border-color: #ff4500;
}