@charset "UTF-8";

/* --------------------------------------- */
/* 抽選会　デザインリニューアル（エリア版も同様のcss） */
/* --------------------------------------- */
.chusenImg img,
.hl_lottery img {
    width: 100%;
    max-width: 480px;
}

.lottery {
    background: #939bb3;
}

.lottery_address_input_link {
    padding: 12px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2em;
    position: relative;
    display: block;
    color: #fff;
    border-radius: 4px;
    background: #15b0c3;
    margin: 12px 0 0;
    text-align: center;
}

.lottery_address_input_link span {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2em;
}

.lottery_address_input_link:after {
    width: 8px;
    height: 8px;
    margin: -6px 0 0 0;
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: solid 4px #fff;
    border-right: solid 4px #fff;
}

.function_period .txt {
    padding: 12px 8px;
    font-size: 14px;
    line-height: 1.4em;
    background: #fff;
    box-sizing: border-box;
    position: relative;
}

.function_period_wrap {
    padding: 0 8px;
}

.function_period .view {
    padding: 8px;
    border-top: 1px solid #ccc;
}

.function_period .view p {
    margin-bottom: 4px;
    font-weight: bold;
    color: #fd2727;
}

.function_period h4 {
    margin: 0;
    background: #fff2a8;
    border: none;
    color: #ff4536;
    font-weight: bold;
    padding: 6px 8px;
}

