/*
================================================
共通設定
================================================
*/
body{
min-width:320px;
background-color:#fff5c5;
font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

*{padding:0; margin:0; border:0;}
*, *:before, *:after{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;}

header,#id_nav_menu_1,
footer,.ea_common_center,footer p{position:relative; z-index:10 !important;}
header{background-color:#fff;}
footer{background-color:#333;}

#id_ea_common_content_whole{
position:relative;
width:100%;
height:auto;
}

#camp_area{
margin:0;
padding:0;
}

@media screen and (max-width:980px){

}
@media screen and (max-width:768px){

}
@media screen and (max-width:639px){

}
@media screen and (max-width:480px){
#camp_area{padding-top:20px;}
}
@media screen and (max-width:320px){

}

#main_inner{width:100%;position:relative;}

#bg_header{
position:absolute;
z-index:0;
width:100vw;
}

.cl_blank{
display:block;
width:100%;
height:30px;}

#id_epass{
color:#000;
background-color:#fff;
text-align:center;
padding:20px;}
#id_epass a{color:#f96001;}
#id_epass a:hover{color:#ffe300;}
#id_epass span{color:#fff; background-color:#000cab; font-size:14px; padding:3px;}
#id_epass br{display:none;}

.back_btn{
width:200px;
text-align:center;
background:#410040;
padding:5px;
margin:20px auto 0;}
.back_btn a{
display:block;
/*width:190px;*/
color:#a02666;
background-color:#ffd8ff;
font-size:20px;
font-weight:bold;
text-align:center;
text-decoration:none;
border:outset 5px #fc92ea;
padding:10px;
}
.back_btn a:hover{
background:#c91f6c;
border:outset 5px #f966a0;
color:#FFF;}

.back_btn#new01,.back_btn#new02{
width:60%;
}

#id_epass,#id_mount_list{
width:98%;
max-width:900px;
margin:0 auto;
}

.pc_br{display:block;}
.sp_br{display:none;}

@media screen and (max-width:980px){
#id_epass{padding:10px;}
#id_epass,#id_epass span{font-size:12px;}}

@media screen and (max-width:640px){

.cl_blank{height:15px;}
br.pc_br{display:none;}
br.sp_br{display:block;}
#id_epass br{display:block;}
.back_btn a{font-size:15px; padding:6px 0; border:outset 3px #ff5c00;}
.back_btn a:hover{border:outset 3px #dd9523;}
}

/*
================================================
TOP画像
================================================
*/
#title{width: 100%;
    padding-bottom: 40px;
    text-align: center;
    background-image: url(../img/bg_header.jpg);
    background-position: top center;
    background-repeat: repeat-x;
    background-size: auto 105%;}
#title img{width:100%; max-width:1100px;margin:0 auto;}
#title img.pc{display:block;}
#title img.sp{display:none;}
@media screen and (max-width:1300px){
#title{background-size: auto 500px;}
}

@media screen and (max-width:767px){
#title img.pc{display:none;}
#title img.sp{display:block;}
}
@media screen and (max-width:639px){
#title{padding-bottom:30px;background-size: auto 250px;}
}
/*
================================================
フッタースペース
================================================
*/
#footer_space{
    width: 100%;
    height: 100px;
    margin: 0;
}

@media screen and (max-width:980px){
#footer_space {background-size: 40% auto;}
}
@media screen and (max-width:639px){
#footer_space {height: 100px;}
}

/*
================================================
応募口
================================================
*/
#id_lottery_entry{
width:100%;
max-width:980px;
color:#fff;
background-color:#000;
text-align:center;
border-radius:10px;
padding:15px;
margin:20px auto;}

#id_lottery_entry_num{
font-size:32px;
font-weight:bold;
color:#ffc801;
margin:0 2px;}

/*
================================================
店舗在庫
================================================
*/
.cl_mount{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px auto 10px;}

.cl_mount#arrival{
    background:url(../img/ttl_change.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    background-color: #a3d6ff;
    background-size: auto;
    padding-top: 5%;
}

