@charset "UTF-8";
/* CSS Document */
/*==================================

ENサイト_プロダクツ(モバイル用)

===================================*/

.products {
    width: 100%;
    margin: 0 auto;
}
.products_contents  {
    width: 100%;
    margin-bottom: 50px;
}
.products_inf {
    width: 80%;
    text-align: left;
    position: relative;
    margin: 10px;
    left: 10%;
    right: 10%;
}
.products_inf h2 {
    text-align: left;
}

.products_title p {
    margin-top: 10px;
    margin-right: 0;
    margin-left: 10;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    color: #FFFFFF;
    font-weight: bolder;
    font-size: x-large;
    background-color: #005BAB;
    padding-left: 30px;	
}
.products_inner {
  width: 100%;
  text-align: center;
  max-width: 1000px;
  margin: 10px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* 中央に配置 */
}

.products_category {
    text-align: center;
    margin: 5px;
    flex: 0 0 80%; /* 幅を均等に分配し、10pxのマージンを考慮 */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.products_category a {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bolder;
    font-size: large;
    background-color: #005BAB;
    text-align: center;
    word-wrap: break-word;
    box-shadow: 0px 5px 5px rgba(100, 100, 100, 0.2);
    padding: 15px 20px;
    transition: 0.2s;
    width: 100%;
    margin: 15px 0;
    height: 100%;
}

.products_category a:hover {
  background: #e0eaf2;
  color: #008ed1;
}

.products_category a p:hover {
    background: #e0eaf2;
    color: #008ed1;
}
.products_category div img {
    width: 15%;
    display: inherit;
    position: absolute;
    left: 0%;
}

.products_list {
    text-align: center;
    margin: 5px;
    flex: 0 0 80%; /* 幅を均等に分配し、10pxのマージンを考慮 */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.products_category a p::hover h3::after{
        right: -8px;
        border-right: 1px solid #008ed1;
  border-top: 1px solid #008ed1;
    }
.products_list a {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bolder;
    font-size: large;
    background-color: #95ACC7;
    text-align: center;
    word-wrap: break-word;
    box-shadow: 0px 5px 5px rgba(100, 100, 100, 0.2);
    padding: 15px 20px;
    transition: 0.2s;
    width: 100%;
    margin: 15px 0;
}
.products_list a:hover {
  background: #e0eaf2;
  color: #008ed1;
}
.products_list a p:hover {
    background: #e0eaf2;
    color: #008ed1;
}
.products_list a img {
    width: 10%;
    position: absolute;
    margin-left: 0px;
}
.products_list div img {
    width: 15%;
    display: inherit;
    position: absolute;
    left: 0%;
}


.products_inner_detail {
  width: 100%;
  text-align: center;
  max-width: 1000px;
  margin: 10px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* 中央に配置 */
}
.products_inner_detail div p {
    font-size: large;
    font-weight: bold;
}
.products_inner_detail div li {
    font-size: large;
    list-style-type: disc;
    padding-left: 2em;
    text-indent: -1.5em;
    text-align: left;
}



.products_detail {
    text-align: center;
    margin: 5px;
    flex: 0 0 80%; /* 幅を均等に分配し、10pxのマージンを考慮 */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
    padding-top: 10px;
}

.products_detail a {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bolder;
    font-size: large;
    background-color: #005BAB;
    text-align: center;
    word-wrap: break-word;
    box-shadow: 0px 5px 5px rgba(100, 100, 100, 0.2);
    padding: 15px 20px;
    transition: 0.2s;
    width: 100%;
    border-radius: 2px;
    margin: 15px 0;
}

.products_detail a:hover {
    background: #e0eaf2;
    border-radius: 2px;
    color: #008ed1;
}

.products_detail a p:hover {
    background: #e0eaf2;
    color: #008ed1;
}
.products_inner_img {
    width: 80%;
    height: auto;
    padding-bottom: 20px;
    padding-top: 0px;
}

.table {
     width: 100%;
     border: solid 2px #000
     text-align: left;
}

.table_th {
     padding: 10px;
     width: 25%;
     font-size: medium;
     border: solid 2px #000
 }

.table_td {
     padding: 10px;
     width: 75%;
     text-align: left;
     font-size: medium;
     border: solid 2px #000
 }