.lottery_gyosyu_choice a {
    display: block;
    padding: 8px;
    color: #005fc0;
    position: relative;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.lottery_gyosyu_choice li:last-child a {
    border-bottom: none;
}

.lottery_gyosyu_choice a:after {
    width: 6px;
    height: 6px;
    margin: -6px 0 0 0;
    position: absolute;
    top: 50%;
    right: 12px;
    display: block;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: solid 3px #536ca0;
    border-right: solid 3px #536ca0;
}

/*　景品抽選会・抽選結果 キャンペーン名の追加 */
.campaign_title {
    padding: 3px 6px;
    font-size: 14px;
    font-weight: bold;
    color: #1c67ab;
    border: none;
    background: #d6e6f5;
}

.chusen_h2 {
    background: #fff;
    color: #ff3333;
    border: none !important;
    border-bottom: 3px double #ff3333 !important;
    margin-bottom: 0 !important;
}

.lottery_detail_box .shop_name {
    font-size: 16px;
    font-weight: bold;
    color: #fffc0a;
    margin: 0;
}

.lottery_pager {
    background: #d6e0e8;
    color: #333;
    padding: 4px 8px;
    font-size: 14px;
}

.lottery_pager .refine {
    float: right;
    color: #507CDB;
    text-decoration: underline;
}

.lottery_detail_box .c_content:first-child {
    margin-top: 5px;
}

.lottery_detail_box .box_pager {
    border-bottom: 1px solid #a0a0a0;
    border-top: 1px solid #a0a0a0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
}

.lottery_detail_box .fl_inner {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-self: auto;
    align-self: auto;
    text-align: center;
}

.lottery_detail_box .box_pager .fl_inner:not(:last-child) {
    border-right: 1px solid #a0a0a0;
}

.lottery_detail_box .box_pager .fl_inner.first,
.lottery_detail_box .fl_inner.last {
    width: 44px;
    -webkit-flex: 0 0 44px;
    -ms-flex: 0 0 44px;
    flex: 0 0 44px;
}

.lottery_detail_box .box_pager .arrow_icon,
.lottery_detail_box .box_pager .btn {
    height: 44px;
    line-height: 44px;
}

.lottery_detail_box .box_pager .btn {
    width: 44px;
    font-size: 14px;
}

.lottery_detail_box .box_pager i {
    line-height: inherit;
    opacity: 0.8;
    color: #3469e5;
}

.lottery_detail_box .box_pager .arrow_icon {
    padding: 0 28px 0 10px;
    font-size: 14px;
    position: relative;
    display: block;
    text-align: center;
    color: #3469e5;
}

.lottery_detail_box .box_pager .arrow_icon:after {
    height: 1em;
    margin: auto 0;
    font-family: 'icomoon';
    font-weight: normal;
    line-height: 1em;
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    display: block;
    content: '\e904';
    opacity: 0.8;
    color: #3469e5;
}

.lottery_detail_box .box_pager .arrow_icon {
    padding-top: 0;
    padding-bottom: 0;
}

.lottery_detail_box .box_pager .arrow_icon:not(.nonactive) {
    font-weight: bold;
}

.lottery_detail_box .box_pager .nonactive {
    pointer-events: none;
    color: #bdc7d0 !important;
}

.lottery_detail_box .box_pager .nonactive:after,
.lottery_detail_box .box_pager .nonactive i {
    color: #bdc7d0 !important;
}

.lottery_detail_box .box_pager .prev .arrow_icon {
    padding-right: 8px;
    padding-left: 28px;
}

.box_pager .prev .arrow_icon::after,
.link_back .arrow_icon::after {
    right: auto;
    left: 8px;
    content: '\e902';
}

/* ページトップへ */
.link_p-top {
    height: 32px;
    padding: 10px 6px 0;
    font-size: 12px;
    line-height: 32px;
    display: block;
    text-align: right;
    color: #3469e5;
    background: #fff;
}

.link_p-top .mark {
    width: 32px;
    margin-left: 6px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    color: #fff;
    border-radius: 32px 32px 0 0;
    background-color: #3469e5;
}

.lottery_detail_box .link_back {
    padding: 8px 0;
    font-size: 16px;
    display: block;
    text-align: center;
    border-top: 1px solid #ccc;
    background: #fff url(/sp/st_img/cur_gray03-8ff4a2bb8f7b7d5e4e9eeaa27d3eb521.png) no-repeat left center;
    background-size: 19px 14px;
}

.shibori_area,
.shibori_gyosyu {
    display: inline-block;
    margin-right: 8px;
    flex: 1;
}

.box_search {
    padding: 6px;
    background-color: #d6e0e8;
    border-bottom: 1px solid #8a98a2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box_search > .txt {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
}

.box_search .form-parts {
    height: 36px;
    padding: 0 4px;
    line-height: 1;
    font-size: 14px;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    color: #555;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    width: 100%;
}

.box_search .refine_btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: bold;
    display: block;
    color: #000000;
    color: #404040;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede));
    background: linear-gradient(to bottom, #fff, #dedede);
    display: inline-block;
}

.area_chusen {
    background: #667284 !important;
    padding-bottom: 10px;
}

.area_chusen .shop_name a,
.lottery .shop_name a {
    display: inline-block;
}

.hl_lottery_img {
    padding: 0;
    text-align: center;
    border: 0 none;
    background: #540903;
}

.hl_lottery_img img {
    width: 100%;
    max-width: 480px;
    margin: auto;
}

h2.lottery_title {
    margin: 0;
    padding: 8px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    border: none;
    box-sizing: border-box;
    background-color: #e84225;
}

h3.lottery_hl {
    margin: 0;
    font-size: 16px;
    border: none;
    background: #001c6d;
    color: #ffffff;
    padding: 8px;
}

.ch_h3gm_name {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 10px;
    background: #f23a3a;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px;
    box-shadow: rgba(0, 0, 0, 0.4) 0;
}

.chusenNaiyo {
    font-size: 16px;
}

.ch_h3 {
    font-weight: bold;
    color: #0073e0;
    font-size: 21px;
}

.ninzu {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 1px 8px;
    background-color: #f23a3a;
    margin: 0px 0 4px;
    display: inline-block;
    border-radius: 4px;
}

input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
}

.btn_chusen {
    box-sizing: border-box;
    width: 100%;
    margin: 10px auto 0;
    padding: 8px 0;
    font-size: 16px;
    font-weight: bold;
    display: block;
    color: #333333;
    border: 1px solid #f9f9f9;
    border-radius: 4px;
    box-shadow: 0 3px 0 #c7ae0f, 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    background: #ffe800;
}

.btn_chusen[disabled] {
    background-color: #ccc;
    color: #fff;
    box-shadow: none;
}

.chusen_line {
    display: block;
    width: 110%;
    margin: 10px -20px;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
}

.other_area_chusen {
    padding: 6px 10px;
    border-bottom: 3px double #ffffff;
    border-top: 1px solid #ff928a;
    background-color: #f23a3a;
    color: #fff;
}

