@charset 'utf-8';



/*--------------------------------------------------
	Reset and Base
--------------------------------------------------*/
html { overflow-y:scroll; }
body { font-family:Meiryo, 'MS PGothic', arial, sans-serif; width:100%; margin:0px; padding:0px; font-size:1.0rem; color:#333; }
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; line-height:1.0; }
p { margin:0px; padding:0px; line-height:1.0; }
ul { list-style-type:none; margin:0px; padding:0px; line-height:1.0; }
li { margin:0px; padding:0px; line-height:1.0; }
dl, dt, dd { margin:0px; padding:0px; line-height:1.0; }
img { border:0px; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0px; }
th, td { word-break:break-all; margin:0px; padding:0px; line-height:1.0; }
a { text-decoration:none; outline:none; color:#004c93; }
a:hover { text-decoration:underline; }
article,aside,figure,header,footer,nav,section { display:block; }
input, select, textarea { font-family:Meiryo, 'MS PGothic', arial, sans-serif; }
input[type = 'text'], input[type = 'email'], input[type = 'tel'], input[type = 'password'], textarea {

	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

}
pre {
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	white-space:pre-wrap;
	word-wrap: break-word;
}

.cf:before { content:''; display:table; }
.cf:after { content:''; display:table; clear:both; }
.cf { zoom:1; } /* For IE7 (trigger hasLayout) */



/*--------------------------------------------------
	Layout
--------------------------------------------------*/

/*-- 全体 --*/
.site { background:#fff; }
.site .inner { width:100%; max-width:1040px; margin:0px auto; }
.site .inner .content { padding:0px; }

/*-- ヘッダー --*/
.header { z-index:80; width:100%; min-height: 110px; padding:10px 0px 0px 0px; color:#fff; border-bottom:1px solid #e5e5e5; background:#fff; }
.header .inner .content { position:relative; padding:0px 5px; }
.header .logo { position:relative; z-index:90; width:100%; margin-bottom:10px; }
.header .logo h1 { padding:10px 20px 0px 20px; }
.header .logo h1 a { color:#fff; }
.header .logo img { width:100%; max-width:120px; }
.header .logo > a { display: block; float: left; margin-top: 26px; margin-right: 30px; }

/*-- メイン --*/
.main { width:100%; min-height:1000px; padding:10px 0px; background:#fff1e5; }

/*-- コンテンツ --*/
.game_main { position:relative; width:1040px; line-height:1.5; }
.game_main .ttl { margin-bottom:0; padding:0; background:#7d430a; border:0; border-radius:0; text-align:center; }
.game_main .ttl h2 { padding:15px; background:#7d430a; border-radius:0;  font-size:1.6rem; letter-spacing:4px; font-weight:bold; color:#fff; line-height:1.0;}
.game_main h3 { display:inline-block; *display:inline; *zoom:1; font-size:20px; line-height:1.0; vertical-align:middle; }

/*-- フッター --*/
.footer { width:100%; height:50px; background:#a7672b; }
.footer .inner { padding:15px 0px 0px 0px; text-align:center; }
.footer .inner .content { padding:0px; }
.footer small { font-size:0.7rem; color:#fff; }



/*--------------------------------------------------
	Common
--------------------------------------------------*/

/*-- パンくず --*/
.breadcrumb { overflow:hidden; width:100%; height:25px; margin:0px auto; padding:0px; border-radius:0px; border-bottom:1px solid #ccc; background:#eee; }
.breadcrumb .inner .content { padding:0px 20px; }
.breadcrumb ul { display:table; line-height:1.5; }
.breadcrumb li { display:table-cell; white-space:nowrap; line-height:1.5; border-left:1px solid #ccc; }
.breadcrumb a { position:relative; display:inline-block; *display:inline; *zoom:1; text-decoration:none; margin-top:0px; padding:5px 20px 5px 20px; font-size:0.7rem; color:#333; line-height:1.5; }
.breadcrumb a:hover { background:#ddd; }
.breadcrumb .current a:hover { cursor:auto; background:#eee; }

/*-- ページ上部へボタン --*/
#movetop { position:fixed; right:0px; bottom:0px; z-index:70; display:none; }
#movetop a { position:relative; display: block; text-decoration:none; width:50px; height:26px; padding-top:24px; color:#fff; line-height:1.5; text-align:center; background:#894d16; }
#movetop a:before { position:absolute; left:50%; top:5px; content:''; width:0px; height:0px; margin-left:-8px; border:8px solid transparent; border-bottom:8px solid #fff; }
#movetop a:hover { background:#985d23; }

/*-- 右固定、左可変のレスポンシブ2カラム --*/
.rwd_box { overflow:hidden }
.rwd_box .liquid { float:left; width:100%; margin-right:-300px; }
.rwd_box .liquid .rwd { margin-right:320px; }
.rwd_box .solid { float:left; position:relative; /*z-index:70;*/ width:300px; }
.rwd_box .solid .one { margin-bottom:10px; }

/*-- ボタン --*/
.btn { text-align:center; }
.btn a { text-decoration:none; position:relative; display:inline-block; *display:inline; *zoom:1; margin:0px auto; min-width:200px; padding:10px 30px; font-size:1.0rem; font-weight:bold; color:#fff; text-align:center; border-width:0px 0px 5px 0px; border-style:solid; border-color:#333; border-radius:30px; background:#555; }
.btn a:before { position:absolute; right:20px; top:50%; display:inline-block; *display:inline; *zoom:1; content:''; width:10px; height:10px; margin-top:-5px; background:#fff; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.btn a:after { position:absolute; right:25px; top:50%; display:inline-block; *display:inline; *zoom:1; content:''; width:10px; height:10px; margin-top:-5px; background:#555; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.btn a:hover { border-color:#555; background:#777; }
.btn a:hover:after { background:#777; }

.btn { text-align:center; }
.btn input {text-decoration:none;position:relative;display:inline-block; *display:inline; *zoom:1;margin:0px auto;min-width:200px;padding:10px 30px;font-size:1.0rem;font-weight:bold;color:#fff;text-align:center;border-width:0px 0px 5px 0px;border-style:solid;border-color:#333;border-radius:30px;background:#555;}
.btn input:before { position:absolute; right:20px; top:50%; display:inline-block; *display:inline; *zoom:1; content:''; width:10px; height:10px; margin-top:-5px; background:#fff; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.btn input:after { position:absolute; right:25px; top:50%; display:inline-block; *display:inline; *zoom:1; content:''; width:10px; height:10px; margin-top:-5px; background:#555; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.btn input:hover { border-color:#555; background:#777; }
.btn input:hover:after { background:#777; }

.btn_red a { border-color:#68100d; background:#c61b09; }
.btn_red a:after { background:#c61b09; }
.btn_red a:hover { border-color:#911c1a; background:#e02716; }
.btn_red a:hover:after { background:#e02716; }

/*-- 壁 --*/
.wall { display:none; position:fixed; left:0px; top:0px; z-index:100; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); }

/*-- モーダル --*/
.modal { display:none; position:relative; z-index:110; width:320px; margin:0px auto; }
.modal_inner { position:fixed; top:20%; z-index:110; width:320px; padding:9px 9px 20px 9px; border:1px solid #ccc; border-radius:8px; background:#fff; }
.modal_c { position:relative; z-index:120; width:320px; }
.modal_c span { position:absolute; right:-25px; top:-25px; cursor:pointer; width:30px; height:30px; font-size:1.4rem; font-weight:bold; color:#fff; line-height:1.5; text-align:center; border:2px solid #fff; border-radius:50%; background:#333; }
.modal_t { padding:10px; text-align:center; }
.modal_t p { padding:10px 0px; font-size:0.8rem; }

/*-- モーダル(お知らせ用カスタマイズ) --*/
.modal_news { width:640px; }
.modal_news .modal_inner { width:600px; padding:20px; background:#f5f5f5; }
.modal_news .modal_c { width:610px; }
.modal_news .modal_c span { top:-35px; }
.modal_news .modal_t { overflow-y:scroll; height:300px; background:#fff; }
.modal_news .modal_t p { padding:15px 0px; }

/*-- オーバーレイ --*/
.overlay { display:none; position:fixed; bottom:0; width:100%; z-index:80; /*height:100px;*/ padding:2px 0px 2px 0px; text-align:center; background:#000; }
.ol_inner { position:relative; }
.ol_close { display:inline-block; *display:inline; *zoom:1; position:absolute; right:50%; z-index:90; cursor:pointer; margin-right:-163px; width:30px; height:30px; font-size:2.0rem; font-weight:bold; color:#000; line-height:1.0; text-align:center; border:1px solid #333; border-radius:3px; background:#fff; }
.ol_close:hover { background:#f1ab10; }
.ol_prtxt { position:absolute; left:50%; top:-1px; z-index:90; cursor:pointer; margin-left:-173px; font-size:0.7rem; color:#fff!important; line-height:1.0; }

/*-- エラー --*/
.cookie_no { display:none; margin-bottom:20px; padding:60px 10px; background:#eee; }
.cookie_no .ttl { padding:10px 0px; font-size:1.4rem; line-height:1.5; text-align:center; }
.cookie_no li { position:relative; padding-left:15px; line-height:1.5; }
.cookie_no li:before { position:absolute; left:0px; top:0px; content:'・'; }
.js_off { margin-bottom:20px; padding:60px 10px; text-align:center; background:#eee; }

/*-- ADNW --*/
.ad { margin-bottom:5px; text-align:center; }
.ad_dummy { width:300px; height:250px; margin-bottom:5px; }
.ad_move { margin-bottom:5px; text-align:center; }
.ad_move.moved { position:fixed; z-index:120; left:0px; top:20%; width:100%; padding-top:20px; }
.ad_move.moved .inner { position:relative; z-index:120; width:300px; margin:0px auto; }
.ad_move_dummy { display:none; width:300px; height:250px; margin:0px auto; margin-bottom:5px; }
.dummy_160 { display:inline-block; *display:inline; *zoom:1; width:160px; height:600px; background:#eee; }
.dummy_300 { display:inline-block; *display:inline; *zoom:1; width:300px; height:250px; background:#eee; }
.dummy_310 { display:inline-block; *display:inline; *zoom:1; width:310px; height:100px; background:#eee; }
.dummy_320 { display:inline-block; *display:inline; *zoom:1; width:320px; height:50px; background:#eee; }
.dummy_468 { display:inline-block; *display:inline; *zoom:1; width:468px; height:60px; background:#eee; }
.dummy_728 { display:inline-block; *display:inline; *zoom:1; width:728px; height:90px; background:#eee; }
.dummy_hide { display:none; }
.adnet_pr { font-size:10px; color:#666; text-align:center; }

#ad_1 { width: 728px; margin-right: auto; margin-left: auto; text-align: center; }
#ad_2 { width: 728px; margin-right: auto; margin-left: auto; text-align: center; }
#ad_3 { width: 160px; margin-right: auto; margin-left: auto; text-align: center; }
#ad_4 { width: 300px; margin-right: auto; margin-left: auto; text-align: center; }
#ad_5 { width: 300px; margin-right: auto; margin-left: auto; text-align: center; }

/*-- ページフラグ --*/
#page { display:none; }

/*-- アイコン --*/
.icon {

	position:relative; display:inline-block; *display:inline; *zoom:1; width:18px; height:18px; margin-right:5px; vertical-align:middle; border-radius:50%; background:#ee900e;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);

	}
.icon:before { position:absolute; left:4px; top:6px; width:8px; height:8px; content:''; background:#fff; }
.icon:after { position:absolute; left:4px; top:9px; width:5px; height:5px; content:''; background:#ee900e; }

/*-- その他 --*/
.bold { font-weight:bold; }
.red { color:#ff0000; }
.green { color:#54a800; }
.center_btn { margin-bottom:20px; text-align:center; }
.adnet_box { margin-bottom:20px; text-align:center; }
.news_important { font-size:18px; }
.hide { display:none; }



/*--------------------------------------------------
	Top and Play
--------------------------------------------------*/

/*-- ヘッダ --*/
.farm_head h1 { padding:5px; font-size:12px; font-weight:normal; color:#fff; line-height:1.5; text-align:center; background:#985d23; }
.farm_head_main { position:relative; margin-bottom:20px; }
.farm_head_main .head_min { position:absolute; left:0px; top:0px; }
.farm_head_main .head_logo { position:absolute; left:50%; top:-8px; margin-left:-100px; }
.farm_head_main .head_logo img { width:200px; }
.farm_head_main #btn_play { position:absolute; top:200px; left:90px; }
.farm_head_main #btn_1 { position:absolute; top:15px; left:40px; }
.farm_head_main #btn_2 { position:absolute; top:15px; left:200px; }
.farm_head_main #btn_3 { position:absolute; top:15px; right:380px; }
.farm_head_main #btn_4 { position:absolute; top:15px; right:260px; }
.farm_head_main #btn_5 { position:absolute; top:15px; right:140px; }
.farm_head_main dl { position:relative; }
.farm_head_main dt { position:absolute; top:-15px; left:-5px; z-index:10; }
.farm_head_main dt.new { position:relative; }
.farm_head_main dt.new:before { position:absolute; left:0px; top:0px; content:'New'; width:30px; height:10px; padding:2px 5px 8px 5px; font-size:12px; font-weight:bold; color:#fff; line-height:1.5; text-align:center; border:2px solid #fff; border-radius:12px; background:#d10000; }
.farm_head_main dd { position:absolute; top:0px; left:0px; width:100px; padding:1px; border:1px solid #a7672b; border-radius:8px; background:#d09b66; }
.farm_head_main dd a { text-decoration:none; display:block; padding:3px 5px 2px 8px; font-size:20px; color:#fff; line-height:1.5; text-align:center; border-radius:6px; background:#a7672b; }
.farm_head_main dd a:hover { color:#fff; background:#9b5d1d; }

/*-- キャンペーン --*/
.camp_bnr { margin-top: 80px; margin-bottom: -70px; }

/*-- お知らせ --*/
.farm_news { margin-top:80px; margin-bottom:10px; }
.farm_news p { margin-bottom:10px; padding:10px 23px; font-size:14px; line-height:1.8; }
.farm_news .kind { float:left; width:80px; margin-left:10px; }
.farm_news .recently { float:left; width:45px; min-height:1px; margin-left:10px; }
.farm_news .recently.new { position:relative; }
.farm_news .recently.new:before { position:absolute; left:0px; top:0px; content:'New'; width:30px; height:10px; padding:2px 5px 8px 5px; font-size:12px; font-weight:bold; color:#fff; line-height:1.5; text-align:center; border-radius:12px; background:#d10000; }
.farm_news .recently.new:after { position:absolute; right:-3px; top:5px; content:''; width:0px; height:0px; border:5px solid transparent; border-left:5px solid #d10000; }
.farm_news .text { float:left; width:750px; margin-left:10px; line-height:1.5; }
.farm_news .day { float:right; width:100px; padding-right:10px; line-height:1.5; text-align:right; }
.farm_news ul { border:1px solid #ccc; border-radius:6px; background:#fff; }
.farm_news li { padding:10px 0px; font-size:14px; line-height:1.5; border-bottom:1px dotted #ccc; }
.farm_news li:last-child { border-bottom:none; }
.farm_news dd { font-size:14px; }
.farm_news .kind span { display:block; padding:4px; font-size:11px; color:#fff; text-align:center; border-radius:4px; background:#333; }
.farm_news .kind .kind_n { background:#3d9f00; }
.farm_news .kind .kind_m { background:#237fce; }
.farm_news .kind .kind_e { background:#ff365a; }
.news_one dl { margin-bottom:10px; padding:10px 0px; border-bottom:1px dotted #ccc; }
.news_one dt { float:left; width:400px; font-size:18px; text-align:left; }
.news_one dd { float:right; width:100px; padding-right:20px; }
.news_one p { padding:5px 0px; font-size:14px; line-height:1.8; text-align:left; }

/*-- お知らせ(追加) --*/
#farm_news { position: relative; }
.news_list_btn { position: absolute; right: 6px; top: 6px; display: inline-block; padding: 2px 4px 0 4px; font-size: 12px; color: #fff; border-radius: 6px; background: #ff9900; }
.news_list_btn:hover { text-decoration: none; background: #ffb620; }
.nonews { padding: 10px 20px; color: #aaa; }
#announcement li { padding: 0; }
#announcement li:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; }
#announcement li:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
#announcement a { display: block; padding: 10px 0; }

/*-- お知らせ履歴 --*/
.news_list { padding-top: 60px; }
.news_one { margin-bottom: 40px; padding: 20px; border-radius: 8px; background: #fff; }
.news_one dt span { display:block; width: 72px; margin-bottom: 10px; padding:4px; font-size:11px; color:#fff; text-align:center; border-radius:4px; background:#333; }
.news_one dt .kind_n { background:#3d9f00; }
.news_one dt .kind_m { background:#237fce; }
.news_one dt .kind_e { background:#ff365a; }
.news_table { border-collapse: collapse; }
.news_table th { padding: 10px 10px 5px 10px; border: 1px solid #ccc; background: #ffe67a; }
.news_table td { padding: 10px 10px 5px 10px; text-align: left; border: 1px solid #ccc; background: #fff8e0; }

/*-- 基本 --*/
.farm_one .one { margin-bottom:20px; padding:20px!important; border:0; border-radius:0; background:#fff; }
.farm_one .one p { margin-bottom:10px; padding:10px 23px; font-size:14px; line-height:1.8; }
.farm_one .memo { margin:0px 20px 20px 20px; padding:10px 10px 5px 10px; font-size:14px; line-height:1.5; border-radius:8px; background:#eee; }
.farm_one .memo li { position:relative; margin-bottom:10px; padding-left:20px; line-height:1.8; }
.farm_one .memo li:before { position:absolute; left:0px; top:0px; content:'・'; }
.farm_one .memo.white { padding:3px!important; background:#fff!important; }
.farm_one .memo.caution li:before { content:'※'; }

/*-- 特典 --*/
.farm_prize_one { margin-bottom:10px; padding:10px 23px; font-size:14px; line-height:1.8; }
.farm_prize_one table { width:100%; }
.farm_prize_one th { padding:10px; font-size:16px; border:1px solid #ccc; background:#fff5e5; line-height:1.4; text-align:center; }
.farm_prize_one td { padding:10px; font-size:16px; border:1px solid #ccc; text-align:right; }
.farm_prize_one span { margin-left:10px; font-size:20px; font-weight:bold; color:#ee900e; }
.farm_prize_one .prize_val { display:inline-block; *display:inline; *zoom:1; text-align:right; }
.farm_prize_one .prize_uni { display:inline-block; *display:inline; *zoom:1; }
.farm_prize_1 { float:left; width:50%; }
.farm_prize_1 th { width:140px; }
.farm_prize_2 { float:left; width:50%; }
.farm_prize_2 th { padding:11px 20px; }
.farm_prize_2 td { width:auto; }

/*-- よくある質問 --*/
.faq_end { padding:20px 0px; }
.faq_end p { margin:20px 0px; padding:20px 10px; text-align:center; background:#eee; }
.btn_contact { padding:20px 0px; text-align:center; }
.btn_contact a { padding:20px 30px; font-size:18px; font-weight:bold; color:#fff; border-radius:8px; background:#e8a61d; }
.btn_contact a:hover { text-decoration:none; background:#ffbc38; }

/*-- 両翼バナー --*/
.side_area_l { position:absolute; left:-170px; top:0px; }
.side_area_r { position:absolute; left:1050px; top:0px; }
.side_l { text-align:center; }
.side_r { text-align:center; }

/*-- プレイ画面 --*/
.game_play { padding:10px; margin-bottom:20px; text-align:center; background:#fff; }



/*--------------------------------------------------
	Status
--------------------------------------------------*/

/*-- ヘッダー --*/
.farm_status_summary { margin-top:80px; margin-bottom:10px; }
.status_head { margin-bottom:10px; padding:20px; border:1px solid #8e642b; border-radius:10px; background:#f7f0d1; }
.status_head .thum { float:left; width:260px; }
.status_head .detail { float:right; width:700px; }
.status_head .detail li { margin-bottom:10px; padding:10px 5px; font-size:14px; font-weight:bold; color:#333; border:1px solid #fff; border-radius:6px; background:#fffbe8; }
.status_head .detail li span { margin:0px 5px; color:#ff6b06; }
.status_head .detail p { padding:10px 0px; font-size:14px; color:#a7672b; line-height:1.5; }
.status_head .detail .status_icon { display:inline-block; *display:inline; *zoom:1; width:16px; height:16px; padding:2px; border-radius:50%; background:#ff9900; }
.status_head .detail .status_icon img { width:100%; }
.status_head .detail li:nth-child(1) .status_icon { margin-right:-3px; }

/*-- タイマー --*/
.timer { margin-bottom:20px; font-size:24px; text-align:center;  }
.timer_inner { padding:20px; border-radius:10px; background:#fff; }
.timer a { position:relative; display:block; padding:20px; font-weight:bold; color:#fff; line-height:1.5; border-radius:10px; background:#e8a61d; }
.timer a:hover { text-decoration:none; background:#f7b531; }
.timer a:before { position:absolute; left:300px; top:50%; content:''; width:0px; height:0px; margin-top:-14px; border:14px solid transparent; border-left:14px solid #fff; }
.timer a:after { position:absolute; right:300px; top:50%; content:''; width:0px; height:0px; margin-top:-14px; border:14px solid transparent; border-right:14px solid #fff; }

/*-- ミニゲーム --*/
.farm_mg { margin-bottom:5px; padding:20px 40px 0px 40px; background:url(/media/common/img/game/status/bg-ranking.png) repeat #19a1aa; }
.farm_mg .ttl { background:#ff8421; }
.farm_mg .ttl h2 { font-size:26px; font-weight:normal; text-align:center; background:#ff913d; }
.mg_lead { text-align:center; }
.mg_adnw { display:none; width:728px; margin:0px auto; margin-top:20px; }
.mg { display: table; margin-bottom:10px; padding:10px 0px; width:100%; }
.mg_one { display: table-cell; padding: 10px; vertical-align:middle; text-align:center; }
.mg_one a img { width:100%; vertical-align:middle; border:4px solid #fff; }
.mg_one a:hover img { border-color: #e8a61d; }

/*-- ランキング --*/
.ranking { margin-bottom:10px; padding:40px; background:url(/media/common/img/game/status/bg-ranking.png) repeat #ff9900; }
.ranking_inner { padding:10px; border:3px solid #ffd596; border-radius:8px; background:#fff; }
.ranking a { cursor:default; }
.ranking ul { float:left; width:50%; }
.ranking li { margin-bottom:10px; }
.ranking dt { float:left; width:120px; font-weight:bold; text-align:right; }
.ranking dt .ranking_icon { display:inline-block; *display:inline; *zoom:1; width:16px; height:16px; padding:2px; border-radius:50%; background:#ff9900; }
.ranking dt .ranking_icon img { width:100%; }
.ranking dt .ranking_one { display:inline-block; *display:inline; *zoom:1; width:50px; }
.ranking dt.number1 .ranking_icon { background:#d3aa03; }
.ranking dt.number2 .ranking_icon { background:#bcbcbc; }
.ranking dt.number3 .ranking_icon { background:#b4500e; }
.ranking dd.name { overflow:hidden; float:left; width:150px; height:20px; padding-left:5px; text-align:left; }
.ranking dd.name a { text-decoration:none; color:#804113; }
.ranking dd.point { float:left; width:115px; padding-left:5px; }
.ranking dd.point span { margin-left:5px; }
.ranking_info { margin-bottom:20px; padding:5px; font-size:14px; color:#874f1b; border:1px solid #f1e6b6; background:#fff; }
#tooltip { position:absolute; text-align:center; padding:5px; font-size:12px; line-height:1.5; border:1px solid #ffd28e; background:#fffae5; z-index:2; border-radius:8px; }

/*-- 畑の様子 --*/
.status_main { margin-bottom:20px; padding:20px; border:1px solid #a7672b; border-radius:8px; background:#fff; }
.flash { text-align:center; }
.item_status { width:889px; margin:0px auto; margin-bottom:10px; }
.item_status .navi ul { padding-left:12px; text-align:center; }
.item_status .navi li { display:inline-block; *display:inline; *zoom:1; cursor:pointer; margin-right:12px; width:180px; padding:10px; font-weight:bold; color:#804113; text-align:center; border:1px solid #f1e6b6; border-bottom:none; background:#fff; border-top-left-radius:4px; border-top-right-radius:4px; }
.item_status .navi li:hover { background:#f1e6b6; }
.item_status .navi li.selected { background:#f1e6b6; }
.item_status .view { padding:10px; border:3px solid #f1e6b6; background:#fff; border-radius:8px; }
.item_status .view .one { float:left; width:300px; height:400px; padding:0px 10px; text-align:center; border:2px solid #c69c6d; background:#fff; border-radius:8px; }
.item_status .view .one img { padding:10px 0px; }
.item_status .view .one .noitem_box { padding:40px 0px; }
.item_status .view .one dt { font-weight:bold; color:#773f0e; line-height:1.2; text-align:left; }
.item_status .view .one dt span { font-weight:normal; }
.item_status .view .one dd { text-align:left; }
.item_status .view .one dd p { min-height:65px; padding:5px; background:#faeebe; border-radius:4px; }
.item_status .view .one dd .reason_box { margin-top:5px; padding:0px 5px; border-top:1px dotted #874f1b; }
.item_status .view .one dd .reason_box .sub_ttl { display:inline-block; *display:inline; *zoom:1; font-weight:bold; padding:10px 0px; color:#773f0e; border:none; }
.item_status .view .one dd .limit_box { margin-top:5px; padding:0px 5px; border-top:1px dotted #874f1b; }
.item_status .view .one dd .limit_box .sub_ttl { display:inline-block; *display:inline; *zoom:1; font-weight:bold; padding:10px 0px; font-weight:bold; color:#773f0e; border:none; }
.item_status .view .one dd .limit_box .expect { color:#773f0e; }
.item_status .view .one dd .limit_box .usable { color:#191970; }
.item_status .view .one dd .limit_box .warn { color:#ff4500; }
.item_status .view .one dd .limit_box .expired { color:#773f0e; }
.item_status .view .select_area { overflow-y:auto; float:left; width:520px; height:300px; margin-left:10px; }
.item_status .view .select_area p { padding:10px; font-weight:bold; color:#804113; border:1px solid #c79c6b; background:#f1e6b6; }
.item_status .view .select_area ul { padding-bottom:10px; }
.item_status .view .select_area li { cursor:pointer; padding:5px 10px 5px 25px; color:#804113; border:1px solid #c79c6b; border-top:none; background:#fffae5; }
.item_status .view .select_area li:hover { background:url(/media/common/img/game/sprite/sprite.png) no-repeat #f7efc2; background-position:-2495px -692px; }
.item_status .view .select_area li.selected { background:url(/media/common/img/game/sprite/sprite.png) no-repeat #f7efc2; background-position:-2495px -692px; }
.item_status .view .select_area li .expect { color:#804113; }
.item_status .view .select_area li .usable { color:#191970; }
.item_status .view .select_area li .warn { color:#ff4500; }
.item_status .view .select_area li .expired { color:#804113; }
.item_status .view .select_area dt { float:left; }
.item_status .view .select_area dd { float:right; }
.item_status #view2 { display:none; }
.item_status #view3 { display:none; }
.item_status #view4 { display:none; }
.item_status #view1 .warn { color:#d95f1f; }
.item_status #view1 .usable { color:#804113; }
.history { width:889px; margin:0px auto; }
.history_table { margin-bottom:5px; }
.history p { padding:10px; font-weight:bold; color:#fff; background:#874f1b; border-top-right-radius:8px; border-top-left-radius:8px; }
.history dl { background:#fff; border-width:0px 0px 1px 1px; border-style:solid; border-color:#874f1b; }
.history dt { float:left; width:100px; height:20px; padding:5px; font-weight:bold; color:#874f1b; text-align:center; border-right:1px solid #874f1b; }
.history dd { float:left; width:100px; height:20px; padding:5px; font-weight:bold; color:#874f1b; text-align:center; border-right:1px solid #874f1b; }
.history_info { margin-bottom:20px; padding:5px; font-size:12px; color:#874f1b; border:1px solid #f1e6b6; background:#fff; }
.item_list_link { padding:10px 0px; text-align:right; }



/*--------------------------------------------------
	Error
--------------------------------------------------*/
.error { margin-top:40px; border:1px solid #ccc; border-radius:8px; background:#fff; }
.error_inner { padding:20px; }
.error_inner .logo { text-align:center; }
.error_inner .logo img { width:200px; }
.error_inner h1 { padding:10px; font-weight:normal; line-height:1.8; text-align:center; border-bottom:1px solid #ccc; }
.error_inner p { padding:40px 0px; text-align:center; line-height:1.8; }



/*--------------------------------------
	Rare
--------------------------------------*/
.rare { overflow:hidden; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; }
.rare span { display:inline-block; *display:inline; *zoom:1; width:100px; vertical-align:middle; }
.rare5 { width:100px; }
.rare4 { width:80px; }
.rare3 { width:60px; }
.rare2 { width:40px; }
.rare1 { width:20px; }



/*--------------------------------------------------
	LP
--------------------------------------------------*/

.farm_lp_inner { color:#522b00; }

/*-- メイン --*/
.farm_main { position:relative; background:#8cc63f; }
.farm_main_ad { position:absolute; top:20px; right:20px; }

/*-- 段落 --*/
.cont_l { padding:0 0 40px 0; }
.cont_m { padding:0 0 30px 0; }
.cont_s { padding:0 0 20px 0; }

/*-- ボタン --*/
.btn_set { text-align:center; }
.btn_set a:hover { text-decoration:none; }
.btn_set .btn { box-sizing:border-box; display:inline-block; padding:10px; border-radius:10px; text-align:center; font-weight:bold; color:#fff; }
.btn_set .btn_positive { width:90%; border:6px solid #cf8940; background:rgb(255,191,57); background:linear-gradient(180deg, rgba(255,191,57,1) 40%, rgba(252,143,8,1) 100%); box-shadow:0px 5px 15px -13px #000; border-radius:60px; font-size:2.6rem; letter-spacing:10px; }
.btn_set .btn_red { width:90%; background:#fb3255; border-bottom:4px #ce2845 solid; }
.btn_set .btn_page_link { display:flex; justify-content:space-between; padding:5px 20px 15px 20px; }
.btn_set .btn_page_link li { width:32%; }
.btn_set .btn_page_link a { width:100%; background:#854a0f; border:4px #d09b66 solid; box-shadow:0px 0px 0px 1px #7d430a; font-size:1.4rem; }
.btn_set .btn_page_link a::before{ padding:0 10px; content:"▼"; }

/*-- タイトル --*/
.ttl_l { padding:15px; background:#7d430a; text-align:center; font-size:1.6rem; letter-spacing:4px; font-weight:bold; color:#fff; }
.ttl_m { padding:5px; background:#fe5a00; border-radius:40px; font-size:1.2rem; letter-spacing:2px; text-align:center; font-weight:bold; color:#fff; }
.ttl_s { padding:0 0 10px 0; border-bottom:2px #ddd dotted; font-weight:bold; }
.arrow::after, .arrow::before { padding:0 10px; content:"▼"; }

/*-- ボックス --*/
.box_area .content_box { padding:20px; background:#fff8df; }
.box_area .content_inner { padding:20px; background:#fff; border-radius:10px; }

/*-- 画像 --*/
.img_area { text-align:center; }

/*-- ブロックレイアウト --*/
.block_area { display:flex; flex-wrap:wrap; justify-content:space-between; }
.block_inner { width:49% !important; margin-bottom:20px; display:table; }
.block_item_thumb { display:table-cell; width:200px; }
.block_item_thumb img { width:100%; }
.block_item_body { display:table-cell; padding:20px; background:#fff; border-radius:10px; vertical-align:middle; }
.block_item_body dt { padding-bottom:20px; font-weight:bold; font-size:1.2rem; }
.block_item_body dd { line-height:1.6; }

/*-- ランキング --*/
/* 
.farm_lp_inner th { padding:15px; background:#feede5; text-align:left; }
.farm_lp_inner h3 { font-size:1.0rem; }
*/

/*-- ルール --*/
/* .farm_lp_inner .one p { margin-bottom:10px; padding:10px 23px; font-size:1.6rem; line-height:1.8; } */

/*-- モーダル(Flash用カスタマイズ) --*/
.modal_lp_flash { display:none; position:relative; z-index:110; width:100%; margin:0px auto; }
.modal_lp_flash .modal_lp_inner { box-sizing:border-box; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:110; width:80%; height:80%; padding:20px; border:1px solid #ccc; border-radius:8px; background:#f5f5f5; }
.modal_lp_flash .modal_lp_c { position:relative; z-index:120; width:100%; }
.modal_lp_flash .modal_lp_c span { position:absolute; right:-25px; top:-35px; cursor:pointer; width:30px; height:30px; font-size:1.4rem; font-weight:bold; color:#fff; line-height:1.5; text-align:center; border:2px solid #fff; border-radius:50%; background:#333; }
.modal_lp_flash .modal_lp_t { box-sizing:border-box; height:100%; padding:20px; overflow-y:scroll; background:#fff; border-radius:10px; text-align:left; }
.modal_lp_flash .modal_lp_t p { padding:10px 0px; font-size:1.0rem; padding:15px 0px; line-height:1.4; }
.modal_lp_flash .step_inner { display:flex; }
.modal_lp_flash .step_inner .txt { width:50%; margin-left:15px; }
.modal_lp_flash .step_inner_ttl { margin-bottom:10px; padding:5px 10px; background:#7d430a; border-radius:5px; color:#fff; }
.modal_lp_flash .step_inner .indent { padding-left:1em ;text-indent:-1em; }
.modal_lp_flash .step_inner img { width:100%; max-width:400px;}
@media (max-width:640px){
	.modal_lp_flash .step_inner { display:block; }
	.modal_lp_flash .step_inner .txt { width:100%; margin:15px 0 0 0; }
}

/* モーダル内：フロー図 */
.balloon_wrap { display:flex;/* IE対策 */ }
.balloon { display:flex; flex-wrap:wrap; align-items:center; width: 100%; max-width:100%; min-height:100px; position:relative; padding:10px 15px;  border-radius:10px; box-sizing:border-box; }
.balloon_01 { background:#0b8ed5; color:#fff; }
.balloon_02 { background:#ffeeab; }
.balloon::before { content:''; position:absolute; display:block; width:0; height:0; top:40%; right:-10px; border-top:15px solid transparent; border-bottom:15px solid transparent; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.balloon_01.balloon::before { border-left:15px solid #0b8ed5; }
.balloon_02.balloon::before { border-left:15px solid #ffeeab; }
.balloon_no { display:flex; flex-wrap:wrap; align-items:center; width: 100%; max-width:100%; min-height:100px; padding:10px 15px; background:#fff6d1; border-radius:10px; box-sizing:border-box; }
.balloon_no .btn_set .btn_red { width:100%; padding:5px 15px; }
.modal_lp table { table-layout:fixed; width:100%; }
.modal_lp table td { min-width:30%; padding:5px; line-height:1.4; }

@media all and (-ms-high-contrast: none){
	/* IE10以上 */ 
	.balloon { display:block; }
	.balloon_no { display:block; }
}



/*-------------------------------------------------- 以上 --*/