.cl_mount#lottery{
    background: url(../img/ttl_oubo.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: 100%;
}

@media screen and (max-width:800px){
.cl_mount#arrival{
    background-size: contain;
    background-position: center 5px;
    padding-top: 6%;
}

.cl_mount#lottery{
    background-size: contain;
    background-position: center 5px;
}
}

.cl_mount_hide{
display:none;}

.cl_mount_top{
display:flex;
align-items:stretch;
position:relative;
width:100%;
flex-wrap:wrap;}

.cl_location_inner{
flex-basis:60%;
color:#fff;
background-color:#000;
font-size:18px;
font-weight:bold;
line-height:24px;
/*border-right:3px solid #000;*/
border-bottom:3px solid #000;}
.cl_mount_location{padding:5px 10px;}
.cl_mount_location:hover{
color:#000;
background-color:#f96001;
cursor:pointer;}

.cl_mount_point{
flex-basis:40%;
background-color:#fff;
font-size:26px;
text-align:center;
line-height:34px;
border-bottom:3px solid #000;}

.cl_mount_box{
    display:flex;flex-direction: column;
    width: calc(50% - 10px);
    padding: 10px 5px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
    background-color: #ffe74b;
}
.cl_mount_box.space{ background-color: transparent; box-shadow:none;}

ul.cl_mount_title{display: flex;justify-content:space-around; width: 100%;}
ul.cl_mount_title li{
width: 100%;
text-align: center;
border-radius:10px;
color: #fff;
font-size: 18px;
    line-height: 24px;
    font-weight: bold;
background-color: #893f00;
padding:10px 5px;}

.cl_mount_box.half ul.cl_mount_title li{
flex-basis:100%;
}

.cl_mount_inner{
display: flex;  
background: white;  
margin:10px auto 20px; 
border:solid 1px; 
padding: 10px 10px;
width: 100%;
/*max-width: 480px;*/
}
.cl_mount_inner_space{width:100%;height:140px;}

.cl_mount_caution{
background: white;  
margin:10px auto 20px; 
border:solid 1px; 
margin-bottom:10px;
color:red;
font-size: 14px;
padding: 10px;
width: 100%;
max-width: 480px;
}

.cl_mount_pass{
flex-basis:50%;
text-align:center;}
.cl_mount_lottery{text-align: center;}
.cl_mount_inner.half .cl_mount_lottery{
flex-basis:100%;
text-align:center;}

.cl_mount_box.half .cl_mount_lottery{
flex-basis:100%;
}

.cl_mount_pass_inner{padding:10px;}

.cl_mount_passimg{width:100%;border-radius:20px;border:8px solid #d272fb;margin-bottom:20px;}

.cl_mount_passimg img{
width:100%;vertical-align:top;
/*max-width:128px;*/}

.cl_mount_pass.cl_mount_lottery{
margin-right:0;
margin-left:auto;}

.cl_mount_remain{
position:relative;
width:100%;
color:#fff;
background-color:#d9229b;
font-size:16px;
text-align:center;
border-radius:20px;
padding:5px;
margin:0 auto 5px;}

.cl_mount_arrival{
position:relative;
width:100%;
color:#000;
background-color:#fff;
font-size:16px;
text-align:center;
border:1px solid #000;
padding: 4px;
margin:0 auto 5px;}


@media screen and (max-width:640px){
.cl_mount_inner {width:100%; padding: 0px;}
.cl_mount_inner_space{display:none;}
.cl_location_inner{font-size:13px;}
.cl_mount_passimg{border:4px solid #d272fb;margin-bottom:10px;}
.cl_mount_point{font-size:18px;}
.cl_mount_pass{flex-basis:50%;}
.cl_mount_remain{width:100%; font-size:14px;}
.cl_mount_box{width: 98%;max-width: 560px;margin: 0 auto 20px;}
.cl_mount_box.space{display:none;}
ul.cl_mount_title li{font-size:2.8vw;padding:5px;}

}

.cl_mount#conf {
    flex-direction: column;
    justify-content: space-between;
}

/*
設置店情報
.cl_mount_location.cl_detail_exists{
cursor:pointer;
border:outset 4px #eaebea;}

.cl_location_detail{
position:absolute;
top:8px;
left:12px;
border-radius:4px;
background-color:#f4f4f4;
padding:4px;
box-shadow:2px 2px 4px #6e6e6e;
width:80%;
max-width:400px;}

.cl_location_prop{
display:flex;
width:100%;
flex-wrap:wrap;}

.cl_location_iname{
color:#a1a1a1;
flex-basis:40%;}

.cl_location_value{
color:#404040;
font-size:small;
flex-basis:80%;
background:#fff;}
*/

/*
================================================================================================================
文字装飾
================================================================================================================
*/
section .inner p{
position:relative;
width:100%;}

.period{
width: 100%;
    max-width: 770px;
    color: #4053d7;
    background: #FFFFFF;
    font-size: 30px;
    font-weight: 900;
    text-align: center;
    border-radius: 10px;
    margin: 0 auto;
    padding-bottom: 20px;}
.period .title,.period span{font-size:20px;font-weight:700;}
.period .title{padding:20px;}
.period .caution{font-size:14px;}

.period ul.date {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
     margin-bottom:15px;
}
.period ul.date li:nth-child(2)::before {
    content: "~";
}
@media screen and (max-width: 540px){
.period {font-size:22px;padding-bottom:10px;}
.period ul.date {flex-wrap: wrap;}
.period .title,.period span{font-size:15px;}
.period .title{padding:10px;}
.period .caution{font-size:12px;}
}

span.red{color:#f00; font-size:13px;}

.event-exp{
width:100%;
/*max-width: 480px;*/
font-size:18px;
line-height:24px;
font-weight:bold;
text-align:center;
margin:20px auto 10px;
color:#fff; background-color:#000cab;
border-radius:10px; 
padding:15px;
}
.event-exp p{display:block; padding:15px;}

@media screen and (max-width:640px){
.event-exp{
font-size:3vw;
line-height:3.4vw;
margin-top:5%;
}
}

.event-date{
width:100%;
max-width: 900px;
font-size:18px;
font-weight:bold;
text-align:center;
margin:20px auto 20px;
border: 3px solid #893f00;
border-radius:10px;}
.event-date p{display:block; padding:5px; }
.event-date p:first-child{color:#099289; background-color:#e8ffe5; border-radius: 6px 6px 0 0;}
.event-date p:last-child{color:#000; background-color:#fff;border-radius: 0 0 6px 6px;}

@media screen and (max-width:640px){
p.main-date{font-size:18px; padding:10px;}
p.main-date span{font-size:14px;}
p.main-date br{display:block;}}

@media screen and (max-width:480px){
p.main-date{font-size:15px;}
p.main-date span{font-size:13px;}
p.main-date br{display:block;}
.event-date{font-size:14px;}}

@media screen and (max-width:480px){
p.main-date span{font-size:11px; margin-top:0;}
.event-date p:last-child{font-size:11px !important;}}

/*
================================================
ボタン
================================================
*/
.cl_mount_button{
position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 10px;
    width:100%;
    padding: 10px 25px;
    color: #000;
    transition: 0.3s ease-in-out;
    font-weight: bold;
    background: #fed801;
    border-radius: 8px;
    box-shadow: 0 7px 0 #dd9523;
 /*    border-bottom: solid 7px #dd9523;*/
 transition: .3s;
 cursor: pointer;}

.cl_mount_button:hover{
transform: translateY(5px);
  box-shadow: 0 2px 0 #dd9523;
   /* border-bottom: solid 2px #9b0049;
transform: translateY(3px);*/
}

.cl_mount_button.cl_disable{
background-color:#333;
border-bottom: #999;
cursor:auto;
color: #DDD;
box-shadow:none;}

.cl_mount_button.cl_disable:hover{
transform: translateY(0);}

/*.cl_mount_button{
position:relative;
top:0;
width:100%;
color:#a3d6ff;
background-color:#000;
text-align:center;
box-shadow:3px 3px #7fa7c7;
padding:4px;
margin:auto;
margin-bottom:8px;
cursor:pointer;}

.cl_mount_button:hover{
background-color:#000;
box-shadow:3px 3px #ff0055;
color:#ff0055;}

.cl_mount_button.cl_disable{
background-color:#2e2e2e;
box-shadow:3px 3px #7fa7c7;
color:#666;
cursor:auto;}

.cl_mount_pass.cl_mount_lottery .cl_mount_button{top:31px;}
*/
@media screen and (max-width:640px){
.cl_mount_button{font-size:13px;}}

/*
================================================
引換え
================================================
*/

.cl_mess_exchange{
width:100%;
display:block;
}
.cl_mess_lottery,
.cl_mess_lottery_v{
width:100%;
display:block;
}


#id_confirm_location{
width:100%;
max-width:980px;
color:#fff;
background-color:#000;
font-weight:bold;
font-size:30px;
line-height:100%;
text-align:center;
border-radius:10px;
padding:10px;
margin:20px auto;}

#id_pass_wrap{
width:100%;
max-width:980px;
background-color:#FFF;
/*background-image: url(/game/medal/eacloud/campaign/2022_xmas/img/howto_bg.png);*/
background-size: 15px;
text-align:center;
border: 5px solid #285408;
border-radius: 10px;
padding:20px;
margin: 10px auto;
}

#id_confirm_pass{
text-align:center;}

#id_confirm_curpoint{
display:block;
position:relative;
width:80%;
max-width:600px;
color:#FFF;
font-weight:bold;
background-color:#285408;
padding:10px;
margin:20px auto;}

#id_confirm_caution{
width:80%;
max-width:600px;
color:#000;
background-color:#fff;
border:solid 1px #000;
padding:20px;
margin:20px auto;}

#id_confirm_caution strong{
display:block;
width:100%;
background-color:#d9229b;
color:#fff;
font-weight:bold;
font-size:18px;
padding:5px;}

