T62

shared/css/common.css

@@ -960,6 +960,22 @@ mt60 {
   margin-right: 50px !important;
 }
 
+.mr60 {
+  margin-right: 60px !important;
+}
+
+.mr70 {
+  margin-right: 70px !important;
+}
+
+.mr80 {
+  margin-right: 80px !important;
+}
+
+.mr90 {
+  margin-right: 90px !important;
+}
+
 .mb00 {
   margin-bottom: 0 !important;
 }

shared/js/accordion.js

+$(function () {
+ $(".accor_btn p").click(function(){
+  $(this).toggleClass("is-open");
+   $(".accor").slideToggle();
+ });
+});
\ No newline at end of file

trend/css/parts.css

@@ -763,6 +763,7 @@ div#container div#contents div#main_contents div.section div.content p.question
 div#container div#contents div#main_contents div.section div.content p.question span.q_textleft {
  float: left;
 }
+
 div#container div#contents div#main_contents div.section div.content p.answer {
  margin-left: 0;
  margin-bottom: 20px;
@@ -869,6 +870,7 @@ div#container div#contents div#main_contents div.section div.att {
  padding-top: 1.5em;
  padding-bottom: 0;
  border: solid 1px #F8F9FB;
+ position: relative;
 }
 
 div#container div#contents div#main_contents div#section_last div.att p,
@@ -1597,7 +1599,10 @@ div.jis4 h6 {
 
 .inner_table,
 .inner_table th,
-.inner_table td {
+.inner_table td,
+.inner_table_2,
+.inner_table_2 th,
+.inner_table_2 td {
  border: 1px solid #ddd;
  font-size: 16px;
 }
@@ -1611,26 +1616,38 @@ div.jis4 h6 {
  text-align: center !important;
 }
 
-.inner_table .wt200 {
+.wt200 {
  width: 200px;
 }
 
-.inner_table .wt150 {
+.wt150 {
  width: 150px;
 }
 
-.inner_table .wt100 {
+.wt136 {
+ width: 136px;
+}
+
+.wt100 {
  width: 100px;
 }
 
-.inner_table .wt80 {
+.wt88 {
+ width: 88px;
+}
+
+.wt80 {
  width: 80px;
 }
 
-.inner_table .wt52 {
+.wt52 {
  width: 52px;
 }
 
+.wt30 {
+ width: 30px;
+}
+
 .mt10 {
  margin-top: 10px;
 }
@@ -1774,9 +1791,11 @@ sub.base_line {
  display: flex;
  justify-content: space-between;
 }
-#sanitary div.fl_box img{
+
+#sanitary div.fl_box img {
  margin-top: -14px;
 }
+
 #sanitary div.fl_box .fl_sup {
  display: flex;
  font-size: 84%;
@@ -1784,6 +1803,7 @@ sub.base_line {
  line-height: 1.5;
  margin: 4px 0 0 4px;
 }
+
 table.wd30p {
  width: 30% !important;
 }
@@ -1830,19 +1850,19 @@ table.wd30p {
 }
 
 .section .left_ttl {
- text-align: left!important;
- margin: 0!important;
+ text-align: left !important;
+ margin: 0 !important;
  font-size: 16px;
 }
 
 .section .right_ttl {
- text-align: right!important;
- margin: 0!important;
+ text-align: right !important;
+ margin: 0 !important;
  font-size: 16px;
 }
 
 .font_conditioned .section h4.label {
-  background: none;
+ background: none;
  background-color: #ececfb;
  width: 100%;
  height: 40px;
@@ -1860,4 +1880,43 @@ table.wd30p {
 .font_conditioned .ft13 {
  font-size: 13px;
  width: 650px;
-}
\ No newline at end of file
+}
+
+.font_conditioned .accor {
+ display: none;
+}
+
+.font_conditioned .close {
+ position: relative;
+}
+
+.font_conditioned .close:after,
+.font_conditioned .close:before {
+ display: block;
+ content: " ";
+ position: absolute;
+ width: 20px;
+ height: 2px;
+ background-color: #73d7e5;
+ top: 12px;
+ right: 30px;
+ cursor: pointer;
+}
+
+.font_conditioned .close:before {
+ transform: rotate(-90deg);
+ transition:0.3s ease-in-out;
+}
+
+.font_conditioned .close.is-open:before {
+ transform: rotate(0deg);
+ transition:0.3s ease-in-out;
+}
+
+h5.last {
+ font-weight: bold;
+}
+
+.font_conditioned .accor_btn > p {
+ cursor: pointer;
+}