/*同じ店舗内点線区切り*/
.c_content .chusen:not(:last-child) {
    border-bottom: 1px dashed #888;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.c_content .chusen p:not([class]) {
    font-size: 14px;
    color: #222;
}

/* ページ内リンク ----------------------- */
.chusenLink {
    font-size: 14px;
    margin-bottom: 15px;
}

.chusenLink li {
    margin: 0 0.5em 0 0;
    display: inline-block;
}

.chusenLink li a {
    text-decoration: underline;
}

.chusenLink li.linkHe a {
    color: #f23a3a;
}

.chusenLink li.linkDe a {
    color: #0090da;
}

.chusenLink li.linkSo a {
    color: #FF7B00;
}

.chusenLink li.linkMe a {
    color: #F56D9C;
}

.chusenLink li.linkEs a {
    color: #DBA878;
}

.chusenLink li.linkSm a {
    color: #c207ff;
}

.tosen_link {
    margin: 10px;
}

.winner {
    margin-top: 10px;
    display: inline-block;
    font-size: 14px;
}

.winner_block {
    margin-left: 10px;
    display: inline-block;
}

.winner_name {
    font-size: 18px;
    font-weight: bold;
    color: #2fb2b3;
    margin-left: 8px;
}

.winner_name:first-child {
    margin-left: 0px;
}

.pointTxt {
    margin: 10px 0;
}

.c_content {
    margin: 14px 8px;
    padding: 10px;
    padding-bottom: 18px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px;
    box-shadow: rgba(0, 0, 0, .4)0 4px 4px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    color: #000;
}

/* ボタン
------------------------------------------------------------ */
/* 2個並び -------------------*/
.btn_cl02 {
    width: fit-content;
    text-align: center;
}

.btn_cl02 li {
    float: left;
}

.btn_cl02 li:last-child {
    margin: 0;
}

