@charset "UTF-8";

.document_contents ul li	{ padding: 0; background: none; }
.document_contents .alert_box	{ margin: 50px 0; }
.document_contents .alert_box ul li:before	{ display: inline-block; padding: 0 0.5em 0 0; content: "-"; }


.modules_suggestion	{}



.modules_suggestion p.order	{ clear: both; margin: 50px 0; }
.modules_suggestion p.order button.button	{ min-width: 150px; height: 50px; border-radius: 0; font-size: inherit; font-weight: 400; }
.modules_suggestion p.order a.button	{ min-width: 150px; height: 50px; line-height: 48px; box-sizing: border-box; font-size: inherit; font-weight: 400; }
.modules_suggestion p.order .button span	{ display: block; vertical-align: top; }

.modules_suggestion p.order .button.action_vote	{ line-height: 50px; border: 0 none; background-color: #104790; color: #fff; }


/*
.modules_suggestion .request_list	{}
.modules_suggestion .request_list ul	{ padding: 0; margin: 0 -10px; list-style: none; }
.modules_suggestion .request_list ul:after	{ display: block; clear: both; content: ""; }
.modules_suggestion .request_list ul li	{ float: left; width: 25%; padding: 10px; margin: 0; list-style: none; box-sizing: border-box; background: none; }
.modules_suggestion .request_list ul li .box	{ position: relative; display: block; padding: 5px; border: 1px solid #eee; border-radius: 5px; }
.modules_suggestion .request_list ul li .box br	{ display: none; }
.modules_suggestion .request_list ul li .box .no	{ position: absolute; left: 0; top: 0; z-index: 2; width: 40px; height: 30px; line-height: 40px; background-color: #32d3c2; text-align: center; color: #fff; font-size: 20px; font-weight: 500; }
.modules_suggestion .request_list ul li .box .no:after	{ position: absolute; left: 0; bottom: -20px; width: 100%; border-width: 20px 20px 0 20px; border-style: solid; border-color: #32d3c2 transparent transparent transparent; content: ""; }
.modules_suggestion .request_list ul li .box .title	{ position: absolute; left: 0; top: 0; z-index: 2; min-width: 40px; height: 40px; line-height: 40px; background-color: #32d3c2; text-align: center; color: #fff; font-size: 20px; font-weight: 500; }
.modules_suggestion .request_list ul li .box .title:after	{ position: absolute; right: -40px; top: 0; width: 100%; border-width: 20px 0 20px 20px; border-style: solid; border-color: transparent transparent transparent #32d3c2; content: ""; }
.modules_suggestion .request_list ul li .box .image	{ position: relative; display: block; height: 0; padding-top: 56.25%; box-sizing: border-box; }
.modules_suggestion .request_list ul li .box .image img	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0 none; }
.modules_suggestion .request_list ul li .box .vote	{ display: block; line-height: 60px; text-align: center; font-weight: 500; color: inherit; font-size: 1.1em; }
.modules_suggestion .request_list ul li .box .vote span:last-child	{ display: inline-block; width: 60px; height: 50px; line-height: 40px; vertical-align: middle; background: url(../image/heart2.png) no-repeat center center; background-size: contain; text-align: center; color: #fff; }
.modules_suggestion .request_list ul li .box .subject	{ display: block; height: 70px; line-height: 30px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; font-weight: 500; }
.modules_suggestion .request_list ul li .box .subject	{ display: -webkit-box; -webkit-line-clamp : 2; -webkit-box-orient : vertical; }
.modules_suggestion .request_list ul li .box .teamname	{ display: block; line-height: 30px; text-align: right; font-size: 0.9em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.modules_suggestion .request_list ul li .box input[type="checkbox"]	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_suggestion .request_list ul li .box label	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; margin: 0; background: transparent; text-align: left; text-indent: -999999px; overflow: hidden; }
.modules_suggestion .request_list ul li .box input[type="checkbox"]:checked + label	{ background-color: rgba(15, 30, 94, 0.05); box-shadow: 0 0 5px 5px rgba(15, 30, 94, 0.7); }
*/

.modules_suggestion .request_list ul li.empty	{ float: none !important; width: 100% !important; line-height: 10em; text-align: center; }
.modules_suggestion .request_list ul li input[type="checkbox"]	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_suggestion .request_list ul li label	{ display: block; padding: 0; margin: 0; border-radius: 10px; }
.modules_suggestion .request_list ul li label:hover	{ box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.modules_suggestion .request_list ul li input[type="checkbox"]:focus + label	{ box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.modules_suggestion .request_list ul li input[type="checkbox"]:checked + label	{ background-color: rgba(15, 30, 94, 0.05); box-shadow: 0 0 5px 5px rgba(15, 30, 94, 0.7); }



.modules_suggestion .youtube:after	{ display: block; clear: both; content: ""; }
.modules_suggestion .youtube > div	{ float: left; width: 50%; padding: 0 10px; box-sizing: border-box; }
.modules_suggestion .youtube > div div	{ position: relative; height: 0; padding-top: 56.25%; }
.modules_suggestion .youtube > div div iframe	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0 none; }





.modules_suggestion .suggestion_list	{ margin: 50px 0; }
.modules_suggestion .suggestion_list ul	{ padding: 0; margin: 0; list-style: none; }
.modules_suggestion .suggestion_list ul:after	{ display: block; clear: both; content: ""; }
.modules_suggestion .suggestion_list ul li	{ float: left; width: 20%; padding: 2px; margin: 0; list-style: none; box-sizing: border-box; background: none; }
.modules_suggestion .suggestion_list ul li a	{ display: block; line-height: 50px; text-align: center; background-color: #666; color: #fff; transition: all .5s; }
.modules_suggestion .suggestion_list ul li.active a	{ background-color: #0f1e5e; color: #fff; }
.modules_suggestion .suggestion_list ul li a:focus, .modules_suggestion .suggestion_list ul li a:hover, .modules_suggestion .suggestion_list ul li a:active	{ background-color: #333; color: #fff; }









.modules_suggestion .proc_vote_read	{}
.modules_suggestion .proc_vote_read:after	{ display: block; clear: both; content: ""; }
.modules_suggestion .proc_vote_read .introduce_box	{ position: relative; }
.modules_suggestion .proc_vote_read .introduce_box:after	{ display: block; clear: both; content: ""; }
.modules_suggestion .proc_vote_read .introduce_right	{ position: absolute; right: 0; top: 0; float: right; width: calc(40% - 10px); height: 100%; padding: 20px; border-radius: 5px; box-sizing: border-box; background-color: #f0f0f0; }
.modules_suggestion .proc_vote_read .introduce_left	{ float: left; width: calc(60% - 10px); }
.modules_suggestion .proc_vote_read .introduce_etc	{ clear: both; margin: 50px 0; }


.modules_suggestion .proc_vote_read .introduce_right .subject	{ display: block; line-height: 1.7em; padding: 0; margin: 0 0 20px 0; background: none; font-size: 1.2em; font-weight: bold; color: #1b1b1b; }
.modules_suggestion .proc_vote_read .introduce_right .teamname	{ display: block; line-height: 1.2em; padding: 0.5em 0; margin: 0; opacity: 0.8; }
.modules_suggestion .proc_vote_read .introduce_right .votecount	{ position: absolute; right: 20px; bottom: 20px; line-height: 60px; padding: 0; margin: 0; font-weight: 500; color: inherit; font-size: 1.1em; }
.modules_suggestion .proc_vote_read .introduce_right .votecount:before	{ display: inline-block; padding: 0 0.5em 0 0; content: attr(title); }
.modules_suggestion .proc_vote_read .introduce_right .votecount span	{ display: inline-block; width: 60px; height: 50px; line-height: 40px; vertical-align: middle; background: url(../image/heart2.png) no-repeat center center; background-size: contain; text-align: center; color: #fff; }


.modules_suggestion .proc_vote_read .introduce_left .image	{ clear: both; padding: 0; margin: 0; }
.modules_suggestion .proc_vote_read .introduce_left .image img	{ display: block; width: 100%; border: 1px solid #c8c8c8; border-radius: 5px; }


.modules_suggestion .proc_vote_read .introduce_etc h4	{ position: relative; clear: both; width: 6em; height: 50px; line-height: 50px; padding: 0 0 0 1em; margin: 100px 0 20px 0; background: #0f1e5e; font-size: 1.3em; color: #fff; }
.modules_suggestion .proc_vote_read .introduce_etc h4:after	{ position: absolute; right: -35px; top: 0; border-width: 25px 0 25px 35px; border-style: solid; border-color: transparent transparent transparent #0f1e5e; content: ""; }









.cpt-list ul li	{ margin: 0 10px 20px 10px; }
.cpt-item .img img	{ border-radius: 10px; }


.table-board table	{ margin: 0; border: 0 none; }
.table-board table thead th	{ border-width: 0; }
.table-board table tbody td	{ border-width: 0; }
.table-board table tbody td img	{ max-width: 24px; max-height: 26px; } 


form#form_year select	{ min-width: 100px; }
form#form_year button[type="submit"]	{ min-width: 100px; height: 38px; line-height: normal; margin-left: 10px; }