.sct_wrap { margin:0 0 30px; zoom:1; } .sct_wrap:after { display:block; visibility:hidden; clear:both; content:""; } .sct_wrap header { margin:0 0 20px; zoom:1; } .sct_wrap header:after { display:block; visibility:hidden; clear:both; content:""; } .sct_wrap h2 { float:left; margin:0 20px 0 0; padding:0; line-height:1em; } .sct_wrap h2 a {text-decoration:none;} .sct_wrap_hdesc { float:left; margin:0; padding:0; color:#777; line-height:1em; } .sct { margin:0; padding:0; list-style:none; zoom:1; clear:both; } .sct:after { display:block; visibility:hidden; clear:both; content:""; } .sct_li {position:relative;} .sct_noitem { padding:100px 0; text-align:center; } .sct_10 .sct_li { float:left; padding:0 25px 15px 0; } .sct_10 .sct_last {margin:0 0 15px !important;} .sct_10 .sct_clear {clear:both;} .sct_10 .sct_a { display:block; position:relative; text-decoration:none; } .sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none;} .sct_10 .sct_img { display:block; margin:0 0 15px; } .sct_10 b { display:block; margin:0 0 8px; font-weight:normal; } .sct_10 s {display:block;} .sct_10 .sct_cost { display:block; margin:0 0 10px; font-weight:bold; } .sct_10 .sct_sns { position:absolute; top:190px; right:20px; } .sct_11 .sct_li { float:left; margin:0 25px 15px 0; } .sct_11 .sct_last {margin:0 0 15px !important;} .sct_11 .sct_clear {clear:both;} .sct_11 .sct_a { display:block; position:relative; padding:0 0 5px; background:#f5f6fa; text-decoration:none; } .sct_11 .sct_a:focus, .sct_11 .sct_a:hover {text-decoration:none;} .sct_11 .sct_img { display:block; margin:0 0 15px; } .sct_11 b { display:block; margin:0 0 8px; padding:0 5px; font-weight:normal; } .sct_11 s {display:block;} .sct_11 .sct_cost { display:block; margin:0 0 10px; padding:0 5px; font-weight:bold; } .sct_11 .sct_icon { position:absolute; top:10px; left:-5px; margin:0 !important; } .sct_11 .sct_icon img {display:block;} .sct_11 .sct_sns { position:absolute; bottom:10px; right:10px; } .sct_12 .sct_li { float:left; margin:0 16px 15px 0; } .sct_12 .sct_last {margin:0 0 15px !important;} .sct_12 .sct_clear {clear:both;} .sct_12 .sct_arw_toleft { display:block; z-index:2; position:absolute; top:20px; left:221px; width:10px; height:19px; background:url('../img/shop/icon_arw_toleft.gif') no-repeat; } .sct_12 .sct_a { display:block; position:relative; padding:20px 10px 20px 240px; width:110px; height:190px; border:1px solid #e9e9e9; background:#f5f6fa; text-decoration:none; } .sct_12 .sct_a:focus, .sct_12 .sct_a:hover {text-decoration:none;} .sct_12 .sct_img { position:absolute; top:0; left:0; } .sct_12 b { display:block; margin:0 0 15px; font-size:1.2em; letter-spacing:-0.1em; } .sct_12 p { margin:0 0 15px; padding:0; line-height:1.5em; } .sct_12 s {display:block;} .sct_12 .sct_cost { display:block; margin:0 0 10px; font-weight:bold; } .sct_12 .sct_icon { position:absolute; bottom:25px; left:-5px; margin:0 !important; } .sct_12 .sct_icon img {display:block;} .sct_12 .sct_sns { position:absolute; bottom:20px; right:10px; } .sct_13 .sct_li { float:left; margin:0 0 16px 0; width:100%; } .sct_13 .sct_clear {clear:both;} .sct_13 .sct_arw_toleft { display:block; z-index:2; position:absolute; top:20px; left:221px; width:10px; height:19px; background:url('../img/shop/icon_arw_toleft.gif') no-repeat; } .sct_13 .sct_a { display:block; position:relative; padding:20px 10px 20px 240px; height:190px; border:1px solid #e9e9e9; background:#f5f6fa; text-decoration:none; } .sct_13 .sct_a:focus, .sct_13 .sct_a:hover {text-decoration:none;} .sct_13 .sct_img { position:absolute; top:0; left:0; } .sct_13 b { display:block; margin:0 0 15px; font-size:1.2em; letter-spacing:-0.1em; } .sct_13 p { margin:0 0 15px; padding:0; line-height:1.5em; } .sct_13 s {display:block;} .sct_13 .sct_cost { display:block; margin:0 0 10px; font-weight:bold; } .sct_13 .sct_icon { position:absolute; bottom:25px; left:-5px; margin:0 !important; } .sct_13 .sct_icon img {display:block;} .sct_13 .sct_rel { position:absolute; bottom:20px; right:20px; } .sct_13 .sct_rel_ul { margin:0; padding:0; list-style:none; } .sct_13 .sct_rel_li { float:left; margin:0 0 0 10px; } .sct_13 .sct_sns { position:absolute; top:20px; right:20px; } #info_content { width:100%; height:100%; } #menu_button { position:fixed; left:0; bottom:0; width:100%; height:40px; text-align:center; } #menu_button button { position:relative; margin:0; padding:0; width:20%; height:40px; border:0; background:transparent; } #menu_button button span { display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('img/arr_up01.gif') #000 center 15px no-repeat; } #menu_button button.menu_opened { background:#ff3061; color:#fff; } #menu_button button.menu_opened span {background:url('img/arr_down01.gif') #000 center 15px no-repeat;} #menu_list { position:fixed; left:0; bottom:0; width:100%; border-top:1px solid #000; background:#f0f1f2; } #menu_list ul { margin:0; padding:0; border:0; } #menu_list li { margin:0; padding:0; width:19%; } #menu_list li:nth-of-type(1) {width:15%;} #menu_list li:nth-of-type(4), #menu_list li:nth-of-type(5) {width:14%;} #menu_list a { display:block; padding:15px 0; border:0; border-right:1px solid #e9e9e9; font-size:0.95em; text-align:center; letter-spacing:-0.1em; } #menu_list a:focus, #menu_list a:hover { background:#f0f1f2; color:#000; } #menu_list li:nth-of-type(6) a {border:0;} #menu_list li:nth-last-of-type(1) {width:100%;} #menu_list button { margin:0; padding:15px 0; width:100%; border:0; border-top:1px solid #e9e9e9; background:#fff; color:#000; } .menu_hidden {display:none;} #loading_message { z-index:10000; position:absolute; top:0; left:0; background:#fff; opacity:0.7; } #loading_message img { position:relative; opacity:1.0; } #fancyalert { display:table; z-index:10000; position:absolute; top:0; left:0; } #fancyalert_bg { position:absolute; top:0; left:0; width:100%; height:100%; vertical-align:middle; background:#000; text-align:center; opacity:0.7; } #fancyalert_inner { display:table-cell; position:relative; z-index:2; vertical-align:middle; text-align:center; } #fancyalert_inner span { display:block; margin:0 auto; padding:30px; width:200px; background:#1f1f1f; color:#f0f1f2; } #fancyalert_inner button { margin:15px 0 0; padding:10px 30px; border:0; background:#000; color:#fff; }