@charset "UTF-8";


@media screen and (max-width:1100px){
	.judge_list > li .hover_box .affiliation {margin-top: 10px; margin-bottom: 15px;}
}

@media screen and (max-width:991px){
	.contents {margin-top: 0;}
	.sub_left {display: none !important;}
	.sub_right {width: 100%; padding-left: 0;}
	.sub_rtop {margin-bottom: 50px;}
	.sub_rtop .sub_top_tit {font-size: 2em;}
	.sub_rtop .bread_box {margin-top: 15px;}



	.judge_list > li .hover_box .affiliation {margin-top: 15px; margin-bottom: 20px;}
	
	.login_wrap .login_top {margin-top: -30px; padding: 0 15px;}
	
}

@media screen and (max-width:768px){
	.sub_tit1 {margin-bottom: 20px; font-size: 1.4em;}

	.greeting_wrap .greeting_img .img_box + .inner {padding-left: 20px; margin-top: 70px;}
	.greeting_wrap .greeting_img .t1 {font-size: 1.4em;}
	.greeting_wrap .greeting_img .t2 {margin-bottom: 20px; font-size: 1.6em;}

	/* history basic */
	.history_box {background-image:none;}
	.history_box .img_box {display:none;}
	.his_row {margin-bottom:0; padding:30px 0; border-bottom:1px dashed #ccc;}
	.his_row:last-child {border-bottom:0 none;}
	.his_row .his_lr {float:none; width:100%; padding-top:0;}
	.his_row:nth-child(odd) .his_lr {padding-right:0; text-align: left;}
	.his_row:nth-child(even) .his_lr {float:none; padding-left:0;}
	.his_row .year {position:relative; top:0; width:100%; margin-bottom:15px; padding-left:18px; font-size:1.6em; text-align:left;}
	.his_row:nth-child(even) .his_lr .year {left:0;}
	.his_row .year:after {width:10px; height:10px; margin-top:-5px;}
	.his_row:nth-child(odd) .his_lr .year:after {right:-40px; left:0;}
	.his_row:nth-child(even) .his_lr .year:after {left:0;}
	.his_month_box .month {display: table-cell; float:none !important; width:65px; padding-left:18px;}
	.his_month_box .list {display: table-cell; float:none !important; width: auto;}
	.his_row .add_img_box {float:none; width:100%; padding-top:20px;}
	.his_row .add_img_box img {max-height:150px;}  

	.history_wrap {padding-top: 0;}

	.judge_list > li {width: 24.25%;}
	.judge_list > li:nth-child(6n) {margin-right: 1%;}
	.judge_list > li:nth-child(4n) {margin-right: 0;}

	.judge_wrap .view_box .txt_box .name {font-size: 1.8em;}

	.schedule_wrap .date_box .date {font-size: 2em;}

	.find_wrap .find_box {display: block;}
	.find_wrap .find_box .map_box {display: block; width: 100%; margin-bottom: 20px; text-align: center;}
	.find_wrap .find_box .sch_box {display: block; width: 100%; padding: 40px 5%;}
	.find_wrap .find_box .sch_box .tit {margin-bottom: 10px; font-size: 1.4em;}
	.find_wrap .find_box .sch_box .txt {margin-bottom: 20px;}
	.find_wrap .find_box .sch_box .sch_btn {margin-top: 20px;}
	.find_wrap .find_box .sch_box .row .slt_box select {font-size: 0.933em;}
	.find_wrap .find_box .sch_box .row .input_box input {font-size: 0.933em;}

	.office_list > li {padding: 15px 0;}
	.office_list > li .num {display: block; margin-bottom: 10px; text-align: left;}
	.office_list > li .txt_box {display: block; padding:  0;}


	.login_wrap .login_top .tit {margin-bottom: 20px; font-size: 1.8em;}
	.login_wrap .btn_box span {font-size: 1.067em;}


	.resolution_wrap .board_view_top .tit .state {width: 60px; height: 26px; line-height: 26px; margin-top: -3px;}
	.resolution_wrap .board_view_top .tit .peroid {font-size: 15px;}
	.resolution_wrap .board_list .sort {padding: 3px 0 0; color: #777;}
	.resolution_wrap .board_list .sort:before {display: none;}
	.resolution_wrap .board_list .sort:after {display: none;}
	.resolution_wrap .board_list .sort .state {width: 60px; height: auto; line-height: inherit; padding: 3px 0; font-size: 12px;}
	.resolution_wrap .board_list .sort .state:after {display: none;}
	.resolution_wrap .vote_box .tit {margin-bottom: 10px; font-size: 1.5em;}
	.resolution_wrap .vote_box .txt {margin-bottom: 30px;}
	.resolution_wrap .vote_box .btn_box > div button {height: 60px; font-size: 1.2em;}
	.resolution_wrap .vote_box .btn_box > div.checked button:before {width: 20px; height: 20px; margin-right: 7px;}
	.resolution_wrap .vote_box .btn_box > div .t1 {font-size: 0.933em;}
	.resolution_wrap .vote_box.complete .btn_box > div button:before {width: 20px; height: 20px; margin-right: 7px;}
	.resolution_wrap .vote_box.complete.result .btn_box > div .textarea_box .t2 {margin-bottom: 40px; font-size: 1.6em;}

	.state_wrap .board_list .state:before {display: none;}
	.stats_wrap .sch_box .row .slt_box select {font-size: 0.933em;}

	.state_view_wrap .comment_box .tit {margin-bottom: 15px; font-size: 1.2em;}

	.debate_wrap .info_list > li {width: 50%;}
	.debate_wrap .info_list > li:nth-child(2n+1) {clear: both;}
	.debate_wrap .info_list > li:nth-child(2n):after {display: none;}
	.debate_wrap .board_list .tit a .number {top: 0;}

	
	.establish_wrap .txt_box .tit {font-size: 1.4em;}
}

@media screen and (max-width:640px){
	.sub_rtop {padding-bottom: 20px; margin-bottom: 40px;}
	.sub_rtop .sub_top_tit {font-size: 1.7em;}
	.sub_rtop .bread_box {margin-top: 10px;}
	.sub_tit1 {font-size: 1.3em;}
	.sub_tit1:after {width: 27px;}
	.sub_tit2 {font-size: 1.133em;}

	.greeting_wrap .greeting_img {margin-top: 0; margin-bottom: 40px;}
	.greeting_wrap .greeting_img .img_box {display: block; float: none; max-width: 100%; margin-bottom: 20px; text-align: center;}
	.greeting_wrap .greeting_img .img_box img {max-width: 300px;}
	.greeting_wrap .greeting_img .img_box + .inner {max-width: 100%; float: none; padding-left: 0; margin-top: 0; text-align: center;}
	.greeting_wrap .greeting_img .t1 {margin-bottom: 5px; font-size: 1.2em;}
	.greeting_wrap .greeting_img .t2 {margin-bottom: 15px; font-size: 1.4em;}
	.greeting_wrap .greeting_img .t3 {font-size: 0.933em;}

	.judge_list > li a:hover .hover_box {padding-top: 30px;}
	.judge_list > li .hover_box .name {font-size: 1.133em;}
	.judge_list > li .hover_box .affiliation {margin-top: 10px; margin-bottom: 15px; font-size: 0.933em;}
	.judge_list > li .hover_box .w_bar_list > li {font-size: 0.867em;}

	.judge_wrap .judge_list {margin-top: 0;}
	.judge_wrap .view_box {margin: 50px auto 30px; padding:0;}
	.judge_wrap .view_box .img_box {float: none; margin: 0 auto; width: 55%; padding-bottom: 65%;}
	.judge_wrap .view_box .txt_box {width: 100%; max-width: 400px; float: none; padding-left: 0; margin: 0 auto; text-align: center;}
	.judge_wrap .view_box .txt_box .name {font-size: 1.6em;}
	.judge_wrap .view_box .txt_box .info_list {display: inline-block; text-align: left;}

	.login_wrap .btn_box span {display: block; margin-right: 0; margin-bottom: 10px;}
	.login_wrap .btn_box .common_btn.find:first-of-type {margin-left: 0;}
	.login_wrap .check_box {padding-left: 0; margin-top: 15px;}

	.resolution_wrap .vote_box .tit {font-size: 1.33em;}
	.resolution_wrap .vote_box .txt {font-size: 0.933em;}
	.resolution_wrap .vote_box .btn_box > div {width: calc(50% - 5px); margin-right: 10px;}
	.resolution_wrap .vote_box .btn_box > div.checked {margin-bottom: 110px;}
	.resolution_wrap .vote_box .btn_box > div .textarea_box {position: absolute; left: 0; width: 100%; top: 59px;}
	.resolution_wrap .vote_box.complete .btn_box > div .textarea_box {position: static;}
	.stats_wrap .sch_box .row .btn_box {width: 120px;}
	.stats_wrap .sch_box .row .btn_box a {font-size: 1em;}

	.target_wrap .btn_wrap {padding-left: 10px; padding-right: 10px;}
	.target_wrap .btn_wrap .down_btn {width: 100%; margin-right: 0; padding: 0; margin-bottom: 10px;}

	.upload_wrap iframe {height: 400px !important;}
	
	.no_result {margin-top: 30px; padding: 50px 0;}
	.no_result i {font-size: 33px;}
	.no_result p {font-size: 1.25em;}
}

@media screen and (max-width:480px){
	.sub_rtop {padding-bottom: 15px;}
	.sub_rtop .sub_top_tit {font-size: 1.5em; float: none;}
	.sub_rtop .bread_box {margin-top: 8px; float: none;}
	.sub_rtop .bread_box .breadcrumb > li {font-size: 0.867em;}
	.sub_rtop .bread_box .breadcrumb > li:after {margin: 0 5px;}
	.sub_rtop .bread_box .breadcrumb > li.home img {max-width: 12px; margin-top: -4px;}
	.greeting_wrap .greeting_img {margin-bottom: 30px;}
	.greeting_wrap .greeting_img .img_box img {max-width: 250px;}
	.greeting_wrap .greeting_txt p {margin: 15px;}

	.establish_wrap .txt_box {margin-top: 50px;}
	.establish_wrap .txt_box .tit {font-size: 1.3em;}
	.establish_wrap .txt_box .tit:before {width: 20px; margin-right: 15px;}
	.establish_wrap .txt_box .tit:after {width: 20px; margin-left: 15px;}
	.establish_wrap .txt_box .check_list > li {padding-left: 30px;}
	.establish_wrap .txt_box .check_list > li:before {width: 22px; height: 22px;}


	.judge_list > li {width: 32.6%;}
	.judge_list > li:nth-child(4n) {margin-right: 1%;}
	.judge_list > li:nth-child(3n) {margin-right: 0;}

	.judge_wrap .view_box .txt_box {max-width: 300px;}
	.judge_wrap .view_box .txt_box .name {font-size: 1.4em;}
	.judge_wrap .view_box .txt_box .info_list > li {font-size: 0.933em;}


	.schedule_wrap .date_box .date {padding: 0 25px; font-size: 1.8em;}
	.schedule_wrap .sort_list > li {float: none; margin-right: 0; margin-bottom: 5px;}
	.schedule_wrap .sort_list > li:last-child {margin-bottom: 0;}
	.schedule_wrap .sort_list > li:before {top: 2px;}
	.schedule_wrap .calendar_list > li .txt {padding-left: 10px;}
	.schedule_wrap .calendar_list > li .txt .sort:before {top: 2px;}

	.find_wrap .find_box .sch_box {padding: 30px 5%;}
	.find_wrap .find_box .sch_box .row:last-of-type {display: block;}
	.find_wrap .find_box .sch_box .row:last-of-type .slt_box {display: block; width: 100% !important; margin-bottom: 4px; padding-right: 0;}
	.find_wrap .find_box .sch_box .row:last-of-type .input_box {display: block; width: 100%;}

	.office_list > li {position: relative;}
	.office_list > li .txt_box .address {float: none; margin-bottom: 5px;}
	.office_list > li .txt_box .address .sort {position: absolute; right: 0; top: 15px; margin: 0;}
	.office_list > li .txt_box .info {float: none;}

	.login_wrap .login_top {margin-bottom: 30px; margin-top: 0;}
	.login_wrap .login_top .tit {font-size: 1.6em;}
	.login_wrap .login_top .t1 {font-size: 1.067em;}
	.login_wrap .login_top .t2 {font-size: 1em;}
	.login_wrap .check_box .chk_each label {padding-left: 30px;}
	.login_wrap .check_box .chk_each .vchkbox {top: -3px; width: 24px; height: 24px;}
	.login_wrap .btn_box span {font-size: 1em;}
	.login_wrap .btn_box .common_btn.find {font-size: 1em;}

	.resolution_wrap .board_list .sort {padding: 1px 0 0;}
	.resolution_wrap .vote_box .btn_box > div button {height: 45px; font-size: 1.067em;}
	.resolution_wrap .vote_box .btn_box > div.checked button:before {width: 16px; height: 16px;}
	.resolution_wrap .vote_box .btn_box > div .textarea_box {top: 44px;}
	.resolution_wrap .vote_box.complete .tit {margin-bottom: 20px;}
	.resolution_wrap .vote_box.complete .btn_box > div button:before {width: 16px; height: 16px;}
	.resolution_wrap .vote_box.complete.result .btn_box > div .textarea_box {padding: 40px 15px;}
	.resolution_wrap .vote_box.complete.result .btn_box > div .textarea_box .t2 {margin-bottom: 30px; font-size: 1.4em;}
	.resolution_wrap .vote_box.complete.result .btn_box > div .textarea_box .t3 {height: 30px; line-height: 30px;}
	
	.debate_wrap .info_list > li {padding: 10px;}
	.debate_wrap .info_list > li:after {top: 10px; height: 20px;}
	.debate_wrap .info_list > li p {padding-left: 50px; font-size: 0.933em;}
	.debate_wrap .info_list > li:last-child p {padding-left: 40px;}

	.stats_wrap .sch_box {padding: 30px 10px;}
	.stats_wrap .sch_box .row {position: relative; /* padding-bottom: 50px; */ /* padding-left: 30px; */ margin-bottom: 0;}
	.stats_wrap .sch_box .row .square {display: block; width: 30px; float: left; margin-top: 15px; /* position: absolute; left: 0; top: 15px; */}
	.stats_wrap .sch_box .row .slt_box {display: block; width: 100%; float: left; padding-right: 0; margin-bottom: 5px;}
	.stats_wrap .sch_box .row .btn_box {display: block; float: left; width: 100%;}
	.stats_wrap .sch_box .row .square + .slt_box {width: calc(100% - 30px);}
	.stats_wrap .sch_box .row .btn_box .reset_btn {width: 49%;}
	.stats_wrap .sch_box .row .btn_box .select_btn {/* position: absolute; left: 30px; right: 0; bottom: 0; */ width: 49%; margin-right: 2%;}
	
	.upload_wrap iframe {height: 300px !important;}
	
}