/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Description: ver20180831以上対応
Version: 20180831
*/

body {
	line-height: 1.2rem !important;
}
/* btnAnime04 */

@-moz-keyframes plnpln1 {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
    100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes plnpln1 {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
    100% { -o-transform: skewX(0deg); }
}

@-webkit-keyframes plnpln1 {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
    100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes arrow1 {
    0% { -moz-transform: translateX(0px); }
    45% { -moz-transform: translateX(20px); }
    50% { -moz-transform: translateX(25px); }
    55% { -moz-transform: translateX(20px); }
    95% { -moz-transform: translateX(0px); }
    100% { -moz-transform: translateX(0px); }
}

@-o-keyframes arrow1 {
    0% { -o-transform: translateX(0px); }
    45% { -o-transform: translateX(20px); }
    50% { -o-transform: translateX(25px); }
    55% { -o-transform: translateX(20px); }
    95% { -o-transform: translateX(0px); }
    100% { -o-transform: translateX(0px); }
}

@-webkit-keyframes arrow1 {
    0% { -webkit-transform: translateX(0px); }
    45% { -webkit-transform: translateX(20px); }
    50% { -webkit-transform: translateX(25px); }
    55% { -webkit-transform: translateX(20px); }
    95% { -webkit-transform: translateX(0px); }
    100% { -webkit-transform: translateX(0px); }
}
.btnAnime04 {
    position: relative;
    display:block;
    width:100%;
    max-width:600px;
    padding:10px;
    padding-left:10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left:auto;
    margin-right:auto;
}
.btnAnime04-animate{
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -ms-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;

    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    margin-left:auto;
    margin-right:auto;
    z-index: 8;

    -webkit-animation-name: plnpln1;
    -moz-animation-name: plnpln1;
    -o-animation-name: plnpln1;
    animation-name: plnpln1;
    width:100%;
}
.btnAnime04-arrow {
    position: absolute;
    top:25%;
    left:-5px;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;

    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    -webkit-animation-name: arrow1;
    -moz-animation-name: arrow1;
    -o-animation-name: arrow1;
    animation-name: arrow1;
    z-index: 9;
    width:20%;
    max-width:100px;
}
.btnAnime04:hover img{
    opacity:1;
}

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}

/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {


	/*-- ここまで --*/
}

/*----------
  検索機能
-----------*/
/*----------------------------
hikaku table
----------------------------*/
.form-bg{
  margin: 0 0 30px;
  padding: 0 0px 1px;
  background-color: #fff;
}
.title-container01{
  margin: 0 auto;
}
.contents_ttl{
  padding: 10px 20px;
  margin:0 -20px 30px;
  font-size: 28px;
  font-weight: normal;
  line-height: 1.4;
  color:#fff;
  background-color: #634b34;
  position: relative;
}
.contents_ttl span{
  display: block;
  text-align: center;
  color:#fff;
}

.t_table {
  width: 100%;
  margin-bottom:20px;
}
.t_table dt{
  position: relative;
  display: block;
  background-color:#030303;
  padding: 10px 1.5em;
  /*border-radius: 10px;*/
  margin-bottom: 15px;
  text-align: left;
  color: #fff;
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 1px;
}
.t_table dt::before {
    /*background: #fff;*/
    content: '\f067';
    display: block;
    font-family: "Font Awesome 5 Free";
    line-height: 40px;
    font-weight: 700;
    position: absolute;
    left: 0;
    text-align: center;
    top: 0;
    width: 1.5em;
}
.t_table dt.on::before {
  content: '\f068';
}
div.t_table dl.display-block dd {
  display: block;
}
div.t_table dl.display-block dt::before {
  content: '\f068';
}
div.t_table dl.display-block dt.on::before {
  content: '\f067';
}
div.t_table dd{
  display: none;
  padding: 10px;
  font-size:22px;
  margin: 0;
}
.t_table dd select{
  border-radius: 30px;
  padding: 14px 20px;
  font-size:24px;
  border:2px solid #ccc;
}
.t_table ul{overflow:hidden;}
/*.t_table td .orange,
.t_table td .red,
.t_table td .blue,
.t_table td .green{
  color: #333 !important;
}
.t_table td .check-group > div,
.t_table td ul li{
  margin: 0 0 5px 0;
}*/
.t_table ul.col4 li,
.t_table div.col4 > div{
  float:left;
  width:50%;
  box-sizing: border-box;
}
.t_table ul.col2 li,
.t_table div.col2 > div{
  float:left;
  width:100%;
  box-sizing: border-box;
}
.t_table input[type="radio"],
.t_table input[type="checkbox"] {
    margin: 0px 6px 0;
    margin-top: 1px \9;
    /* IE8-9 */
    line-height: normal;
    width: 22px;
    height: 22px;
}
.t_table label {
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
		padding: 0px 0.5em;
}
/*-------------------------
チェックボックス　ボタン化
--------------------------*/
div.check-group{
  width: 100%;
}
div.check-group input[type=checkbox] {
    width: 22px;
    height: 22px;
    vertical-align: middle;
}
div.check-group div {
  cursor: pointer;
  padding: 10px 6px;
  float: left;
  border: solid 2px #C0D61B;
  margin-left: -2px;
background: #fbffd6; /* Old browsers */
background: -moz-linear-gradient(top,  #fbffd6 0%, #d0f473 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbffd6), color-stop(100%,#d0f473)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbffd6 0%,#d0f473 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbffd6 0%,#d0f473 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbffd6 0%,#d0f473 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbffd6 0%,#d0f473 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbffd6', endColorstr='#d0f473',GradientType=0 ); /* IE6-9 */
  text-shadow: 0px 0px 0px #fff;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  margin:0 20px 20px 0;
  box-shadow:inset 2px 2px 2px #fff;
  text-align:left;
  color:#000;
  font-size:22px;
  font-weight:bold;
}
div.check-group.blue div {
  cursor: pointer;
  padding: 12px 6px;
  float: left;
  border: solid 2px #509FC9;
  margin-left: -2px;
background: #e8f8ff; /* Old browsers */
background: -moz-linear-gradient(top,  #e8f8ff 0%, #92d6ef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f8ff), color-stop(100%,#92d6ef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e8f8ff 0%,#92d6ef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e8f8ff 0%,#92d6ef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e8f8ff 0%,#92d6ef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e8f8ff 0%,#92d6ef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f8ff', endColorstr='#92d6ef',GradientType=0 ); /* IE6-9 */
  text-shadow: 0px 0px 0px #fff;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  margin:0 20px 20px 0;
  box-shadow:inset 2px 2px 2px #fff;
  text-align:left;
  color:#000;
  font-size:22px;
  font-weight:bold;
}
div.check-group.orange div {
  cursor: pointer;
  padding: 12px 6px;
  float: left;
  border: solid 2px #D6B14D;
  margin-left: -2px;
background: #fcf3d4; /* Old browsers */
background: -moz-linear-gradient(top,  #fcf3d4 0%, #fce479 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf3d4), color-stop(100%,#fce479)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcf3d4 0%,#fce479 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcf3d4 0%,#fce479 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcf3d4 0%,#fce479 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcf3d4 0%,#fce479 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf3d4', endColorstr='#fce479',GradientType=0 ); /* IE6-9 */
  text-shadow: 0px 0px 0px #fff;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  margin:0 20px 20px 0;
  box-shadow:inset 2px 2px 2px #fff;
  text-align:left;
  color:#000;
  font-size:22px;
  font-weight:bold;
}
div.check-group.red div {
  cursor: pointer;
  padding: 12px 6px;
  float: left;
  border: solid 2px #FF915E;
  margin-left: -2px;
background: #ffe3dd; /* Old browsers */
background: -moz-linear-gradient(top,  #ffe3dd 0%, #ffc5aa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe3dd), color-stop(100%,#ffc5aa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffe3dd 0%,#ffc5aa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffe3dd 0%,#ffc5aa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffe3dd 0%,#ffc5aa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffe3dd 0%,#ffc5aa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe3dd', endColorstr='#ffc5aa',GradientType=0 ); /* IE6-9 */
  text-shadow: 0px 0px 0px #fff;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  margin:0 20px 20px 0;
  box-shadow:inset 2px 2px 2px #fff;
  text-align:left;
  color:#000;
  font-size:22px;
  font-weight:bold;
}

div.check-group.col4 div{
  width:100%;
}
div.check-group.col4 div:nth-child(even){
  margin-right: 0;
}
div.check-group.col4 div.wide{
  width:100%;
}
div.check-group.col2 div{
  width:100%;
}

#more-table{
  display: none;
}
#accodionBtn01,
#accodionBtn02{
  width: 90%;
  margin: 10px auto 30px;
  cursor: pointer;
  border-radius: 12px;
  background-color: #858585;
  color: #fff;
  padding: 20px 20px 20px 10px;
  font-size: 30px;
  text-align: center;
  display: none;
}
#accodionBtn01.active,
#accodionBtn02.active{
  display: block;
}
.form-search-btn{
  width: 90%;
  display: block;
  text-decoration: none;
  margin: 0 auto 30px;
  border-radius: 12px;
  background-color: #858585;
  color: #fff;
  padding: 20px 20px 20px 10px;
  text-align: center;
  box-shadow:0px 8px 8px 0px rgba(171,171,171,0.5);
  -moz-box-shadow:0px 8px 8px 0px rgba(171,171,171,0.5);
  -webkit-box-shadow:0px 8px 8px 0px rgba(171,171,171,0.5);
  background: -ms-linear-gradient(top,  #ffb65e 0%, #ff6a00 100%);
  background: -moz-linear-gradient(top,  #ffb65e 0%, #ff6a00 100%);
  background: -o-linear-gradient(top, #ffb65e 0%, #ff6a00 100%);
  background: -webkit-linear-gradient(top,  #ffb65e 0%,#ff6a00 100%);
  background: linear-gradient(to bottom,  #ffb65e 0%,#ff6a00 100%);
  border: 2px solid #d55a03;
  font-weight: bold;
  letter-spacing: 2px;
  font-size:32px;
}
.form-search-btn span{
  position: relative;
}
.form-search-btn span:after{content: '';
  width: 26px;
  height: 26px;
  border: 0px;
  border-top: solid 6px #fff;
  border-right: solid 6px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: -40px;
  margin-top: -13px;
}
.hikakuTable table{
  border-collapse:collapse;
  }
.hikakuTable .textLeft{
  text-align:left;
  }
.hikakuTable p.textCenter{
  text-align:center;
  padding:0px;
  margin:0px;
  }
.hikakuTable table tr th,.hikakuTable table tr td{
  padding:10px;
  border:solid 2px #ccc;
  font-size:85%;
  text-align: center;
  }
.hikakuTable table tr th{
  background:#2996be;
  }
.hikakuTable table tr.attention{
  background:#a4d6ff;
  }

/*----------------------------
result-page.php
----------------------------*/
table.tablesorter {
background-color: #fff;
}
table.tablesorter thead{
  width: 100%;
}
table.tablesorter thead tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  background-color: #fff;
}
table.tablesorter thead tr th{
  width: 25%;
  box-sizing: border-box;
  border-collapse:separate;
  background-color: #feead1;
  font-size: 22px;
  padding: 16px 0;
  border-radius: 16px;
  border: 8px solid #fff;
}
table.tablesorter thead tr .header {
  height: 165px;
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
  text-align: center;
  position: relative;
}
table.tablesorter thead tr .header span.sorter{
  white-space: nowrap;
}
table.tablesorter thead tr .header .header-sort-btn{
  position: absolute;
  bottom: 15px;
  text-align: center;
  width: 100%;
}
table.tablesorter thead tr .header a{
  color:#ff6600;
  display: inline-block !important;
  text-decoration: none;
  background-color: #fff;
  border-radius: 8px;
  padding: 6px 16px;
}
@media screen and (max-width:320px){
  table.tablesorter thead tr .header a{
    padding: 8px 14px;
  }
}
table.tablesorter thead tr .companyName {
background: #ffebb6;
}
table.tablesorter tbody{
  border-bottom: #9F9C97 2px solid;
  width: 100%;
  font-size: 22px;
}
table.tablesorter tbody tr {
  display: block;
  border-top: #9F9C97 2px solid;
  padding: 5% 13%;
}
table.tablesorter tbody tr td {
  display: block;
  padding: 20px 0;
  width: 100%;
  border-top: 0;
  border-right: 0;
  border-bottom: #C2C0AF 2px solid;
  border-left: 0;
}
table.tablesorter tbody tr td:nth-child(1){
  display: block;
  text-align: center;
  color: #ff71a6;
  font-weight: 600;
  font-size: 32px;
  padding: 0 0 40px;
}
table.tablesorter tbody tr td:nth-child(1) img{
  margin-top:10px;
}
table.tablesorter tbody tr td:nth-child(2),
table.tablesorter tbody tr td:nth-child(3),
table.tablesorter tbody tr td:nth-child(4),
table.tablesorter tbody tr td:nth-child(5){
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
table.tablesorter tbody tr td:last-child{
  border-bottom: none;
}
table.tablesorter tbody tr td div{
  text-align: right;
}
table.tablesorter tbody tr td a.btn-more{
  width: 100%;
  display: block;
  text-decoration: none;
  margin: 0 auto;
  border-radius: 12px;
  background-color: #858585;
  color: #fff;
  padding: 20px;
  text-align: center;
  box-shadow: 0px 8px 8px 0px rgba(171,171,171,0.5);
  -moz-box-shadow: 0px 8px 8px 0px rgba(171,171,171,0.5);
  -webkit-box-shadow: 0px 8px 8px 0px rgba(171,171,171,0.5);
  background: -ms-linear-gradient(top, #ffb65e 0%, #ff6a00 100%);
  background: -moz-linear-gradient(top, #ffb65e 0%, #ff6a00 100%);
  background: -o-linear-gradient(top, #ffb65e 0%, #ff6a00 100%);
  background: -webkit-linear-gradient(top, #ffb65e 0%,#ff6a00 100%);
  background: linear-gradient(to bottom, #ffb65e 0%,#ff6a00 100%);
  border: 2px solid #d55a03;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 30px;
  box-sizing: border-box;
}
/* dataTable
---------------------------------------------------------*/
#dataTable {
margin-bottom: 20px;
}
#dataTable table.tablesorter:nth-child(even) tbody tr,
#dataTable table.tablesorter tbody.first-myTables tr{
  background-color: #fffeef !important;
}
#dataTable table.tablesorter:nth-child(odd) tbody tr{
  background-color: #fff;
}
#dataTable table.tablesorter tbody{
  border-bottom: none;
}