/* オレンジボタン（送信とか） */
.btn_submit {
    width: 135px;
    margin: 0px 10px 0 0;
    padding: 6px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    border: 1px solid #f7931e;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc01e), to(#ff6301));
    background: linear-gradient(to bottom, #ffc01e, #ff6301);
    text-shadow: 1px 1px 0 #a7620b;
}

.btn_submit_w140 {
    width: 140px;
}

/* グレイのボタン（キャンセルとか） */
.btn_cancel {
    width: 135px;
    margin: 0;
    padding: 6px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#9a9a9a));
    background: linear-gradient(to bottom, #ccc, #9a9a9a);
    text-shadow: 1px 1px 0 #828282;
}

/*６つ各エリアへのボタン*/
.menu_chusen.mini .menu_top .lbl {
    top: 0;
    margin: auto;
    right: 10px;
}

.menu_chusen .menu_top .lbl {
    width: 60px;
}

.chusen_header {
    background: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px;
    box-shadow: rgba(0, 0, 0, 0.4) 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.chusen_txt {
    padding: 10px;
    background: #ffffff;
    color: #000;
}

.chusenBtn {
    box-shadow: 0 3px 0;
    height: 57px;
    display: inline-block;
    font-weight: bold;
    background-color: #040404;
    border: 1px solid #d9a637;
    padding-top: 5px;
    padding-left: 10px
}

/*ページ内リンク　ボタン群*/
.area_chusen .btnlist {
    background-color: #2e7ed2;
    margin-bottom: -10px;
    border-bottom: 1px solid #2e7ed2;
}

.area_chusen .btnlist .elm a {
    padding: 0px 10px;
    color: #ffffff;
    border: 1px solid #ffffff;
}

/*店名*/
.chusen_shop {
    margin: -10px;
    margin-bottom: 10px;
    padding: 8px 25px 8px 6px;
    border-radius: 6px 6px 0 0;
    display: block;
    position: relative;
    background: url(/sp/st_img/cur_gray-2246529004c09c9c11444fa6d59cb6c2.png) no-repeat right 50%;
    background-color: #343434;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

.chusen_shop.fu {
    border-bottom: 5px solid #f34336;
}

.chusen_shop.de {
    border-bottom: 5px solid #64c9ff;
}

.chusen_shop.pb {
    border-bottom: 5px solid #9cf51c;
}

.chusen_shop.ho {
    border-bottom: 5px solid #8193ff;
}

.chusen_shop.ca {
    border-bottom: 5px solid #ff5a98;
}

.chusen_shop .shop_name {
    display: inline-block !important;
    margin-left: 4px;
    padding: 0;
}

.chusen_shop .shop_type-area {
    font-weight: normal;
    font-size: 12px !important;
    display: inline-block;
    color: #fff;
}

/*抽選会画像下　エリア見出し*/
.chusen_h2 {
    font-size: 22px;
    color: #f23a3a;
    margin: 10px 0;
    padding: 1px 4px 8px 10px;
    font-weight: bold;
    border-bottom: double 3px #f23a3a;
    position: relative;
}

.chusen_h2_inner {
    overflow: hidden;
}

.chusen_h2 .area {
    padding-top: 3px;
    display: inline-block;
}

.otheaarea_jump_span {
    float: right;
}

.otheaarea_jump {
    background-color: #BF3537;
    color: #fff;
    font-size: 11px;
    padding: 8px;
    margin-right: 4px;
    border-radius: 4px;
    display: inline-block;
}

.otheaarea_jump:after {
    margin-right: 2px;
    content: "▼";
}

/*当選者はここからお届け先を入力してね！　ボタン*/
.tosen_link a {
    height: 30px;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    color: #fff;
    background-color: #00b0bc;
    box-shadow: 0 3px 0 #2a676b;
    text-shadow: 0 1px 0 #2a676b;
    border-radius: 4px;
    margin-bottom: 20px;
    display: block;
}

.tosen_link a:hover {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);
    box-shadow: none;
}

/*応募完了*/
.thanks_message {
    background: #fff;
    padding: 4px 10px;
    display: block;
    font-size: 1.2em;
}

.syouhiPT {
    font-size: 18px;
    color: red;
}

.prizelist_link {
    padding: 0 16px;
    height: 26px;
    line-height: 26px;
    margin: 0 auto 0 4px;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
    color: #000000;
    border: 1px solid;
    font-size: 14px;
    background: #ffe000;
    font-weight: bold;
    position: absolute;
    top: 6px;
    right: 6px;
}

.prizelist {
    padding: 8px 0 10px;
    box-shadow: rgba(0, 0, 0, 0.6) 0 3px 2px inset;
}

.box_free.discount {
    background-color: #fff;
    color: #000;
}

/* --------------------------------------- */
/* エリア版用 */
/* --------------------------------------- */
.local_area .rtb a {
    color: #000;
}

.local_area .rtb a::after {
    width: 15px;
    height: 15px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    content: '';
    background-image: url(/sp/st_img/blog_icon_arrow_black-c7491c8337dfbc7ab3d2755bee6ae71d.png);
    background-repeat: no-repeat;
    background-position: right 0;
    -webkit-background-size: 15px 40px;
    background-size: 15px 40px;
}

.local_area .hl_lottery {
    padding: 0;
    text-align: center;
    border: 0 none;
    font-size: 14px;
}

.fix_refine_wrap_on {
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 50px;
    box-sizing: border-box;
    box-shadow: 0px 0px 6px #000;
}

/* --------------------------------------- */
/* 景品抽選会 */
/* --------------------------------------- */
.prize-lottery .chusenImg {
    width: 100%;
    max-width: 640px;
    margin: 0 auto 20px;
    text-align: center;
}

.chusenImg img {
    width: 100%;
    max-width: 480px;
}

.mainarea.prize-lottery .h_pt_tousen {
    color: #fff;
    background-color: #005fbf;
    text-shadow: 1px 1px 0 #4c9f50;
    border: none;
    font-size: 14px;
    margin: 10px 0;
    padding: 3px 5px 5px 10px;
}

.prize-lottery .chusen {
    margin: 0 10px 10px;
    font-size: 14px;
    padding-bottom: 10px;
}

.prize-lottery .chusen + .chusen {
    padding-top: 10px;
    border-top: 1px solid #cccccc;
}

.prize-lottery .ch_h3 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #09f;
    border: none;
}

.prize-lottery .form .btn_cl02 {
    margin: 10px auto 0;
}