#id_confirm_caution ul#id_change_notice{
widh:100%;
background-color:#fff;
margin:20px auto;}

#id_confirm_caution ul#id_change_notice li{
font-size:14px;
text-align:left;
border-bottom:dotted 1px #000;
padding:8px 0;}
#id_confirm_caution ul#id_change_notice li:first-child{border-top:dotted 1px #000;}

#id_pass_wrap .cl_mount_button{
width:80%;
max-width:600px;
font-size:20px !important;
font-weight:bold;
padding:10px;}

/*
.cl_mount_button a{
color: #ffc801;
text-decoration: initial;
}*/

#id_entry_done{
width:100%;
max-width:980px;
color:#fff;
background-color:#ff00ff;
font-size:22px;
line-height:100%;
text-align:center;
border-radius:20px;
padding:10px;
margin:30px auto;}

#id_confirm_message div{
width:100%;
margin:auto;}

#id_confirm_message .goodsname{font-weight:bold;font-size:16px;color:#000000;margin-bottom:20px;}
#id_confirm_message .goodsname br{display:none;}

#id_confirm_explain{
color:#000;
}

#id_confirm_history{
width:100%;
max-width:980px;
background-color:#ccc;
font-size:13px;
text-align:center;
border-radius:10px;
padding:10px;
margin:20px auto 0;}

