@charset "utf-8";
/*
Theme Name: 日本助産師会
Description: 役員投票システム用テーマ
Theme URI: https://vote.midwife.or.jp/
Author URI: https://vote.midwife.or.jp/
Version: 1.0
License: (C)日本助産師会 All Rights Reserved.
License URI: http://www.midwife.or.jp/
*/

/* *********************************
000:RESET
001:BASIC
002:LOGIN
003:PUBLIC
004:
005:
006:
007:
008:
009:RESPONSIVE
999:CLEARFIX
*********************************** */
/* *********************************
/* 000:RESET
*********************************** */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,hr{margin:0;padding:0;border:0;font-style:normal;font-weight:500;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input,textarea{margin:0;padding:0;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;}

/* *********************************
/* 001:BASIC
*********************************** */
/* FONT-FAMILY */
@font-face{font-family: YuGothicM;src: local("Yu Gothic Medium");}
html{font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;}
/* IE10以上 */
@media all and (-ms-high-contrast: none){html{font-family: Verdana, Meiryo, sans-serif;}}
@media all and (-ms-high-contrast: active){html{font-family: Verdana, Meiryo, sans-serif;}}

/* COMMON */
html{height: 100%;}
body{margin:0 auto;text-align:center;font-size:12px;color:#333A45;padding:0;background:#F5F5F5; height: 100%;}
input,textarea,select{font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;}
strong{font-weight:bold;}
em{color:#F86C6B;font-style:normal; font-weight: bold;}
a{text-decoration: none; color: #333A45;}
a img{filter: alpha(opacity=100);opacity: 1.0;}
a:hover img{filter: alpha(opacity=70);opacity: 0.7;}
.error{color:#FF0000;font-size: 11px;padding-top: 4px;}
::placeholder {color: #C0C0C0;}
.red{color: #FF6366;}

/* *********************************
/* 002:LOGIN 
*********************************** */
#login{background: #F5F5F5;}
#login .loginWrap{padding: 80px 5px 10px;}
#login h1{margin-bottom: 12px; font-size: 13px; background: url(../img/logo.png) no-repeat top center; background-size: 240px 57px; padding-top: 70px; font-weight: bold; color: #999;}
#login h1 span{font-weight: bold; background: #E9E9E9; display: block; padding:6px 4px; font-size: 15px; margin-bottom: 6px;color: #333; }
#login .loginBox{background: #FFF;width: 100%; max-width: 380px; margin: 0 auto 16px;padding:40px 40px 24px;-webkit-box-shadow: 0 0 5px 0 #DDD;-moz-box-shadow: 0 0 5px 0 #DDD;box-shadow: 0 0 5px 0 #DDD; }
#login .loginInner{width: 100%; max-width: 320px; margin: 0 auto; }
#login .loginInner li{margin-bottom: 10px;}
#login .loginInner li input{padding: 8px;font-size: 16px; margin-bottom: 5px; width: 100%;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;}
#login .loginInner li.liEnt input{ border: 1px solid #DDD;transition: all 0.5s;}
#login .loginInner li.liEnt input:focus{background: #FDFDFD; border: 1px solid #D78CB2;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);outline: none;}
#login .loginInner li.liEnt dl dt{font-weight: bold; margin-bottom: 2px; font-size: 12px;color: #666;text-align: left;}
#login .loginInner li.liBtn{padding-top: 10px; margin-bottom: 10px;}
#login .loginInner li.liBtn input{padding:10px 8px;font-size: 13px; color: #FFF; border: 1px solid #D88B89;background: #dd9b99;background: -moz-linear-gradient(top,  #dd9b99 0%, #d88b89 100%);background: -webkit-linear-gradient(top,  #dd9b99 0%,#d88b89 100%);background: linear-gradient(to bottom,  #dd9b99 0%,#d88b89 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd9b99', endColorstr='#d88b89',GradientType=0 );-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px; font-weight: bold;  cursor: pointer;}
#login .loginInner li.liBtn input:hover{background: #D07371;border: 1px solid #D07371;}

#login .loginNav ul{width: 100%; max-width: 340px; margin: 0 auto 24px; text-align: left;border-bottom: 1px solid #FFF; border-top: 1px solid #CCC;}
#login .loginNav ul li{border-bottom: 1px solid #CCC; border-top: 1px solid #FFF;}
#login .loginNav ul li a{display: block; padding: 12px 8px; font-weight: bold;}
#login .loginNav ul li a:hover{color: #0092AC;}
#login .loginNav ul li a span{font-weight: bold; color: #EA850C;}

/* *********************************
/* 003:COMMON
*********************************** */
#header{background: #FFF;box-shadow: 0px 4px 4px -5px rgba(0,0,0,0.2);}
#header .headInner{width: 98%; max-width: 880px; margin: 0 auto; padding: 10px 0 8px;}
#header .headInner .logo{float: left;width: 160px; margin-bottom: 0; line-height: 1; padding-top: 1px;}
#header .headInner .lout{float: right;width: 40px; margin-bottom: 0; line-height: 1;}
#header .headInner .logo img,
#header .headInner .lout img{width: 100%; height: auto;}
#footer{text-align: center; margin-bottom: 16px; color: #999;font-size: 11px;}

#wrap{width: 98%; max-width: 880px; margin: 0 auto; padding: 16px 0; font-size: 14px; text-align: left;}
.lwTtl01{border-left: 1px solid #EA850F; padding: 6px 2px 6px 16px; font-weight: bold; font-size: 17px; margin-bottom: 16px;}
.lwTtl02{border-bottom: 1px dotted #EA850F; padding: 0 2px 4px 6px; font-weight: bold; font-size: 16px; margin-bottom: 16px; color: #EA850F;}
.stage{background: #FFF; padding:16px 8px 24px; -webkit-box-shadow: 0 0 5px 0 #DDD;-moz-box-shadow: 0 0 5px 0 #DDD;box-shadow: 0 0 5px 0 #DDD; margin-bottom: 40px;}
.stageInner{padding: 0 4px; margin-bottom: 16px;}
.leadTxt01{margin-bottom: 8px;}
.taR{margin-bottom: 8px; text-align: right;}
.voteTbl{width: 100%;border-collapse: collapse; margin-bottom: 24px;}
.voteTbl th{border:1px solid #CCC; padding:12px 6px; background: #F5F5F5; font-weight: bold; color: #EA850C; font-size: 13px; vertical-align: middle; line-height: 1.2;}
.voteTbl td{border:1px solid #CCC; padding:6px 6px;font-size: 14px; font-weight: bold;line-height: 1.3;}
.voteTbl.result th{padding:18px 6px;}
.voteTbl.result td{padding:10px 6px;}
.voteTbl .wdtS{text-align: center;}
.voteTbl .rst{text-align: center;}
.voteTbl .hit.hide{color: #FFF;}
.voteTbl td .slcS{padding: 2px 8px; font-size: 16px; text-align: center;}
.voteTrue{font-weight: bold; color: #0092AD;}
.voteFalse{font-weight: bold; color: #AAA;}
.rsltTbl01{width: 100%;border-collapse: collapse; margin-bottom: 24px;border-top:1px solid #CCC; }
.rsltTbl01 th,
.rsltTbl01 td{border-bottom:1px solid #CCC; padding:10px 6px;font-size: 14px; font-weight: bold;line-height: 1.3;}
.rsltTbl01 th{width: 8em;}
.rsltTxt01{font-weight: bold;font-size: 14px; margin-bottom: 16px;}
.rsltTbl02{width: 100%;border-collapse: collapse; margin-bottom: 24px;}
.rsltTbl02 th,
.rsltTbl02 td{padding:10px 4px;font-size: 14px; font-weight: bold;line-height: 1.3; width: 50%;}
.rsltTbl02 td{height: 16em;}

.btnBox{text-align: center; margin-bottom: 40px;}
.btnBox.backBox{margin-bottom: 0;}
.btnBox .send{border: 3px solid #EA850F;background:#EA850F;display: block;color: #FFF; font-weight: bold; padding:8px 8px; width: 98%; max-width: 240px; font-size: 15px; cursor: pointer; margin: 0 auto;}
.btnBox .send:hover{background: #FFF; color: #EA850F;}
.btnBox .back{border: 3px solid #CCC;background:#CCC;display: block;color: #FFF; font-weight: bold; padding:4px 8px; width: 98%; max-width: 240px; font-size: 14px; cursor: pointer; margin: 0 auto;}
.btnBox .back:hover{background: #FFF; color: #CCC;}
.btnBox .lgoLnk{border: 2px solid #5E8AA9;background:#5E8AA9;display: block; color: #FFF; font-weight: bold; padding:8px 8px; width: 98%; max-width: 240px; font-size: 14px; cursor: pointer;margin: 0 auto;}
.btnBox .lgoLnk:hover{background: #FFF; color: #5E8AA9;}

/* AGREE */
#agree dl{margin-bottom: 24px;}
#agree dl.mb36{margin-bottom: 36px;}
#agree dl dt{margin-bottom: 4px;border-left: 4px solid #EA850F; padding-left: 8px;font-weight: bold;font-size: 16px;}
#agree dl dd{padding-left: 0.8em;margin-bottom: 8px; line-height: 1.6;}
#agree ol{margin-left: 1.2em;}
#agree ol li{margin-bottom: 4px;}
#agree ul{margin-left: 1.2em;padding-top: 4px;}
#agree ul li{margin-bottom: 4px;}
#agree ul li:before {content: '・';margin-left:-1em;}

/* MODAL */
.modal{position: fixed;z-index: 9;left: 0;top: 0;height: 100%;width: 100%;overflow: auto;background-color: rgba(0,0,0,0.7);}
.modal-content{background-color: #FFF;margin: 4% auto;width: 96%;box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17);animation-name: modalopen;animation-duration: 1s; border-radius: 8px;}
@keyframes modalopen{from {opacity: 0}to {opacity: 1}}
.modal-header h1 {margin: 1rem 0;font-size: 19px;text-align: center;color: #EA850F;font-weight: bold;}
.modal-header {padding: 16px 16px 4px;}
.modal-body {padding: 8px 24px;text-align: left;line-height: 1.4;}
.modal-body p{text-align: left; margin-bottom: 24px;font-size: 15px;line-height: 1.6;}
.modal-inner{margin-bottom: 16px;padding: 0 8px;font-size: 15px;}
.modal-inner dl{margin-bottom: 24px;}
.modal-inner dl.mb36{margin-bottom: 36px;}
.modal-inner dl dt{margin-bottom: 4px;border-left: 4px solid #EA850F; padding-left: 8px;font-weight: bold;font-size: 16px;}
.modal-inner dl dd{padding-left: 0.8em;margin-bottom: 8px; line-height: 1.6;}
.modal-inner ol{margin-left: 1.2em;}
.modal-inner ol li{margin-bottom: 4px;}
.modal-inner ul{margin-left: 1.2em;padding-top: 4px;}
.modal-inner ul li{margin-bottom: 4px;}
.modal-inner ul li:before {content: '・';margin-left:-1em;}
.modal-footer{padding:16px 0 32px;text-align: center;}
.modal-footer label{display: inline-block; cursor: pointer;margin-bottom: 16px;font-size: 14px;}
.modal-footer label:hover{color: #EA850F;}
.modal-footer input{background: #EA850F;color: #FFF;text-shadow: -1px -1px 0 #BF6C0B; border: none; border-radius: 16px; cursor: pointer; display: inline-block; padding: 12px 24px;font-weight: bold;font-size: 14px;}
.modal-footer input:hover{background: #BF6C0B;}

/* *********************************
/* 009:RESPONSIVE
*********************************** */
@media screen and (min-width: 560px) {

}
@media screen and (min-width: 760px) {
/* 003:COMMON **********************/
br.sp{display: none;}
.error{color:#FF0000;font-size: 13px;}
#header .headInner .logo{width: 192px;}
#header .headInner .lout{width: 46px;}
.lwTtl01{font-size: 19px;}
.lwTtl02{font-size: 18px;}
.stage{padding: 24px 24px 40px;}
.stageInner{padding: 0 6px;}
.leadTxt01{font-size: 15px;}
.taR{font-size: 15px;}
.voteTbl th{padding:18px 12px;font-size: 15px;}
.voteTbl td{padding:10px 12px;font-size: 17px;}
.voteTbl.result th{padding:20px 12px;}
.voteTbl.result td{padding:14px 12px;}
.voteTbl .wdtS{width: 9.5em; text-align: center;}
.rsltTbl01 th,
.rsltTbl01 td{padding:14px 12px;font-size: 17px;}
.rsltTbl01 th{width: 13em;}
.rsltTxt01{font-size: 17px;}
.rsltTbl02 th,
.rsltTbl02 td{font-size: 17px;}
.voteTbl td .slcS{padding: 6px 24px; font-size: 16px;}
.btnBox .send{font-size: 17px;}

}
@media screen and (min-width: 960px) {

}
@media screen and (min-width: 1120px) {

}
@media print{
body{width: 1000px;}
}

/* *********************************
/* 999:CLEARFIX
*********************************** */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;}