.rate { color: #f71; font-weight: bold; }
.rate2 { color: #e39; font-weight: bold; }
.icon img { max-height: 1.1em; vertical-align: middle; }
.title_btn { top: -6px; }
.triangle { display: inline-block; width: 0; height; 0; vertical-align: middle; border: 0.4em solid transparent; border-left: 0.4em solid #ccc; }
.triangle_green { border-left: 0.4em solid #42cb42; }
.info .message { background-image: url(../img/info_back.png); border: 3px solid #fda; }
.point { padding-left: 1.3em; background-image: url(../img/point.png); background-size: 1em; background-repeat: no-repeat; background-position: left center; }
.topic { color: #fff; font-size: 1.2em; font-weight: bold; text-align: center; padding: 0.5em 1em; margin-bottom: 1em; background: #40beff; border-radius: 0.5em; cursor: pointer; }
.topic .topic_tag { color: #ff408c; font-size: 1.2em; padding: 0.3em; margin-bottom: 0.6em; background: #fff; border-radius: 0.5em; }
.topic .rate { color: #ff408c; font-size: 1.2em; text-shadow: -2px -2px 3px #fff, 2px -2px 3px #fff, 2px 2px 3px #fff, -2px 2px 3px #fff; }
.topic .rate2 { color: #ff6600; font-size: 1.6em; text-shadow: -2px -2px 3px #fff, 2px -2px 3px #fff, 2px 2px 3px #fff, -2px 2px 3px #fff; }
.topic:hover { opacity: 0.75; }

#top_service_wrap { width: 100%; text-align: center; margin-bottom: 1em; border: 2px solid #4ba5fc; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#top_service_wrap div div { display: inline-block; width: 25%; background: #4ba5fc; }

#pickup { margin: 2em 0 1em; }
#pickup li { text-align: center; margin-bottom: 1em; border-bottom: 1px dotted #d6d6d6; }

#open .login_button { font-size: 150%; padding: 0.2em 1em; border-radius: 10px; }
#open .create_button { font-size: 150%; padding: 0.2em 1em; border-radius: 10px; }
#open img { max-width: 100%; }
#open h1 { color: #c33; font-size: 120%; text-align: center; padding: 0.5em; margin: 0 0 1em 0; background: #fee; border: 3px solid #c33; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; }
#open .text { padding: 1em; background: #ffc}
#open strong { font-size: 130%; }
#open .seikaname_tag { color: #fff; font-size: 80%; padding: 0.1em 0.5em; background: #393; border-radius: 0.5em; }
#open .split { color: #393; padding: 0.5em; background: #f6f6f6; }
#open .table th { padding: 0.15em 0.5em; background: #f6f6f6; }
#open .bonus_tag { color: #fff; font-size: 70%; padding: 0.1em 0.5em; background: #e39; border-radius: 0.5em; }
#open .attention { color: #e66; }
#open .to_site { display: block; color: #fff; font-size: 150%; font-weight: bold; padding: 0.8em 1em 0.8em 50px; position: relative; margin: 1em; background: #c33; background-image: -moz-linear-gradient(top, #e55 0%, #d44 50%, #c33 50%, #d44 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e55), color-stop(0.50, #d44), color-stop(0.50, #c33), color-stop(1, #d44)); border-radius: 0.5em; }
#open .to_site:after{ display: inline-block; width: 30px; height: 30px; top: 50%; margin-top: -15px; left: 10px; position: absolute; background-image: url(../img/open_btn.png); background-size: 30px; background-repeat: no-repeat; content: ""; }
#open .to_site:hover { opacity: 0.8; }
#open .comment_td1 { width: 11em; }
#open .comment_td2 { width: 4em; text-align: right; padding-right: 0.5em; }
#open .barchart { position: relative; height: 1.2em; background: #ffc100; background-image: -moz-linear-gradient(top, #ffd110 0%, #ffc100 40%, #ffc100 60%, #ffd110 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffd110), color-stop(0.40, #ffc100), color-stop(0.60, #ffc100), color-stop(1, #ffd110)); }

#report .report_table th { text-align: right; padding-right: 0.5em; }
#report .report_table td { text-align: right; padding-right: 0.5em; }
#report .report_table .sum { font-size: 110%; background: #f6f6f6; }
#report .barchart { position: relative; height: 1.2em; background: #ffc100; background-image: -moz-linear-gradient(top, #ffd110 0%, #ffc100 40%, #ffc100 60%, #ffd110 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffd110), color-stop(0.40, #ffc100), color-stop(0.60, #ffc100), color-stop(1, #ffd110)); }
#report .p1_m { display: inline-block; max-width: 180px; margin-right: 5px; }
#report .p1_s { display: inline-block; width: 550px; }
#report .extra, #report_navi_wrap .extra { color: #fff; padding: 0 0.5em; background: pink; border-radius: 0.3em; }
#report_navi_wrap div { margin: 0 0 2em 1em; }

#exchange .item_block li { width: 43%; max-height: 500px; padding: 2%; }
#exchange .item_block li .title { font-weight: bold; color: #0a589a; height: 1.5em; }
#exchange .item_block li .img { text-align: left; height: 60px; }
#exchange #dmoney_img { max-width: 200px; margin-top: 10px; }
#exchange img { max-width: 100%; }

#manual .manual_message img { float: right; }

#startup { position: relative; min-height: 100px; padding: 1em; margin-bottom: 1em; background: #69f; background-position: top right; background-repeat: no-repeat; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#startup #s1 { color: #fff; font-weight: bold; font-size: 150%; padding-right: 120px; }
#startup #s2_back { padding: 1em; margin: 0.5em 0 0; background: #fff; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#startup #s2 { color: #0a3; font-size: 150%; font-weight: bold; }
#startup img { position: absolute; right: 0; }

#user_data1 { display: inline-block; width: 48%; margin-right: 3%; margin-bottom: 1em; }
#user_data1 th { font-weight: normal; }
#user_data1 td { text-align: right; padding-right: 0.5em; }
#user_data1 .sum { color: #f96; font-weight: bold; background: #f6f6f6; line-height: 3em; }
#user_data1 .sum th { font-weight: bold; }
#user_data2 { display: inline-block; width: 48%; vertical-align: top; margin-bottom: 1em; }
#user_data2_remain { text-align: right; min-height: 2em; }
#user_data2_rank { position: relative; font-size: 120%; font-weight: bold; color: #fff; min-height: 50px; text-align: center; line-height: 50px; margin-bottom: 1em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#user_data2_rank img { position: absolute; top: -20px; left: 10px; }
#user_data2 .rank1 { background: #6c3; background-image: -moz-linear-gradient(top, #70d639 0%, #6c3 40%, #6c3 60%, #70d639 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #70d639), color-stop(0.40, #6c3), color-stop(0.60, #6c3), color-stop(1, #70d639)); }
#user_data2 .rank2 { background: #f60; background-image: -moz-linear-gradient(top, #ff6606 0%, #f60 40%, #f60 60%, #ff6606 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff6606), color-stop(0.40, #f60), color-stop(0.60, #f60), color-stop(1, #ff6606)); }
#user_data2 .rank3 { background: #ccc; background-image: -moz-linear-gradient(top, #d6d6d6 0%, #ccc 40%, #ccc 60%, #d6d6d6 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d6d6d6), color-stop(0.40, #ccc), color-stop(0.60, #ccc), color-stop(1, #d6d6d6)); }
#user_data2 .rank4 { background: #fc0; background-image: -moz-linear-gradient(top, #ffd606 0%, #fc0 40%, #fc0 60%, #ffd606 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffd606), color-stop(0.40, #fc0), color-stop(0.60, #fc0), color-stop(1, #ffd606)); }

#shop #search_box { margin-bottom: 1em; border: 1px solid #fa1; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#shop #search_box .bar { border-radius: 0.5em 0.5em 0 0; -webkit-border-radius: 0.5em 0.5em 0 0; -moz-border-radius: 0.5em 0.5em 0 0; }
#shop #search_box #search_box_wrap { padding: 0 1em; }
#shop #search_box ul { padding: 0 0em 1em; }
#shop #search_box li { display: inline-block; width: 31%; padding: 0 0.5em; vertical-align: top; }
#shop #search_box li a { display: block; }
#shop #search_box li a:hover { color: #f71; }
#shop #search_box #s_cat { margin-bottom: 1em; }
#shop #search_box #s_cat div { float: left; }
#shop #result_message #num_wrap { float: left; }
#shop #result_message_right { float: right; }
#shop #result_message_right div { float: right; margin-left: 1em; line-height: 2em; }
#shop #result_message_right span { color: #fff; padding: 0.1em 0.8em; margin-right: 0.2em; background: #d0d6d9; border-radius: 0.8em; -webkit-border-radius: 0.8em; -moz-border-radius: 0.8em; cursor: pointer; }
#shop #result_message_right span:hover { background: #f71; }
#shop #result_message_right .select { background: #f71; }
#shop #result_message .page { margin-bottom: 0; }
#shop #default_view { margin-bottom: 1em; }
#shop #default_view li { margin-bottom: 1em; border: 1px solid #ccc; border-top: none; border-radius: 0.6em; -webkit-border-radius: 0.6em; -moz-border-radius: 0.6em; }
#shop #default_view .title { border-bottom: 2px solid #2a2; background: #32bb32; background-image: -moz-linear-gradient(top, #52db52 0%, #42cb42 20%, #32bb32 80%, #42cb42 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #52db52), color-stop(0.20, #42cb42), color-stop(0.80, #32bb32), color-stop(1, #42cb42)); border-radius: 0.5em 0.5em 0 0; -webkit-border-radius: 0.5em 0.5em 0 0; -moz-border-radius: 0.5em 0.5em 0 0; }
#shop #default_view .title a { display: block; color: #fff; font-weight: bold; line-height: 2em; padding: 0 0.5em; }
#shop #default_view .title:hover { opacity: 0.75; }
#shop #default_view .content { position: relative; padding-top: 0.5em; overflow: hidden; }
#shop #default_view .content img { max-width: 120px; max-height: 60px; }
#shop #default_view .r1 { float: left; width: 150px; text-align: center; padding: 0.5em; }
#shop #default_view .r1 .point { font-size: 120%; padding: 0; background: none; }
#shop #default_view .content2 { padding: 0 0.5em 0.5em; }
#shop #default_view .content2 div { float: left; margin-right: 1em; }
#shop #default_view .content2 div span { color: #fff; font-size: 90%; padding: 0em 0.5em; margin-right: 0.3em; background: #ccc; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#shop .item_block .campaign { border-color: #005cde !important; }
#shop .item_block .hirate { border-color: #d93131 !important; }
#shop #default_view .campaign .title { border-color: #005cde !important; background: #106cee; background-image: -moz-linear-gradient(top, #308cfe 0%, #207cfe 20%, #106cee 80%, #207cfe 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #308cfe), color-stop(0.20, #207cfe), color-stop(0.80, #106cee), color-stop(1, #207cfe)); }
#shop #default_view .hirate .title { border-color: #d93131 !important; background: #e94141; background-image: -moz-linear-gradient(top, #f96161 0%, #f95151 20%, #e94141 80%, #f95151 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f96161), color-stop(0.20, #f95151), color-stop(0.80, #e94141), color-stop(1, #f95151)); }

#intro .sns div img { height: 50px !important; margin-right: 5px; }

#keyword_wrap { width: 100%; padding: 0 1em; text-align: center; }
#keyword_wrap #keyword { width: 65%; height: 2em; line-height: 2em; padding-left: 2em; margin-left: -2.5em; background-image: url(../img/search.png); background-size: 1.6em; background-repeat: no-repeat; background-position: 0.2em center; border: 3px solid #ddd; border-right: none; border-radius: 1em 0 0 1em; -webkit-border-radius: 1em 0 0 1em; -moz-border-radius: 1em 0 0 1em; }
#keyword_wrap #search_button { color: #fff; font-weight: bold; width: 5em; max-width: 30%; line-height: 2em; border: 3px solid #32bb32; border-radius: 0 1em 1em 0; -webkit-border-radius: 0 1em 1em 0; -moz-border-radius: 0 1em 1em 0; cursor: pointer; background: #3b3; -moz-linear-gradient(top, #4c4 0%, #3b3 40%, #3b3 60%, #4c4 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4c4), color-stop(0.40, #3b3), color-stop(0.60, #3b3), color-stop(1, #4c4)); }
#keyword_wrap #search_button:hover { opacity: 0.75; }

.service { margin-bottom: 1em; padding: 1em; background: #f0f0f0; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
.service a { display: block; background: #fec; background-image: url(../img/service/service_back.png); border: 1px solid #ffd; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
.service a:hover { opacity: 0.75; }
.service p { color: #fff; margin-top: 0; padding: 0.5em 0; text-align: center; background: #ccc; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
.service_comment { background: #e2eedd; }

#uc th { width: 150px; text-align: center; padding: 0.5em; }

#help h4 { color: #555; padding: 0.5em 0; line-height: 1.5em; border-color: #ddd; }
#help div.none { margin-left: 1em; margin-bottom: 1em; }

#gmore_top { position: relative; }
#gmore_top div { position: absolute; top: 5px; right: 5px; color: #ff408c; font-size: 2em; font-weight: bold; border: 3px solid #ff408c; text-align: center; padding: 2px; border-radius: 2em; min-width: 1.5em; text-shadow: -2px -2px 3px #fff, 2px -2px 3px #fff, 2px 2px 3px #fff, -2px 2px 3px #fff; }
#gmore_list { display: none; }
#gmore_list .status0 a { color: #fff; }
#gmore_list .status0:hover { opacity: 0.8; cursor: pointer; }

.hidd { display: none; }

@media screen and (max-width: 740px) {
	#report .p1_m { display: block; max-width: 100%; margin: 0; }
	#report .p1_s { display: block; width: 100%; }
	#report .report_table th, #report .report_table td { font-size: 1em; width: auto !important; min-width: 4em; }
	#exchange .item_block li { width: 91%; padding: 4%; }
}
@media screen and (max-width: 640px) {
	ul.top h7, ul.top div { display: table-cell !important; }
	ul.top  li span.dis { display: none; }
	#open .to_site { font-size: 130%; }
}
@media screen and (max-width: 500px) {
	#user_data1 { display: block; width: 100%; margin-right: 0; }
	#user_data2 { display: block; width: 100%; }
	#shop #search_box li { width: 45%; }
}