#id_confirm_illegal div,.info_box{
width:100%;
color:#fff;
background-color:#ff0000;
font-size:18px;
font-weight:bold;
text-align:center;
border-radius:10px;
padding:20px;
margin:20px auto;}

#id_confirm_explain br{display:none;}

#id_point_having,#id_point_consumed,.cl_mount_point,#id_card_name{
font-size:22px;
font-weight:bold;
color:#fed801;}
#id_point_cost{font-size:22px;font-weight:bold;color:#285408;}

@media screen and (max-width:640px){
#id_confirm_location{font-size:18px;}
#id_pass_wrap{padding:10px;}
#id_confirm_pass{width:100%;}
#id_confirm_caution,#id_pass_wrap .cl_mount_button{width:100%;}
#id_confirm_caution{margin:10px auto;}
#id_confirm_caution ul#id_change_notice li{font-size:13px;}
#id_confirm_curpoint,#id_confirm_explain,
#id_confirm_curpoint span,#id_confirm_explain span{font-size:14px;}
#id_confirm_explain br{display:block;}
#id_confirm_message div{width:100%;}
#id_confirm_message .goodsname{font-size:14px;}
#id_confirm_message .goodsname br{display:block;}
#id_entry_done{font-size:16px; font-weight:bold;}
#id_confirm_illegal div{font-size:13px; padding:15px 8px;}}

/*
================================================
ページャー
================================================
*/
.cl_mount_pager{
display:flex;
display:-webkit-flex;
flex-wrap:nowrap;
justify-content:center;
width:100%;
max-width:980px;
margin:20px auto;}

.cl_mount_pager_page{
width:30px;
height:30px;
color:#fff;
background-color:#000;
font-weight:bold;
line-height:30px;
text-align:center;
margin:0 3px 0 0;
cursor:pointer;}
.cl_mount_pager .cl_mount_pager_page:last-child{margin:0;}

.cl_mount_pager_page.cl_mount_pager_current{background-color:#ff5c00; cursor:auto;}
.cl_mount_pager_page:hover{color:#000; background-color:#ffe300;}
.cl_mount_pager_page.cl_mount_pager_current:hover{color:#fff; background-color:#ff5c00;}

/*
================================================
内容を理解した
================================================
*/
input[type="checkbox"]{display:none !important; border:0 !important; margin:0 !important;}

.input-checkbox{
display:block;
position:relative;
width:230px;
padding:0 10px 0 22px;
margin:20px auto 0;}

.input-checkbox label{
display:inline-block;
font-size:18px;
font-weight:bold;
cursor:pointer;
padding-top:3px;}

.input-checkbox label:before{
top:4px;
left:0;
width:16px;
height:16px;
border:1px solid #333;}

.input-checkbox label:before{
background-color:rgba(255,255,255,0.7);}

.input-checkbox label:before,
.input-checkbox label:after{
content:"";
position:absolute;
display:inline-block;
transition:transform .2s ease;}

.input-checkbox input[type="checkbox"]:checked + label:after{border-color:#f96001;}

.input-checkbox label:after{
top:5px;
left:4px;
width:8px;
height:17px;
margin-top:-5.5px;
border-right:3px solid transparent;
border-bottom:3px solid transparent;
border-radius:1.5px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
transition:border-bottom-color,border-right-color .2s ease;}

@media screen and (max-width:480px){
.input-checkbox{width:185px; padding:0 10px 0 20px; margin:10px auto 0;}
.input-checkbox label{font-size:14px;}}

/*
================================================
TOPへもどるボタン
================================================
*/
#page-top{
position:fixed;
bottom:0;
right:0;
z-index:100 !important;
font-size: 10px;
display:none;}

#page-top a{
background-color: rgba(255,180,40,0.8);
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 10px 5px 6px 5px;
    text-align: center;
    line-height: 10px;
    display: block;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;}
    
#page-top span {
    font-size: 22px;
}
/*
================================================
応募方法
================================================
*/
#camp-howto ul.title_list {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #4053d7;
    background-color: #FFF;
    color: #099289;
    font-size: 18px;
}
#camp-howto ul.title_list li{
width:50%;
    border-top: 1px solid #4053d7;
text-align:center;
font-weight:nomal;color: #4053d7;

padding:5px 0;
background-image:none;
}
#camp-howto ul.title_list li:nth-child(even){ border-right: #4053d7 solid 1px;}
#camp-howto ul.title_list li.head {
    width: 100%;
    background-color: #4053d7;
    color: #FFF;
}
.howto .stamp_num ul.title_list li a{color: #4053d7;border-bottom:#4053d7 1px solid;}

#camp-howto ul.howto_photo{
display: flex;
flex-wrap: wrap;
}
#camp-howto ul.howto_photo li{
    border-radius: 20px;
