@charset "utf-8";
/* 2025.12 update */

/*** Event - Xmas2025 ***/
.xmas2025 {background: #1b572b !important; color: #f9f05f !important;}
.xmas2025 h3 {color: #6c3303 !important;}
.xmas2025 #content{background: none !important; border: none !important; padding: 3rem !important; margin: 0 auto !important;}
.xmas2025 #content .inner{background: rgb(0 0 0 / .25) !important; border: 1px solid #f9f05f !important; padding: 5rem;}
.xmas2025 .contents-image{background: url(../img/event/cpn_appledrop_xmas2025/ad_xmax2025__bg.jpg) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 0 !important; background-size: cover; margin: 0 !important;}
.xmas2025 .contents-image .logo {top: 0px !important; margin: 0 0 0 -470px !important;}
.xmas2025 .rankingBox .my_ranking .shopRanking th {background: #e5ba81 !important; border-right: 3px solid #6c3303; color: #6c3303; font-size: 1.6rem; font-weight: 700;}
.xmas2025 .rankingBox .my_ranking .shopRanking td {color: #6c3303;}
.xmas2025 .rankingBox .my_ranking .shopRanking table {width: 100% !important;}
.xmas2025 .rankingBox .ranklist th,
.xmas2025 .rankingBox .ranklist td {color: #6c3303;}
.xmas2025 .contentBox{width: 100%; max-width: 760px; margin: 0 auto !important;}
.xmas2025 .contentBox .rankingmenu{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 10px; margin: 10px auto;}
.xmas2025 .contentBox .rankingmenu .cell{flex-grow: 1; max-width: 182px;}
.xmas2025 .contentBox .rankingmenu a {display: block; background-color: #ffffff; border: solid 3px #6c3303; padding: 3px; text-align: center; font-size: 0.5em;}
.xmas2025 .contentBox .rankingmenu a span{display: block; position: relative; padding-top: 0; padding-bottom: 0.5em;}
.xmas2025 .contentBox .rankingmenu a span:before {font-size: 1em; width: 1em; height: 1em; display: block; position: absolute; right: 0; top: 0; bottom: 8px; margin: auto; color: #8e8e8e; font-family: 'Glyphicons Halflings'; content: "\e258";}
@media (max-width: 767px) {
	.xmas2025 #content{padding: 1.25rem !important;}
	.xmas2025 #content .inner{padding: 2rem;}
	.xmas2025 .contents-image .logo {margin: 0 0 0 -47.5% !important;}
	.xmas2025 .rankingBox .my_ranking .shopRanking th {font-size: 1.4rem;}
	.xmas2025 .contentBox .rankingmenu{gap: 10px; margin: 0 auto;}
	.xmas2025 .contentBox .rankingmenu .cell{flex-grow: 1; width: 48%; max-width: none;}
	.xmas2025 .contentBox .rankingmenu a span{font-size: 1rem;}
}


/*** Event - 春の収穫祭 ***/
.fes_spring {}
.fes_spring .mainArea{background-image: url("../img/event/cpn_fes2019_spring/main_image.jpg") !important; background-position: 50% 0; background-repeat: no-repeat;}
.fes_spring .contents-image .logo{top: 30px !important;}

/*** Event - 秋の収穫祭 ***/
.fes_autumn {}
.fes_autumn .mainArea{background-image: url("../img/event/cpn_fes2018_autumn/main_image.jpg") !important; background-position: 50% 0; background-repeat: no-repeat;}
.fes_autumn .contents-image .logo{top: 30px !important;}

/*** Event - APPLE DROP 収穫祭 ***/
/* common */
html{overflow-y:scroll;}
body{height:auto !important; position: relative;}
.ad_fes{color: #6c3303; background: url(../img/event/cpn_appledrop_common/ad_bg.jpg) repeat; font-size: 2.3rem; padding: 0 !important;
font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;}
.ad_fes .boxLink {display: block; width: 400px; margin: 0 auto 5px;}
.ad_fes .boxLink span{position: absolute; top: 30%; right: 15px; vertical-align: 0; font-size: 1.7rem;}
.ad_fes .boxLink a{display: block; color: #fff3dd; font-size: 2.4rem; font-weight: 700; text-align: center; border-radius: 20px; border: 3px solid #451509; background: #b15803; box-shadow: 0px 5px 0 rgba(68, 20, 8, 1); padding: 8px; transition: 0.3s all ease 0s; position: relative;}
.ad_fes .boxLink a:hover{background: #dc1616; box-shadow: none; transform: translate3d(0, 3px, 0); text-decoration: none;}
.ad_fes a{color: #6c3303;}
.ad_fes a:hover{text-decoration: underline;}
.sp_display{display:none;}
.pc_display{display:block;}
.go_top {z-index: 100;}
.go_top a {background: #d60303 none repeat scroll 0 0; border-radius: 20px; color: #ffffff; display: block; font-size: 16px; height: 40px; padding: 10px; text-align: center; width: 40px;}
.share {width: 970px; bottom:auto; top:15px; left:0; right:0; margin:0 auto; position:absolute; text-align:right; height:25px; z-index: 10;}
.share .fb-like{position: absolute; right:85px; top:0;}
.share .twitter-share-button {position: absolute; top:0; right: 80px;}

/* Common Layout */
.ad_fes #content{width: 970px; background: url(../img/event/cpn_appledrop_common/ad_Contents_bg.jpg) repeat; padding: 40px; border: 7px solid #dcc399; border-bottom: 0; border-radius: 15px 15px 0px 0px; margin: 5% auto 0;}
.ad_fes section{ margin: 0 auto 6%; position: relative;}
.ad_fes section:last-child{margin-bottom: 0;}
.ad_fes h3{font-size: 3.6rem; color: #fff; background: #d5a871; border-bottom: 6px #6c3303 solid; margin: 0 0 3%; padding: 1.8% 0 1.3%; text-align: center;}
.ad_fes h4{font-size: 3.2rem; margin: 0 0 1.5%; position: relative;}
.ad_fes h4:after{content: ""; position: absolute; left: 65px; right: 0; bottom: 15px; height: 3px; background-image: linear-gradient(90deg, #6c3303, #6c3303 75%, transparent 75%, transparent 100%); background-size: 15px 1px;}
.ad_fes h4 i{vertical-align: -25px; margin: 0 10px 0 0;}
.ad_fes h4 i:before{background: url(../img/event/cpn_appledrop_common/ad_icon-apple.png) no-repeat; content: ""; background-size: contain; width: 55px; height: 65px; margin: 0; display: inline-block;}
.ad_fes .contentBox{margin: 0 0 4%;}
.ad_fes .contentBox:last-child{margin: 0;}
.ad_fes .contentBox p{margin: 0; padding: 0;}
.ad_fes .innerBox{background: #fbf2e2; border: 3px solid #977558; padding: 30px; border-radius: 10px;}
.ad_fes .ad_fes_catch{position: absolute; top: -10.5%; left: 50%; background: #dc1616; color: #fff; font-size: 3.2rem; font-weight: 700; border: 4px solid #6c3303; border-radius: 10px; box-shadow: 0px 5px 0 rgba(108, 51, 3, 1); text-align: center; text-shadow: 3px 3px 0 rgba(0, 0, 0, .3); width: 890px; padding: 15px 0; line-height: 3.8rem; margin: 0 0 0 -445px;}
.ad_fes hr{margin: 40px 0;}
.ad_fes .images a,.ad_fes .images a::before,.ad_fes .images a::after{display: block; outline: 0px solid #dc1616;  outline-offset: 0px; color: #fff; -webkit-transition: all .2s; transition: all .2s;}
.ad_fes .images a:hover{outline: 6px solid #dc1616; outline-offset: -13px; color: #dc1616;}

/* Main Image */
section#mainImage{width: 100%; padding: 0; margin: 0 auto; border: none; border-radius: 0; box-shadow: none;}
.ad_fes .mainArea{background: #333; height: auto; position: relative; padding: 20% 0; min-height: 500px; background-size: cover;     clip-path: ellipse(100% 70% at 50% 30%); -webkit-clip-path: ellipse(100% 70% at 50% 30%);}
.ad_fes .mainArea .APD-logo{width: 30%; position: absolute; top: 3%; left: 50%; margin: 0 0 0 -15%;}
.ad_fes .mainArea .eventEnd{width: 20%; position: absolute; top: 59%; left: 50%; margin: 0 0 0 -8%;}
.ad_fes .contents-image{background: url(../img/event/cpn_appledrop_common/ad_contents_image.jpg) 50% 0 no-repeat; width: 100%; height: 280px; position: relative; background-size: cover; margin: 0 0 -4%; clip-path: ellipse(1200px 200px at 50% 60px); -webkit-clip-path: ellipse(1200px 200px at 50% 60px); -ms-clip-path: ellipse(1200px 200px at 50% 60px); }
.ad_fes .contents-image .logo{position: absolute; width: 320px; top: 60px; left: 50%; margin: 0 0 0 -450px;}
.ad_fes .contents-image navi{position: absolute; top: 0; left: 0; width: 520px; margin: 50px 0 0 46%; display: block;}

/* Navi */
.ad_fes navi{}
.ad_fes navi{position: absolute; width: 34%; bottom: 15%; left: 25%; margin: 0 7.5%;}
.ad_fes navi ul{}
.ad_fes navi ul:after{content: ""; clear: both; display: block;}
.ad_fes navi li{float: left; width: 22%; margin: 0 5.5%;}
.ad_fes navi li:nth-child(1) a{background-image: url(../img/event/cpn_appledrop_common/ad_navi_1.png), url(../img/event/cpn_appledrop_common/ad_navi_bg.png); background-position: 50% 50%, 50% 50%; background-repeat: no-repeat, no-repeat; background-size: 70%, 100%;}
.ad_fes navi li:nth-child(2) a{background-image: url(../img/event/cpn_appledrop_common/ad_navi_2.png), url(../img/event/cpn_appledrop_common/ad_navi_bg.png); background-position: 50% 50%, 50% 50%; background-repeat: no-repeat, no-repeat; background-size: 70%, 100%;}
.ad_fes navi li:nth-child(3) a{background-image: url(../img/event/cpn_appledrop_common/ad_navi_3.png), url(../img/event/cpn_appledrop_common/ad_navi_bg.png); background-position: 50% 50%, 50% 50%; background-repeat: no-repeat, no-repeat; background-size: 70%, 100%;}
.ad_fes navi li a.none{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); box-shadow: none;}
.ad_fes navi li a.none:hover{ transform: translate3d(0,0,0);}
.ad_fes navi a{border: 10px #451509 solid; border-radius: 50%; width: 100%; padding: 50%; line-height: 0; text-indent: -9999px; box-shadow: 0 5px 0 0px rgba(69,21,9,1), 0 0 0 4px rgba(45,28,11,.3);}
.ad_fes navi a,.ad_fes navi a::before,.ad_fes navi a::after{display: block; -webkit-transition: 0.3s all ease 0s; transition: 0.3s all ease 0s;}
.ad_fes navi a:hover {box-shadow: none; transform: translate3d(0, 3px, 0);}

/* contents1 */
.ad_fes .about{margin: 4% 0;}
.ad_fes .date{margin-bottom: 4%;}
.ad_fes .date p{font-size: 2.3rem;}
.ad_fes .flow{margin: 0 0 3%;}
.ad_fes .flow p{font-size: 2rem;}
.ad_fes .flow span{display: block; width: 115px; font-size: 1.6rem; font-weight: 700; background: #d60303; border-radius: 5px; padding: 5px 0; margin: 1.5% 0 1%; color: #fff; text-align: center;}
.ad_fes .game,.ad_fes .otherSite{padding: 35px 30px;}
.ad_fes .game h5{font-size: 2.4rem; font-weight: 700; position: relative; margin: 0 0 5%;}
.ad_fes .game h5:after{content: ""; position: absolute; left: 0; right: 0; bottom: -10px; height: 3px; background-image: linear-gradient(90deg, #6c3303, #6c3303 75%, transparent 75%, transparent 100%);  background-size: 15px 1px;}
.ad_fes .game p,.ad_fes .otherSite p{font-size: 1.65rem; line-height: 2.6rem; margin: 0 0 3%;}
.ad_fes .game:after,.ad_fes .otherSite:after{content: ""; clear: both; display: block;}
.ad_fes .game .logo_image,.ad_fes .otherSite .logo_image{margin: 0 0 6%;}
.ad_fes .game .lead,.ad_fes .otherSite .lead,.ad_fes .game .images,.ad_fes .otherSite .images{float: left; width: 50%;}
.ad_fes .machine .machineBox{width: 100%; display: table; table-layout: fixed;}
.ad_fes .machine .machineBox .lead{display: table-cell; width: 38%; vertical-align: middle;}
.ad_fes .machine .machineBox .images{display: table-cell; width: auto; vertical-align: middle;}
.ad_fes .machine .machineBox .lead p{font-size: 3.4rem;}
.ad_fes .machine .machineBox .images img{width: 100%;}

/* contents2 */
.ad_fes .prizeBox{}
.ad_fes .prizeBox p.band{text-align: center; font-size: 2.5rem; font-weight: 700; margin: 0 0 2%;}
.ad_fes .prizeBox p span{font-size: 1.6rem; vertical-align: 5px;}
.ad_fes .prizeBox dl{width: 100%; margin: -3% 0 0; padding: 0; font-size: 1.45rem; line-height: 1.6em;}
.ad_fes .prizeBox dl:after{content: ""; clear: both; display: block;}
.ad_fes .prizeBox dt{float: left; width: 2.5%;}
.ad_fes .prizeBox dd{float: left; width: 97.5%;}
.ad_fes .prizeBox .box{margin: 0 0 5%; padding: 0 0 5%; position: relative;}
.ad_fes .prizeBox .box:after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background-image: linear-gradient(90deg, #6c3303, #6c3303 75%, transparent 75%, transparent 100%); background-size: 15px 1px;}
.ad_fes .prizeBox .box .shop_winner{width: 100%; margin: 0 0 3%;}
.ad_fes .prizeBox .box .shop_winner:last-of-type{margin: 0;}
.ad_fes .prizeBox .box .shop_winner:after{content: ""; clear: both; display: block;}
.ad_fes .prizeBox .box div.SplitBox:nth-last-of-type(1){float: right; width: 45%;}
.ad_fes .prizeBox .box div.SplitBox:nth-last-of-type(2){float: left; width: 45%;}
.ad_fes .prizeBox .box .shop_winner h4{background: #d5a871; color: #fff; text-align: center; padding: 3% 0; font-size: 2rem; margin: 0 0 15px;}
.ad_fes .prizeBox .box .shop_winner h4:after{background: none; position: static; height: auto;}
.ad_fes .prizeBox .box .shop_winner .images{margin: 0 0 15px;}
.ad_fes .prizeBox .box .shop_winner .lead{font-size: 2rem; text-align: center;}
.ad_fes .prizeBox .box .shop_winner .lead p{vertical-align: middle; display: inline-block;}
.ad_fes .prizeBox .box .shop_winner .lead p.pg{margin-top: -5px;}
.ad_fes .prizeBox .box .shop_winner .lead span{display: block; font-size: 1.3rem; margin-top: -35px;}
.ad_fes .prizeBox .box .shop_winner .cell{float: left; width: 48.5%;}
.ad_fes .prizeBox .box .shop_winner .cell:nth-child(odd){margin-right: 1.5%;}
.ad_fes .prizeBox .box .shop_winner .cell:nth-child(even){margin-left: 1.5%;}
.ad_fes .collaboBox{}
.ad_fes .collaboBox p{font-size: 2.5rem; font-weight: 700; text-align: center; margin: 0 0 3%;}
.ad_fes .collaboBox .images{width: 520px; margin: 0 auto 3%;}

/* contents3 Notice */
.ad_fes .notice{}
.ad_fes .notice .innerBox{background: #fdf9f4;}
.ad_fes .notice h4 {font-size: 2.4rem; margin: 0 0 1.5%;}
.ad_fes .notice h4:after{content: ""; position: static; left: 0; right: 0; bottom: 0; height: auto; background: none;}
.ad_fes .notice ul{margin: 0 0 4%;}
.ad_fes .notice ul:last-child{margin: 0;}
.ad_fes .notice li{list-style: disc; margin: 0 0 5px 17px; font-size: 1.5rem;}
.ad_fes .notice li:last-child{margin: 0 0 0 17px;}
.ad_fes .notice a{text-decoration: underline;}
.ad_fes .notice a:hover{color: #dc1616;}

/* Contents Ranking Common */
.ad_fes .rankingBox span.update{width: 100%; text-align: right; display: block; margin: -1.5% 0 1.5%; font-size: 1.4rem;}

/* Contents My Ranking */
.ad_fes .rankingBox .my_ranking h4{font-size: 2.4rem; color: #65250d; margin: 0; text-align: left;}
.ad_fes .rankingBox .my_ranking h4:after{content: ""; position: static; height: auto; background-image: none;}
.ad_fes .rankingBox .my_ranking {display:inline-block; width:100%; overflow:hidden;}
.ad_fes .rankingBox .my_ranking .title {background: #e5ba81; width: 100%; border: 3px #6c3303 solid; padding: 2% !important; margin: 0 0 1%;  position: relative;}
.ad_fes .rankingBox .my_ranking .title:after{content: ""; clear: both; display: block;}
.ad_fes .rankingBox .my_ranking .title span.cardName{background: #6c3303; color: #fff; font-size: 1.4rem; display: inline-block; padding: 0.6% 1.2%; border-radius: 5px; margin: 0 10px 0 0; vertical-align: middle;}
.ad_fes .rankingBox .my_ranking .title i{vertical-align: 2px; margin: 0 5px 0 0;}
.ad_fes .rankingBox .my_ranking .title i:before{content: ""; background: url(../img/event/cpn_appledrop_common/pf-icon.svg) no-repeat; width: 30px; height: 20px; margin: 0 0 -5px 0; display: inline-block;}
.ad_fes .rankingBox .my_ranking table{margin: 0 0 1%;}
.ad_fes .rankingBox .my_ranking table:nth-child(odd){width:65%; float:left; background: #fbf2e2; border:3px solid #6c3303; border-right: 2px solid #6c3303;}
.ad_fes .rankingBox .my_ranking table:nth-child(even){width:35%; float:left; background: #fbf2e2; border:3px solid #6c3303; border-left: 2px solid #6c3303;}
.ad_fes .rankingBox .my_ranking td {height: 80px !important; padding: 10px 20px;}
.ad_fes .rankingBox .my_ranking table:nth-child(odd) td{max-width: 550px; font-size: 2.3rem;}
.ad_fes .rankingBox .my_ranking td .shop{/* display: inline-block; */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.ad_fes .rankingBox .my_ranking td .shop a:hover{text-decoration: underline;}
.ad_fes .rankingBox .my_ranking td .shop i:before{content: ""; display: inline-block; width: 40px; height: 35px; margin: 0 5px 0 0; vertical-align: middle;}
.ad_fes .rankingBox .my_ranking td dl{width: 100%;}
.ad_fes .rankingBox .my_ranking td dl:after{content: ""; clear: both; display: block;}
.ad_fes .rankingBox .my_ranking td dt,.ad_fes .rankingBox .my_ranking td dd{float: left; width: 50%;}
.ad_fes .rankingBox .my_ranking td dt{font-size: 1.6rem !important;}
.ad_fes .rankingBox .my_ranking td dd{font-size: 1.8rem !important; font-weight: 700; margin: 0;}
.ad_fes .rankingBox .my_ranking td dt i.apple-icon{vertical-align: -2px; margin: 0;}
.ad_fes .rankingBox .my_ranking td dt i.apple-icon:before{background: url(../img/event/cpn_appledrop_common/ad_icon-apple.png) no-repeat; content: ""; background-size: contain; width: 20px; height: 20px; margin: 0; display: inline-block;}
.ad_fes .rankingBox .my_ranking td dt i.rank-icon{vertical-align: -2px; margin: 0;}
.ad_fes .rankingBox .my_ranking td dt i.rank-icon:before{background: url(../img/event/cpn_appledrop_common/ad_icon-rank.png) no-repeat; content: ""; background-size: contain; width: 20px; height: 20px; margin: 0; display: inline-block;}

.ad_fes .rankingBox .my_ranking .memberLogin{}
.ad_fes .rankingBox .my_ranking .memberLogin p{width: 500px; font-size: 1.2rem; margin: 0 auto; text-align: center;}
.ad_fes .rankingBox .my_ranking .memberLogin .boxLink {width: 500px; margin: 0 auto 20px;}

.ad_fes .rankingBox .my_ranking .shopRanking{}
.ad_fes .rankingBox .my_ranking .shopRanking table{width: 50%; margin: 0;}
.ad_fes .rankingBox .my_ranking .shopRanking th{background: #f9e1c2; text-align: center; border-bottom: 3px solid #6c3303; padding: 10px 0;}
.ad_fes .rankingBox .my_ranking .shopRanking td{text-align: center; font-size: 2.4rem !important; font-weight: 700; height: 60px !important;}

/* Read More */
.ad_fes .rankingBox .my_ranking .hideArea {display: none;}
.ad_fes .rankingBox .my_ranking .on-click {opacity: 0; animation-duration: 0.5s; -webkit-animation-duration: 0.5s;}
.ad_fes .rankingBox .my_ranking .hiddenBlock {display: none !important;}
.ad_fes .rankingBox .my_ranking button.readmore span{position: absolute; top: 30%; right: 15px; vertical-align: 0; font-size: 1.7rem; transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.ad_fes .rankingBox .my_ranking button.readmore{width: 400px; margin: 0 auto 5px; display: block; color: #fff3dd; font-size: 2.4rem; font-weight: 700; text-align: center; border-radius: 20px; border: 3px solid #451509; background: #b15803; box-shadow: 0px 5px 0 rgba(68, 20, 8, 1); padding: 8px; transition: 0.3s all ease 0s; position: relative;}
.ad_fes .rankingBox .my_ranking button.readmore::after {content: " ";}
.ad_fes .rankingBox .my_ranking button.readmore:hover {background: #dc1616; box-shadow: none; transform: translate3d(0, 3px, 0); text-decoration: none;}

/* Contents Ranking Table */
.ad_fes .rankingBox .ranklist table {border:3px solid #6c3303; border-top:0 none; -moz-box-sizing:border-box !important; margin: 0;}
.ad_fes .rankingBox .ranklist th,.ad_fes .rankingBox .ranklist td {height: 50px; border-left:2px solid #6c3303; border-top:3px solid #6c3303; font-size: 1.6rem; padding:10px; background:#fbf2e2; }
.ad_fes .rankingBox .ranklist thead th {font-size: 1.6rem; font-weight: 700; text-align: center; background:#e5ba81;}
.ad_fes .rankingBox .ranklist thead tr th {border-top: 3px solid #6c3303; border-left:2px solid #6c3303;}
.ad_fes .rankingBox .ranklist thead tr th:nth-child(1) {border-left:0 none; width: 80px;}
.ad_fes .rankingBox .ranklist thead tr th:nth-child(2) {}
.ad_fes .rankingBox .ranklist thead tr th:nth-child(3) {width: 200px;}
.ad_fes .rankingBox .ranklist tbody th {text-align: center; font-weight: normal; border-top: 1px solid #d8dbe6; border-left: 1px solid #d8dbe6; background: #f59f39; color: #fff; font-size: 1.5rem;}
.ad_fes .rankingBox .ranklist tbody td span { display: block; margin: 0 auto; line-height: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.ad_fes .rankingBox .ranklist tbody.RankingList tr:nth-child(-n+3) td,.ad_fes .rankingBox .ranklist tbody.RankingList tr:nth-child(-n+3) a{font-size: 2.2rem; color: #b50000; background: #fadede; height: 60px;}
.ad_fes .rankingBox .ranklist tbody.RankingList td:nth-child(1) {text-align: center;}
.ad_fes .rankingBox .ranklist tbody.RankingList td:nth-child(2) {width: auto; max-width: 500px;}
.ad_fes .rankingBox .ranklist tbody.RankingList td:nth-child(3) {text-align: center; font-size: 16px;}
.ad_fes .rankingBox .ranklist tbody.RankingList img{width: 46%;}
.ad_fes .rankingBox .ranklist td .name{/* display: inline-block; */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin: 0 0 -5px;}
.ad_fes .rankingBox .ranklist td .name i:before{content: ""; background: url(../img/event/cpn_appledrop_common/pf-icon.svg) no-repeat; width: 30px; height: 20px; margin: 0 0 -5px 0; display: inline-block;}
.ad_fes .rankingBox .ranklist td .name a:hover{text-decoration: underline;}
.ad_fes .rankingBox .ranklist td .shop{/* display: inline-block; */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.ad_fes .rankingBox .ranklist td .shop i:before{content: ""; display: inline-block; width: 40px; height: 35px; margin: 0 5px 0 0; vertical-align: middle;}
.ad_fes .rankingBox .ranklist td .shop a:hover{text-decoration: underline;}

.ad_fes .ranklist .listFootArea{font-size: 1.6rem; margin: 3% 0 2%; text-align: center;}
.ad_fes .ranklist .listFootArea span{display: inline-block; background: #d60303; color: #fff; font-size: 1.3rem; font-weight: 700; padding: 4px 7px; border-radius: 5px; margin: 0 10px 0 0; vertical-align: 2px;}

/* Loader */
.ad-loader{background: #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 200;}
 
/* Loader - Animation */
.ad-loader-animation { height: 130px; left: 50%; margin: -50px 0 0 -50px; position: absolute; top: 50%; width: 100px;}
.ad-bouncing_ball {position: relative; width: 100%; margin: 0 auto; height: 100%;}
.ad-ball {width: 100%; height: 100%; background-image: url(../img/event/cpn_appledrop_common/ad_loading_icon.gif); position: absolute; top: 0; animation: bounce 1s infinite; background-repeat: no-repeat; background-size: contain;}
.loading-text{color: #d60303; font-weight: 700; animation: flash 3.0s infinite; width: 100%; text-align: center; margin: 0 0 0 4px; position: absolute; top: 90%;}

/* Event List */
#Ad_open h4,#Ad_close h4{font-size: 1.6rem; font-weight: 700; color: #d60303; margin: 10px 0;}
#Ad_open h4::after{height: auto; right: 0; bottom: 0; position: static;}
#Ad_close h4::after{left: 0; border: 0; margin: 0 0 -30px;}
#Ad_open h4 span,#Ad_close h4 span{color: #6c3303; display: block; font-weight: normal; margin: 5px 0 0;}
#Ad_open a.images,#Ad_open a.images::before,#Ad_open a.images::after,
#Ad_close a.images,#Ad_close a.images::before,#Ad_close a.images::after{display: block; outline: 0px solid #dc1616;  outline-offset: 0px; color: #fff; -webkit-transition: all .2s; transition: all .2s;}
#Ad_open a.images:hover,#Ad_close a.images:hover{outline: 6px solid #dc1616; outline-offset: -13px; color: #dc1616;}
#Ad_close .contentBox{width: 100%;}
#Ad_close .contentBox:after{content: ""; clear: both; display: block;}
#Ad_close .cell{float: left; width: 47%; margin: 0 1.5%;}


/*responsive ==============================================================================*/
@media (max-width: 767px) {

/*** Event - 春の収穫祭 ***/
.fes_spring {}
.fes_spring .mainArea{background-image: url("../img/event/cpn_fes2019_spring/main_image_sp.jpg") !important; background-position: 50% 0; background-repeat: no-repeat;}
.fes_spring .contents-image .logo{top: 15px !important;}

/*** Event - 秋の収穫祭 ***/
.fes_autumn {}
.fes_autumn .mainArea{background-image: url("../img/event/cpn_fes2018_autumn/main_image_sp.jpg") !important; background-position: 50% 0; background-repeat: no-repeat;}
.fes_autumn .contents-image .logo{top: 15px !important;}

/*** Event - APPLE DROP 収穫祭 ***/
/* common */
.ad_fes{font-size: 1.6rem;}
.ad_fes .boxLink {width: 95%; margin: 0 auto 3%;}
.ad_fes .boxLink span{right: 10px; font-size: 1.2rem;}
.ad_fes .boxLink a{font-size: 1.4rem; border-radius: 14px; padding: 4%;}
.sp_display{display:block;}
.pc_display{display:none;}

/* Common Layout */
.ad_fes #content{width: 100%; padding: 7% 5%; border: 3px solid #dcc399; margin: 15% auto 0;}
.ad_fes section{ margin: 0 auto 10%;}
.ad_fes h3{font-size: 2rem; border-bottom: 5px #6c3303 solid; margin: 0 0 5%; padding: 3% 0 2%;}
.ad_fes h4{font-size: 2rem; margin: 0;}
.ad_fes h4:after{left: 45px; right: 0;}
.ad_fes h4 i:before{width: 35px; height: 50px;}
.ad_fes .contentBox{margin: 0 0 5%;}
.ad_fes .innerBox{padding: 8% 5%;}
.ad_fes .ad_fes_catch{font-size: 1.4rem; width: 100%; padding: 6px; line-height: 2rem; margin: 0 0 0 -50%; top: -7.3%; text-shadow: 2px 2px 0 rgba(0, 0, 0, .3);}
.ad_fes hr{margin: 20px 0;}
.ad_fes .images a:hover{outline: 3px solid #dc1616; outline-offset: -10px; color: #dc1616;}

/* Main Image */
.ad_fes .mainArea{background: #333; min-height: auto; padding: 52% 0; background-size: cover; clip-path: ellipse(100% 75% at 50% 30%); -webkit-clip-path: ellipse(100% 75% at 50% 30%);}
.ad_fes .mainArea .APD-logo{width: 67%; top: 10%; margin: 0 0 0 -31.5%;}
.ad_fes .mainArea .eventEnd{width: 20%; position: absolute; top: 59%; left: 50%; margin: 0 0 0 -8%;}
.ad_fes .contents-image{background-size: cover; margin: 0 0 -15%; height: auto; padding: 15% 0; clip-path: ellipse(100% 50% at 50% 40%); -webkit-clip-path: ellipse(100% 50% at 50% 40%);}
.ad_fes .contents-image .logo{position: absolute; width: 34%; top: 20%; left: 50%; margin: 0 0 0 -47%;}
.ad_fes .contents-image navi{position: absolute; top: 0; left: 0; width: 59%; margin: 6% 0 0 40%; display: block;}

/* Navi */
.ad_fes navi{width: 65%; bottom: 20%; left: 25%; margin: 0 -6%;}
.ad_fes navi li{float: left; width: 22%; margin: 0 5.5%;}
.ad_fes navi a{border: 5px #451509 solid; box-shadow: 0 4px 0 0px rgba(69,21,9,1), 0 0 0 3px rgba(45,28,11,.3);}

/* contents1 */
.ad_fes .about{margin: 5% 0;}
.ad_fes .date{margin-bottom: 6%;}
.ad_fes .date p{font-size: 1.6rem;}
.ad_fes .flow{margin: 0 0 3%;}
.ad_fes .flow p{font-size: 1.4rem; margin: 0 0 4%;}
.ad_fes .flow span{width: 90px; font-size: 1.2rem;}
.ad_fes .game,.ad_fes .otherSite{padding: 8% 5%;}
.ad_fes .game h5{font-size: 1.8rem; margin: 0 0 8%;}
.ad_fes .game p,.ad_fes .otherSite p{font-size: 1.4rem; line-height: 2rem; margin: 0 0 5%;}
.ad_fes .game .logo_image{margin: 0 auto 8%; width: 90%;}
.ad_fes .game .lead,.ad_fes .otherSite .lead{float: none; width: 100%;}
.ad_fes .game .images,.ad_fes .otherSite .images{margin: 10% 0 0; float: none; width: 100%;}
.ad_fes .machine .machineBox{display: block;}
.ad_fes .machine .machineBox .lead{display: block; width: 90%; margin: 0 auto 2%;}
.ad_fes .machine .machineBox .images{display: block; width: 90%; margin: 0 auto;}
.ad_fes .machine .machineBox .lead p{font-size: 1.6rem;}

/* contents2 */
.ad_fes .prizeBox p.band{font-size: 1.7rem; margin: 0 0 3%;}
.ad_fes .prizeBox p span{font-size: 1.4rem; line-height: 1.4em; display: block;}
.ad_fes .prizeBox .box{margin: 0 0 10%; padding: 0 0 10%;}
.ad_fes .prizeBox .box .shop_winner .images{margin: 0 0 3%;}
.ad_fes .prizeBox .box .shop_winner .lead{font-size: 1.6rem; margin-bottom: 5%;}
.ad_fes .prizeBox .box .shop_winner .lead span{display: block; font-size: 1.3rem; margin-top: -35px;}
.ad_fes .prizeBox .box .shop_winner h4{font-size: 1.6rem;}
.ad_fes .prizeBox .box .shop_winner .cell{float: none; width: 100%;}
.ad_fes .prizeBox .box .shop_winner .cell:nth-child(odd){margin-right: 0;}
.ad_fes .prizeBox .box .shop_winner .cell:nth-child(even){margin-left: 0;}

.ad_fes .collaboBox p{font-size: 1.7rem; margin: 0 0 5%;}
.ad_fes .collaboBox .images{width: 85%; margin: 0 auto 5%;}

/* contents3 Notice */
.ad_fes .notice h4 {font-size: 1.8rem; margin: 0 0 2%;}
.ad_fes .notice ul{margin: 0 0 6%;}
.ad_fes .notice li{margin: 0 0 10px 20px; font-size: 1.3rem;}
.ad_fes .notice li:last-child{margin: 0 0 0 20px;}

/* Contents Ranking Common */
.ad_fes .rankingBox span.update{width: 100%; text-align: right; display: block; margin: -1.5% 0 1.5%; font-size: 1.4rem;}
	
/* Contents My Ranking */
.ad_fes .rankingBox .my_ranking {background: none;}
.ad_fes .rankingBox .my_ranking h4{font-size: 1.4rem;}
.ad_fes .rankingBox .my_ranking .title {border: 2px #6c3303 solid; padding: 3% !important; margin: 0 0 1%;}
.ad_fes .rankingBox .my_ranking .title span.cardName{font-size: 1.2rem; padding: 2% 2%;}
.ad_fes .rankingBox .my_ranking .title i{vertical-align: 2px; margin: 0 5px 0 0;}
.ad_fes .rankingBox .my_ranking .title i:before{margin: 0 0 -7px 0;}
.ad_fes .rankingBox .my_ranking table:nth-child(odd){width: 100%; float: none; border-right: 2px solid #6c3303; margin: 0 0 -3px; border: 2px solid #6c3303;}
.ad_fes .rankingBox .my_ranking table:nth-child(even){width: 100%; float: none; border-left: 2px solid #6c3303; border: 2px solid #6c3303;}
.ad_fes .rankingBox .my_ranking td {height: 40px !important; padding: 7px 10px;}
.ad_fes .rankingBox .my_ranking table:nth-child(odd) td{max-width: 270px; font-size: 1.6rem;}
.ad_fes .rankingBox .my_ranking td dt{font-size: 1.4rem !important;}
.ad_fes .rankingBox .my_ranking td dd{font-size: 1.6rem !important; margin: 2px 0 0;}

.ad_fes .rankingBox .my_ranking .memberLogin p{width: 100%; font-size: 1.2rem; margin: 0 auto; text-align: center;}
.ad_fes .rankingBox .my_ranking .memberLogin .boxLink {width: 95%; margin: 0 auto 3%;}

.ad_fes .rankingBox .my_ranking .shopRanking th{border-bottom: 2px solid #6c3303; padding: 3px 0;}
.ad_fes .rankingBox .my_ranking .shopRanking td{font-size: 1.6rem !important; height: 50px !important;}

/* Read More */
.ad_fes .rankingBox .my_ranking button.readmore{width: 95%; margin: 10px auto 5px; font-size: 1.4rem; border-radius: 14px; padding: 4%;}
.ad_fes .rankingBox .my_ranking button.readmore span{font-size: 1.2rem;}

/* Contents Ranking Table */
.ad_fes .rankingBox .ranklist table {border:2px solid #6c3303;}	
.ad_fes .rankingBox .ranklist th,.ad_fes .rankingBox .ranklist td {font-size: 1.3rem; padding: 7px 5px; height: 40px;}
.ad_fes .rankingBox .ranklist thead th {font-size: 1.4rem;}
.ad_fes .rankingBox .ranklist thead tr th {border-top: 2px solid #6c3303; border-left:2px solid #6c3303;}
.ad_fes .rankingBox .ranklist thead tr th:nth-child(1) {border-left: 0 none; min-width: 40px; width: 60px;}
.ad_fes .rankingBox .ranklist thead tr th:nth-child(2) {}
.ad_fes .rankingBox .ranklist thead tr th:nth-child(3) {width: 130px;}
.ad_fes .rankingBox .ranklist tbody th {text-align: center; font-weight: normal; border-top: 1px solid #d8dbe6; border-left: 1px solid #d8dbe6; background: #f59f39; color: #fff; font-size: 1.5rem;}
.ad_fes .rankingBox .ranklist tbody td span { display: block; margin: 0 auto; line-height: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ad_fes .rankingBox .ranklist tbody.RankingList tr:nth-child(-n+5) td,.ad_fes .rankingBox .ranklist tbody.RankingList tr:nth-child(-n+5) a{font-size: 1.4rem; height: 45px;}
.ad_fes .rankingBox .ranklist tbody.RankingList td:nth-child(1) {}
.ad_fes .rankingBox .ranklist tbody.RankingList td:nth-child(2) {max-width: 140px;}
.ad_fes .rankingBox .ranklist tbody.RankingList td:nth-child(3) {font-size: 1.3rem;}

.ad_fes .ranklist .listFootArea{font-size: 1.4rem; margin: 5% 0;}
.ad_fes .ranklist .listFootArea span{font-size: 1.2rem; padding: 3px 5px; margin: 0 5px 0 0; vertical-align: 1px;}

/* Event List */
#Ad_open h4,#Ad_close h4{font-size: 1.4rem;}
#Ad_close .cell{float: none; width: 100%; margin: 0 1.5%;}

}

@media (max-width: 560px) {/**/}
@media (max-width: 320px) {}
@media (min-width: 768px) and (max-width: 991px) {/*tablet*/}

@media (min-width: 769px) and (max-width: 1561px) {/* desk top */
.ad_fes .ad_fes_catch{top: -9%; left: 50%; font-size: 2.4rem; line-height: 3.2rem; padding: 8px 0;}
}
@media (min-width: 769px) and (max-width: 1261px) {/* desk top */
.ad_fes navi a{border: 7px #451509 solid; box-shadow: 0 5px 0 0px rgba(69,21,9,1), 0 0 0 4px rgba(45,28,11,.3);}
.ad_fes .ad_fes_catch{top: -8%; left: 50%; font-size: 2rem; padding: 10px 0; line-height: 2.5rem;}
.ad_fes .mainArea{min-height: 400px;}
}
@media (min-width: 769px) and (max-width: 1025px) {/* desk top */
.ad_fes navi a{border: 5px #451509 solid; box-shadow: 0 3px 0 0px rgba(69,21,9,1), 0 0 0 3px rgba(45,28,11,.3);}
.ad_fes .ad_fes_catch{top: -7.7%; left: 50%; font-size: 1.8rem; line-height: 2.4rem;}
}

@media (min-width: 1200px) {/*desk top learge */}
@media (min-width: 768px) {/*sm~lg*/}

/*animated ==============================================================================*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}

70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}

90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}

@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}

70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}

90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}

.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}

@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}

25%, 75% {
opacity: 0;
}
}

@keyframes flash {
from, 50%, to {
opacity: 1;
}

25%, 75% {
opacity: 0;
}
}

.flash {
-webkit-animation-name: flash;
animation-name: flash;
}