@charset "utf-8";
/* ==================== */
/* SH Public CSS */
*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
body { letter-spacing:0.08em; font-size:14px; color:#333; min-height:100%; }
body:after { position:absolute; z-index:0; display:block; content:''; bottom:0; left:0; width:100%; height:0; background:#333; }
body > div { position:relative; z-index:2; }

#bg1 { position:fixed; z-index:3; top:0; width:100%; height:540px; background:#FCFCFF url(/v5/img/bg/bg_hed_base_1.png) repeat-x top center; }
#bg1 > div { margin-top:-10px; height:540px; background:url(/v5/img/bg/bg_hed_layer_2.png) repeat top center; background-size:auto; z-index:4; }
#bg1 > div > div { height:540px; background:url(/v5/img/bg/bg_hed_layer_1.png) no-repeat top center; z-index:5; }
	.sp #bg1 { background-size:50% 50%; }
	.sp #bg1 > div { background-size:140% auto; }
	.sp #bg1 > div > div { background-size:190% auto; }
#main { position:relative; z-index:100; }

#bg1 > div > div:after { display:block; content:''; margin:0 auto; background:url(/v5/img/char/star_blu1_s120.png) no-repeat bottom right; }
.ad_pn5_ga1 #bg1 > div > div:after,
.ad_pn5_gam_pn1 #bg1 > div > div:after { background-image:url(/v5/img/char/star_prp1_s120.png); }
	.sp #bg1 > div > div:after { width:99%; height:110px; background-size:12px 12px; }
	.df #bg1 > div > div:after { width:100%; max-width:1010px; height:80px; background-size:18px 18px; }

a { color:#339; cursor:pointer }
a:hover { color:#66C; }
a.arw_w1_r:after { font-family:'cf-awesome'; content:'\f101'; margin-left:2px; font-size:12px; }

/* ==================== */
.osite_icon i:before { font-family:'cf-fontello'; }
.osite_icon > .google i:before { content:'\f1a0'; color:#4285F4; } /*4285F4 DB4437*/
.osite_icon > .yahoo i:before { content:'\e800'; color:#FF0027; }
.osite_icon > .twitter i:before { content:'\e721'; color:#55ACED; }
.osite_icon > .facebook i:before { content:'\e722'; color:#3B5998; }
.osite_icon > .line i:before { content:'\e732'; color:#00C300; }
.osite_icon > .instagram i:before { content:'\e724'; color:#D9397D; }
.osite_icon > .other i:before { font-family:'cf-awesome'; content:'\f2c2'; color:#99C; }

/* ==================== */
/* Section */
.section { min-width:320px; position:relative; z-index:5; }
.section_wrap,
.section > div > .in_wrap { position:relative; margin:0 auto; max-width:1010px; }
	.df .section_wrap,
	.df .section { min-width:1010px; }

/* Block */
.block_hed1 { padding:0 0 5px; color:#66C; position:relative; }
.block_hed1 h3 { margin:8px 0; padding:0 8px; font-size:20px; line-height:30px; }
.block_hed1 h3 > span { margin-left:2px; font-size:16px; }
.block_hed1 h4 { margin:8px 0; padding:0 8px; font-size:16px; line-height:26px; }
	.sp .block_type_21 #block_main { min-height:100px; }
	.df #block_main .block_hed1 h3 { font-size:24px; }
	.block_type_21 #block_menu { display:none; }
	.df .block_type_21 #block_main { float:left; width:630px; min-height:350px; margin-left:15px; padding-bottom:15px; }
	.df .block_type_21 #block_sub1 { float:right; width:300px; margin-right:15px; padding-bottom:15px; }
	.sp .block_type_121 #block_menu { display:none; }
	.df .block_type_121 #block_menu { float:left; width:160px; box-shadow:1px 1px 1px 0 #E9E9E9; /*border-right:#EEE solid 1px; border-bottom:#EEE solid 2px;*/ }
	.df .block_type_121 #block_main { float:left; width:475px; min-height:250px; margin-left:15px; padding-bottom:15px; }
	.df .block_type_121 #block_sub1 { float:right; width:300px; margin-right:15px; padding-bottom:15px; }
	
/* ==================== */
/* Box */
.box1 { padding:0; }
.box_hed1 { color:#446; position:relative; border-bottom:#66A solid 2px; }
.box_hed1 h3 { padding:10px 10px 9px; font-weight:700; }
.box_hed1 h3 span { font-size:14px; }
.box_hed1 h4 { padding:8px 10px 7px; font-weight:700; font-size:12px; }
.box_hed1 h4 + h3 { margin-top:-20px !important; padding-bottom:4px !important; }
.box_hed1 h5 { padding:5px 5px 4px 10px; }
	.sp .box1 { border-top:#EEE solid 1px !important; }
	.df .box1 { margin-top:15px; }
	.sp .box_hed1 h3 { padding:14px 10px 13px; }
	.sp #block_sub1 .box_hed1 h4 { font-size:12px; }
	.df #block_menu .box1 { margin-top:0; border-top:#EEE solid 1px; }
	.df #block_menu .box1:first-child { border-top:none; }
	.df #block_menu .box_hed1 h3 { font-size:12px; letter-spacing:0.05em; }
	.df #block_menu .box_hed1 h3 span { font-size:11px; }
	.df #block_main .box_hed1 h3 { font-size:20px; }

.box_hed1 .cnt { position:absolute; display:inline-block; right:8px; font-size:12px; }
.box_hed1 .cnt:after { content:'件'; }
.box_hed1 .cnt2 {
	position:absolute; display:inline-block; right:8px; min-width:24px; height:24px; line-height:24px;
	font-size:10px; padding:0 2px; color:#FFF; text-align:center; letter-spacing:0; background:#CCC; border-radius:20px;
}

.box_wrap_f1 { background:#FFF !important; }
	.sp .box_wrap_f1 { padding:10px 3px !important; }
	.df .box_wrap_f1 { margin-top:0 !important; padding:30px 30px !important; }

/* Box Msg */
.box_msg1 { display:block; }
.box_msg1 > div { padding:5px 8px; font-size:12px; line-height:1.8em; letter-spacing:0.1em; }
.box_msg1 > div p { padding:3px 0; }
.box_msg1 > div li { padding:3px 0; }
.box_msg1 h3 { font-size:16px; }
.box_msg1 h4 { font-size:14px; }
	.sp .block_hed1 + .box_msg1 { margin-top:-10px; }
	.df .box_msg1 > div { padding:10px 8px; font-size:14px; }
	.df .box_msg1 h3 { font-size:20px; }
	.df .box_msg1 h4 { font-size:18px; }
.box_msg1 div.err1 { background:rgba(255, 0, 0, 0.1); }
.box_msg1 div.proc_comp h3,
.box_msg1 div.proc_comp h4 { color:#390; }
.box_msg1 div.mnt_info h3,
.box_msg1 div.mnt_info h4 { color:#039; font-weight:700; }
.box_msg1 div.mnt_info ul { text-align:left; }
.box_msg1 div.err_info h3,
.box_msg1 div.err_info h4 { color:#C00; }
.box_msg1 div.err_notfound,
.box_msg1 div.err_del { padding-top:8% !important; padding-bottom:8% !important; color:#666; }
.box_msg1 div.err_ban { padding-top:8% !important; padding-bottom:8% !important; color:#C69; }
.box_msg1 div.btm_cau { /*color:#966;*/ color:#769; font-size:12px; }
.box_msg1 > .style_c1 { padding-top:2em; padding-bottom:2em; text-align:center; }
	.df .box_msg1 > .style_c1 { padding-top:3em; padding-bottom:3em; }

#block_sub1 .no_pad { background:none !important; }
#block_sub1 .box_hed1 h3 { font-size:16px; }
	.df .float_wrap { position:relative; }
	.df .float_wrap > .float_box { width:100%; }
	.df #block_sub1 .box1 { border:#EEE solid 1px; padding:0; background:#FFF; }
	.df #block_sub1 .float_wrap > .float_box .box1:first-child { margin-top:0; }
	.df .move_on .float_box { position:absolute; }

	.df #block_main :not(.no_pad) .block_hed1,
	.df #block_main :not(.no_pad) .box_hed1 { padding-top:1px; }

/* Search Box */
#search_box { position:relative; }
#search_box .form_box1 { border:#EEE solid 1px; background:#FFF; padding:0; border-radius:3px; }
#search_box .form_box1 ul { margin:2px; padding:0px; }
#search_box .form_box1 li { width:50%; margin:0; padding:0; }
#search_box .form_box1 h4 { display:none; }
#search_box .form_box1 .key_word { width:100%; padding-right:42px; }
#search_box .form_box1 .key_word button { position:absolute; top:0; right:0; padding:0; width:40px; background:linear-gradient(#EEE, #DDD); border:#CCC solid 1px; }
#search_box .form_box1 .key_word button i:before { font-family:'cf-awesome'; content:'\f002'; color:#555; font-size:18px; }
#search_box .form_box1 select {	border:#DDD solid 1px; }
#search_box .form_box1 select[disabled] { border:#DDD solid 1px; color:#CCC; }
	.sp #search_box .form_box1 select { font-size:11px; }
	.df #search_box .form_box1 select { font-size:14px; }
#search_box .tgl {
	display:inline-block; position:absolute; top:-30px; right:5px; height:30px; padding:5px 7px 5px 5px; line-height:20px; z-index:10;
	border:#EEE solid 1px; border-radius:5px 5px 0 0; background:#EEE; background:linear-gradient(#F6F6F6, #EEE); font-size:11px; letter-spacing:0.02em; color:#66C; cursor:pointer; vertical-align:middle;
}
#search_box .tgl:before { content:'－'; margin-right:2px; }
#search_box .tgl:after { content:'検索オプション'; }
.search_opt_hide .search_option { display:none; }
.search_opt_hide .tgl:before { content:'＋' !important; }

/* Box Style */
.box_style_h1 { padding:5px 0; background:#CCE url(/v5/img/bg/bg_sln1_wht1.png) repeat top left !important; }
.box_style_h1 > div { padding:5px; background:rgba(255, 255, 255, 0.88); box-shadow:0 0 2px 0 #CCC; position:relative; }
.box_style_h1 .box_hed1 { border:none !important; }
.box_style_h1 .box_hed1 h4 { margin:0 5px; padding:5px 0 4px; }
.box_style_h1 .box_hed1 h3 { margin:0 5px; padding:5px 0 4px; }
.box_style_h1 .box_hed1 h4 + h3 { margin-top:-10px !important; }
.box_style_h1 .box_msg1 { border:#EEE solid 1px; padding:10px; background:#FFF; }
.box_style_h1 .top_info .msg { margin:0 5px 5px; line-height:1.6em; font-size:14px; font-weight:500; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.4); }
.box_style_h1 .top_info .menu { text-align:left; }
.box_style_h1 .top_info .menu li { margin:5px; }
.box_style_h1 .top_info .menu li > * {
	display:block; padding:4px 8px; line-height:24px; color:#FFF; font-size:14px; text-align:center; font-weight:normal; border:#FFF solid 1px; border-radius:5px; background:rgba(0, 0, 0, 0.2);
}
	.sp .box_style_h1 .box_msg1 { font-size:13px; line-height:1.6em; }
	.sp .box_style_h1 .top_info .menu { margin:5px auto; max-width:340px; }
	.df .box_style_h1 .top_info .menu { max-width:260px; }
	.df .box_style_h1 .top_info .menu li > * { line-height:26px; }

.box_style_h1 .top_info .info_type1 { padding:0; border:#EEE solid 2px; border-radius:5px; background:rgba(255, 255, 255, 0.95); overflow:hidden; }
.box_style_h1 .top_info .info_type1 h3 { padding:8px 8px 5px; line-height:20px; font-size:16px; color:#FFF; }
.box_style_h1 .top_info .info_type1 .contents { padding:5px; }
	.sp .box_style_h1 .sub_info_wrap { margin:10px 5px 5px; }
	.df .box_style_h1 { padding:5px; }
	.df .box_style_h1 > div { padding:10px; }
	.df .box_style_h1 > div.min_h { min-height:240px; }
	.df .box_style_h1 .box_hed1 h4 { margin:0 10px; font-size:16px !important; }
	.df .box_style_h1 .box_hed1 h3 { margin:0 10px; font-size:24px !important; }
	.df .box_style_h1 .top_info { margin:0 5px; width:240px; }
	.df .box_style_h1 .top_info .msg { line-height:1.8em; }
	.df .box_style_h1 .sub_info_wrap { width:320px; position:absolute; bottom:15px; right:15px; }

.box_style_h1 .box_hed1 .hed_type_ev1 h4 { font-size:16px; font-weight:900; }
.box_style_h1 .box_hed1 .hed_type_ev1 h3 { font-size:24px; font-weight:900; }
	.df .box_style_h1 .box_hed1 .hed_type_ev1 h4 { font-size:18px !important; line-height:1.2em; }
	.df .box_style_h1 .box_hed1 .hed_type_ev1 h3 { font-size:26px !important; line-height:1.2em; }

.hed_style_h1 { padding:5px 0!important; background:#CCE url(/v5/img/bg/bg_sln1_wht1.png) top left !important; border:none !important; }
.hed_style_h1 > div { padding:0; background:rgba(255, 255, 255, 0.88); box-shadow:0 0 2px 0 #CCC; }
	.df .hed_style_h1 { padding:5px !important; }
	.df .hed_style_h1 > div { padding:5px; }

.box_style_h1 .type_img .img { position:relative; width:100%; }
.box_style_h1 .type_img .img > i { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; }

/* ==================== */
/* InfoBox */
.info_box1 { background:#FDA url(/v5/img/bg/bg_sln1_wht1.png) top left !important; }
.info_box1 > div { padding:5px 15px; font-size:12px; line-height:1.6em; }
.info_box1 > div > * { margin:10px 0; padding:0; }
.info_box1 > div h3 { font-weight:700; color:#F60; font-size:16px; }
	.df .info_box1 > div { padding:15px 30px; font-size:14px; line-height:1.8em; }
	.df .info_box1 > div h3 { font-size:18px; }

/* ==================== */
/* MenuBox */
#block_menu .menu_box1 > ul p ,
#block_menu .menu_box1 > ul a { min-height:35px; font-size:11px; letter-spacing:0.03em; }
#block_menu .menu_type1 .df_hover li.parent > ul { min-width:160px; }

.menu_regist { background:linear-gradient(#3C0, #060); border:#390 solid 2px; }
.menu_regist a { color:#FFF; background:url(/v5/img/bg/bg_sln1_wht1_op10.png) repeat top left; padding-left:5px; }
.menu_regist a i { width:80px; height:60px; background:url(/v5/img/char/char_11_s240_p1.png) no-repeat; background-position:center top -5px !important; background-size:115% !important; } 
.menu_regist a b { font-weight:700; font-size:14px; padding-left:5px; }
.menu_regist a b > span { font-size:19px; margin-right:2px; }

.menu_ap .box_hed1 h3:after { content:'で探す'; font-size:14px; }
.menu_ap .menu_box1 li b { font-size:12px; letter-spacing:0.02em; color:#446; }
.menu_ap .menu_box1 li:hover { background:#FFC !important; }
.menu_ap .menu_box1 li:hover > * > b { color:#F60; cursor:pointer; }
.menu_ap > .col2 .menu_box1 ul { padding:1px; background:#F9F9F9; }
.menu_ap > .col2 .menu_box1 li { width:50%; border:none; padding:1px; }
.menu_ap > .col2 .menu_box1 li:hover { background:#FFF !important; }
.menu_ap > .col2 .menu_box1 li > * { border:#E6E6F6 solid 1px; border-radius:8px; border-left:#DDE solid 2px; background:#FFF; }
.menu_ap > .col2 .menu_box1 li b { padding-left:8px; padding-right:2px; background:#FFF; }
.menu_ap > .col2 .menu_box1 li:hover > * > b { background:#FFC !important; }
.menu_ap > .ctg_pickup .menu_box1 li > * { border-left-color:#F6C; }
.menu_ap > .ctg_action .menu_box1 li > * { border-left-color:#F90; }
.menu_ap > .ctg_site .menu_box1 ul ul { border-color:#FD7 !important; }
.menu_ap > .ctg_site .menu_box1 ul ul li { background:#FFFCF6; }
	.df .menu_ap > .ctg_site .menu_box1 b:before { font-family:'cf-awesome'; content:'\f104'; font-size:14px; color:#F70; font-weight:normal; margin-right:8px; }

.menu_ep .menu_box1 ul { padding:1px; background:#F9F9F9; }
.menu_ep .menu_box1 li { width:50%; border:none; padding:1px; }
.menu_ep .menu_box1 li:hover { background:#FFF !important; }
.menu_ep .menu_box1 li > * { border:#E6E6F6 solid 1px; border-radius:8px; border-left:#6C0 solid 2px; background:#FFF; }
.menu_ep .menu_box1 li b { font-size:12px; letter-spacing:0.02em; color:#446; padding-left:8px; padding-right:2px; background:#FFF; }
.menu_ep .menu_box1 li:hover > * > b { color:#F60; background:#FFC !important; cursor:pointer; }

.menu_mp .menu_box1 li > a:hover { background:#EEF; }
.menu_mp li i:before { font-family:'Font Awesome 5 Free'; font-weight:700; }
.menu_mp li.point i:before { content:'\f0ca'; }
.menu_mp li.mylist i:before { content:'\f03a'; }
.menu_mp li.profile i:before { content:'\f2bb'; }
.menu_mp li.password i:before { content:'\f084'; }
.menu_mp li.email i:before { content:'\f1fa'; }
.menu_mp li.ezine i:before { content:'\f0e0'; }
.menu_mp li.backnumber i:before { content:'\f658'; }
.menu_mp li.introduce i:before { content:'\f0c0'; }
	.sp .menu_mp > .col2 .menu_box1 ul { padding:1px; background:#F9F9F9; }
	.sp .menu_mp > .col2 .menu_box1 li { width:50%; border:none; padding:1px; }
	.sp .menu_mp > .col2 .menu_box1 li > * { border:#E6E6F6 solid 1px; border-radius:8px; border-left:#99F solid 2px; background:#FFF; }
	.sp .menu_mp > .col2 .menu_box1 li b { padding-left:8px; padding-right:2px; background:#FFF; }
	.sp .menu_mp > .col2 .menu_box1 li:hover > * > b { background:#FFC !important; }
	.df .menu_mp .menu_box1 li { width:100%; }
	.df #block_sub1 .menu_mp li.backnumber > a { padding-left:30px; }

/* ==================== */
/* Info_Box */
.info_box { padding:4px 0; font-size:12px; line-height:1.5em; }
.info_box > div > * { margin:5px 10px; }
.info_box h3 { padding:0.5em 0 0.2em; font-size:16px; color:#559; font-weight:700; }
.info_box h4 { padding:0.5em 0 0.2em; font-size:15px; color:#559; font-weight:700; }
.info_box h5 { padding:0.5em 0 0.2em; font-size:14px; color:#559; font-weight:700; }
.info_box h3:first-child { padding:0.2em 0 0.2em; }
.info_box h4:first-child { padding:0.2em 0 0.2em; }
.info_box h5:first-child { padding:0.2em 0 0.2em; }
.dialog .info_box { text-align:left; padding:15px 20px 10px; border:none !important; }
	.df .info_box { font-size:14px; line-height:1.8em; border:#EEE solid 1px; padding:9px 4px; border-radius:5px; }
	.df .dialog .info_box { max-width:640px; padding:15px 25px 10px; }
	.df .info_box h3 { font-size:20px; }
	.df .info_box h4 { font-size:18px; }
	.df .info_box h5 { font-size:16px; }
.info_box .hed_bdr1 h4 { border-top:#DDD double 3px; }
.info_box .hed_bdr1 h5 { border-top:#CCC dotted 1px; }

.info_box div.img { position:relative; width:100%; }
.info_box div.img > i { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; }

/* ==================== */
/* Tab_Box */
.tab_wrap .tab_item {}
.tab_wrap .tab .tab_item { cursor:pointer; }
.tab_wrap .tab .sel_tab { cursor:auto; }
.tab_wrap .tab_data .tab_item { display:none; }
.tab_wrap .tab_data .sel_tab { display:block; }

/* ==================== */
/* Form */
.df .form_size_l .input_txt1 > span, .df .form_size_l input, .df .form_size_l select, .df .form_size_l textarea, .df .form_size_l button { font-size:16px; }
div.form_box1 { border-top:#DDD solid 1px; /*border-bottom:#DDD solid 1px;*/ }
.form_box1 > ul { margin:10px 0; }
.form_box1 h4:before { content:'▼'; font-size:12px; line-height:20px; margin-right:2px; }
.form_box1 h4 > span { margin-left:4px; font-size:12px; color:#F93; }
.form_box1 li { position:relative; }
.form_box1 td > .cau1,
.form_box1 td > .err1,
.form_box1 li > .cau1,
.form_box1 li > .err1 { display:block; padding:2px 0 2px 4px; font-size:11px; line-height:1.6em; letter-spacing:0.02em; }
.form_box1 .input_txt1 > span > .cau1 { font-size:12px; } 
.form_box1 .input_name2 { width:45%; }
.form_box1 .input_wc4 { width:80px !important; }
.form_box1 .input_wc2 { width:40px !important; }
.form_box1 .input_wdt { width:120px !important; }
.form_box1 .input_wdy { width:80px !important; }
.form_box1 .input_wds { width:45px !important; }
	.sp .form_box1 .input_wdy { width:70px !important; }
	.df .form_box1 .input_name2 { width:40%; max-width:180px; }
	.df .form_box1 ul.type_h > li { padding:3px 20px 3px 160px; }
	.df .form_box1 ul.type_h > li h4 { position:absolute; left:20px; top:10px; }
	.df .form_box1 ul.type_h > li h4:before { content:''; }

.form_box1 .chk_link a { display:inline-block; font-size:14px; line-height:20px; margin:3px 10px 0; }
.form_box1 .chk_link a:before { font-family:'cf-awesome'; content:'\f08e'; margin-right:3px; }

.form_box1 .input_year,
.form_box1 .input_zip { position:relative; }
.form_box1 .input_year:before,
.form_box1 .input_zip:before { display:block; position:absolute; top:4px; line-height:28px; font-size:16px; color:#666; z-index:2; }
.form_box1 .input_year:before { right:8px; content:'年'; }
.form_box1 .input_zip:before { left:8px; content:'〒'; }
.form_box1 .input_year > input { padding-right:28px; width:100px; text-align:center; }
.form_box1 .input_zip > input { padding-left:28px; width:120px; }

.form_box1 .select_dt .input_wrap { position:relative; z-index:1; }
.form_box1 .select_dt .input_wrap:before { position:absolute; display:block; content:''; top:5px; right:6px; line-height:28px; font-size:13px; z-index:2; pointer-events:none; }
.form_box1 .select_dt select { padding-right:1.4em; }
.form_box1 .select_dt > .dy:before { content:'年'; }
.form_box1 .select_dt > .dm:before { content:'月'; }
.form_box1 .select_dt > .dd:before { content:'日'; }
.form_box1 .select_dt > .th:before { content:'時'; }
.form_box1 .select_dt > .tm:before { content:'分'; }
.form_box1 .select_dt > .ts:before { content:'秒'; }

/* ==================== */
/* Table Style */
.tbl_style1 { display:block; margin:0 auto; border:#DDD solid 1px; position:relative; /*overflow:hidden;*/ }
.tbl_style1 tr { border-bottom:#E3E3E3 solid 1px; overflow:hidden; }
.tbl_style1 tr:last-child { border-bottom:none; }
.tbl_style1 tr > *  { min-height:24px; padding:3px 5px; vertical-align:middle; line-height:18px; }
.tbl_style1 tr > th { font-weight:normal; text-align:left; width:20%; background:#F9F9FF; color:#336; font-size:12px; }
.tbl_style1 tr > td { padding:10px; }
.tbl_style1 tr.hed1 { border-bottom:#99C double 3px; }
.tbl_style1 tr.hed1 > th { padding-top:12px; color:#558; font-weight:700; font-size:14px; line-height:1.8em; text-align:left !important; background:#F0F0FF; }
.tbl_style1 tr.hed1 span { font-size:11px; font-weight:normal; }
	.df .tbl_style1 tr > *  { min-height:32px; padding:8px; }
	
.tbl_style1 .form_box1 .input_txt1:not(div) > span { border-color:transparent; background:none; }
.tbl_style1 .form_box1 td { font-size:0; vertical-align:middle; }
.tbl_style1 .form_box1 td * { vertical-align:middle; }
.tbl_style1 .form_box1 tr > td { padding:3px !important; }

.tbl_style1 { border-radius:3px; }
/*.tbl_style1 table tr:first-child > th { border-radius:4px 0 0 0; }
.tbl_style1 table tr:first-child > td { border-radius:0 4px 0 0; }
.tbl_style1 table tr:last-child > th { border-radius:0 0 0 4px; }
.tbl_style1 table tr:last-child > td { border-radius:0 0 4px 0; }
.tbl_style1 table tr.hed1:first-child > th { border-radius:4px 4px 0 0; }*/
	.df .tbl_style1 { border-radius:3px; }
	.df .tbl_style1 tr > * { padding:10px; }

.tbl_style1 table.th_top tr th,
.tbl_style1 table.th_top tr td,
	.sp .tbl_style1 table.sp_th_top tr th,
	.sp .tbl_style1 table.sp_th_top tr td { display:block; width:100% !important; max-width:100% !important; }
.tbl_style1 table.th_top tr th,
.sp .tbl_style1 table.th_top tr th { text-align:left !important; }
	.sp .tbl_style1 table.th_top tr th,
	.sp .tbl_style1 table.sp_th_top tr th { padding-top:6px; padding-bottom:4px; }
	.df .tbl_style1 table.th_top tr th { padding-top:8px; padding-bottom:6px; }

/* ==================== */
/* PR_Box */
.pr_box { text-align:center; }
.pr_box > div { overflow:hidden; margin:0 auto; padding:0; position:relative; text-align:center; }
.pr_box > div > div { margin:0 auto; text-align:center; }
.pr_box iframe { margin:0; padding:0; }
.pr_box .df_sqr1 { width:300px; height:250px; }
.pr_box .df_wlr1 { width:728px; height:90px; }
.pr_box .df_hlr1 { width:300px; height:600px; }
.pr_box .df_reg1 { width:468px; height:60px; }
.pr_box .sp_sqr1 { width:100%; /*height:250px;*/ }
.pr_box .sp_wlr1 { width:100%; max-height:50px; }
.pr_box .sp_wlr2 { width:100%; max-height:100px; }
	.df .pr_box .df_sqr1:nth-child(odd) { float:left; margin-left:0; }
	.df .pr_box .df_sqr1:nth-child(even) { float:right; margin-right:0; }
	.df .pr_box > div > div { background:rgba(255, 255, 255, 0.9); }

.pr_box .dmy { background:rgba(255, 255, 255, 0.5); border:#DDD solid 1px; height:100%; }
.pr_box .dmy:after { content:'PR'; color:#CCC; text-align:center; }

/* ==================== */
/* Slider */
.swiper-button-prev,
.swiper-button-next {
	width:50px; height:50px; margin-top:-25px; background:none; border-radius:0; padding:0;
	line-height:48px; font-size:45px; font-family:'cf-awesome'; letter-spacing:0; outline:none; text-align:center; vertical-align:middle;
}
.swiper-button-prev:before { content:'\f104'; letter-spacing:0; }
.swiper-button-next:before { content:'\f105'; letter-spacing:0; }
@media screen and (max-width:640px){
	.sp .swiper-button-prev,
	.sp .swiper-button-next { width:16px; font-size:30px; opacity:0.7; color:#FFF; }
}
.slide_off .swiper-pagination,
.slide_off .swiper-button-prev,
.slide_off .swiper-button-next { display:none; }
	
/* ==================== */
/* SNS Widget */
.sns_widget { /*border:none !important;*/ border-radius:5px; overflow:hidden; position:relative; text-align:left; }
.sns_widget .box_hed1 h3 { color:#FFF; font-size:14px; line-height:20px; border-bottom:none; }
.sns_widget .box_hed1 h3 span { display:inline-block; font-size:12px; letter-spacing:0.04em; }
.sns_widget .box_data { padding:0; background:#FFF; }
.sns_widget > .twitter { background:#00aced; }
.sns_widget > .twitter .box_hed1 h3:before { font-family:'cf-fontello'; content:'\e721'; margin-right:4px; }
.sns_widget > .twitter .box_data { padding:0 1px 37px !important; }
.sns_widget > .twitter .follow { position:absolute; width:120px; right:7px; text-align:right; }
.sns_widget > .facebook { background:#3B579D; }
.sns_widget > .facebook .box_hed1 h3:before { font-family:'cf-fontello'; content:'\e722'; margin-right:4px; }
.sns_widget > .facebook .box_data { padding:0 1px 44px !important; }
.sns_widget > .facebook .fb-like { position:absolute; bottom:8px; right:7px; text-align:right; }
	.sp .box_wrap_ilb { text-align:center; }
	.sp .box_wrap_ilb .sns_widget { vertical-align:top; }
	@media screen and (min-width:490px){ .sp .box_wrap_ilb .sns_widget { display:inline-block; width:480px; } }
	@media screen and (min-width:620px){ .sp .box_wrap_ilb .sns_widget { display:inline-block; max-width:300px; } }

/* ==================== */
/* Main Menu */
#main_menu { position:absolute; top:0; right:10px; z-index:8510; }
#main_menu .icon { top:2px; right:2px; width:40px; height:40px; z-index:8530; }
#main_menu .icon { background:rgba(255, 255, 255, 0); }
#main_menu .icon > i:before,
#main_menu .icon > i:after,
#main_menu .icon > i { width:20px; background:#006; }
#main_menu .icon > i { left:50%; margin:-1px 0 0 -10px; } 
#main_menu .icon > i:before { margin-top:-9px; }
#main_menu .icon > i:after  { margin-top:7px; }
#main_menu .menu { top:40px; right:0; z-index:8520; }
#main_menu .menu > div { min-width:250px; margin-top:5px; padding:0; cursor:default; }
#main_menu .menu ul { padding-bottom:5px; background:rgba(255, 255, 255, 1.0); }
#main_menu .menu ul > li { margin:0; padding:0; }
#main_menu .menu p,
#main_menu .menu a { display:block; padding:10px 14px; color:#333; font-size:14px; line-height:18px; }
#main_menu .menu a:hover { color:#339; background:#F6F6FF; }
#main_menu .menu li.line { margin:5px 4px; height:0; border-bottom:#DDD solid 1px; }
#main_menu .menu .hed_top { height:4px; }
#main_menu .menu .hed_top p { margin-bottom:0;  color:#336; line-height:22px; }
#main_menu .menu li.sub1 { padding-left:20px; }

/* ==================== */
/* Top UserInfo */
#top_user_info li.nickname a:after { /*content:'さん';*/ margin-left:1px; font-size:12px; }
#top_user_info li.point a { color:#F60; font-weight:900; font-size:16px; }
#top_user_info li.point a:after { content:'Ｐ'; margin-left:1px; font-size:14px; }

/* ==================== */
/* TopBar */
#top_bar1 { position:relative; width:100%; border-bottom:#009 solid 1px; height:45px; background:#FFF; background:rgba(255, 255, 255, 0.98); box-shadow:0 0 3px 1px #333; z-index:1000; }
#top_bar1 h2 a { color:#006; }
#top_bar1 h2 a b { color:#F90; font-weight:400; }
#top_bar1 .info { position:absolute; top:0; right:40px; }
#top_bar1 .info li { line-height:45px; margin:0 5px; }
	.sp #top_bar1 h2 { position:absolute; top:0; left:5px; padding:0; }
	.sp #top_bar1 h2 i { display:none; width:100px; height:45px; background-image:url(/v5/img/logo/logo_1s_w150.png); text-indent:-9999px; overflow:hidden; }
	.sp #top_bar1 #main_menu { right:0; }
	
	.df #top_bar1 h2 { position:absolute; padding:0 0 0 15px; line-height:45px; font-size:12px; color:#336; }
	.df #top_bar1 .info { right:50px; }
	.df #top_bar1 .info li { margin:0 10px; }
	
/* ==================== */
/* Header */
#hed_main { position:relative; z-index:900; }
#hed_main .hed_top > div { min-height:60px; }
#hed_main .hed_top .section_wrap { padding:10px 5px 5px 180px; min-height:60px; }
#hed_main .hed_top h1 { position:absolute; top:0; left:3px; padding:0; }
#hed_main .hed_top h1 i { display:block; width:170px; height:60px; background-image:url(/v5/img/logo/logo_1_w220.png); text-indent:-9999px; overflow:hidden; }
#hed_main .hed_top .pr_box { position:absolute; top:15px; right:25px; text-align:center; z-index:10; }
#hed_main .hed_top .pr_box > li { padding:0; border:#DDD solid 1px; background:rgba(255, 255, 255, 0.5); }
	.df #hed_main .hed_top > div { min-height:120px; }
	.df #hed_main .hed_top h1 { top:20px; left:10px; }
	.df #hed_main .hed_top h1 i { width:220px; height:80px; }

/* ==================== */
/* Top Search */
#top_search { width:100%; }
#top_search .input_wrap { width:100%; border:#339 solid 2px; border-radius:8px; background:rgba(255, 255, 255, 0.8); }
#top_search input { border:none; background:none; width:100%; height:36px; font-size:14px; padding:0 40px 0 10px; border-radius:6px; }
#top_search input::placeholder { color:#F70; }
#top_search input::-ms-input-placeholder { color:#F70;  }
#top_search input:-ms-input-placeholder { color:#F70; }
#top_search button { position:absolute; top:2px; right:2px; width:32px !important; height:32px !important; background:linear-gradient(#EEE, #DDD); border:#CCC solid 1px; }
#top_search button i:before { font-family:'cf-awesome'; content:'\f002'; color:#555; font-size:18px; }
	.df #top_search .input_wrap { border:#F90 solid 2px; }
	
/* ==================== */
/* Main */
#main > div { padding-bottom:0; }
#main > div > .in_wrap { padding:4px; background:rgba(245, 245, 245, 0.5); }
#main > div > .in_wrap > div { border:#EEE solid 1px; background:#FFF; /*background:#FCFCFF;*/ }
	.df #main > div { padding-bottom:10px; }
	.df #main > div > .in_wrap { padding:9px; box-shadow:0 0 3px 0 #666; }

#main #navi_bar { position:relative; min-height:60px; z-index:1010; }
#main #navi_bar .bg { position:absolute; height:60px; z-index:0; width:100%; top:0; left:0; background:linear-gradient(#FFF, #EEF); border-bottom:#666 solid 2px; }
#main #navi_bar .main_menu { position:relative; width: z-index:1; } 
#main #navi_bar .main_menu > ul { width:100%; text-align:right; }
#main #navi_bar .main_menu > ul > li { text-align:center; height:60px; line-height:58px; }
#main #navi_bar .main_menu > ul > li > p,
#main #navi_bar .main_menu > ul > li > a { display:block; position:relative; z-index:2; height:60px; line-height:30px; padding:0; }
#main #navi_bar .main_menu > ul > li > p > *,
#main #navi_bar .main_menu > ul > li > a > * { display:inline-block; vertical-align:middle; }
#main #navi_bar .main_menu > ul > li > p > b,
#main #navi_bar .main_menu > ul > li > a > b { display:block; line-height:14px; font-size:10px; font-weight:normal; color:#135; letter-spacing:0.02em; }
#main #navi_bar .main_menu > ul > li i { width:30px; height:30px; margin-top:5px; }
#main #navi_bar .main_menu > ul > li.point > * > i { background-image:url(/v5/img/icon/main_pt_1_w60.png); }
#main #navi_bar .main_menu > ul > li.exchange > * > i { background-image:url(/v5/img/icon/main_ex_1_w60.png); }
#main #navi_bar .main_menu > ul > li.prize > * > i { background-image:url(/v5/img/icon/main_pz_1_w60.png); }
#main #navi_bar .main_menu > ul > li.point > *:hover { border-bottom:#F90 solid 2px; }
#main #navi_bar .main_menu > ul > li.exchange > *:hover { border-bottom:#F39 solid 2px; }
#main #navi_bar .main_menu > ul > li.prize > *:hover { border-bottom:#909 solid 2px; }
#main #navi_bar .main_menu .menu { position:absolute; z-index:1; top:58px; left:0; width:100%; padding:0; cursor:default; }
#main #navi_bar .main_menu .menu:hover { border-bottom:none !important; }
	.sp #main #navi_bar .main_menu > ul > li > * { overflow:hidden; }
	.sp #main #navi_bar .main_menu > ul > li > * i { margin-top:8px; }
	.sp #main #navi_bar .main_menu > ul > li { width:33.333% }
	.df #main #navi_bar .main_menu > ul > li { min-width:196px; }
	.df #main #navi_bar .main_menu > ul > li > p,
	.df #main #navi_bar .main_menu > ul > li > a { display:block; position:relative; z-index:2; height:60px; line-height:58px; padding:0; font-size:14px; color:#135; }
	.df #main #navi_bar .main_menu > ul > li > p > b,
	.df #main #navi_bar .main_menu > ul > li > a > b { display:inline-block; font-size:14px; font-weight:700; }
	.df #main #navi_bar .main_menu > ul > li i { width:30px; height:30px; margin-top:-2px; margin-right:5px; }

/* Top News */
.top_news { background:#EEF; padding:0 4px 4px; font-size:12px; }
.top_news > ul { background:#FFF; border:#CCD solid 1px; border-top:none; border-radius:0 0 5px 5px; line-height:1.5em; }
.top_news > ul li a { display:block; padding:5px 10px; }
.top_news > ul li a:hover { color:#C00; }
	.df .top_news { font-size:13px; }
	.df .top_news > ul li a { padding:7px 10px; }

/* */
.main_navi_menu_open { padding:2px; background:#339; font-size:0; text-align:center; }
.main_navi_menu_open > div { background:#339; background:linear-gradient(#117, #339); position:relative; }
.main_navi_menu_open ul { width:100%; padding:5px; position:relative; vertical-align:top; text-align:left; z-index:2; line-height:20px; }
.main_navi_menu_open ul > li { padding:3px; width:100%; }
.main_navi_menu_open ul > li .item {
	display:block; padding:5px 10px; border-radius:5px; background:#FFF; background:rgba(255, 255, 255, 0.9); box-shadow:0 0 2px 0 #F90;
	font-size:13px; color:#900; line-height:30px;
}
.main_navi_menu_open ul > li .item span { font-size:11px; }
.main_navi_menu_open ul > li .item:hover { background:#FFF; color:#F60; }
.main_navi_menu_open ul > li.hed { width:100% !important; padding:10px 5px 10px; line-height:20px; color:#FFF; font-size:14px; font-weight:700; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.5); }
.main_navi_menu_open ul > li.hed span { margin:0 3px; color:#F90; font-size:16px !important; }
.main_navi_menu_open ul > li.hed:before { content:'▼'; margin-right:1px; }
.main_navi_menu_open .btn_close { display:block; width:100%; height:20px; padding:0; position:relative; z-index:10; overflow:hidden; }
.main_navi_menu_open .btn_close i:before { display:block; margin:0 auto; background:#117; border-radius:10px 10px 0 0; font-size:12px; color:#FFF; cursor:pointer; }
.main_navi_menu_open .btn_close_tr { position:absolute; display:none; }
.clicked .main_navi_menu_open .btn_close i:before { content:'▲'; width:60px; height:20px; line-height:21px; }
.overlay .main_navi_menu_open .btn_close { margin-top:5px; height:30px; }
.overlay .main_navi_menu_open .btn_close i:before { content:'閉じる'; width:80px; height:30px; line-height:31px; }
.overlay .main_navi_menu_open .btn_close_tr { display:block; top:8px; right:8px; z-index:10; }
.overlay .main_navi_menu_open .btn_close_tr i { display:block; width:30px; height:30px; color:#FFF; font-size:28px; text-align:center; line-height:30px; }
.overlay .main_navi_menu_open .btn_close_tr i:before { content:'×'; }
	.df .main_navi_menu_open ul > li .item { padding:5px 12px; font-size:14px; }
	.df .main_navi_menu_open ul > li .item span { font-size:12px; }

#main #navi_bar #main_navi_menu_point { border-top:#F90 solid 2px; padding-top:0; }
#main_navi_menu_point { background:#339; }
#main_navi_menu_point > div { background:#128 url(/v5/img/bg/bg_dot1_wht1_op5.png) repeat top center; }
#main_navi_menu_point .bg_img { display:block; position:absolute; z-index:1; left:0; bottom:0; width:100%; height:200px; background:url(/v5/img/bg/bg_point_coin_1.png) no-repeat left bottom; opacity:0.9; }
#main_navi_menu_point ul.action > li .item { line-height:34px; font-size:16px; }
#main_navi_menu_point ul.action > li.search { margin-bottom:2px; }
#main_navi_menu_point ul.action > li.search .item { padding:4px 40px 4px 10px; border:#F90 solid 2px; }
#main_navi_menu_point ul.action > li.search input { border:none; background:none; height:30px; font-size:14px; padding:0 30px 0 0; }
#main_navi_menu_point ul.action > li.search input::placeholder { color:#F60; }
#main_navi_menu_point ul.action > li.search input::-ms-input-placeholder { color:#F60; }
#main_navi_menu_point ul.action > li.search input:-ms-input-placeholder { color:#F60; }
#main_navi_menu_point ul.action > li.search button { position:absolute; top:4px; right:4px; width:34px !important; height:34px !important; background:linear-gradient(#EEE, #DDD); border:#CCC solid 1px; }
#main_navi_menu_point ul.action > li.search button i:before { font-family:'cf-awesome'; content:'\f002'; color:#555; font-size:18px; }
#main_navi_menu_point ul.action > li.pickup { margin:0; padding:0; }
#main_navi_menu_point ul.action > li.pickup ul { margin-top:2px; padding:0; }
#main_navi_menu_point ul.action > li.pickup li { width:50%; }
#main_navi_menu_point ul.action > li.pickup .item { line-height:24px; font-size:12px; }
#main_navi_menu_point ul.event li { width:50%; }
#main_navi_menu_point ul.event > li .item { height:40px; overflow:hidden; }
	.df #main_navi_menu_point ul.action { width:300px; }
	.df #main_navi_menu_point ul.event { width:440px; }
	.df #main_navi_menu_point ul.other { width:220px; }
	.df #main_navi_menu_point:after {
		content:''; display:block; position:absolute; bottom:25px; right:30px; width:180px; height:168px; background:url(/v5/img/char/char_07_s240_p1.png) no-repeat; background-size:cover !important; 
	}

#dialog_main_menu .in_box { border-radius:6px; }
.dialog #main_navi_menu_point { border-radius:6px; }
.dialog #main_navi_menu_point .bg_img { border-radius:4px; }

/* ==================== */
/* TopBar Fix */
#top_bar1 { position:fixed; top:0; }
#hed_main { padding-top:45px; }

/* ==================== */
/* Footer */
#fot_navi { border-top:#690 solid 3px; background:#555; z-index:5000; }
#fot_navi .in_wrap { padding:5px; }
#fot_navi .menu { text-align:center; }
#fot_navi .menu > ul { width:100%; position:relative; text-align:left; }
#fot_navi .menu > ul > li { width:100%; line-height:30px; }
#fot_navi .menu > ul > li.hed { color:#F90; width:100% !important; font-size:12px; }
#fot_navi .menu > ul > li.hed:before { content:'▼'; margin-right:2px; }
#fot_navi .menu p,
#fot_navi .menu a { color:#CCC; font-size:12px; cursor:pointer; }
#fot_navi .menu > ul.action li.pickup li { width:50%; }
#fot_navi .menu > ul.action li.search { width:100%; margin:10px 0 10px; }
#fot_navi .menu > ul.action li.search input { border:none; background:#EEE; width:100%; height:40px; font-size:14px; padding:0 40px 0 10px; border-radius:6px; }
#fot_navi .menu > ul.action li.search button { position:absolute; top:4px; right:4px; width:32px !important; height:32px !important; background:linear-gradient(#EEE, #DDD); border:#CCC solid 1px; }
#fot_navi .menu > ul.action li.search button i:before { font-family:'cf-awesome'; content:'\f002'; color:#555; font-size:18px; }
#fot_navi .menu > ul.event > li { width:50%; }
	.sp #fot_navi .menu > ul { padding:5px 10px; }
	.sp #fot_navi .menu > ul.info1 { margin-top:10px; border-top:#666 solid 1px; padding-top:10px; text-align:center; }
	.sp #fot_navi .menu > ul.info1 > li { width:auto; margin:0 10px; }
	.df #fot_navi .menu > ul { width:32%; vertical-align:top; padding:10px; }
	.df #fot_navi .menu > ul.action li.search { width:90%; }
/*
#fot_navi .menu li { margin:8px 10px; line-height:20px; font-size:12px; }
	.sp #fot_navi { margin-top:-10px !important; }
	.df #fot_navi .menu li { margin:10px 15px; }
*/

#fot_work { background:#333; z-index:5000; }
#fot_work .in_wrap { padding-bottom:90px; line-height:20px; text-align:center; color:#999; position:relative; font-size:10px; }
#fot_work .cr_text { padding:15px 0; font-size:10px; }
	.df #fot_work .in_wrap { padding-bottom:110px; font-size:12px; }
	.df #fot_work .cr_text { padding:30px 0; font-size:12px; }

#fot_work .float_box { /*display:none;*/ position:absolute; left:0; bottom:0; width:100%; z-index:5100; }
#fot_work .float_box .sec1,
#fot_work .float_box .sec2 { background:none; background:rgba(51, 51, 51, 0.3); }
#fot_work .float_box ul li * { cursor:pointer; pointer-events:auto; z-index:5500; }
#fot_work .float_box .navi_box_t1 { position:relative; text-align:center; /*height:0; padding:0 5px;*/ }
#fot_work .float_box .navi_box_t1 .navi_warp { height:0; }
#fot_work .float_box .navi_box_t1 .navi_warp > ul { position:absolute; bottom:5px; right:0; }
#fot_work .float_box .navi_box_t1 .navi_warp > ul > li { margin:2px 4px; }
#fot_work .float_box .navi_box_b1 { position:relative; margin:0 auto; max-width:1010px; padding:0 5px; text-align:right; }
#fot_work .float_box .navi_box_b1 li { margin:0 4px; }
#fot_work .float_box .pr_box { width:100%; }
	.sp #fot_work .float_box .pr_box { padding:0; box-shadow:0px -1px 1px -1px rgba(51, 51, 51, 0.5); }
	.df #fot_work .float_box { pointer-events:auto; }
	.df #fot_work .float_box .navi_box_t1 { margin:0 auto; padding:0 10px; max-width:840px; }
	.df #fot_work .float_box .navi_box_b1 { width:1010px; padding:0 10px; }
	.df #fot_work .float_box .pr_box { padding:3px 0; min-width:1010px; }
	.df #fot_work .float_box .pr_box .df_wlr1 { margin:0 auto; width:auto; max-width:960px; background:none; }

#fot_page_top { position:absolute; right:70px; bottom:0; }
#fot_page_top a.page_top { position:fixed; display:none; bottom:100px; width:40px; height:40px; line-height:40px; border-radius:5px; text-align:center; background:rgba(0, 0, 0, 0.5); z-index:5100; }
#fot_page_top a.page_top:hover { background:#009; background:rgba(0, 0, 153, 0.7); }
#fot_page_top a.page_top:before { content:'▲'; font-size:14px; letter-spacing:0; color:#FFF; }
	.sp #fot_page_top a.page_top { bottom:8px; border-radius:40px; display:none !important; }
	.sp #fot_page_top a.page_top:before { font-size:12px; }

/* ==================== */
/* Side PR */
#block_side { position:absolute; top:0; left:0; width:100%; z-index:1; }
#block_side .in_wrap { position:relative; margin:0 auto; width:1010px; }
#block_side .in_wrap > div { position:absolute; top:0; padding:9px; background:rgba(245, 245, 245, 0.3); box-shadow:0 0 2px 0 #999; }
#block_side .in_wrap > div .pr_box { padding:1px; background:rgba(245, 245, 245, 0.5); /*border:#EEE solid 1px;*/ }
#block_side .side_l { left:-190px; }
#block_side .side_r { right:-190px; }
#block_side1 { position:fixed; top:165px; left:0; }

#pr_side { position:fixed; top:165px; width:100%; height:0; z-index:10; display:block; }
#pr_side .in_wrap { height:0; position:relative; }
#pr_side .in_wrap > div { position:absolute; top:0; padding:9px; background:rgba(245, 245, 245, 0.3); box-shadow:0 0 2px 0 #999; }
#pr_side .in_wrap > div .pr_box { padding:1px; background:rgba(245, 245, 245, 0.5); /*border:#EEE solid 1px;*/ }
#pr_side .side_l { left:-190px; }
#pr_side .side_r { right:-190px; }

/* ==================== */
/* Share_Box */
.share_box li { margin:5px; padding:0; border-radius:5px; }
.share_box li a { display:block; }
.share_box li .cf-icon:before { margin:0; display:block; width:40px; height:40px; line-height:40px; font-size:28px; color:#999; letter-spacing:0; text-align:center; cursor:pointer; }
.share_box li .cf-f1_gplus:before { font-size:28px; }
.share_box .tp_posi_l:after { left:0; right:auto; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); }
.share_box .tp_posi_r:after { left:auto; right:0; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); }

#block_sub1 .share_box { text-align:center; padding:5px 0; border-radius:5px; }
#block_sub1 .share_box li { background:#FFF; }
	.df #block_sub1 .share_box { display:block; width:100%; }
	.sp #block_sub1 .share_box { display:none; }
#fot_work .share_box { padding:20px 0 0; }
#fot_work .share_box li:hover { background:#EEE; }
	.sp #fot_work .share_box li { margin:10px; }
	.df #fot_work .share_box li { margin:5px 15px; }
	
/* ==================== */
/* List Box */
.list_wrap .box_msg1 { padding:3% 0; text-align:center; }

/* List Navi */
.list .list_navi { position:relative; }
.list .list_navi li { font-size:12px !important; letter-spacing:0.05em; }
.list .list_navi > .info { position:relative; padding:0 3px; min-height:36px; }

/* List Fot */
.list_fot { display:block !important; }
.list_fot .page { padding:8px 2px; text-align:center; font-size:0; letter-spacing:-0.5em; }
.list_fot .page * { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; text-align:center; text-decoration:none; letter-spacing:0; }
.list_fot .page > * { margin:2px; }
.list_fot .page > * > b { border:#CCC solid 1px; border-radius:3px; padding:2px; min-width:28px; line-height:22px; font-size:12px; font-weight:normal; }
.list_fot .page > p > b { background:#99C; color:#FFF; }
.list_fot .page > a > b { background:#FFF; color:#777; }
.list_fot .page i:before { content:'…'; font-size:12px !important; line-height:22px; }
.list_fot .page .move b { border:#CCC solid 1px; border-radius:3px; padding:2px; width:28px; height:28px; }
.list_fot .page .move b:before { font-family:'cf-awesome'; font-size:20px; line-height:20px; font-weight:normal; font-style:normal; letter-spacing:0; color:#999; }
.list_fot .page .move b.first,
.list_fot .page .move b.prev  { margin-right:4px; }
.list_fot .page .move b.next,
.list_fot .page .move b.last  { margin-left:4px; }
.list_fot .page .move b.first:before { content:'\f100'; }
.list_fot .page .move b.prev:before  { content:'\f104'; }
.list_fot .page .move b.next:before  { content:'\f105'; }
.list_fot .page .move b.last:before  { content:'\f101'; }
.list_fot .page p.move > b { background:#DDD; opacity:0.5; }

/* List Msg */
.list_msg { display:block !important; padding:3em 1em; text-align:center; }
.list_msg .no_data { color:#999; }
	.df .list_msg { padding:5em 1em; }

/* List Form */
.list_submit { cursor:pointer; }

/* ==================== */
/* Row Info */
.row_info { position:relative; color:#666; }
.row_info ul > li { margin-top:4px; text-align:center; position:relative; }
.row_info ul.float_l > li, .row_info ul.posi_l > li { margin-right:4px; }
.row_info ul.float_r > li, .row_info ul.posi_r > li { margin-left:4px; }
.row_info ul.posi_r { text-align:right; }
.row_info ul.txt_al_c > li { margin-left:2px; margin-right:2px; }
.row_info ul > li i,
.row_info ul > li p,
.row_info ul > li a { display:block; min-width:28px; height:28px; line-height:28px; border-radius:4px; }
.row_info ul > li p,
.row_info ul > li a { font-size:12px; padding:0 0.05em 0 0.1em; letter-spacing:0.05em; }
.row_info .sns_icon:hover { background:#FFF; }

.row_info ul > li.text_btn a,
.row_info ul > li.text_btn p { padding:0 0.65em 0 0.7em; line-height:26px; color:#666; border:#DDD solid 1px; background:#FFF; background:linear-gradient(#FFF, #F3F3F3); }
	.sp .row_info .tp_posi_r:after { left:auto; right:0; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); }

/* ==================== */
/* Link Btn1 */
.link_box1 .link_btn { margin:0 auto; width:270px; position:relative; z-index:10; }
.link_box1 .link_btn .base { display:block; background:#690; background:linear-gradient(#6C0, #390); border-radius:5px; text-align:center; }
.link_box1 .link_btn .base b { display:block; height:56px; background:url(/v5/img/bg/bg_sln2_wht1_op5.png); position:relative; font-weight:900; }
.link_box1 .link_btn .base b:before,
.link_box1 .link_btn .base b:after { position:absolute; left:0; width:100%; line-height:20px; }

.link_box1 .link_btn .ist { position:absolute; top:-22px; right:-30px; display:block; width:90px; height:90px; background-image:url(/v5/img/bg/mark_at1_wht1_sdw_w160.png); background-size:100%; }
.link_box1 .link_btn .ist > i { display:block; width:90px; height:90px; background-size:100%; text-align:center; }
.link_box1 .link_btn .ist > i > b { font-size:26px; color:#FFF; letter-spacing:0.02em; font-weight:900; }
.link_box1 .link_btn .ist > i > b:after { font-size:16px; }
.link_box1 .link_btn .ist > i > i { display:block; position:absolute; bottom:5px; left:8px; width:74px; height:18px; line-height:17px; background:#FFF; font-size:11px; border-radius:4px; }
.link_box1 .link_btn .ist + .base { padding-right:35px; }

.link_box1 .link_btn .ist_1110 .ist > i { line-height:90px; background-image:url(/v5/img/bg/mark_at1_org1_w160.png); }
.link_box1 .link_btn .ist_1110 .ist > i > b:after { content:'Ｐ'; }
.link_box1 .link_btn .ist_1110 .ist > i > i { border:#F60 solid 1px; color:#F60; }
.link_box1 .link_btn .ist_1210 .ist > i { line-height:100px; background-image:url(/v5/img/bg/mark_at1_lbl1_w160.png); }
.link_box1 .link_btn .ist_1210 .ist > i > b:before { position:absolute; top:18px; left:0; width:90px; line-height:20px; content:'ポケくじ'; font-size:10px; }
.link_box1 .link_btn .ist_1210 .ist > i > b:after { content:'枚'; }
.link_box1 .link_btn .ist_1210 .ist > i > i { border:#69F solid 1px; color:#69F; }

.link_box1 .link_btn .stat_0 .ist > i > i:before { content:'クリック'; }
	.sp .link_box1 .link_btn .stat_0 .ist > i > i:before { content:'タップ'; }
.link_box1 .link_btn .stat_1 .ist > i > i:before { content:'獲得済'; }
.link_box1 .link_btn .stat_9 .ist > i { background-image:url(/v5/img/bg/mark_at1_lgl1_w160.png) !important; }
.link_box1 .link_btn .stat_9 .ist > i > i { border-color:#CCC; color:#AAA; }
.link_box1 .link_btn .stat_9 .ist > i > i:before { content:'期間外'; }

.info_wrap .link_box1 { /*position:absolute; margin-top:-82px;*/ width:100%; }
.info_wrap .link_box1 > div { padding:10px; }

	.df #block_sub1 .link_box1 { border:#EEF solid 5px; border-radius:5px; z-index:2; padding:10px; position:relative; }
	.df #block_sub1 .link_box1:before {
		position:absolute; display:block; font-family:'cf-awesome'; content:'\f101'; top:5px; left:-40px; width:40px; height:66px; line-height:54px; text-align:center; color:#EEF; font-size:30px;
		border-top:#EEF solid 5px; border-bottom:#EEF solid 5px; background:#FFF; z-index:10;
	}
	.df1 #block_sub1 .link_box1 .link_btn .ist { right:auto; left:-40px; }
	
	.sp #link_box1_sub { display:none; }
	.sp #block_sub1 .link_box1 { position:fixed; width:100%; left:0; bottom:50px; z-index:100; }
	.sp #block_sub1 .link_box1 > div { padding:5px 0; background:rgba(0, 0, 0, 0.3); position:relative; }
	.sp #block_sub1 .link_box1 > div:before, 
	.sp #block_sub1 .link_box1 > div:after  { content:''; position:absolute; border-style:solid; border-width:2px; width:0px; height:0px; top:-4px; }
	.sp #block_sub1 .link_box1 > div:before { left:0; border-color:transparent #666 #666 transparent; }
	.sp #block_sub1 .link_box1 > div:after  { right:0; border-color:transparent transparent #666 #666; }

.link_box1 .link_btn > .btn_load { min-height:56px; position:relative; }
.link_box1 .link_btn > .btn_load > li { display:none; }
.link_box1 .link_btn > .btn_load:before { display:block; content:''; height:56px; border:#EEE solid 1px; background:linear-gradient(#F9F9F9, #F3F3F3); border-radius:5px; text-align:center; }
.link_box1 .link_btn > .btn_load:after {
	display:block; content:''; position:absolute; top:18px; left:0; width:100%; height:20px; 
	background:url(/v5/img/icon/load/ms_grn_s40_bg_whi.gif) no-repeat center center; background-size:contain;
}

/* ==================== */
/* Article */
.article_box { line-height:1.8em; }
.article_box .article_hed1 { padding:2px 0; position:relative; line-height:20px; }
.article_box .article_hed1 li { margin:3px 5px; }
.article_box .article_hed1 li.category { padding:0 5px; background:#99F; color:#FFF; text-align:center; font-size:12px !important; border-radius:2px; }
.article_box .article_hed1 li.date { position:absolute; right:5px; color:#66C; font-size:12px !important; }
.article_box .article_hed1 li.title { display:block; margin:5px 10px; font-size:14px; text-align:left; color:#333; }

.article_box .article_wrap { background:#F6F6FF; padding:2px; }
.article_box .article_wrap > div { margin:2px; border:#EEE solid 1px; background:#FFF; border-radius:3px; }
.article_box .article_wrap .hed1 h3.title { padding:5px 12px; font-size:16px; font-weight:700; color:#333; }
.article_box .article_wrap .body { padding:0 12px; font-size:12px; }
.article_box .article_wrap .body > * { margin:1em 0; }
.article_box .article_wrap .body b { display:inline-block; }

.article_box .list_wrap { background:#F6F6FF; padding:2px; border:none !important; }
.article_box .list_wrap .row { margin:2px; border:#EEE solid 1px; background:#FFF; text-align:left; border-radius:3px; }
.article_box .list_wrap a:hover { background:#FFC; }
.article_box .list_wrap a:hover li.title { color:#C00; }

	.df .article_box { border:#EEE solid 1px; border-radius:5px; }
	.df .article_box .article_wrap .hed1 h3.title { padding:5px 15px; font-size:20px; }
	.df .article_box .article_wrap .body { padding:0 15px; font-size:14px; }
	.df #block_sub1 .article_box .list_wrap { padding:0; }
	.df #block_sub1 .article_box .list_wrap li.title { font-size:13px; }

.article_box .article_hed1 li.category { min-width:70px; }
.article_box .article_hed1 li.ctg_21 { background:#C00; }
.article_box .article_hed1 li.ctg_71 { background:#F60; }

/* ==================== */
/* PickUp */
.pu_box { position:relative; }
.pu_box .pop_s1 { z-index:10; }
.pu_box .box_hed1 { z-index:5; }
.pu_box .pu_msg1 { padding:10px; line-height:1.4em; font-size:12px; z-index:20; position:relative; }
	.sp .pu_box .pu_msg1 p { padding:5px 10px; background:rgba(255, 255, 255, 0.7); border-radius:10px; text-align:center; box-shadow:0 0 2px 0 #CCC; }
	.sp .pu_box .pop_s1 + .box_hed1 h3 { padding-left:85px; }
	.df .pu_box .pu_msg1 { padding:10px 15px; }
	.df .pu_box .pop_s1 + .box_hed1 h3,
	.df .pu_box .pop_s1 + .box_hed1 + .pu_msg1 { padding-left:110px; }

#block_main .pu_box .hed_img { padding-left:35px; position:relative; }
#block_main .pu_box .hed_img:before { content:''; display:block; position:absolute; top:0; left:0; width:40px; height:100%; background:#FC0; }
#block_main .pu_box .hed_img:before { background:url(/v5/img/char/star_yel1_s120.png) no-repeat center center; background-size:contain; transform:rotate(-10deg); }
#block_main .pu_box .pu_new .hed_img:before { background-image:url(/v5/img/char/star_grn1_s120.png); }
#block_main .pu_box .pu_up .hed_img:before { background-image:url(/v5/img/char/star_gld1_s120.png); }
#block_main .pu_box .pu_high .hed_img:before { background-image:url(/v5/img/char/star_blk1_s120.png); }
#block_main .pu_box .pu_standard .hed_img:before { background-image:url(/v5/img/char/star_prp1_s120.png); }
#block_main .pu_box .pu_popular .hed_img:before { background-image:url(/v5/img/char/star_blu1_s120.png); }
#block_main .pu_box .pu_recommend .hed_img:before { background-image:url(/v5/img/char/star_pnk1_s120.png); }
	.df #block_main .pu_box .hed_img { padding-left:45px; }
	.df #block_main .pu_box .hed_img:before { width:50px; }
	
.pu_box .row_pu { position:relative; vertical-align:top; width:100%; }
.pu_box .row_pu a { display:block; position:relative; background:#FFF; border-radius:2px; overflow:hidden; }
.pu_box .row_pu a:hover { background:#FFE !important; }
.pu_box .row_pu > * { line-height:1.4em; font-size:14px; }
.pu_box .row_pu .bnr { display:table; }
.pu_box .row_pu .bnr .img { display:table-cell; vertical-align:middle; text-align:center; }
.pu_box .row_pu .bnr { background:#F0F1F2 url(/v5/img/bg/bg_sln1_wht1.png); }
.pu_box .row_pu a:hover .bnr { background:#FE7 url(/v5/img/bg/bg_sln1_wht1.png); }
.pu_box .row_pu .bnr img { max-width:120px; max-height:120px; }
.pu_box .row_pu .ap_title > * { vertical-align:middle; line-height:1.5em; }
.pu_box .row_pu .ap_title { display:block; text-align:left; position:relative; overflow:hidden; }
.pu_box .row_pu .ap_title .name { display:block; font-weight:700; }
.pu_box .row_pu .ap_title .s1 { display:block; width:100%; }
.pu_box .row_pu .ap_title .action { display:block; }
.pu_box .row_pu .ap_title .point { display:block; margin-left:0; font-size:16px; }
.pu_box .row_pu .ap_title .point > span:after { font-size:14px; }
.pu_box .row_pu .date_s { display:none; }
.pu_box .row_pu .ap_title .name,
.pu_box .row_pu .ap_title .action { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.sp .pu_box .row_pu .ap_title .point { font-size:20px; }

.pu_box .more { width:100%; text-align:center; }
.pu_box .more > .btn1 { display:inline-block; margin:3px auto 10px; padding:0.5em 1em; border-radius:5px; font-size:14px; color:#FFF; background:#F30; background:linear-gradient(#F90, #F60); }
#block_main .pu_box .more > .btn1 { min-width:280px; }
	.sp .pu_box .more > .btn1 { font-weight:700; }
.pu_box .more > .txt1 { display:inline-block; width:100%; padding:5px 10px 10px; text-align:center; line-height:1.2em; font-size:12px; }
.pu_box .more > .txt1:after { content:''; }

.pu_box .txt_t2 .ap_title .name { height:1.5em; font-size:13px; overflow:hidden; }
.pu_box .txt_t2 .ap_title .action { margin-top:1px; height:1.5em; overflow:hidden; }
.pu_box .txt_t2 .ap_title .point { margin-top:3px; margin-left:0; font-size:18px; }

.pu_box .wrap_type_b1 .row_wrap { padding:2px; }
	.df #block_sub1 .pu_box .wrap_type_b1 .row_wrap { padding:0; }
	.df #block_main .pu_box .wrap_type_b1 .row_wrap { padding:4px; }
	.df #block_main .pu_box .wrap_type_b1 { border:#EEE solid 1px; border-radius:5px; }

/* type_bt1 バナー：上 ミニ DF:3列 SP:1列 */
.pu_box .pu_type_bt1 { text-align:left; }
.pu_box .pu_type_bt1 .row_pu { padding:2px; width:50%; text-align:center; }
.pu_box .pu_type_bt1 .row_pu a { height:144px; border:#FFF solid 1px; box-shadow:1px 1px 2px 0 #DDD; }
.pu_box .pu_type_bt1 .row_pu .bnr { display:block; min-height:64px; }
.pu_box .pu_type_bt1 .row_pu .bnr .img { display:block; padding:2px; }
.pu_box .pu_type_bt1 .row_pu .bnr img { max-width:120px; max-height:60px; }
.pu_box .pu_type_bt1 .row_pu .ap_title { text-align:center; padding:0 1% 0 4%; }
.pu_box .pu_type_bt1 .row_pu .ap_title .name { margin-top:8px; text-align:center; }
	.df #block_main .pu_box .pu_type_bt1 .row_pu { width:33.333%; padding:4px; }
	.df #block_main .pu_box .pu_type_bt1 .ap_title .point { font-size:20px; }

/* type_bt2 バナー：上 レギュラー 1列 */
.pu_box .pu_type_bt2 .row_pu { padding:2px; width:100%; text-align:center; }
.pu_box .pu_type_bt2 .row_pu a { border:#FFF solid 1px; box-shadow:1px 1px 2px 0 #DDD; }
.pu_box .pu_type_bt2 .row_pu .bnr { display:block; min-height:46px; }
.pu_box .pu_type_bt2 .row_pu .bnr .img { display:block; padding:3px 0; position:relative; }
.pu_box .pu_type_bt2 .row_pu .bnr img { max-width:100%; max-height:40px; }
.pu_box .pu_type_bt2 .row_pu .ap_title .name { font-weight:700; }
.pu_box .pu_type_bt2 .row_pu .ap_title { text-align:center; padding:4px; }
	.df #block_main .pu_box .pu_type_bt2 .row_pu { padding:4px; }
	.df #block_main .pu_box .pu_type_bt2 .row_pu .ap_title .point { font-size:20px; }
	.df #block_main .pu_box .pu_type_bt2 .row_pu .bnr { min-height:66px; }
	.df #block_main .pu_box .pu_type_bt2 .row_pu .bnr img { max-width:468px; max-height:60px; }
	.df #block_main .pu_box .pu_type_bt2 .row_pu .ap_title { padding:8px 4px 4px; }

/* type_11 バナー:左 スクエア DF:2列 SP:1列 */
.pu_box .pu_type_bs11 .row_pu { padding:2px; }
.pu_box .pu_type_bs11 .row_pu a { height:86px; padding:10px 5px 5px 92px; border:#FFF solid 1px; box-shadow:1px 1px 2px 0 #DDD; }
.pu_box .pu_type_bs11 .row_pu .bnr { position:absolute; top:0; left:0; width:84px; height:84px; }
.pu_box .pu_type_bs11 .row_pu .bnr img { max-width:80px; max-height:80px; }
.pu_box .pu_type_bs11 .row_pu .ap_title { text-align:right; }
.pu_box .pu_type_bs11 .row_pu .ap_title .name { text-align:left; font-size:14px; }
.pu_box .pu_type_bs11 .row_pu .ap_title .action { padding-right:3px; }
.pu_box .pu_type_bs11 .row_pu .ap_title .point { margin-top:6px; padding-right:3px; font-size:22px; }
	.df #block_main .pu_box .pu_type_bs11 .row_pu { width:50%; padding:4px; }
	.df #block_main .pu_box .pu_type_bs11 .row_pu a { height:126px; padding:10px 5px 5px 134px; }
	.df #block_main .pu_box .pu_type_bs11 .row_pu .bnr { width:124px; height:124px; }
	.df #block_main .pu_box .pu_type_bs11 .row_pu .bnr img { max-width:120px; max-height:120px; }
	.df #block_main .pu_box .pu_type_bs11 .row_pu .ap_title .name { line-height:1.4em; height:2.8em; white-space:normal; overflow:hidden; }
	.df #block_main .pu_box .pu_type_bs11 .row_pu .ap_title .point { font-size:24px; margin-top:6px; }
	.df #block_main .pu_box .pu_type_bs11 .row_pu .ap_title .point > span:after { font-size:18px; }

/* type_12 バナー:左 ミニ DF:2列 SP:1列 */
.pu_box .pu_type_bs12 .row_pu { padding:2px; }
.pu_box .pu_type_bs12 .row_pu:first-child { border-top:none; }
.pu_box .pu_type_bs12 .row_pu a { height:72px; padding:3px 3px 3px 132px; border:#FFF solid 1px; box-shadow:1px 1px 2px 0 #DDD; }
.pu_box .pu_type_bs12 .row_pu .bnr { position:absolute; top:0; left:0; width:124px; height:70px; }
.pu_box .pu_type_bs12 .row_pu .bnr img { max-width:120px; max-height:60px; }
	.df #block_main .pu_box .pu_type_bs12 .row_pu { width:50%; padding:2px; }
	
/* 背景設定 */
.pu_box .pu_type_bt1 .box_body,
.pu_box .pu_type_bt2 .box_body,
.pu_box .pu_type_bs11 .box_body,
.pu_box .pu_type_bs12 .box_body { background:#F4F4FD; }

/* type_12 テキスト 1列 */
.pu_box .pu_type_t1 .row_wrap { padding:2px; }
.pu_box .pu_type_t1 .row_pu a { line-height:18px; padding:5px; border-bottom:#DDD dashed 1px; overflow:hidden; }
.pu_box .pu_type_t1 .row_pu .bnr { display:none; }
.pu_box .pu_type_t1 .ap_title * { display:inline-block !important; width:auto; }
.pu_box .pu_type_t1 .ap_title .point { margin-left:0.2em; }
	.sp .pu_box .pu_type_t1 .row_pu .ap_title .name,
	.df #block_sub1 .pu_box .pu_type_t1 .row_pu .ap_title .name { display:block !important; }
	.df #block_main .pu_box .pu_type_t1 .row_pu a { line-height:26px; }
	.df #block_main .pu_box .pu_type_t1 .row_pu .ap_title .name { max-width:50%; }
	.df #block_main .pu_box .pu_type_t1 .row_pu .ap_title .action { max-width:30%; }

.pu_box .pu_type_t1 .date_l1 .ap_title { padding-left:45px; }
.pu_box .pu_type_t1 .date_l1 .date_s { display:inline-block; position:absolute; margin-top:1px; width:40px; text-align:center; font-size:11px; color:#690; }

/* 新着 */
#block_main .pu_box .pu_new .row_wrap { padding-bottom:6px !important; }

@media screen and (orientation: landscape){
	.sp1 #block_main .pu_box .pu_type_bt1 .row_pu { width:33.333%; }
	.sp1 #block_main .pu_box .pu_type_bs11 .row_pu { width:50%; }
	.sp1 #block_main .pu_box .pu_type_bs12 .row_pu { width:50%; }
}

/* ==================== */
.pop_s1 { position:absolute; top:-5px; left:-5px; overflow:hidden; }
.pop_s1 ul { display:table; background-image:url(/v5/img/bg/mark_at1_wht1_sdw_w160.png); background-size:100%; position:relative; }
.pop_s1 ul li { display:table-cell; width:90px; height:90px; vertical-align:middle; text-align:center; color:#FFF; background-image:url(/v5/img/bg/mark_at1_org1_w160.png); background-size:100%; }
.pop_s1 ul li > * { display:block; font-size:10px; line-height:1.2em; letter-spacing:0.01em; }
.pop_s1 ul li b { height:30px; font-size:26px; letter-spacing:0.01em; }
.pop_s1 ul li b:after { content:''; font-size:14px; }
.pop_s1 ul.ist_sum i.type:after { display:block; content:'合計'; font-size:11px; }
.pop_s1 ul.ist_1110 b:after { content:'P'; }
.pop_s1 ul.ist_1210 li { background-image:url(/v5/img/bg/mark_at1_lbl1_w160.png); }
.pop_s1 ul.ist_1210 i.type:before { content:'ポケくじ'; }
.pop_s1 ul.ist_1210 b:after { content:'枚'; }
	.df .pop_s1 ul.ist_1110 i.type:before { content:'クリック'; }
	.sp .pop_s1 ul.ist_1110 i.type:before { content:'タップ'; }
	
	.sp .pu_box .pop_type2 .pop_s1 { top:0; left:0; }
	.sp .pu_box .pop_type2 .pop_s1 ul { margin:-52px 0 0 -52px; }
	.sp .pu_box .pop_type2 .pop_s1 ul li { width:140px; height:140px; padding:30px 0 0 25px; }
	.df #block_main .pop_s1 { top:-15px; left:-15px; }
	.df #block_main .pop_s1 ul li { width:120px; height:120px; }
	.df #block_main .pop_s1 ul li > * { font-size:12px; letter-spacing:0.03em; }
	.df #block_main .pop_s1 ul li b { height:40px; font-size:36px; }
	.df #block_main .pop_s1 ul li b:after { font-size:16px; }

/* ==================== */
/* Provisions  */
.provisions { padding:0 8px; font-size:12px; line-height:1.6em; }
.provisions .hed_msg { font-size:14px; }
.provisions > * { padding:5px 0; }
.provisions h4 { padding:15px 0 5px; font-size:14px; color:#66C; font-weight:normal; }
	.df .provisions { padding:0 10px; line-height:1.8em; }
	.df .provisions h4 { font-size:18px; }

/* ==================== */
/* Help  */
.help_list > div { padding:4px 8px; border-top:#CCC dotted 1px; }
.help_list > div h4 { font-size:14px; line-height:1.6em; color:#66C; font-weight:normal; }
.help_list > div h4:before { content:'Ｑ：'; }
.help_list > div > div { padding:0 0 5px; font-size:12px; line-height:1.6em; }
.help_list > div p { padding:2px 0; }
	.df .help_list > div { padding:12px 8px; }
	.df .help_list > div h4 { font-size:18px; }
	.df .help_list > div > div { padding:0 0 8px; font-size:14px; }

/* ==================== */
/* Banner  */
.bnr_wrap { margin:0 auto; width:100%; }
	.sp .bnr_wrap { max-width:640px; }
.bnr_box { margin:0 auto; }
.bnr_box .bnr_parts { position:absolute; }
.bnr_box .bnr_parts i { position:absolute; top:0; left:0; width:100%; height:100%; }

/* ==================== */
/* Tooltip  */
[data-tooltip]{ overflow: visible; }
[data-tooltip]{ position: relative; }
[data-tooltip]:before, /* Arrow */
[data-tooltip]:after { /* Msg */
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; pointer-events:none;
	position:absolute; z-index:300;
	-webkit-transition:all 0.15s ease-out 0.15s; transition:all 0.15s ease-out 0.15s;
	-webkit-transform-origin:top; -ms-transform-origin:top; transform-origin:top;
}
[data-tooltip]:before { content:''; width:0; height:0; }
[data-tooltip]:after  { content:attr(data-tooltip); background:rgba(0, 0, 0, 0.9); border-radius:4px; padding:0.3em 0.5em 0.2em; line-height:1.4em; color:#FFF; font-size:12px; white-space:nowrap; }
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; pointer-events:auto;
}
.tooltip_hide [data-tooltip]:hover:before,
.tooltip_hide [data-tooltip]:hover:after {
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; pointer-events:none;
}
.tooltip_show [data-tooltip]:before,
.tooltip_show [data-tooltip]:after {
	filter:alpha(opacity=100) !important; -moz-opacity:1 !important; -khtml-opacity:1 !important; opacity:1 !important; pointer-events:auto !important;
}
/* Default Up */
[data-tooltip]:before,
[data-tooltip]:after  { top:auto; bottom:100%; left:50%; right:auto; -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); transform:translate(-50%, 0); }
[data-tooltip]:before { border:8px solid transparent; border-top-color:rgba(0, 0, 0, 0.9); margin-bottom:-7px; }
[data-tooltip]:after  { margin-bottom:6px; }
/* Down */
[data-tooltip-pos="d"]:before,
[data-tooltip-pos="d"]:after  { top:100%; bottom:auto; left:50%; right:auto; -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); transform:translate(-50%, 0); }
[data-tooltip-pos="d"]:before { border:8px solid transparent; border-bottom-color:rgba(0, 0, 0, 0.9); margin-top:-7px; }
[data-tooltip-pos="d"]:after  { margin-top:6px; }
/* Left */
[data-tooltip-pos="l"]:before,
[data-tooltip-pos="l"]:after  { top:50%; bottom:auto; left:auto; right:100%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); }
[data-tooltip-pos="l"]:before { border:8px solid transparent; border-left-color:rgba(0, 0, 0, 0.9); margin-right:-7px; }
[data-tooltip-pos="l"]:after  { margin-right:6px; }
/* Right */
[data-tooltip-pos="r"]:before,
[data-tooltip-pos="r"]:after  { top:50%; bottom:auto; left:100%; right:auto; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); }
[data-tooltip-pos="r"]:before {	border:8px solid transparent; border-right-color:rgba(0, 0, 0, 0.9); margin-left:-7px; }
[data-tooltip-pos="r"]:after  { margin-left:6px; }

.tooltip-cl-w [data-tooltip]:after  { background:rgba(255, 255, 255, 1); color:#333; }
.tooltip-cl-w [data-tooltip]:before { border-top-color:rgba(255, 255, 255, 1); }
.tooltip-cl-w [data-tooltip-pos="d"]:before { border-bottom-color:rgba(255, 255, 255, 1); }
.tooltip-cl-w [data-tooltip-pos="l"]:before { border-left-color:rgba(255, 255, 255, 1); }
.tooltip-cl-w [data-tooltip-pos="r"]:before { border-right-color:rgba(255, 255, 255, 1); }

	.sp [data-tooltip]:after  { font-size:10px; }
	
/* ==================== */
/* Animation  */
@keyframes fade_In { 0% {opacity:0} 100% {opacity:1} }
@-moz-keyframes fade_In { 0% {opacity:0} 100% {opacity:1} }
@-webkit-keyframes fade_In { 0% {opacity:0} 100% {opacity:1} }

@keyframes Move_V1 { 0% { transform:translateY(-10px); } 100% { transform:translateY(0px); } }
@-moz-keyframes Move_V1 { 0% { transform:translateY(-10px); } 100% { transform:translateY(0px); } }
@-webkit-keyframes Move_V1 { 0% { transform:translateY(-10px); } 100% { transform:translateY(0px); } }

/* ==================== */
/* SP Max Width  */
.sp .section_wrap,
.sp .section > div > .in_wrap { max-width:740px; }
.sp #main_menu > div { max-width:740px; }

/* ==================== */
body.test1 { padding:40px; background:#FFF; }

/* ==================== */
/* Overlay */
.overlay { display:none; position:absolute; top:0; right:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); text-align:center; overflow:auto; z-index:9110; }
.overlay > .fix { top:0; right:0; bottom:0; left:0; text-align:center; overflow:auto; z-index:9120; }
.overlay .box_def { display:table; margin:auto; width:100%; height:100%; }
.overlay .box_def > div { display:table-cell; padding:20px 10px; vertical-align:middle; text-align:center; background:rgba(0, 0, 0, 0); }
.overlay .box_def .in_box { display:inline-block; min-width:300px; max-width:1010px; border-radius:5px; background:#FFF; text-align:center; position:relative; cursor:default; }
.overlay .box_def .in_box > i { z-index:20; }
.overlay .box_def .in_box a { cursor:pointer; }
.overlay_close { cursor:pointer; }
.overlay_wrap { position:relative; }

.overlay .box_def .in_box .title { padding:10px 15px 8px; line-height:1.6em; border-bottom:#EEE solid 1px; text-align:left; color:#669; }
.overlay .box_def .in_box .contents { display:inline-block; padding:1.2em 15px; text-align:left; color:#555; }
.overlay .box_def .in_box .contents h4,
.overlay .box_def .in_box .contents p  { margin:10px 0; padding:0; line-height:1.6em; font-size:12px; letter-spacing:0.03em; }
.overlay .box_def .in_box .contents h4 { font-size:16px; color:#333; padding-right:30px; }
	.df .overlay .box_def .in_box .contents p  { font-size:14px; letter-spacing:0.05em; }
	.df .overlay .box_def .in_box .contents h4 { font-size:18px; }
.overlay .box_def .in_box .err_msg > div { margin:1px; padding:0.5em 14px; background:rgba(255, 0, 0, 0.1); color:#C00; text-align:left; }

.overlay .box_def .in_box i.close_icon {
	position:absolute; top:2px; right:2px; width:24px; height:24px; line-height:24px; border-radius:4px; text-align:center; letter-spacing:0; color:#999; cursor:pointer;
}
.overlay .box_def .in_box i.close_icon:before { content:'×'; font-size:24px; font-weight:normal; }
.overlay .box_def .in_box i.close_icon:hover { background:#C00; color:#FFF; }
.overlay .box_def .in_box .fot_btn { padding:0 15px 5px; }
.overlay .box_def .in_box .fot_btn li { margin:0 5px 10px; }
.overlay .box_def .in_box .fot_btn button { min-width:90px; height:auto; line-height:20px; padding:4px 8px; font-size:12px; color:#669; border-color:#DDD; background:linear-gradient(#FFF, #F6F6F6); }

.overlay .box_def .in_box .contents .btn_fit {
	display:block; margin-top:5px; border:#DDD solid 1px !important; border-radius:3px; padding:5px 1em; line-height:20px; text-align:center; background:linear-gradient(#FFFFFF, #F9F9F9);
}

.overlay .in_box .fr_top:before,
.overlay .in_box .fr_top:after,
.overlay .in_box .fr_btm:before,
.overlay .in_box .fr_btm:after { position:absolute; display:block; content:''; }
.overlay .in_box .fr_top:before { top:7px; left:7px; background-position:top left !important; }
.overlay .in_box .fr_top:after { top:7px; right:7px; background-position:top right !important; }
.overlay .in_box .fr_btm:before { bottom:7px; left:7px; background-position:bottom left !important; }
.overlay .in_box .fr_btm:after { bottom:7px; right:7px; background-position:bottom right !important; }
	.df .overlay .in_box .fr_top:before { top:10px; left:10px; }
	.df .overlay .in_box .fr_top:after { top:10px; right:10px; }
	.df .overlay .in_box .fr_btm:before { bottom:10px; left:10px; }
	.df .overlay .in_box .fr_btm:after { bottom:10px; right:10px; }

.dialog .confirm .in_box,
.dialog .alert .in_box { max-width:400px; }
	.df1 .dialog .msg .in_box .title,
	.df .dialog .msg .in_box .contents { padding:2em 15px; }
.dialog_open { cursor:pointer; z-index:9100; }

.dialog_login .contents { text-align:center; padding:10px 15px !important; }
.dialog_login .link a { display:inline-block; margin:10px 15px 0; font-size:14px; }
.dialog_login .menu_box1 h5 { margin-top:5px; color:#99C; font-size:12px; line-height:16px; text-align:center; }
.dialog_login .menu_box1 li { margin-top:5px; border:#DDD solid 1px !important; border-radius:3px; padding:0; background:linear-gradient(#FFFFFF, #F9F9F9); }
.dialog_login .menu_box1 li i:before { width:40px; font-size:18px; }
.dialog_login .menu_box1 li b { padding:8px 8px 8px 0; color:#558; font-size:14px; min-height:40px; }
.dialog_login .menu_box1 li b span { display:block; font-size:12px; color:#77A; line-height:16px; }
.dialog_login .menu_box1 li.login,
.dialog_login .menu_box1 li.regist { border:#DDE solid 1px !important; background:linear-gradient(#FFF, #EEF); }
.dialog_login .menu_box1 li.login i:before { font-family:'cf-awesome'; content:'\f13e'; color:#339; }	/*f13e*/
.dialog_login .menu_box1 li.regist i:before { font-family:'cf-awesome'; content:'\f058'; color:#339; } /*f058*/
.dialog_login .menu_box1 li.regist .tieup i:before { content:'\f0c1'; }
.dialog_login .menu_box1 li:hover { opacity:0.7; }

.dialog_form .form_box1 { padding:0 5px !important; border:none !important; text-align:left; }
	.sp .dialog_form .in_box { width:100%; max-width:520px; }
	.df .dialog_form .form_box1 { width:520px; padding:0 10px !important; }

/* ==================== */
.load_icon { display:none; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.3); z-index:9110; }
.load_icon i {
	display:block; position: absolute; margin:auto; top:0; right:0; bottom:0; left:0; width:40px; height:40px; border-radius:30px;
	background:#fff; box-shadow:0px 0px 5px 0px #333;
}
.load_icon i:before { 
	display:block; position:absolute; content:''; width:100%; height:100%; 
	background-image:url(/v5/img/icon/load/ms_blu_s40_bg_whi.gif); background-size:50% auto !important;
}
.load_icon i.bg_000 { background:#000; }
.load_icon i.bg_000:before { background-image:url(/v5/img/icon/load/ms_blu_s40_bg_blk.gif); }

/* ==================== */
.loaded_wrap > div { position:relative; display:none; }
.loaded_wrap > i { 
	display:block; position:relative; content:''; background-color:#FFF;
	width:100%; height:100%; min-height:120px; background:url(/v5/img/icon/load/ms_blu_s40_bg_whi.gif) center center no-repeat; background-size:auto !important;
}
	.sp .loaded_wrap > i { background-size:30px 30px !important; }

/* ==================== */
/* Stamp Card */
.dialog .stamp_card { padding:5px; max-width:350px; }
.dialog .stamp_card .hed1 { background:#666; min-height:50px; position:relative; color:#FFF; }
.dialog .stamp_card .stamp_wrap { position:relative; text-align:center; background:#DDD; }
.dialog .stamp_card .stamp_wrap ul { margin:0 auto; padding:5px; background:#DDD; max-width:300px; }
.dialog .stamp_card .stamp_wrap li { position:relative; width:20%; border:#DDD solid 1px; background:#FFF; overflow:hidden; }
.dialog .stamp_card .stamp_wrap li a { display:block; }
.dialog .stamp_card .stamp_wrap li i { display:block; width:100%; padding-bottom:100%; }
.dialog .stamp_card .stamp_wrap li i { display:block; width:100%; padding-bottom:100%; }
	.sp .dialog .stamp_card { width:310px; }
	.df .dialog .stamp_card { width:310px; }

#dialog_stamp_card .pr_box > div { padding:0 5px 5px; max-width:310px; position:relative; }
#dialog_stamp_card .pr_box .sp_sqr1 > div { width:100% !important; position:relative; }

#dialog_stamp_card .btn_wrap_b1 .close { padding-bottom:5px; }
#dialog_stamp_card .btn_wrap_b1 .close p:after { content:'閉じる'; font-size:12px; cursor:pointer; }

#daily_stamp .hed1 { background:#F30 url(/v5/img/bg/bg_sln1_wht1_op5.png) top center; position:relative; }
#daily_stamp .hed1 i { display:block; position:absolute; width:60px; height:60px; top:-3px; left:4px; background-image:url(/v5/img/event/stamp/stamp_img1.png); }
#daily_stamp .hed1 h3 { height:60px; padding:10px; font-size:24px; color:#FFE; line-height:1em; text-align:left; font-weight:900; padding-left:70px; }
#daily_stamp .hed1 h3 > span { display:block; font-size:18px; color:#FFC; line-height:1.1em; }
#daily_stamp .hed1 span.date { position:absolute; top:5px; right:10px; font-size:12px; }
#daily_stamp .hed2 { height:30px; line-height:30px; background:#F60; color:#FFF; font-size:12px; }
#daily_stamp .hed_cp { height:26px; line-height:26px; background:#FC0; color:#C00; font-size:14px; font-weight:700; }
#daily_stamp .fot1 { margin-top:-4px; padding-bottom:2px; line-height:20px; color:#666; font-size:12px; background:#DDD; }
#daily_stamp .stamp_wrap li a { background-color:#CCC; border-radius:50px; }
#daily_stamp .stamp_wrap li.on a { background-color:#C00; }
#daily_stamp .stamp_wrap li i { background-image:url(/v5/img/event/stamp/stamp_bg_0.png); background-size:58px 58px !important;  }
#daily_stamp .stamp_wrap li.s_1011 i { background-image:url(/v5/img/event/stamp/stamp_bg_1011.png); }
#daily_stamp .stamp_wrap li.s_1021 i { background-image:url(/v5/img/event/stamp/stamp_bg_1021.png); }
#daily_stamp .stamp_wrap li.s_1031 i { background-image:url(/v5/img/event/stamp/stamp_bg_1031.png); }
#daily_stamp .stamp_wrap li.s_1032 i { background-image:url(/v5/img/event/stamp/stamp_bg_1032.png); }
#daily_stamp .stamp_wrap li.s_1111 i { background-image:url(/v5/img/event/stamp/stamp_bg_1111.png); }
#daily_stamp .stamp_wrap li.s_1121 i { background-image:url(/v5/img/event/stamp/stamp_bg_1121.png); }
#daily_stamp .stamp_wrap li.s_1131 i { background-image:url(/v5/img/event/stamp/stamp_bg_1131.png); }
#daily_stamp .stamp_wrap li.s_2111 i { background-image:url(/v5/img/event/stamp/stamp_bg_2111.png); }
#daily_stamp .stamp_wrap li.s_2211 i { background-image:url(/v5/img/event/stamp/stamp_bg_2211.png); }
#daily_stamp .stamp_wrap li.s_2311 i { background-image:url(/v5/img/event/stamp/stamp_bg_2311.png); }
#daily_stamp .stamp_wrap1 li.on:nth-child(4n) i { transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); }
#daily_stamp .stamp_wrap1 li.on:nth-child(4n+1) i { transform:rotate(-3deg); -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); }
#daily_stamp .stamp_wrap1 li.on:nth-child(4n+2) i { transform:rotate(8deg); -moz-transform:rotate(8deg); -webkit-transform:rotate(8deg); }
#daily_stamp .stamp_wrap1 li.on:nth-child(4n+3) i { transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); }

#fot_work #daily_stamp_open { padding:7px 10px 7px 37px; border:#C30 solid 2px; line-height:18px; color:#C00; font-weight:900; border-radius:30px; background:#FFE; cursor:pointer; }
#fot_work #daily_stamp_open i { display:block; position:absolute; width:40px; height:40px; top:-2px; left:0; background-image:url(/v5/img/event/stamp/stamp_img1.png); background-size:contain; }
#fot_work #daily_stamp_open b:after { content:'デイリースタンプ'; font-weight:900; font-size:11px; }
	.df #fot_work #daily_stamp_open { border-width:2px; }
	.df #fot_work #daily_stamp_open b:after { font-size:14px; }
	
/*ＥＮＤ*/
/*** TEST CHECK ==================== * ==================== * ==================== ***/
.overlay_open { background:rgba(220, 220, 220, 0); }
.block, .box1 { background:rgba(220, 220, 220, 0); }
.form_box1, .form_box1 > ul { background:rgba(220, 220, 220, 0); }