border-radius: 20px;
    outline: 4px solid #FFF;
    outline-offset: -4px;
    background: repeating-linear-gradient(-45deg, #99d0f3, #99d0f3 5px, #c6eaee 0, #c6eaee 10px);
}
#camp-howto ul.howto_photo#con1 li{position:relative;width:100%;display: flex;justify-content: space-around;margin-top:40px;padding:30px 0;}
#camp-howto ul.howto_photo#con1 li div{width:calc(50% - 10px);}
#camp-howto ul.howto_photo#con1 li .title{position:absolute;width:400px;top:-35px;left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
#camp-howto ul.howto_photo#con1 li .bnr{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;color:#000;padding-bottom:10px;}
#camp-howto ul.howto_photo#con1 li .bnr_inner{width:90%;}
#camp-howto ul.howto_photo#con1 li .bnr_inner .text{width:100%;font-size:16px;margin-bottom:10px;padding:3px;background-color:#FFF;border-radius:20px;text-align:center;}
#camp-howto ul.howto_photo#con2 li{width:calc(50% - 20px);margin:0 10px;}
#camp-howto ul.howto_photo li img{width:100%;height:auto;vertical-align:top;}


@media screen and (max-width:700px){
#camp-howto ul.title_list {font-size:14px;}
#camp-howto ul.title_list li{width:100%;}
#camp-howto ul.title_list li.head{border:none;}
#camp-howto ul.title_list li:nth-child(even){border-right:none;}

#camp-howto ul.howto_photo#con1 li{display:block;}
#camp-howto ul.howto_photo#con1 li div{width:96%;margin:0 auto 10px;}
#camp-howto ul.howto_photo li,ul.howto_photo#con2 li{width:96%;margin:0 2% 15px;outline: 2px solid #FFF;outline-offset: -2px;}
}

