PCコーディングラフ

common.css

@@ -303,6 +303,10 @@ article {
 ********************************************************** */
 ********************************************************** */
 
 
 /*PC表示用CSSを記述*/
 /*PC表示用CSSを記述*/
+#dt_retympa h2 {
+ font-size: 1.5rem;
+}
+
 #dt_retympa .top_area {
 #dt_retympa .top_area {
  width: 100%;
  width: 100%;
  margin: 10px 0;
  margin: 10px 0;
@@ -312,6 +316,7 @@ article {
  justify-content: space-between;
  justify-content: space-between;
 }
 }
 
 
+/*
 #dt_retympa .top_area .upper_text {
 #dt_retympa .top_area .upper_text {
  position: absolute;
  position: absolute;
  margin: 3px 0 0 72px;
  margin: 3px 0 0 72px;
@@ -329,11 +334,12 @@ article {
  font-size: 80%;
  font-size: 80%;
  margin-left: 25px;
  margin-left: 25px;
 }
 }
+*/
 
 
 #dt_retympa .top_area .retympa_logo {
 #dt_retympa .top_area .retympa_logo {
  width: 400px;
  width: 400px;
- height: 48px;
- padding: 22px 0 0 15px;
+ height: 75px;
+ padding: 12px 0 0 15px;
 }
 }
 
 
 #dt_retympa .top_area .retympa_right {
 #dt_retympa .top_area .retympa_right {
@@ -347,10 +353,104 @@ article {
  font-size: 70%;
  font-size: 70%;
 }
 }
 
 
+#dt_retympa .attachedDoc {
+ display: inherit;
+ text-align: right;
+ margin-bottom: 10px;
+}
+
+#dt_retympa .drArea {
+ display: inherit;
+ text-align: right;
+}
+
+#dt_retympa .movieArea {
+ margin-top: 30px;
+}
+
+#dt_retympa .productArea {
+ margin-top: 70px;
+}
+
+#dt_retympa .meetingArea {
+ margin: 60px 0;
+}
+
 #dt_retympa sup {
 #dt_retympa sup {
  font-size: 50%;
  font-size: 50%;
 }
 }
 
 
+#dt_retympa .btnArea {
+ display: flex;
+ justify-content: center;
+ margin-top: 30px;
+}
+
+.retympa_button {
+ display: inline-block;
+ text-align: center;
+ border-width: 1px;
+ border-style: solid;
+ text-transform: uppercase;
+ text-decoration: none;
+ line-height: 1.1;
+ font-weight: normal;
+ font-family: sans-serif;
+ color: #FFFFFF !important;
+ font-size: 1.6rem;
+ background-color: #FF9036;
+ background-image: -webkit-linear-gradient(top, #ff933b 0%, #efa86f 48%, #FF9036 49%, #FF9036 82%, #ff9f52 100%);
+ background-image: -moz-linear-gradient(top, #ff933b 0%, #efa86f 48%, #FF9036 49%, #FF9036 82%, #ff9f52 100%);
+ background-image: -o-linear-gradient(top, #ff933b 0%, #efa86f 48%, #FF9036 49%, #FF9036 82%, #ff9f52 100%);
+ background-image: linear-gradient(top, #ff933b 0%, #efa86f 48%, #FF9036 49%, #FF9036 82%, #ff9f52 100%);
+ border-color: hsl(27, 41%, 53%);
+ /*
+ -webkit-box-shadow: inset 0 0 1px 1px #ffb77d, 0 0 1px 3px rgba(0, 0, 0, 0.15);
+ -moz-box-shadow: inset 0 0 1px 1px #ffb77d, 0 0 1px 3px rgba(0, 0, 0, 0.15);
+ box-shadow: inset 0 0 1px 1px #ffb77d, 0 0 1px 3px rgba(0, 0, 0, 0.15);
+ */
+ -webkit-text-shadow: 1px 1px 1px #cf5d00;
+ -moz-text-shadow: 1px 1px 1px #cf5d00;
+ -o-text-shadow: 1px 1px 1px #cf5d00;
+ text-shadow: 1px 1px 1px #cf5d00;
+ -webkit-border-radius: 14px;
+ -moz-border-radius: 14px;
+ border-radius: 14px;
+ padding: 12px 30px 12px 30px;
+}
+
+.retympa_button strong {
+ letter-spacing: 1px;
+ font-size: 22px;
+}
+
+.retympa_button:hover {
+ color: #FFFFFF;
+ background-color: #ff9845;
+ background-image: -webkit-linear-gradient(top, #ff9b4a 0%, #f0b07c 48%, #ff9845 49%, #ff9845 82%, #ffa861 100%);
+ background-image: -moz-linear-gradient(top, #ff9b4a 0%, #f0b07c 48%, #ff9845 49%, #ff9845 82%, #ffa861 100%);
+ background-image: -o-linear-gradient(top, #ff9b4a 0%, #f0b07c 48%, #ff9845 49%, #ff9845 82%, #ffa861 100%);
+ background-image: linear-gradient(top, #ff9b4a 0%, #f0b07c 48%, #ff9845 49%, #ff9845 82%, #ffa861 100%);
+ border-color: hsl(27, 40%, 54%);
+ -webkit-box-shadow: inset 0 0 1px 1px #ffc291, 0 0 1px 3px rgba(0, 0, 0, 0.15);
+ -moz-box-shadow: inset 0 0 1px 1px #ffc291, 0 0 1px 3px rgba(0, 0, 0, 0.15);
+ box-shadow: inset 0 0 1px 1px #ffc291, 0 0 1px 3px rgba(0, 0, 0, 0.15);
+ -webkit-text-shadow: 1px 1px 1px #de6300;
+ -moz-text-shadow: 1px 1px 1px #de6300;
+ -o-text-shadow: 1px 1px 1px #de6300;
+ text-shadow: 1px 1px 1px #de6300;
+}
+
+.retympa_button:active {
+ color: #FFFFFF;
+ background-color: #ff8827;
+ background-image: -webkit-linear-gradient(top, #ff821d 0%, #FF9036 100%);
+ background-image: -moz-linear-gradient(top, #ff821d 0%, #FF9036 100%);
+ background-image: -o-linear-gradient(top, #ff821d 0%, #FF9036 100%);
+ background-image: linear-gradient(top, #ff821d 0%, #FF9036 100%);
+ padding: 13px 30px 11px 30px;
+}
+
 @media screen and (max-width:960px) {
 @media screen and (max-width:960px) {
  /*タブレット表示用CSSを記述*/
  /*タブレット表示用CSSを記述*/