@charset "utf-8";
/* CSS Document */
/* mainArea
--------------------------------------------------------------------*/

#mainArea {
  width:100%;
  height:auto;
  position:absolute;
  top:0;
  z-index:500;
}
#visualBlock {
  width:100%;
  height:380px;
  background-image:url(../images/main.jpg);
  background-size:cover;
  background-position:center;
}
#visualBlock h1 {
  width:100%;
  text-align:center;
  padding:190px 0 0;
  color:#FFF;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
  font-size:500%;
  line-height:0.5em;
  text-shadow: 4px 4px 10px #000000;
}
#visualBlock h1 span {
  font-size:20px;
  
}

.wearBlock {
  width:100%;
  max-width:1000px;
  margin:0 auto;
}

.contactBox {
  width:35%;
  margin-bottom:20px;
  padding:0 20px 0 0;
}
.contactBox p {
  line-height:1.4em;
}
.contactBox h3 {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
  font-size:139%;
  line-height:1.4em;
  padding:0 0 20px;
}
.contactBox dl {
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  border-top:#666 dotted 1px;
}
.contactBox dt {
  width:24%;
  line-height:1.4em;
  padding:8px 0;
}
.contactBox dd {
  width:80%;
  line-height:1.4em;
  padding:8px 0;
}
.contactBox ul {
  padding: 0 0 10px;
}
.contactBox ul li {
  line-height: 1.4em;
  padding: 2px 0 2px 1em;
  text-indent: -1em;
}
.contactBox ul li::before {
  content: "■";
}


.wear_txt {
  width:auto;
  margin: 0 auto;
  padding:0 0 20px;
  text-align: center;
}
.wear_txt p {
  line-height:1.4em;
}
.wear_txt h3 {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
  font-size:139%;
  line-height:1.4em;
  padding:0 0 20px;
  text-align: center;
}
.wear_doc {
  width: auto;
  display: inline-block;
}
.wear_doc ul {
  padding: 0 0 10px;
  text-align: left;
}
.wear_doc ul li {
  line-height: 1.4em;
  padding: 2px 0 2px 1em;
  text-indent: -1em;
}
.wear_doc ul li::before {
  content: "■";
}
.wear_doc p {
  text-align: left;
}



.downloadBtn {
  text-align:center;
  padding:20px 0;
}
.downloadBtn a {
  display:block;
	background-color: #ff6600;
  border-radius:8px;
  padding:24px 0;
  color:#FFF;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
  font-size:170%;
  text-decoration:none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.downloadBtn a:hover {
	background-color:rgba(240,26,86,1.00);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.tableBox {
  width: 65%;
}
.table_waku {
  margin:0 0 8px;
  width: 100%;
}
.tableBox h3 {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 700;
  font-size:124%;
  padding:0 0 8px;
  text-align:center;
}
.tableBox table {
  border-top:#CCC solid 1px;
  border-left:#CCC solid 1px;
  width: 100%;
}
.tableBox td {
  border-right:#CCC solid 1px;
  border-bottom:#CCC solid 1px;
  padding:5px;
  text-align:center;
  font-size:94%;
  line-height:1.4em;
  vertical-align:middle;
  white-space: nowrap;
}
.tableBox p {
  line-height:1.4em;
}
.jre {
  background-color:#FFFFCC
}
.jreTh {
  background-color:#FFFF99
}
.jr {
  background-color:#CCFFCC
}
.jrTh {
  background-color:#CCFF99
}
.jy {
  background-color:#CCFFFF
}
.jyTh {
  background-color:#99FFFF
}
.sc {
  background-color:#FFEACC
}
.scTh {
  background-color:#FFCC99
}
.ch {
  background-color:#FFCCFF
}
.chTh {
  background-color:#FF99CE
}


.tableBox02 {
  width: 65%;
}
.tableBox02 h3 {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 700;
  font-size:124%;
  padding:0 0 8px;
  text-align:center;
}
.tableBox02 table {
  border-top:#CCC solid 1px;
  border-left:#CCC solid 1px;
  margin:0 0 20px;
  width: 100%;
}
.tableBox02 td,.tableBox02 th {
  border-right:#CCC solid 1px;
  border-bottom:#CCC solid 1px;
  padding:5px;
  text-align:center;
  font-size:94%;
  line-height:1.4em;
  vertical-align:middle;
}
.tableBox02 th {
  width: 150px;
}
.tableBox02 p {
  line-height:1.4em;
}


.wear_table {
  width: 100%;
}
.wear_table h3 {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 700;
  font-size:124%;
  padding:0 0 8px;
  text-align:center;
}
.wear_table table {
  border-top:#CCC solid 1px;
  border-left:#CCC solid 1px;
  margin:0 0 20px;
  width: 100%;
}
.wear_table td,.wear_table th {
  border-right:#CCC solid 1px;
  border-bottom:#CCC solid 1px;
  padding:5px;
  text-align:center;
  font-size:94%;
  line-height:1.4em;
  vertical-align:middle;
}
.wear_table th {
  width: 150px;
}
.wear_table p {
  line-height:1.4em;
}
.shokei {
  text-align: right;
}

div.tate {
  -webkit-writing-mode:vertical-rl;
  writing-mode:vertical-rl;
  height: auto;
  width: 1em;
  white-space: nowrap;
  line-height: 1em;
}
.suryo {
  width: 30px;
}
.gokei {
  width: 400px;
  padding: 5px;
  font-size: 154%;
}
.name_txt {
  width: 400px;
  padding: 5px;
  font-size: 124%;
}
.btn_submit {
  text-align: center;
}
.btn_submit input {
  width: 200px;
  height: auto;
  font-size: 20px;
  padding: 5px;
}


/* SmartPhone用設定
------------------------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 767px) {


#visualBlock {
  width:100%;
  height:240px;
}

#visualBlock h1 {
  padding:120px 0 0;
  font-size:300%;
  line-height:0.8em;
}

  
.contactBox {
  width:100%;
  padding:0 0px 0 0;
}
.contactBox h3 {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 700;
  font-size:124%;
}
.contactBox dl {
  display: block;
  border-top:#666 dotted 1px;
}
.contactBox dt {
  width:100%;
  line-height:1.4em;
  padding:8px 0 0;
}
.contactBox dd {
  width:100%;
  line-height:1.4em;
  padding:0px 0 8px;
}
.contactBox ul li {
}
.downloadBtn a {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 700;
  font-size:124%;
  padding:14px 0;
}
.tableBox {
  width: 100%;
}
.tableBox .table_waku {
  width: auto;
  overflow-x: scroll;
}
.tableBox .table_waku::-webkit-scrollbar {
  height: 5px;
}
.tableBox .table_waku::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.tableBox .table_waku::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
  
  
.tableBox02 {
  width: 100%;
}
.tableBox02 .table_waku {
  width: auto;
}
  
.tableBox02 th {
  width: auto;
}
.suryo {
  width: 30px;
}
.gokei {
  width: 100%;
  padding: 5px;
  font-size: 154%;
}
.name_txt {
  width: 100%;
  padding: 5px;
  font-size: 124%;
}

}