@media screen and (max-width:600px){
#camp-howto ul.howto_photo#con1 li{margin-top:20px;}
#camp-howto ul.howto_photo#con1 li .title{width:300px;top:-15px;}
}

/*
================================================
ポイント獲得方法(ビデオゲーム)
================================================
*/
#camp-howto ul.howto_photo#con1 li#video_howto{display: block;padding:30px 0 10px;}
#camp-howto ul.howto_photo#con1 li#video_howto div{width:100%;}

#camp-howto ul.howto_photo#con1 li#video_howto .title{position:absolute;width:400px;top:-35px;left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
    
    
.howto .stamp_num#video .corner_title{background-color:#4053d7;font-size:16px;color:#FFF;font-weight:bold;margin-bottom:10px;padding:5px;border-radius:6px;}
.howto .stamp_num#video .corner_subtitle{color: #893f00;}

.howto .stamp_num#video ul.title_list {
    border: 1px solid #4053d7;
    font-weight:normal;
    
}
.howto .stamp_num#video ul.title_list li{
  position:relative;
  display: flex;
  width:100%;
  padding:0;
  border-bottom: 1px solid #4053d7;
  color:#000;
  font-size:16px;
}
.howto .stamp_num#video ul.title_list li div{padding:3px 5px;}
.howto .stamp_num#video ul.title_list li .title{margin-right:auto;}
/*.howto .stamp_num#video ul.title_list li .price,
.howto .stamp_num#video ul.title_list li .point,*/
.howto .stamp_num#video ul.title_list li .pointlist{width:150px;border-left: 1px solid #4053d7;text-align:right;}
.howto .stamp_num#video ul.title_list li div br{display:block;}

.howto .stamp_num#video ul.title_list li:nth-child(even){ border:none;}
.howto .stamp_num#video ul.title_list .head {
    color:#FFF;font-weight: bold;
    background-color:#79a1ff;
}

