@charset "utf-8";
/*
1.common
2.contents
3.header
4.nav
5.footer
*/
htm,body {height:100%;}
html { font-size:62.5%;}
body {color:#333; -webkit-text-size-adjust:100%;}/*スマフォの横向き文字自動調整オフ*/
img {max-width:100%; height:auto; vertical-align:top;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a {color:#009fa8; transition: all .3s;}
a:visited {color:#009fa8;}
a:hover {color:#668dd1;}
a:active {color:#508bf7;}

/*--------------------------------------------------
1.common
--------------------------------------------------*/
#wrapper {position:relative; width:100%; min-height:100%; background:#fff;}
header h1 img {width:140px; padding-top:1px;}

#Menu{overflow-x: auto;}
#Menu::-webkit-scrollbar { display:none;}
#Menu #tab{display: table;}
#Menu #tab li{display: table-cell; text-align: center; vertical-align: middle; min-width:125px;}
#Menu h2{ padding:0 0 0 5px; margin-top:5px; font-size:18px; font-size:1.4rem; font-weight:bold;}
#Menu h2 a{ display:block; padding:10px 15px; color:#FFFFFF; text-decoration:none; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; }
#Menu h2 a.selected{padding:12px 15px;}
#Menu h2.tabtokuten a,
#Menu h2.tabprior a,
#Menu h2.tabrankers a,
#Menu h2.tabcampaign a,
#Menu h2.tabnews a{background:#d0d0d0;}
#Menu li.selected h2.tabtokuten a{background:#ff933c;}
#Menu li.selected h2.tabprior a{background:#46b0e7;}
#Menu li.selected h2.tabrankers a{background:#8b78d8;}
#Menu li.selected h2.tabcampaign a{background:#94c62f;}
#Menu li.selected h2.tabnews a{background:#e27dd6;}
/* login header */
.h_login {position:relative; background-color:#67c3be; color:#FFFFFF; padding:10px 10px 10px 15px; font-weight:bold;}
.h_login p a{ display:block; position:absolute; padding:5px 10px; border-radius: 15px; right:10px; top:18%; background-color:#FFFFFF; color:#67c3be; font-weight:normal; font-size:0.8em; text-decoration:none;}
.h_login p a:hover{ background-color:#dff3ff;}
.h_login p i{padding-right: 4px; font-size:1.2em;}
/* btn */
.btn {display:block; border-radius:3px; -webkit-transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear; transition:background-color 0.3s linear;}
.btn a {display:block; width:100%; height:100%; text-decoration:none; color:#fff;}
.btn a:visited,.btn a:active {color:#fff;}
.btn a:hover,.btn :hover {-webkit-transition:background-color 0.1s linear; -moz-transition:background-color 0.1s linear; transition:background-color 0.1s linear;}
.btn_area {clear:both; overflow:hidden; width:94%; margin:0 auto 20px; text-align:center;}

.shop_btn,.more_btn,.item_btn,.get_btn,.mypage_shop_btn,
.profile_btn,.profile_ok_btn,.signup_btn,.login_btn,
.facebook_btn,.twitter_btn {display:inline-block; width:120px; padding:0 10px; margin:10px; background:#52bebc; /*line-height:34px; line-height:33px\9; line-height:33px\0;*/ font-size:14px; font-size:1.4rem; color:#fff;}
.shop_btn span,.more_btn span,.item_btn span,.get_btn span,.mypage_shop_btn span,
.facebook_btn span,.twitter_btn span {display:block;}
.shop_btn:before,.more_btn:before,.item_btn:before,.get_btn:before,.mypage_shop_btn:before,
.facebook_btn:before,.twitter_btn:before {float:left; padding:0 3px 0 3px; margin:0 5px 0 0px; text-align:center; font-size:20px; font-size:2.0rem; cursor:pointer;}
.shop_btn {float:right; margin:2px 10px 7px; line-height:28px; line-height:27px\9; line-height:27px\0; }
.more_btn {float:right; width:125px; margin:0px 10px 15px; line-height:28px; line-height:27px\9; line-height:27px\0; }
.shop_btn:before,.more_btn:before {font-size:18px; font-size:1.8rem;}
.shop_btn:before {padding:1px 9px 0 8px; margin:0 10px -1px -8px;}
.item_btn {width:100%; margin:10px auto 0; background-color:#e95098; padding: 12px 10px;}
.item_btn:hover {background-color:#f977b4;}
.item_btn.disable {background-color: #aaa; cursor: default;}
.item_btn.disable:hover {background-color: #999; cursor: default;}
.item_btn .btn_cau{ font-size:0.8em; line-height: 10px;}
.get_btn {width:240px; margin:17px auto 0; background-color:#e95098; text-align:center; font-size:16px; font-size:1.6rem;}
.get_btn:hover {background-color:#f97796;}
.mypage_shop_btn {width:210px; margin:4px auto 10px;}
.profile_btn {width:115px; margin:0 15px; padding-left:20px; letter-spacing:10px;}
.logout_box .profile_btn {width:100px; margin:20px 20px 10px; padding-left:10px; letter-spacing:3px;}
.shop_btn:hover,.more_btn:hover,.mypage_shop_btn:hover,.profile_btn:hover {background-color:#668dd1;}
.profile_ok_btn {width:115px; margin:0 15px; background-color:#e95098;}
.logout_box .profile_ok_btn {width:100px; padding-left:20px; letter-spacing:10px;}
.profile_ok_btn:hover {background-color:#f97796;}
.signup_btn,.login_btn {width:210px; padding-left:8px; background-color:#e95098; letter-spacing:3px;}
.signup_btn:hover {background-color:#f97796;}
.login_btn {background-color:#3962ad;}
.login_btn:hover {background-color:#668dd1;}
.facebook_btn {width:210px; margin:0 auto 20px; background-color:#3B5998;}
.facebook_btn:hover {background-color:#57698e;}
.twitter_btn {width:210px; margin:0 auto 20px; background-color:#55acee;}
.twitter_btn:hover {background-color:#75b9ea;}

.sIcon:before {content:"\f015"; font-family:FontAwesome;}
.raIcon:before {content:"\f061"; font-family:FontAwesome;}
.gIcon:before {content:"\f06b"; font-family:FontAwesome; font-size: 2rem; margin:-3px 0;}
.fIcon:before {content:"\f230 "; font-family:FontAwesome;}
.tIcon:before {content:"\f099"; font-family:FontAwesome;}

.page-top {position:fixed; bottom:0; right:0px; z-index:12; padding:10px; font-size:30px; font-size:3.0rem; color:#666; -ms-filter:"alpha(opacity=30)"; -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.page-top a,.page-top a:visited {color:#666;}
.page-top a:hover,.page-top a:active {-ms-filter:"alpha(opacity=5)"; -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3}
/* アプリダウンロードボタン */
.dl_btnBox {width:100%; overflow:hidden; padding:25px 3% 0; margin:20px auto; border-top:2px dotted #ccc;}
.dl_btnBox p {position:relative; width: 78%; padding:5px 5px 7px; margin:0 auto 15px; background:#ebebeb; border-radius:4px; text-align:center; font-size:13px; font-size:1.3rem; color:#333; font-weight:bold;}
.dl_btnBox p:before {content:""; position:absolute; bottom:-8px; left:50%; margin-left:-8px; width:0; height:0; border-top:11px solid #ebebeb; border-left:8px solid transparent; border-right:8px solid transparent;}
.dl_btnBox p i {padding-right:5px; vertical-align:-8%; font-size:120%; font-weight:normal;}
.dl_btnBox section{ float: left; width:50%;  margin:0 auto; text-align:center;}
.dl_btnBox section a{ display:block; padding:0 5%;}
.dl_btnBox section.other{ clear: both; float: none; width: 95%; margin: 0 auto; padding-top: 15px;}
.dl_btnBox section.other a{ padding: 12px 10px; color: #FFFFFF; text-decoration: none; border-radius: 5px; border: 1px solid #424242;
background: -moz-linear-gradient(56deg, #131313 0%, #1c1c1c 20%, #000 39%, #000000 50%, #2c2c2c 51%, #272727 60%, #0b0b0b 100%);
background: -webkit-linear-gradient(56deg, #131313 0%, #1c1c1c 20%, #000 39%, #000000 50%, #2c2c2c 51%, #272727 60%, #0b0b0b 100%);
background: linear-gradient(56deg, #131313 0%, #1c1c1c 20%, #000 39%, #000000 50%, #2c2c2c 51%, #272727 60%, #0b0b0b 100%)}
.dl_btnBox section.other a:hover{opacity: 0.8;}
.dl_btnBox section.other a h4{ font-size: 1.2rem;}
.dl_btnBox section.other a:before{float: left; content: "\f067"; font-family: FontAwesome; font-size: 2rem; color: #FFFFFF; padding: 0 0 5px 5px; line-height: 20px; margin-right: 3px;}
.dl_btnBox h4 {padding-bottom:3px; font-size:11px; font-size:1.1rem; font-weight:normal;}
.dl_btnBox img {width:100%; max-width:180px; height:auto;}
.dl_btnBox a:hover img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
/* ゲーム画像など */
.photo {padding-top:15px; margin-bottom:15px; border-top:2px dotted #ccc; text-align:center;}
/* 広告バナー */
aside {clear:both; overflow:hidden; padding:0 10px;margin:20px auto 10px; text-align:center;}
.ad300 .bnr300{display:none;}
.sidepane .ad300{display:none;}
.bnr_responsive{margin-top: 10px;}
/* twitter */
.twitter_default { height: 450px; margin-bottom: 20px;}
.twitter { height: 300px; margin-bottom: 20px;}
/*--------------------------------------------------
2.contents
--------------------------------------------------*/
#contents {width:100%; clear:both; margin:0 auto; padding: 0 0 126px 0; background:#FFFFFF; line-height:1.4; vertical-align:top;}
#side { display:none;}

/* トップ　スライダー */
.slider_box {clear:both; padding:0 0 25px; margin:0 auto; background:#FFFFFF;}
.slider_box .slider {position:relative; width:100%; background-color: #252525;}
.slider_box .slider li img {margin:0 auto;}
.slider_box .slick-track .slick-slide .slide_tag.privilege {background: rgba(255, 147, 60, 0.84);}
.slider_box .slick-track .slick-slide .slide_tag.competition {background: rgba(139, 120, 215,0.84);}
.slider_box .slick-track .slick-slide .slide_tag.campaign {background: rgba(148, 198, 46,0.84);}
.slider_box .slick-track .slick-slide .slide_tag.Reservation {background: rgba(70, 176, 231, 0.84);}
.slider_box .balloon {position:relative; width:290px; padding:5px 5px 7px; margin:0 auto; background:#fff; border-radius:4px; text-align:center; font-size:13px; font-size:1.3rem; font-weight:bold;}
.slider_box .balloon span {color:#e95098; font-weight:bold;}
.slider_box .balloon:before {content:""; position:absolute; bottom:-8px; left:50%; margin-left:-8px; width:0; height:0; border-top:11px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent;}
/* リストボックス */
.list_area {overflow:hidden; margin-bottom:10px; clear:both;}
.list_area .noitem {padding: 1em;}
.list_area_scr{ padding: 10px;overflow-x:auto; overflow-y:hidden; width:100%; white-space:nowrap;}
.list_area_scr::-webkit-scrollbar{width: 8px;background: #a3d2a0;}
.list_area_scr::-webkit-scrollbar:horizontal{height: 8px;background: #ededed;}
.list_area_scr::-webkit-scrollbar-thumb{background: #67c3be;border-radius: 4px;}
.list_area_scr::-webkit-scrollbar-thumb:horizontal{background: #67c3be;border-radius: 4px;}
.list_box,.list_img,.list_reco_box{position:relative; width:94%; margin:0 auto 8px; border-spacing: 8px; border-collapse:separate; background:#fff; border:1px solid #CCC; border-radius:4px;}
.list_img img{border-radius: 4px; padding:5px 5px 0 5px;}
.list_img h3{ padding:5px; border-bottom: 1px dashed #bbbdbf; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list_box:hover,.list_img:hover,.list_reco_box:hover {background:#f2f2f2;}
.list_box div:first-child,.list_reco_box div:first-child {display:block; width:70px; text-align:center;}
.list_box div img,.list_reco_box div img {width:70px; height:70px; margin-bottom:3px;}
.list_box h3,.list_reco_box h3 {display:block; padding-bottom:4px; margin-left:4px; border-bottom:2px dotted #bbbdbf; font-size:14px; font-size:1.4rem; font-weight:bold;}
.list_box .info,.list_img .info,.list_reco_box .info {position:relative; display:block; padding:8px; font-size:13px; font-size:1.3rem;}
.list_box small,.list_reco_box small {display:block; margin-top:5px; color:#888; line-height:1; font-size:10px; font-size:1.0rem; letter-spacing:normal;}
.list_box .tokuten,
.list_img .tokuten {position:relative; display:block; width:65px; height:20px; padding-left:20px; margin:2px 0 0 0; border-radius:10px; background:#ff933c; line-height:20px; text-align:center; font-size:13px; font-size:1.3rem; color:#fff;}
.list_box .tokuten:before,
.list_img .tokuten:before {content:"\f06b"; position:absolute; left:-1px; top:-3px; z-index:2; width:22px; height:22px; padding-left:1px; background:#fff; border:2px solid #ff933c; border-radius:50%; line-height:22px; text-align:center; color:#ff933c; font-size:18px; font-size:1.8rem; font-family:FontAwesome;}
.list_box .present,
.list_img .present {position:relative; display:block; width:105px; height:20px; padding-left:20px; margin:2px 0 6px; border-radius:10px; background:#46b0e7; line-height:20px; text-align:center; font-size:13px; font-size:1.2rem; color:#fff;}
.list_box .present:before,
.list_img .present:before {content:"\f06b"; position:absolute; left:-1px; top:-3px; z-index:2; width:22px; height:22px; padding-left:1px; background:#fff; border:2px solid #46b0e7; border-radius:50%; line-height:22px; text-align:center; color:#46b0e7; font-size:18px; font-size:1.8rem; font-family:FontAwesome;}
.list_box .competitions,
.list_img .competitions {position:relative; display:block; width:105px; height:20px; padding-left:20px; margin:2px 0 6px; border-radius:10px; background:#8b78d8; line-height:20px; text-align:center; font-size:13px; font-size:1.2rem; color:#fff;}
.list_box .competitions:before,
.list_img .competitions:before {content:"\f091"; position:absolute; left:-1px; top:-3px; z-index:2; width:22px; height:22px; padding-left:1px; background:#fff; border:2px solid #8b78d8; border-radius:50%; line-height:22px; text-align:center; color:#8b78d8; font-size:18px; font-size:1.8rem; font-family:FontAwesome;}
.list_box .campaign,
.list_img .campaign {position:relative; display:block; width:105px; height:20px; padding-left:20px; margin:2px 0 6px; border-radius:10px; background:#94c62f; line-height:20px; text-align:center; font-size:13px; font-size:1.2rem; color:#fff;}
.list_box .campaign:before,
.list_img .campaign:before {content:"\f219"; position:absolute; left:-1px; top:-3px; z-index:2; width:22px; height:22px; padding-left:1px; background:#fff; border:2px solid #94c62f; border-radius:50%; line-height:22px; text-align:center; color:#94c62f; font-size:18px; font-size:1.8rem; font-family:FontAwesome;}
.info .tokuten_txt{margin-top:10px; font-size:0.9em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newslist{ padding:0 1px; font-size:0.9em;}
.newslist li{ padding:20px 14px; border-bottom:1px dashed #cacaca; cursor: pointer;}
.newslist li:hover{ background: #f2f2f2 none repeat scroll 0 0;}
.newslist li .newsdate{display:block; font-weight:bold; margin:0 15px 2px 0;}
.newslist li .txt{display:block;}
.list_img.large_item{width: 96%;}
.list_img.large_item .info .tokuten_txt{ white-space: normal;}
/* rankers */
.mb5 {padding:5px;}
.mb5 a {background-size: contain !important; text-decoration:none;}
.mb5 .game-block-details img{width:100px;}
.mb5 .flex-h {position:relative;}
.mb5 .label-dark { background-color:#222221; color:#FFFFFF; padding:3px 5px; display:inline-block;}
.mb5 .text-right {position:absolute; background-color:#de641c; color:#FFFFFF; padding:3px 9px; right:8px; top:8px; border-radius:10px;}
.mb5 .text-right .label-yellow:before{content:"\f0d6"; display:inline-block; width:27px; margin-right:-5px; font-size: 1.5rem; font-family: FontAwesome;}
.mb5 .text-right img{display:none;}
.mb5 .mr10 {background-color:#222221; color:#FFFFFF; margin-top:5px; padding:10px;}
.mb5 .lh20 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mb5 .fs-sm {font-size:0.9em;}
.mb5 .game-block-details img { padding:0; border:2px solid #FFFFFF; border-radius:22px; margin:5px;}
.comp_end {background:rgba(139, 120, 215, 0.84) none repeat scroll 0 0; color:#fff; padding:0.4em 1.2em; position: absolute; right:0; top:0;}
/*os*/
.list_box .storeIcon[_storeURL=""].ios:before,.list_img .storeIcon[_storeURL=""].ios:before,.list_reco_box .storeIcon[_storeURL=""].ios:before{color:#fff; background-color:#d4d4d4;}
.list_box .storeIcon[_storeURL=""].And:before,.list_img .storeIcon[_storeURL=""].And:before,.list_reco_box .storeIcon[_storeURL=""].And:before{color:#fff; background-color:#d4d4d4;}
.list_box .storeIcon[_storeURL=""].other:before,.list_img .storeIcon[_storeURL=""].other:before,.list_reco_box .storeIcon[_storeURL=""].other:before{color:#fff; background-color:#d4d4d4;}

.list_box .info ul,.list_img .info ul,.list_reco_box .info ul { position:absolute; right:5px; top:5px;}
.list_box .ios,.list_img .ios,.list_reco_box .ios,
.list_box .And,.list_img .And,.list_reco_box .And,
.list_box .other,.list_img .other,.list_reco_box .other { text-align:center; display:inline-block; margin-left:1px;}
.list_box .ios:before,.list_img .ios:before,.list_reco_box .ios:before {content:"\f179"; display:block; width:25px; height:25px; line-height:26px; background:#6BBED6; color:#fff; border-radius:50%; font-size:17px; font-size:1.7rem; font-family:FontAwesome;}
.list_box .And:before,.list_img .And:before,.list_reco_box .And:before {content:"\f17b"; display:block; width:25px; height:25px; line-height:26px; background:#a4ca39; color:#fff; border-radius:50%; font-size:17px; font-size:1.7rem; font-family:FontAwesome;}
.list_box .other:before,.list_img .other:before,.list_reco_box .other:before {content:"\f067"; display:block; width:25px; height:25px; line-height:26px; background:#36c4cc; color:#fff; border-radius:50%; font-size:17px; font-size:1.7rem; font-family:FontAwesome;}

/* ribon */
.list_box .ribbon,.list_reco_box .ribbon,.list_img .ribbon {display: none; position:absolute; left:-8px; top:-9px; z-index:2;}
.list_box .ribbon.new,.list_reco_box .ribbon.new,.list_img .ribbon.new {display: block;position:absolute; left:-8px; top:-8px; z-index:2;}
.list_box .ribbon img,.list_reco_box .ribbon img,.list_img .ribbon img {width:50px; height:50px; border-radius:0;}

.priorbox, .tokutenbox, .rankersbox, .campaignbox, .newsbox { padding:10px 0 0 0; border-bottom: 4px solid #cacaca; border-top: 4px solid #cacaca; background:#FFFFFF;}
.tokutenbox {border-color:#ff933c;}
.priorbox {border-color:#46b0e7;}
.rankersbox {border-color:#8b78d8;}
.campaignbox {border-color:#94c62f;}
.newsbox {border-color:#e27dd6;}
.priorbox:after,.tokutenbox:after,.rankersbox:after,.newsbox:after {content:""; display:block; clear:both;}
/* おすすめアプリ */
.reco {overflow:hidden; width:100%; padding:2% 0; margin:0 auto 20px; line-height:0; background:#00ac97;}
.reco ul {padding:0 1%; text-align:center;}
.reco ul li {display:inline-block; width:14%; margin:0 0.2%;}
.reco ul li img {width:100%; max-width:70px; height:auto;}
.list_reco_box div p {padding-top:2px;}
.list_reco_box .ios,.list_reco_box .And,.list_reco_box .other {display:block; float:left; width:60px; height:14px; margin-top:8px; background:#a8b6ba; text-align:center; font-size:10px; font-size:1.0rem; color:#fff;}
.list_reco_box .And {margin-left:5px; background:#cccc24; letter-spacing:normal;}
/* 注意事項 */
.attention {clear:both; padding:8px 3% 10px; margin-bottom:15px; background:#ebebeb;}
.attention h3 {font-size:14px; font-size:1.4rem;}
.attention h3:before {content:"\f0d7"; padding-right:8px; font-family:FontAwesome; font-size:130%; font-weight:normal;}
.attention p, .attention ul {margin-bottom:15px;}
.attention p:last-child, .attention ul:last-child {margin-bottom:20px;}
.attention ul li {padding:5px 0 0 10px; font-size:13px; font-size:1.3rem; text-indent:-15px;}
.attention ul li:before {content:"・";}
/* リストページ */
.list_option {overflow:hidden; width:100%; padding:8px 12px; margin:0 auto 15px; background:#f2f2f2; border-radius:4px; font-size:14px; font-size:1.4rem;}
.list_option p {margin-top:-2px;}
.list_option ul {margin-top:8px;}
.list_option li {float:left; margin-left:10px; background: #fff;border:1px #ccc solid; border-radius:4px;}
.list_option li:first-child {margin-left:0;}
.list_option li:hover, .list_option li.active {background:#52bebc; border-color:#00ac97; color:#fff; cursor:pointer;}
.list_option li a {display: block; padding: 3px 6px; text-decoration: none;}
.list_option li:hover a, .list_option li.active a {color: #fff;}

.list_num {margin: 20px 5px; text-align: center;}
.list_num li{display:inline-block;}
.list_num li a{display:block; width:37px; text-align:center; text-decoration:none; padding:8px 0; border:1px solid #DCDCDC; color:#8a8a8a;}
.list_num li a:hover,
.list_num li a.active{ background-color:#52bebc; color:#ffffff;}
/* アイテム詳細ページ */
h2.tokuten{position:relative; display:block; width:110px; height:22px; padding-left:20px; margin:10px 0 0 10px; border-radius:10px; background:#ff933c; line-height:22px; text-align:center; font-size:13px; font-size:1.3rem; color:#fff;}
h2.tokuten:before {content:"\f06b"; position:absolute; left:-1px; top:-3px; z-index:2; width:24px; height:24px; padding-left:1px; background:#fff; border-radius:50%; line-height:24px; text-align:center; color:#ff933c; border:2px solid #ff933c; font-size:18px; font-size:1.8rem; font-family:FontAwesome;}
h2.competitions {position:relative; display:block; width:110px; height:22px; padding-left:20px; margin:10px 0 0 10px; border-radius:10px; background:#8b78d8; line-height:22px; text-align:center; font-size:13px; font-size:1.3rem; color:#fff;}
h2.competitions:before {content:"\f091"; position:absolute; left:-1px; top:-3px; z-index:2; width:24px; height:24px; padding-left:1px; background:#fff; border-radius:50%; line-height:24px; text-align:center; color:#8b78d8; border:2px solid #8b78d8; font-size:18px; font-size:1.8rem; font-family:FontAwesome;}
h2.campaign {position:relative; display:block; width:120px; height:22px; padding-left:20px; margin:10px 0 -2px 10px; border-radius:10px; background: #94c62f;line-height:22px; text-align:center;font-size:13px; font-size:1.3rem; color:#fff;}
h2.campaign:before {content:"\f219"; position:absolute; left:-1px; top:-3px; z-index:2; width:24px; height:24px; padding-left: 0px; background:#fff; border-radius:50%; line-height:24px; text-align:center; color:#94c62f; border:2px solid #94c62f; font-size:18px; font-size:1.8rem; font-family:FontAwesome;}
.breadcrumbs {background:#eaeaea; padding:10px; border-bottom:1px solid #cacaca; }
.breadcrumbs p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: normal;}

.item_head {position:relative; display:table; width:100%; border-collapse:separate; border-spacing:13px 12px;}
.item_head div {display:table-cell; width:90%; text-align:left; vertical-align:top;}
.item_head div:first-child {display:block; width:80px; text-align:center;}
.item_head div img {width:80px; height:80px;}
.item_head h3 {display:block; padding-bottom:4px; font-size:15px; font-size:1.5rem; font-weight:bold;}
.item_head div p {font-size:13px; font-size:1.3rem;}
.item_head div p small {display:block; padding-bottom:5px; font-size:10px; font-size:1.0rem;}
.item_head div p span a {word-break: break-all;}
.item_head div p .category {padding:2px 5px; margin-right:7px; line-height:0; background:#757575; font-size:10px; font-size:1.0rem; color:#FFF;}
.item_head div p.Ai_icon {float:right; margin:10px 8px 0 -16px; line-height:1.3;}
.item_head .ios,.item_head .And,.item_head .other {float:left; display:block; width:60px; padding:3px 0; background:#6BBED6; border-radius:4px; text-align:center; font-size:10px; font-size:1.0rem; color:#fff;}
.item_head .And {margin-left:8px; background:#a4ca39; letter-spacing:normal;}
.item_head .other {margin-left:8px; background:#36c4cc; letter-spacing:normal;}

.btn_shop{width:75%; margin:0 auto 15px;}
.btn_shop a{display:block; width:100%; padding:10px 5px; text-align:center; background:#52bebc; color:#FFFFFF; text-decoration:none; border-radius:20px;}
.btn_shop:before{float:left; content: "\f015"; font-family: FontAwesome; font-size: 2rem; color:#FFFFFF; padding:6px 0 5px 15px; margin-right:-5px;}
.btn_shop a:hover{background:#46ccc9;}

.btn_challenge{width:70%; margin: 0 auto 10px;}
.btn_challenge a{ display:block; width:100%; padding:10px 5px; text-align:center; background:#52bebc; color:#FFFFFF; text-decoration:none; border-radius:20px;}
.btn_challenge:before{float: left;content: "\f0a3"; font-family: FontAwesome; font-size: 2rem; color:#FFFFFF; padding:5px 0 5px 15px;}
.btn_challenge a:hover{background:#46ccc9;}
.btn_challenge.disable a{ background:#aaa;}
.btn_challenge.disable a:hover{background:#999;}

.item_area {position:relative; z-index:1; clear:both; width:100%;}
.item_area > ul {width:100%; margin:0 auto; text-align:center; padding:10px 0; background:#eaeaea; border-top:1px solid #cacaca;}
.item_area > ul li {display:inline-block; width:46%; vertical-align:top; height:40px; line-height:40px; font-size:15px; font-size:1.5rem;}
.item_area > ul li:first-child{box-shadow:-1px -1px 0 rgba(204,204,204,1) inset;}
.item_area > ul li h3 {display:inline;}
.item_area > ul li a {display:block; background:#A3C5C5; color:#FFFFFF; text-decoration:none;  border-radius:4px;}
.item_area > ul li a:hover {background:#7CBFBE;}
.item_area > ul li a.selected {background:#52bebc; box-shadow:1px 1px 1px rgba(0,0,0,0.2);}
/* 特典内容 */
/*section.items {border-bottom: 2px dotted #ccc; padding-bottom: 10px;}*/
.tab_box_area {margin:0 auto; padding-top:15px; border-bottom:4px solid #52bebc; border-top:4px solid #52bebc; text-align:center; font-size:14px; font-size:1.4rem;}
.tab_box_area .items { margin-bottom: 10px;}
.tab_box_area .item_border { margin: 0 10px; padding: 5px 0; border:1px solid #cacaca; border-radius: 8px; }
.tab_box_area .Ltab { position: relative; min-height:103px; padding:10px; margin:0 10px;}
.tab_box_area .Ltab img{ position:absolute; left:10px; top:10px; width:80px; height:80px;}
.tab_box_area .Ltab p { padding-left:90px; text-align:left;}
.tab_box_area .Ltab p span {display:block; padding-bottom:3px; font-weight:bold;}
.tab_box_area .Rtab {width:70%; margin:0 auto;}
.tab_box_area h4.balloon {position:relative; width:70%; padding:7px; margin:0 auto 15px; background:#e95098; border-radius:4px; text-align:center; font-size:13px; font-size:1.3rem; color:#fff; font-weight:bold;}
.tab_box_area h4.balloon:before {content:""; position:absolute; bottom:-8px; left:50%; margin-left:-8px; width:0; height:0; border-top:11px solid #e95098; border-left:8px solid transparent; border-right:8px solid transparent;}
.tab_box_area .serial_num{ width:70%; margin:0 auto; border-radius:4px; border: 2px solid #e95098; padding:12px 10px; font-size:1.1em; background:#fff6ee;}
.tab_box_area .serial_limit{ margin:10px auto; color:#e95098;}

.tab_box_area .attention.method {padding:10px 3% 5px; margin:20px 0 0 0; border-top:2px dotted #ccc; border-bottom:0; text-indent:0;}
.tab_box_area #tab01 > .attention.method {margin:0;}
.tab_box_area .attention.method ul li:before {content:""; padding:0;}
.tab_box_area .attention.method  ul li {padding:5px 0 0 0; margin-left:0; text-indent:0;}
.tab_box_area .attention {padding:10px 3%; background:#fff; text-align:left; border-top:none; border-bottom:2px dotted #ccc;}
.tab_box_area .attention:last-child {padding-bottom:0; border:none;}
.tab_box_area .attention h3 {color:#52bebc;}
.tab_box_area .attention ul li {padding:5px 0 0 13px; margin-left:3px; text-indent:-20px;}
.tab_box_area .attention ul li:before {content:"※"; padding:3px;}

.tab_box_area .sns {position:relative; overflow:hidden; clear:both;}
.tab_box_area .sns ul {position:relative; left:50%; float:left; margin:12px auto 15px; text-align:center;}
.tab_box_area .sns ul li {position:relative; left:-50%; float:left; margin-right:20px;}
.tab_box_area .sns ul li:last-child {margin-right:0;}
.tab_box_area .attention p span, .tab_box_area .attention ul li span {color:#e95098; font-weight:bold;}

.tab_box_area .item_txt01 {clear:both;}
.tab_box_area .item_txt01 h4.balloon {background:#00ac97;}
.tab_box_area .item_txt01 h4.balloon:before {border-top:11px solid #00ac97;}
.tab_box_area .item_txt01 p {margin-bottom:10px;}
.tab_box_area .item_txt01 a:hover img {width:100%; min-width:600px; height:auto;}
.tab_box_area .item_txt01 a:hover img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

.tab_box_area .btn_url {display:inline-block;}
.tab_box_area .btn_url a {display:inline-block; padding:2px 13px; margin-top:8px; background:#e95098; border-radius:20px; font-size:12px; font-size:1.2rem; color:#fff; font-weight:normal; text-decoration:none;}
.tab_box_area .btn_url a:link {color:#fff;}
.tab_box_area .btn_url a:hover {background:#ef7cb2;}
.tab_box_area .banner {margin:0 auto 15px; font-size:13px; font-size:1.3rem; text-align:center;}
.tab_box_area .banner img {transition:opacity 0.7s;}
.tab_box_area .banner a:hover img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* ブラウザタイトル簡易表示 */
.item_area.other .tab_box_area .tab_box section.items:nth-of-type(n+2) .balloon,
.item_area.other .tab_box_area .tab_box section.items:nth-of-type(n+2) .Ltab p span,
.item_area.other .tab_box_area .tab_box section.items:nth-of-type(n+2) .Ltab img {display: none;}
.item_area.other .tab_box_area .tab_box section.items:nth-of-type(n+2) .Ltab {min-height: auto;}
.item_area.other .tab_box_area .tab_box section.items:nth-of-type(n+2) .Ltab p {padding-left: 0;}

/* ゲーム詳細 */
.tab_box_area ul.item_txt02 {text-align:left; margin:0 15px;}
.tab_box_area ul.item_txt02 li {padding-bottom:12px;}
.tab_box_area ul.item_txt02 h4 {padding-bottom:3px; color:#e95098;}

.ss_box_game {clear:both; margin:15px 0 30px; padding:0 5px 10px 5px; border-bottom: 1px solid #cacaca; border-top: 1px solid #cacaca;}
.ss_box_game li{position: relative; display: inline-block; margin: 0 auto 8px;  background: #fff; text-align: center;}

.movie {position:relative; overflow:hidden; max-width:560px; padding:30px 0 56.25%; margin:0 auto; height:0;}
.movie iframe {position:absolute; top:0; left:0; width:100%; max-width:560px; height:100%; text-align:center;}
/* おすすめアプリ */
.reco_head div {padding-bottom:0;}
.reco_head .Reco,.reco_head .ios,.reco_head .And,.reco_head .other {float:left; display:block; width:60px; height:14px; margin-left:8px; background:#e95098; border-radius:4px;  text-align:center; font-size:10px; font-size:1.0rem; color:#fff;}
.reco_head .ios {background:#a8b6ba}
.reco_head .And {background:#cccc24;}
.reco_head .other {background:#cccc24;}

.reco_area {width:94%; margin:15px auto 30px; text-align:center;}
.reco_area .reco_txt01 {margin-bottom:25px;}
.reco_area .reco_txt01 h4 {color:#e95098; font-size:16px; font-size:1.6rem; text-align:left;}
.reco_area .reco_txt01 p {margin-top:10px; font-size:14px; font-size:1.4rem; text-align:left;}
.reco_area .reco {margin:20px auto; padding:10px 0;}
.reco_area .reco h4 {margin:6px 10px 12px; text-align:left; font-size:14px; font-size:1.4rem; color:#fff; font-weight:normal;}
.reco_area .reco h4:before {content:"\f0a9"; padding-right:5px; font-family:FontAwesome;}
/* キャンペーン */
.title_head {margin:-8px auto 15px;}
.attention p + ul.list_present {margin-top:-15px;}
.tab_box_area .attention ul.list_present li:before {padding:0; content:"・";}
.tab_box_area .attention ul.list_normal li {text-indent:-1.4rem; text-indent:-1.7rem; padding-left:1.7rem;}
.tab_box_area .attention ul.list_normal li:before {padding:0; content:"";}
.howto, .period ,.draw_flow {margin:1px 0 15px; line-height:1.5;}
.btn_pink a, a.btn_pink {display:block; width:100%; padding:10px 5px; margin:20px auto 15px; background:#e95098; border-radius:20px; color:#FFF; text-decoration:none; text-align:center;}
.btn_pink a:link, a.btn_pink:link {color:#fff;}
.btn_pink a:hover, a.btn_pink:hover {background:#ef7cb2;}
.btn_pink.disable a{ background:#aaa;}
.btn_pink.disable a:hover{background:#999;}
/* 応募フォーム */
.formCon {padding:0 3%;}
.formCon .error {margin:20px 0 0 0;padding:10px 10px 10px 30px;font-size:16px;line-height:15px;color: #FF3939;border:1px #FF3939 solid;background:url(../images/cancel.png) 7px 11px no-repeat;display:block;}

.formCon dl.formBox {padding:0.5% 4% 1%; margin-bottom:20px; border:1px solid #ccc; border-radius:5px; font-size:13px; font-size:1.3rem;}
.formCon dl.formBox dt {padding-top:10px; line-height:29px;}
.formCon dl.formBox dd {padding-top:10px;}
.formCon .formBox input{padding:3px 5px 2px; margin-bottom:5px; width:90%;}
.formCon .formBox input#txtEmail {width:95%; max-width:400px; }
.formCon .formBox input#txtPoint {margin-bottom:15px; text-align:right;}
.formCon .formBox input#txtCampaignCode {margin-bottom:18px;}
.formCon .formBox p {margin:-5px 0 15px; font-size:12px; font-size:1.2rem;}
.formCon .formBox p span {color:#e95098; font-weight:bold;}
.formCon .formBox p:last-child {margin:-5px 0 0;}
.formCon .formBox .form span.attention {margin-top:5px; font-size:12px; font-size:1.2rem; line-height: 15px; display:block; clear:both;}
.formCon .formBox .form span.info {margin-top:5px; padding:5px 5px 5px 24px; font-size:12px; font-size:1.2rem; line-height:15px; border:1px #1687de solid; background:url(../images/information.png) 5px 5px no-repeat; display:block;}
.formCon .formBox .form span.warning {margin-top:5px; padding:5px 5px 5px 24px;font-size:12px; line-height:15px; color:#FF3939; border:1px #FF3939 solid; background:url(../images/cancel.png) 5px 5px no-repeat; display:block;}
.formCon .current_point {margin: 0 1em; font-size: 14pt; font-weight: bold;}
.formCon .current_point + .btn_hisotry {margin-top:10px;}
#spnAnnounce {display:block;}
#prsntAnnounce, #prsntAnnounce {font-weight:bold; color:#e95098;}

.ui-dialog .ui-dialog-titlebar{border-bottom:1px solid silver; border-radius:0px;}
.divDialog {max-width:652px;}
.divDialog .history {height:280px; padding:10px}
.divDialog .history #tbHistory {width:100%; margin-bottom:10px;}
.divDialog .history #tbHistory thead td {text-align:center; font-weight:bold;}
.divDialog .history #tbHistory td {padding:5px 7px; font-size:13px; font-size:1.3rem; border:1px solid silver;}
.divDialog .history #tbHistory td.type {white-space:nowrap;}
.divDialog .history #tbHistory td.no {text-align:center;}
.divDialog .history #tbHistory td.point {text-align:right; white-space:nowrap;}

.present_content {margin:0; overflow:hidden;}
.present_content .list_box {width:100%; padding:4% 4% 0 4%; border:1px solid #ccc; border-radius:5px; text-align:left; overflow:hidden;}
.present_content .list_box .icon_cam {float:left; width:32%; text-align:center;}
.present_content .list_box .icon_cam img {width:100px; height:auto; margin-bottom:5px;}
.present_content .add {margin-bottom:5px; color:#e95098; font-size:12px; font-size:1.2rem;}
.present_content .add span {font-size:14px; font-size:1.4rem;}
.present_content .add:last-child {margin-bottom:0;}
.present_content .info_cam {padding-left:37%;}
.present_content .name_cam {padding-bottom:3px; margin-bottom:8px; border-bottom:1px dotted #ccc; font-size:13px; font-size:1.3rem;}
.present_content .point, .present_content .count {margin-bottom:3px; font-size:13px; font-size:1.3rem;}

.btn_entry_cam span {width:100%; padding:5px; margin:15px auto 0;}
a.btn_auth, a.btn_hisotry, a.btn_checkAuth {padding:7px; margin:0 auto 18px;}
a.btn_checkAuth {width:40%}
/* マイページ */
.mypageList h3 {width:100%; padding:3px 15px; background:#00ac97; color:#fff; font-size:16px; font-size:1.6rem; font-weight:normal;}
.mypageList ul {margin:15px 15px 20px; border:1px solid #ccc; border-bottom:none; border-radius:4px;}
.mypageList+ul:nth-child(2) {margin:15px 15px 10px;}
.mypageList+ul:nth-child(3) {margin:10px 15px -5px;}
.mypageList ul li {position:relative; border-bottom:1px solid #ccc; font-size:14px; font-size:1.4rem;}
.mypageList ul li:after {content:"\f054"; position:absolute; right:15px; top:25%; font-family:FontAwesome; font-size:110%; font-weight:normal;}
.mypageList ul li a {display:block; width:100%; padding:8px 15px; border-radius:4px; color:#333; text-decoration:none;}
.mypageList ul li a:hover {background:#f2f2f2; cursor:pointer;}

.mypage_box {width:94%; margin:0 auto 15px;}
.mypage_box h4 {padding-bottom:5px; margin-bottom:8px; border-bottom:2px dotted #ccc; color:#00ac97; font-size:16px; font-size:1.6rem;}
.mypage_box p,.mypage_box ul {margin-bottom:15px;}
.mypage_box ul li {position:relative; padding:0 0 5px 24px; line-height:1.4; list-style:none; font-size:14px; font-size:1.4rem;}
.mypage_box ul li span {position:absolute; left:0; top:0; font-weight:bold;}

.mypage_box p.beginner_photo {padding-top:10px; text-align:center;}
.mypage_box p.howto_photo01,.mypage_box p.howto_photo02 {text-align:center;}
.mypage_box p.beginner_photo img {width:230px; height:auto;}
.mypage_box p.howto_photo01 img {width:250px; height:auto;}
.mypage_box p.howto_photo02 img {width:300px; height:auto;}
/* ニュース */
.news_content_box {padding: 1em;}
.news_content_box .Inner {padding: 1em;}
.news_content_box .Bottom {text-align: right;}
.news_content_box .ltlPubDate {color: #009fa8;}
/* 利用規約 */
ul.rule_box {width:94%; margin:0 auto 30px;}
ul.rule_box li {position:relative; padding-bottom:10px; line-height:1.3; list-style:none; font-size:13px; font-size:1.3rem;}
ul.rule_box li span {line-height:2; color:#00ac97;}
/* 基本情報 */
.outline_box .login_tb,
.outline_box .login_sns{ width:95%; margin:0 auto;}
.outline_box .h_title{position:relative; width:98%; padding:7px; margin:10px auto 25px; background:#67c3be; border-radius:4px; text-align:center; font-size:13px; font-size:1.3rem; color:#fff; font-weight:bold;}
.outline_box .h_title:before {content:""; position:absolute; bottom:-8px; left:50%; margin-left:-8px; width:0; height:0; border-top:11px solid #67c3be; border-left:8px solid transparent; border-right:8px solid transparent;}
.outline_box dl{padding:0 0 30px 0;}
.outline_box dt{ display:block; margin:0 auto; color:#9a9a9a; font-weight:bold; padding:0 0 10px 0; font-size:1em;}
.outline_box .login_tb dt{width:85%;}
.outline_box dd{padding:0 0 5px 0;}
.outline_box dd.txterea input{ display:block; width:85%;padding:10px 10px 10px 40px;font-size:1em;color:#aaa;border:solid 1px #ccc;margin:0 auto 20px; background-repeat:no-repeat; background-position:10px 50% ; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.outline_box dd.txterea input.id{ background-image:url("../images/icon_mail_g.png");}
.outline_box dd.txterea input.pw{ background-image:url("../images/icon_lock_g.png");}
.outline_box dd.check{width:75%; margin:0 auto; padding:0 0 5px 0;}
.outline_box dd.check input{display:none;}
.outline_box .btn_tblogin a{display:block; width:75%; padding:11px 15px; margin:0 auto 20px; background:#e95098; text-decoration:none; color:#ffffff; font-size:1.1em;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.outline_box .btn_info{display: inline;}
.outline_box .btn_info a{display: inline-block; width:38%; padding:11px 15px; margin:0 12px 20px; background:#e95098; text-decoration:none; color:#ffffff; font-size:1em;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.outline_box .btn_tblogin a span,
.outline_box .btn_tblogin a img,
.outline_box .btn_info a span,
.outline_box .btn_info a img{ vertical-align:middle; padding-right:20px;}
.outline_box .btn_tblogin a:hover,
.outline_box .btn_info a:hover{opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}
/*情報確認変更*/
.outline_box .info_change{ padding:15px 15px 0 15px; line-height:30px;}
.outline_box .info_change .item{font-weight:bold; color:#67c3be; font-size:1.05em;}
.outline_box .info_change .item_input{ margin-bottom:5px;}
.outline_box .info_change .btn a{display:block; width:200px; margin:0 auto 10px; padding:5px 10px; background-color:#67c3be; border-radius: 4px;}
.outline_box .info_change .btn a:hover{background:#46ccc9;}
.outline_box .withdrawal a{display:block; width:150px; text-align:center; margin:20px auto; padding:2px 0; text-decoration:none; border: 1px solid #CCC; background-color: #F3F3F3; border-radius: 10px; color: #767676;}
.outline_box .withdrawal a:hover{ background-color:#FBFBFB;}

.outline_box .how_txt{ margin:0 10px 20px;}
.outline_box .how_txt h4{margin:15px 0 0 0; font-weight:bold; font-size:1.2em; color:#67c3be;}
.outline_box .how_txt p{margin:15px 0 0 0; font-size:0.9em;}
.outline_box .how_txt ul,
.outline_box .how_txt dl{margin:15px 0 0 0; font-size:0.9em; padding:0;}
.outline_box .how_txt dt{width:100%; font-size:1.5em; color:#e95098;}
.outline_box .how_txt li{padding: 0 0 5px 0;}
.outline_box .how_txt li.howtoimg{text-align: center; padding:10px 0;}
/* ボタン各色 */
.outline_box .btn_twlogin a{display:block; width:75%; padding:11px 15px; margin:0 auto 20px; background:#2ca7e0; text-decoration:none; color:#ffffff; font-size:1.1em; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.outline_box .btn_fblogin a{display:block; width:75%; padding:11px 15px; margin:0 auto 20px; background:#27579c; text-decoration:none; color:#ffffff; font-size:1.1em; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.outline_box .btn_gllogin a{display:block; width:75%; padding:11px 15px; margin:0 auto 20px; background:#dc4f36; text-decoration:none; color:#ffffff; font-size:1.1em; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.outline_box .btn_twlogin a:hover,
.outline_box .btn_fblogin a:hover,
.outline_box .btn_gllogin a:hover{opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}
.outline_box .login_sns a span{vertical-align:middle;}
.outline_box .login_sns a img{vertical-align:middle; padding-right:20px;}
.outline_box .login_sns .attention{ font-size:0.8em; padding:10px 0; padding-left: 1em; text-indent: -1em; background:none;}
.outline_box .btn_tblogin a:before{content:"\f138"; display:inline-block; width:27px; margin-right:10px; font-size: 2rem; font-family: FontAwesome;}
.outline_box .btn_twlogin a:before{content:"\f099"; display:inline-block; width:27px; margin-right:10px; font-size: 2rem; font-family: FontAwesome;}
.outline_box .btn_fblogin a:before{content:"\f09a"; display:inline-block; width:27px; margin-right:10px; font-size: 2rem; font-family: FontAwesome;}
.outline_box .btn_gllogin a:before{content:"\f0d5"; display:inline-block; width:27px; margin-right:10px; font-size: 2rem; font-family: FontAwesome;}

.outline_box #checkbox { box-sizing: border-box; position: relative; display: inline-block; padding: 0 0 0 35px; vertical-align: middle; cursor: pointer;}
.outline_box #checkbox:after { position: absolute; top: 50%; left: 0px; display: block; margin-top: -12px; width: 19px; height: 19px; border:2px solid #67c3be; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset; content: '';}
.outline_box #checkbox:before { position: absolute; top: 50%; left: 8px; display: block; margin-top: -9px; width: 5px; height: 9px; border-right: 3px solid #e95098; border-bottom: 3px solid #e95098; content: ''; opacity: 1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index:10;}
.outline_box input[type=checkbox]:checked + #checkbox:before {opacity: 0;}

.outline_box .txtlink{padding:0 5px 10px 5px; line-height:26px; font-size:0.9em;}
.outline_box .txtlink li:before{content: "";display: inline-block; width: 0;  height: 0;
  border-top: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #009fa8;}

.outline_box h3.h_mypage{position:relative; background-color:#67c3be; color:#FFFFFF; padding:10px 10px 10px 15px; font-weight:bold;}
.outline_box h3.h_mypage p a{ display:block; position:absolute; padding:5px 10px; border-radius: 15px; right:10px; top:18%; background-color:#FFFFFF; color:#67c3be; font-weight:normal; font-size:0.8em; text-decoration:none;}
.outline_box h3.h_mypage p a:hover{ background-color:#dff3ff;}
.outline_box h3.h_mypage p i{padding-right: 4px; font-size:1.2em;}
.outline_box .mypage_list{width:95%; margin:0 auto; padding:10px 0 15px 0;}
.outline_box .mypage_list li{position:relative;}
.outline_box .mypage_list li i{padding-right:28px;}
.outline_box .mypage_list li:before{}
.outline_box .mypage_list li:after{content: "\f054"; position: absolute; right: 15px; top: 30%; font-family: FontAwesome; }
.outline_box .mypage_list li a{display:block; border-radius:12px; margin:5px 0 12px; padding:12px 15px; border:1px solid #cacaca; text-decoration:none;}
.outline_box .mypage_list li a:hover{background:#f2f2f2; cursor:pointer;}
.outline_box .history_select{ margin:10px;}
.outline_box .history_date{font-weight:bold; padding:3px 5px; border-top:1px solid #ECECEC;}
.outline_box .history_date:before{content:"\f0d7"; font-family:FontAwesome; margin-right:5px;}
.outline_box .history_title li{ width:100%; border-top:1px dashed #cacaca; position:relative;}
.outline_box .history_title li a{display:block; padding:10px;}
.outline_box .history_title li img{ display: inline-block; width:60px; vertical-align:middle;}
.outline_box .history_title li span{ display:inline-block; width:80%; vertical-align:middle; padding:0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.outline_box .history_title li:after{content:"\f054"; font-family:FontAwesome; color:#B8B8B8; position:absolute; top:42%; right:5px;}
.outline_box .history_title li:hover{background:#f2f2f2; cursor:pointer;}
.outline_box .history_title li dl {margin-top: 1em;}
.outline_box .history_title li dt {width: 15%; text-align: right; float: left; clear: both;}
.outline_box .history_title li dd {width: 50%; float: left;}
.outline_box .rule_box{padding-bottom:0; margin:20px;}
.outline_box .rule_box dt{width:100%;}
.outline_box .rule_box dt.title{font-size:1.2em; color: #67c3be;}
.outline_box .rule_box dd{font-size:0.9em;}

input[type="email"],input[type="text"],textarea {outline:none; border:1px solid #ccc; -webkit-transition:all .3s; transition:all .3s;}
input[type="email"]:focus,input[type="text"]:focus,textarea:focus {box-shadow:0 0 3px #6bceb4;	border:1px solid #6bceb4;}
input[type="button"],input[type="submit"],input[type="reset"]{border:none; -webkit-appearance:none; outline:none; margin-left:3px; border:1px solid #d4d4d4;}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover {cursor:pointer;}
/* お問い合わせ */
.attentionBox {padding: 1.5em; border: 1px solid #cacaca; border-radius: 10px; margin: 1em; font-size:13px;}
.attentionBox ul{ padding-left:1em}
.attentionBox li {list-style: outside; line-height:16px; padding:4px 0;}
.outline_box .inquiry_box{ width:95%; margin:20px auto 0;}
.outline_box .inquiry_box dd{padding: 0 0 20px 0;}
.outline_box textarea {height: 15em; width:100%; resize:vertical; padding:3px 5px; border-radius:4px; border:1px solid #ccc;}
.outline_box .req{ font-size:0.9em; color:#e95098; font-weight:normal; padding-left:10px;}
.outline_box span input{border: 1px solid #CCC; padding:2px 40px; margin-right:10px; background-color: #F3F3F3; border-radius: 10px; text-align: center; color: #767676;}
.outline_box span input:hover{ background-color:#FBFBFB;}
/* エラー、削除 */
#pnlError, #pnlCompleted{padding:50px 15px; text-align:center; font-weight: bold;}
#pnlDelete .alert{padding: 1em; font-weight: bold;}
/* 店舗検索 */
.ttl {display:inline-block; margin:10px 15px 0;}
.searchBoxS{padding:10px; margin:5px 15px 15px; background:#fff; border-radius:3px; border:1px #ccc solid;}
.searchBoxS .condition{margin:0 auto;}
.searchBoxS .condition span{display:inline-block; margin-right:5px; font-size:13px; font-size:1.3rem;}
.searchBoxS select{display:inline-block; width:60%; padding:5px; margin-bottom:10px; font-size:13px; font-size:1.3rem;}
.searchBoxS input[type="text"]{display:inline-block; width:70%; padding:5px; margin-bottom:10px; font-size:13px; font-size:1.3rem;}
.searchBoxS input[type="button"]{padding:5px 50px;}
.searchBoxS #searchBtn{display:block; margin:3px auto 0;}

.resultInfo{margin:5px 15px; padding:10px; background-color:#f4f4f4;}
.resultInfo span{display:block; float:left; font-size:13px; font-size:1.3rem;line-height:15px;}
.resultInfo span.sum{display:block; float:right; font-size:13px; font-size:1.3rem;}
.resultInfo{background-color:#f4f4f4;}
.resultInfo span{display:block; font-size:13px; font-size:1.3rem; line-height:20px;}
.resultInfo span.sum{display:block; font-size:13px; font-size:1.3rem;}

.resultBox{clear:both; margin:10px 15px;}
.resultBox h4{display:inline-block; padding-bottom:2px; font-size:16px; font-size:1.6rem; color:#471307;}
.resultBox .official a{display:inline-block; padding-bottom:5px; font-size:13px; font-size:1.3rem; line-height:1; word-wrap:break-word;}
.resultBox .address{display:inline-block; padding-bottom:5px; font-size:13px; font-size:1.3rem; word-wrap:break-word;}
.resultBox .address:before{content:"\f015"; font-family:FontAwesome; padding-right:4px;}
.resultBox .address a{display:inline-block; padding:2px 8px; margin-left:3px; border-radius:2px; background:#009fa8; background:-webkit-linear-gradient(#009fa8 0%,#52bebc 100%); background:linear-gradient(#009fa8 0%,#52bebc 100%); border:1px #009fa8 solid; font-size:12px; font-size:1.2rem; color:#fff; letter-spacing:1px; vertical-align:top; outline:none; text-decoration:none;}
.resultBox .address a:before{content:"map";}
.resultBox .address a:hover{background:#00a9b3; background:-webkit-linear-gradient(#00a9b3 0%,#58cbc9 100%); background:linear-gradient(#00a9b3 0%,#58cbc9 100%);}
.resultBox .tell{display:block; font-size:13px; font-size:1.3rem; word-wrap:break-word;}
.resultBox .tell:before {content:"\f095"; font-family:FontAwesome; padding-right:4px;}
.resultBox .space{display:none;}
.resultBox a.privilege{display:none;}
.lineL{border-bottom:1px #888 dotted; height:1px; line-height:0; font-size:0;}

/* help */
.subtitle_help{background-color:#67c3be; color:#fff; padding:0 15px; margin-bottom:12px; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:32px;}

.outline_box .faq{margin:0 20px; box-sizing:border-box;}
.faq dt, .faq dd{position:relative; padding:4px 0 11px 40px; margin-bottom:3px; color:#e95098;}
.faq dd{min-height:46px; margin-bottom:15px; border-bottom:2px #ccc dotted; color:#333;}
.faq dd:last-child{padding-bottom:0; margin-bottom:0; border-bottom:none;}
.faq dt:before, .faq dd:before{position:absolute; left:0; top:0; content:""; width:30px; height:30px; background:url(../images/help/icon_q.png) no-repeat; background-size:30px;}
.faq dd:before{background:url(../images/help/icon_a.png) no-repeat; background-size:30px;}
.faq ul{margin:3px 0 4px;}
.faq li {margin-bottom:3px;}

.howto_lead {margin:12px 20px 10px 20px;}
.howto_lead_photo {margin-bottom:20px; text-align:center;}
.howto_lead_photo img {width:100%; max-width:300px; height:auto;}
.howto_box {margin:0 20px 24px 20px;}
.howto_box:first-child {margin-top:12px;}
.howto_box h4 {margin-bottom:4px; font-size:16px; font-size:1.6rem; color:#e70e79; text-align:center;}
.howto_photo {margin-bottom:8px; text-align:center;}
.howto_photo img {width:100%; max-width:270px; height:auto;}
.howto_box ul {margin:5px 0 -3px;}
.howto_box li {position:relative; margin-bottom:3px; padding-left:16px;}
.howto_box li:before {position:absolute; left:0; top:0; content:"※";}
.howto_box span {color:#e95098;}
.howto_url {display:inline-block;}
.howto_url a {display:inline-block; padding:2px 13px; margin-top:3px; background:#e95098; border-radius:20px; font-size:12px; font-size:1.2rem; color:#fff; text-decoration:none;}
.howto_url a:link {color:#fff;}
.howto_url a:hover {background:#ef7cb2;}
.howto_qr {display:none;}

/*--------------------------------------------------
3.header
--------------------------------------------------*/
header {width:100%; height:60px; padding:12px 10px; box-shadow:0px 0px 4px 0px #848484; z-index:100; position:relative;}
header h1 {display:inline-block;}
header ul {float:right;}
header ul li {display:block; float:left; text-align:center; font-size:8px; font-size:.8rem;}
header ul li i.fa{padding-bottom:4px; font-size:24px; font-size:2.4rem;}
header ul li a,header ul li a:visited,header ul li a:visited i.fa{display:block; padding:0 4px; height:44px; color:#333; text-decoration:none;}
header ul li a:hover {color:#333; text-decoration:none;}

.menu-btn {display:block; position:relative; margin:-2px -8px 0 0; width:40px; height:40px; cursor:pointer; z-index:5;}
.menu-btn span {display:block; position:absolute; top:50%; left:50%; width:24px; height:4px; margin:-2px 0 0 -14px; background:#333; border-radius:3px; transition:.2s;}
.menu-btn span:before, .menu-btn span:after{display:block; content:""; position:absolute; top:50%; left:0; width:24px; height:4px; border-radius:3px; background:#333; transition:.3s;}
.menu-btn span:before{margin-top:-10px;}
.menu-btn span:after{margin-top:6px;}
/*--------------------------------------------------
4.nav
--------------------------------------------------*/
.menu {position:absolute; top:60px; left:0; height:0; width:100%; background:#fff; -webkit-transition:all .5s; transition:all .5s; visibility:hidden; opacity:0; z-index:10;}
.menu li a {display:block; height:50px; padding:0 20px; line-height:52px; border-bottom:1px solid #ccc; font-size:15px; font-size:1.5rem; color:#333; text-decoration:none;}
.menu li i {padding-right:30px;}
.menu li:last-child a {/*border-bottom:none;*/}
.menu li a:visited {color:#333;}
.menu li a:hover {color:#333; text-decoration:none; background:#f2f2f2;}
.menu .state_h{padding:20px 15px; background-color: #f8f8f8; border-bottom:1px solid #ccc; }
.menu .state_h h3.shop{font-weight:normal; line-height: 18px;}
.menu .state_h span.bold{color: #009fa8; font-weight:bold;}

/* メニューオープン */
.open .menu {position:absolute; top:60px; left:0; height:auto; -webkit-transition:all .5s; transition:all .5s; visibility:visible; opacity:1;}
.open .menu-btn {z-index:100;}
.open .menu-btn span {background:transparent;}
.open .menu-btn span:before,.open .menu-btn span:after {margin-top:0;}
.open .menu-btn span:before {transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.open .menu-btn span:after {transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.foot_menu ul {text-align:left;}
.foot_menu {border-top:1px #ccc solid; font-size:0; background:#FFFFFF;}
.foot_menu li {display:inline-block; width:33.3%; border-right:1px solid #ccc;}
.foot_menu li:nth-child(3n) {border-right:none;}
.foot_menu li a {display:block; height:36px; line-height:36px; border-bottom:1px solid #ccc; font-size:11px; font-size:1.1rem; color:#333; text-align:center; text-decoration:none;}
.foot_menu li a:hover {color:#333; text-decoration:none; background:#f2f2f2;}
/*--------------------------------------------------
footer
--------------------------------------------------*/
footer {position:absolute; bottom:0; width:100%; height:126px; text-align:center;}
footer small {display:inline-block; padding:30px 0 10px; font-size:12px; font-size:1.2rem;}
footer .AreaBox{display:none;}
footer .BannerBox li{display:none;}
footer .BannerBox li span{display:none;}
/* loader */
.loader {position:absolute; display:inline-block; margin:0 -40px ; width:80px; height:80px; border:2px solid #52bebc; border-radius:50%; z-index:2; animation:spin 0.75s infinite linear;}
.loader::before,.loader::after {left:-2px; top:-2px; display:none; position:absolute; content:''; width:inherit; height:inherit; border:inherit; border-radius:inherit;}
.loader-1 {border-top-width:0;}
/* タブレット向けのレイアウトの指定： */
@media only screen and (min-width:640px) {
/*--- common ----------------------------------------------------*/
header h1 img {width:170px; padding-top:0; margin-top:-2%;}
header ul li a,header ul li a:visited,header ul li a:visited i.fa{padding:0 6px;}
.mypage_shop_btn {margin:10px auto 30px;}
.profile_btn {width:120px; margin:0 25px;}
.logout_box .profile_btn,.profile_ok_btn {width:115px;}
.logout_box .profile_btn {margin:20px 30px 10px;}
/* 広告バナー */
aside {box-shadow:2px 1px 3px rgba(0,0,0,0.2);}
aside.aside01 {width:620px;}
aside.aside02 {width:300px;}
.ad300 .bnr300{display:none;}
.sidepane .ad300{display:none;}
/*--- contents -------------------------------------------------------*/
/* トップ　スライダー */
.slider_box .balloon {width:380px; font-size:14px; font-size:1.4rem;}
/* リストボックス */
.list_box,.list_reco_box,.list_img{float:left; width:47%; margin:0 0 2% 2%;}
.list_box:nth-child(even),.list_reco_box:nth-child(even) {float:right; margin:0 2% 2% 0;}
.list_box div,.list_reco_box div {width:79%;}
.ss_box_game .list_area_scr{overflow-x:auto; overflow-y:hidden; width:100%; white-space:nowrap;}
.ss_box_game .list_area_scr img{ max-height:465px; max-width: 500px;}
/* おすすめアプリ */
.reco_area .reco_txt01 {margin-bottom:30px;}
.reco ul {width:610px; margin:0 auto;}
.reco_area .reco h4 {margin:6px 10px 15px;}
/* リストページ */
.list_option p {float:left; padding-top:6px;}
.list_option ul {float:right; margin:0;}
/* アイテム詳細ページ */
.item_head .ios, .item_head .And, .item_head .other{width:80px; font-size:1.3rem;}
.item_head {border-spacing:18px 15px;}
h2.campaign + .item_head {border-spacing:18px 12px;}
.item_head div:first-child {display:block; width:100px; text-align:center;}
.item_head div img {width:100px; height:100px;}
.item_head div h3 {font-size:16px; padding-bottom:8px; font-size:1.6rem;}
.item_head div p {font-size:14px; font-size:1.4rem;}
.item_head div p small {padding-bottom:8px;}
.item_head div p .category {font-size:11px; font-size:1.1rem;}
.item_head div p.Ai_icon {margin-top:0;}
/* 特典内容 */
div.tab_box p.balloon {width:380px; font-size:14px; font-size:1.4rem;}
.tab_box_area .Ltab{display:inline-block; width:66%; vertical-align:middle;}
.tab_box_area .f_serial{display:block; width:95%; margin:0 auto;}
.tab_box_area .Rtab{display:inline-block; width:28%; vertical-align:middle; margin:0 10px 0 0;}
.tab_box_area .Rtab .item_btn{width:100%; margin:0;}
.tab_box_area .Rtab .gIcon:before{display:block; float:none; text-align:center; margin:0;}
.tab_box_area .Rtab a span{display:block;}
.slider_box_game ul.slider_game {width:520px; height:auto;}
.slider_box_game ul.slider_game li {width:auto; height:auto;}
.dl_btnBox section.other{ clear: both; float: none; width: 79%; margin: 0 auto; padding-top: 15px;}

/* キャンペーン */
.btn_pink a, a.btn_pink {width:75%;}
/* おすすめページ */
.reco_head div {padding-bottom:0;}
/* 応募フォーム */
.formCon dl.formBox {padding:1% 3% 1.5% 3%; text-align:left;}
.formCon dl.formBox dt {width:185px; float:left;}
.formCon dl.formBox dd {margin-left:185px;}
.formCon .formBox input {width:190px;}
.formCon .formBox input#txtCampaignCode {margin:0 0 0 16px;}
.formCon .formBox p {text-align:left;}
.formCon .formBox dd {text-align: right;}
.present_content {margin:0 0 0 -2%; overflow:hidden;}
.present_content .list_box {display:inline-block; float:none; width:98%; padding:15px 15px 2px 15px; margin:0 0 2% 2%; text-align:center; font-size:0;}
.present_content .list_box .icon_cam {width:16%;}
.present_content .info_cam {float:right; width:81%; padding:0; font-size:14px; text-align:left; font-size:1.4rem;}
.btn_pink a {font-size:14px; font-size:1.4rem;}
a.btn_hisotry, a.btn_auth {display:inline-block; width:40%; margin-left:12px;}
/* 店舗検索 */
.searchBoxS{margin:7px 15px 20px;}
.searchBoxS .condition{text-align:center;}
.searchBoxS .condition span.keyword{margin-left:15px;}
.searchBoxS select{display:inline-block; width:25%; margin-bottom:0;}
.searchBoxS input[type="text"]{width:30%; margin-bottom:0;}
.searchBoxS #searchBtn{display:inline-block; margin:0 0 0 5px;}
.resultBox .official a{padding-bottom:0; text-decoration:none;}
.resultBox .official a:before{content:"\f26c"; font-family:FontAwesome; padding-right:4px; color:#333;}
.resultBox .address a{padding:0 3px; font-size:10px; font-size:1.0rem;}
.resultBox .tell{display:inline-block; font-size:13px; font-size:1.3rem; word-wrap:break-word;}
.resultBox .space{display:inline-block; margin:0 10px 0 6px;}
.resultBox a.privilege{display:inline-block; margin-left:15px; font-size:13px; font-size:1.3rem; text-decoration:none;}
.resultBox a.privilege:before{content:"\f08e"; font-family:FontAwesome; padding-right:4px;}
.lineL{margin:0 15px;}
.lineM{margin:8px 0 5px; border-bottom:1px #d8d8d8 dotted; height:1px; line-height:0; font-size:0;}
/* help */
.subtitle_help{padding-left:20px; margin:20px 20px 12px 20px; border-radius:20px;}
.howto_lead {margin-bottom:15px;}
.howto_lead_photo {margin-bottom:25px;}
.howto_box {margin:12px 20px 20px 20px; overflow:hidden;}
.howto_box h4 {margin-top:6px; text-align:left;}
.howto_photo {float:left; width:42%; margin-bottom:0;}
.howto_txt {float:right; width:55%;}

/* マイページ -------------- */
/* 60%のサイズ */
.mypage_box p.beginner_photo img {width:100%; max-width:336px; margin-top:15px;}
.mypage_box p.howto_photo01 img {width:100%; max-width:300px; margin-top:5px;}
.mypage_box p.howto_photo02 img {width:100%; max-width:360px; margin-top:5px;}
/* 基本情報-------------- */
.profile_box input[type="email"],.profile_box input[type="text"] {width:70%;}
.profile_box input#New_email01,.profile_box input#New_email02 {width:33%;}
/*--- header ------------------------------------------------------------*/
.menu-btn {display:none;}
/*--- nav ------------------------------------------------------------*/
.menu {position:static; height:auto; font-size:0; visibility:visible; opacity:1;}
.menu li {display:inline-block; width:33.3%; border-right:1px solid #ccc; text-align:center;}
.menu li:last-child {/*border-bottom:1px solid #ccc;*/}
.menu li:nth-child(3n) {border-right:none;}
.menu .state_h{display:none;}
.foot_menu li  a {font-size:15px; font-size:1.5rem;}
}

/* PC向けのレイアウトの指定： */
@media only screen and (min-width:800px) {
/*--- common ----------------------------------------------------*/
#wrapper {position:relative; margin:0 auto; padding-bottom:42px;}
.h_login {width: 980px; margin:10px auto 0; border-radius: 20px;}
.sIcon {margin-right:0;}
/*--- contents ----------------------------------------------------*/
#contents {display:block; position:relative; width:980px; padding: 0 0 45px 0; background: #FFFFFF;}
#contents:after{content: ""; clear: both; display: block;}
h2,h2.btnH2 {padding: 2px 0 10px 10px;}
.slider_box .slider {width:auto;}
.tab_contents{float:left; width:670px; border:none;}
.priorbox,.tokutenbox,.rankersbox,.newsbox{box-sizing:border-box; box-shadow:0px 0px 4px -1px #696969 inset;}
.contents_info, .outline_box{float:left; width:670px;}
.contents_info{min-height:300px;}
.outline_box{position:relative; border:1px solid #cacaca; border-radius:5px; margin-bottom:45px;}

.sidepane { float: right; }
#headarea #side { float:right; }
#side{ display:block; width:298px; border:1px solid #CCC; border-radius: 5px; margin:0 0 10px 0;line-height:1;letter-spacing:0;}
#side h3{font-weight:normal;}
#side h3.shop{ line-height:18px; padding:5px 0 12px;}
#side h3.shop span.bold{color:#009fa8;}
#side .state_h{ position: relative; background-color:#f8f8f8; border-bottom:1px solid #CCC; padding:15px 15px 5px 15px;
-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;}
#side .state_h .help{position:absolute; right:14px; bottom:18px; font-size:22px;}
#side .state_h .help a{color:#5f5f5f;}
#side .state_h .help a:hover{color:#9c9c9c;}
#side .state_h a{margin-top:10px;}
#side .state_b{padding:15px 15px 10px 15px;}
#side .state_b dd a{display:block;width: 70%; margin:10px auto 15px; padding:7px 0; border:1px solid #CCC; background-color:#F3F3F3; border-radius: 10px; text-align:center; text-decoration:none; color:#767676;}
#side .state_b dd.btn_tokuten a{ width:auto; padding: 15px 0;}
#side .state_b dd a:hover{ background-color:#FBFBFB;}
#side .state_b .username{font-weight:bold;}
#side span.bold{font-weight:bold;}
.ad300{float:right; width:300px;}
.bnr_responsive{display: none;}
.ad300 .bnr300{margin-bottom:10px; display:block; height:600px; background:url(../images/ad_banner_300x600.jpg) no-repeat;}
.sidepane .ad300{float: none; display: block;}

.breadcrumbs{width:980px; margin:10px auto; border:none; border-radius:15px; padding:10px 12px;}

/* リストボックス */
.list_box,.list_reco_box {padding:4px;}
.list_box div,.list_reco_box div {float:right; display:block; width:73%;}
.list_box div:first-child,.list_reco_box div:first-child {float:left; width:70px;}
.item_area > ul { background: #FFFFFF; border:none;}
/* 特典内容 */
div.tab_box_area {border: 4px solid #52bebc; border-radius: 12px; margin:0 5px;}
/* キャンペーン */
.title_head {margin:-8px 5px 18px; text-align:center;}
ul.list_present li {display:inline-block; width:47%;}
/* 店舗検索 */
.searchBoxS select{padding:1px 5px;}
.searchBoxS input[type="text"]{padding:1px 5px;}
.searchBoxS input[type="button"]{padding:1px 5px;}
/* help */
.outline_box .faq{margin:0 20px -11px;}
.howto_lead_photo img {max-width:342px;}
.howto_photo img {width:270px;}
.howto_qr {display:block; margin-top:3px; float:right;}

/* header */
header { width:100%; height:auto; border:none; padding:14px 0;}
header .header{width:980px; margin:0 auto; position:relative;}
header h1 { display:block; width:254px; margin:0 auto; z-index:10;}
header h1 img { width:254px; height:auto; margin:2px 0 -1px;}
header ul { position:absolute; right:15px; top:14px;}
/* nav */
#headarea{width:980px; margin:0 auto; padding:0 0 5px 0;}
#headarea:after{content: ""; clear: both; display: block;}
.menu { background:none; border-bottom:1px solid #CCC; margin-bottom:15px;}
.menu ul{ display:table; width:980px; margin:0 auto; border:none;}
.menu li {display: table-cell; width:15%; border-right:none;}
.menu li a {display:block; border:none; vertical-align:middle; height:55px; line-height: 60px;}
.menu li a:hover {color:#52bebc; text-decoration:none; background: none;}
.menu li:last-child,.menu  li:last-child a {border:none;}
.menu li.mypage{display:none;}
.foot_menu {display:none;}

/* トップのみ */
#index .menu ul{margin:0 auto; border:none;}
#index .menu li:hover{background:#F9F9F9;}
#index .menu li.mypage{display:none;}
#Menu{width:980px; margin:0 auto;}

/*マイページ*/
h3.h_mypage{width: 980px; margin:10px auto 0; border-radius: 20px;}
.outline_box h3.h_mypage{width: 96%; margin:10px auto 0; border-radius: 20px;}
.outline_box .history_select{ margin:10px 15px;}
.outline_box .history_list{ padding:0 15px;}
.outline_box .history_date{padding:3px 0;}
.outline_box .history_title li img{width:80px;}

/* slider */
#view{width:670px; float:left;}
#viewIn{}
.slider_box{margin:0; background:#ffffff;}
/* 広告バナー */
aside {box-shadow:none; margin:0; padding:0;}
aside.aside02{ display:inline-block; vertical-align:middle; margin-left:15px;}
/* footer */
footer { position:static; padding:0; padding-top:25px; border-top:dashed 1px #dcdcdc;}
footer small {padding:0 0 25px 0;}
footer .linkarea{width:980px; margin:0 auto 10px;}
footer .linkarea:after{ content:""; display:block; clear:both;}
footer .AreaBox{ display:block; float:left; width:180px; text-align:left; line-height:30px;}
footer .AreaBox a{text-decoration:none;}
footer .AreaBox a:hover{text-decoration:underline;}
footer .AreaBox i{padding-right:5px;}
footer .BannerBox{ width:375px; float:right;} 
footer .BannerBox li{display: block; float:right; margin:5px 0 0 5px;}
}

@keyframes spin {
from { transform: rotate(0deg);}
to {transform: rotate(360deg);}
}