/*
Theme Name: recruit予約販売管理チェックシート
Description:recruit予約販売管理チェックシート
Theme URI: 
Author: ifdesign inc
Author URI: https://ifdesign.jp
Version: 1.00
*/

/*reset CSS設定*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}*,:after,:before{box-sizing:border-box}button{cursor:pointer;cursor:hand}img{vertical-align:bottom}li{list-style-type:none}


/*レイアウト設定*/

input[type=checkbox] {
  cursor: pointer;
  width: 3%;
}

body {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
  background-color: #2a63b7;
  line-height: 1.4em;
  font-size: medium;
}

.wrap {
  padding-top: 130px;
  padding-bottom: 50px;
  padding-left: 3%;
  padding-right: 3%;
}

header {
  position: fixed;
  top: 0px;
  width: 100%;
  background-color: #2a63b7;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, .5));
  z-index: 10;
}

.header-wrap {
  width: 92%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

h1 {
  font-size: 18pt;
  color: #FFFFFF;
  line-height: 1.2em;
}

h2 {
  font-size: 17pt;
  color: #2A63B7;
  line-height: 1.2em;
}

h3 {
  font-size: 15pt;
  color: #2A63B7;
  line-height: 1.2em;
}

section {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  background-color: #FFFFFF;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: 30px;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, .5));
}

article {
  margin-bottom: 20px;
  border-bottom: 1px solid #D2D2D2;
  padding-bottom: 20px;
}

article:last-child {
  border-bottom: none;
}

.total-score {
  font-size: x-large;
  color: #FFFFFF;
  font-weight: bold;
  margin-left: auto;
  text-align: end;
}

.total-score span {
  font-size: 50pt;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1em;
}
.total-score span.label {
  font-size: x-large;
  white-space: nowrap;
}
section .category {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-end
}

section .category .score {
  margin-left: auto;
  color: #2A63B7;
  font-weight: bold;
  text-align: end;
}

section .category .score span {
  font-size: 30pt;
  padding-left: 5px;
  padding-right: 5px;
}

section .sub-category {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-end
}

section .sub-category .score {
  margin-left: auto;
  color: #2A63B7;
  font-weight: bold;
  text-align: end;
}

section .sub-category .score span {
  font-size: 22pt;
  padding-left: 3px;
  padding-right: 3px;
}

section ul {}

section ul li {
  margin-bottom: 10px;
}

section ul li label {
  display: flex;
  align-items: flex-start;
}

section ul li p {
  width: 97%;
}

@media screen and (max-width: 480px) {
input[type=checkbox] {
  cursor: pointer;
  width: 6%;
}
  h1 {
    font-size: 12pt;
    min-width: 65%;
  }
  h2 {
    font-size: 15pt;
  }
  h3 {
    font-size: 13pt;
  }
  .total-score {
    font-size: large;
  }
  .total-score span {
    font-size: 35pt;
  }
 .total-score span.label {
    font-size: large;
    display: block;
    margin-bottom: 5px;
  }
  section .category .score span {
    font-size: 25pt;
  }
  section .sub-category .score span {
    font-size: 19pt;
  }
  section ul li p {
  width: 94%;
}
}