@media screen and (max-width:899px){
.howto .stamp_num#video .corner_title,
.howto .stamp_num#video ul.title_list li{font-size:14px;}
}
@media screen and (max-width:799px){
.howto .stamp_num#video .corner_title{font-size:14px;}
.howto .stamp_num#video ul.title_list li{font-size:12px;}

}
@media screen and (max-width:764px){
.howto .stamp_num#video ul.title_list li{margin:0;padding:0;font-size:14px;flex-wrap:wrap;text-align:left;}
.howto .stamp_num#video ul.title_list li .title{width:100%;margin:0;}
/*.howto .stamp_num#video ul.title_list li .price,
.howto .stamp_num#video ul.title_list li .point{width:50%;border:none;background-color:#f3f3f3;}
.howto .stamp_num#video ul.title_list li .price{border-right:#FFFFFF 2px solid;}*/
.howto .stamp_num#video ul.title_list li div br{display:none;}

.howto .stamp_num#video ul.title_list .head .pointlist{display:none;}
.howto .stamp_num#video ul.title_list li .pointlist{position: relative;width:100%;border:none;background-color:#f3f3f3;text-align:right;}
.howto .stamp_num#video ul.title_list li .pointlist::before{
content:'獲得ポイント';
position:absolute;
top: 50%;
left: 5px;
transform: translateY(-50%);
color:#4053d7;
font-size:12px;}

/*
.howto .stamp_num#video ul.title_list .head .price,
.howto .stamp_num#video ul.title_list .head .point{text-align:center;background-color:#f3f3f3;}
*/
}
@media screen and (max-width:600px){
#camp-howto ul.howto_photo#con1 li#video_howto .title {
        width: 300px;
        top: -15px;
    }
}
@media screen and (max-width:480px){
.howto .stamp_num#video ul.title_list li{font-size:12px;}
}
/*
================================================
抽選ページ商品に関する注意事項
================================================
*/
.oubo .stamp_num{
width:100%;
font-size:14px;
font-weight:bold;
text-align:left;
line-height:20px;
border-radius:10px;
padding:10px 10px 10px 20px;
margin:0 auto;}
.oubo .stamp_num p{font-size:22px; padding:5px 0 10px 0; text-align: center;}

.oubo .stamp_num span{
color:#000a2d;
background-color:#fff;
border-radius:50%;
padding:1px 8px;
margin:0 3px 0 0;}
.oubo .stamp_num span{
color:#000a2d;
background-color:#fff;
border-radius:50%;
padding:1px 8px;
margin:0 3px 0 0;}

@media screen and (max-width:600px){
.oubo .stamp_num{font-size:11px;padding-left:15px;}
.oubo .stamp_num p{font-size:14px;}
}

/*
================================================
応募方法注釈
================================================
*/

.list_text{width:96%;margin:0 auto;font-weight:bold;text-align:left;color: #893f00;}

/*
================================================
賞品によって追加される権利表記
================================================
*/

.special_copy{width: fit-content;font-size:12px;font-weight:bold;text-align:center;color:#5d3927;margin:30px auto 0;}
@media screen and (max-width:600px){
.special_copy{font-size:10px;}
}


/*================================================
賞品応募口数選択プルダウンメニュー
================================================
*/

#lottery_no{
    position: relative;
}

#lottery_no::before,
#lottery_no::after {
    position: absolute;
    right: 15px;
    width: 9px;
    height: 6px;
    background-color: #535353;
    content: '';
    pointer-events: none;
}

#lottery_no::before {
    top: calc(50% - 9px);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

#lottery_no::after {
    bottom: calc(50% - 9px);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}

#lottery_no select {
    appearance: none;
    min-width: 100px;
    height: 2em;
    margin-bottom:20px;
    padding: 5px calc(5px + 30px) 5px 5px;
    border: 1px solid #666666;
    border-radius: 3px;
    background-color: #fff;
    color: #333333;
    text-align:center;
    font-size: 1.6em;
    font-weight:bold;
    cursor: pointer;
}


#point_calbox span{color:#285408;font-size: 1.6em;font-weight:bold;}