.wp-editArea a {
color: #1A56DB;
border-bottom: 1px solid transparent;
}
.wp-editArea a:hover {
color: #000;
border-bottom: 1px solid #000;
}
.wp-block-table {
}
.wp-block-table.no-border td, .wp-block-table th {
border: none;
padding: 0;
}
ol.wp-block-list {
list-style-type: decimal;
}
ol.wp-block-list li {
margin-bottom: 0;
margin-left: 25px;
}
ol.wp-block-list.kakkoList {
list-style-type:none;
}
ol.wp-block-list.kakkoList li {
/*margin-bottom: 15px;*/
margin-bottom: 0;
margin-left: 5px;
padding-left: 2.2em;
counter-increment: number;
position: relative;
}
ol.wp-block-list.kakkoList li::before{
content: "(" counter(number) ") ";
position: absolute;
left: 0;
top: 0;
}
ul.wp-block-list {
}
ul.wp-block-list li {
margin-bottom: 0;
margin-left: 5px;
padding-left: 15px;
position: relative;
}
ul.wp-block-list li:before {
content: "";
width: 6px;
height: 6px;
border-radius: 3px;
background: #000;
position: absolute;
left: 0;
top: 12px;
display: block;
}
ul.menuList {
padding: 0;
position: relative;
display: flex;
font-size: 20px;
flex-wrap: wrap;
justify-content: space-between;
}
ul.menuList li {
width: calc((100% / 2) - 15px);
border-left: solid 6px #1A56DB;/*左側の線*/
background: #f1f8ff;/*背景色*/
margin-bottom: 20px;/*下のバーとの余白*/
line-height: 1.5;
padding: 0.5em;
list-style-type: none!important;/*ポチ消す*/
}
ul.menuList li:hover {
opacity: 0.7;
}
ul.menuList li a {
display: block;
color: #1A56DB
}
ul.menuList li a:hover {
color: #1A56DB;
border-bottom: 1px solid transparent;
}
ul.menuList li:before {
content: none;
}
.contentsArea .icon_xls a,
.contentsArea .icon_rtf a,
.contentsArea .icon_word a,
.contentsArea .icon_pdf a {
position: relative;
}
.contentsArea .icon_xls a:after,
.contentsArea .icon_rtf a:after,
.contentsArea .icon_word a:after,
.contentsArea .icon_pdf a:after {
content: "";
position: absolute;
right: -30px;
bottom: -1px;
width: 20px;
height: 20px;
display: block;
background-size: cover; /* 画像を全体にフィット */
background-position: center; /* 中央に配置 */
background-repeat: no-repeat; /* 繰り返しを防止 */
}
.contentsArea .icon_xls a:after {
background-image: url('data:image/svg+xml;utf8,');
}
.contentsArea .icon_rtf a:after {
background-image: url('data:image/svg+xml;utf8,');
}
.contentsArea .icon_word a:after {
background-image: url('data:image/svg+xml;utf8,');
}
.contentsArea .icon_pdf a:after {
background-image: url('data:image/svg+xml;utf8,');
}
/* PC 狭めたとき
-----------------------------------------------*/
@media screen and (max-width:1240px) {
.wp-editArea a {
color: #1A56DB;
border-bottom: 1px solid transparent;
}
.wp-editArea a:hover {
color: #000;
border-bottom: 1px solid #000;
}
.wp-block-table {
}
.wp-block-table.no-border td, .wp-block-table th {
border: none;
padding: 0;
}
ol.wp-block-list {
list-style-type: decimal;
}
ol.wp-block-list li {
margin-bottom: 0;
margin-left: 2.5vw;
}
ol.wp-block-list.kakkoList {
list-style-type:none;
}
ol.wp-block-list.kakkoList li {
margin-bottom: 0;
margin-left: .5vw;
padding-left: 2.2em;
counter-increment: number;
position: relative;
}
ol.wp-block-list.kakkoList li::before{
content: "(" counter(number) ") ";
position: absolute;
left: 0;
top: 0;
}
ul.wp-block-list {
}
ul.wp-block-list li {
margin-bottom: 0;
margin-left: .5vw;
padding-left: 1.5vw;
position: relative;
}
ul.wp-block-list li:before {
content: "";
width: .6vw;
height: .6vw;
border-radius: .3vw;
background: #000;
position: absolute;
left: 0;
top: 1.2vw;
display: block;
}
ul.menuList {
padding: 0;
position: relative;
display: flex;
font-size: 2vw;
flex-wrap: wrap;
justify-content: space-between;
}
ul.menuList li {
width: calc((100% / 2) - 1.5vw);
border-left: solid .6vw #1A56DB;/*左側の線*/
background: #f1f8ff;/*背景色*/
margin-bottom: 2vw;/*下のバーとの余白*/
line-height: 1.5;
padding: 0.5em;
list-style-type: none!important;/*ポチ消す*/
}
ul.menuList li:hover {
opacity: 0.7;
}
ul.menuList li a {
display: block;
color: #1A56DB
}
ul.menuList li a:hover {
color: #1A56DB;
border-bottom: 1px solid transparent;
}
ul.menuList li:before {
content: none;
}
.contentsArea .icon_xls a,
.contentsArea .icon_rtf a,
.contentsArea .icon_word a,
.contentsArea .icon_pdf a {
position: relative;
}
.contentsArea .icon_xls a:after,
.contentsArea .icon_rtf a:after,
.contentsArea .icon_word a:after,
.contentsArea .icon_pdf a:after {
content: "";
position: absolute;
right: -3vw;
bottom: -1px;
width: 2vw;
height: 2vw;
display: block;
background-size: cover; /* 画像を全体にフィット */
background-position: center; /* 中央に配置 */
background-repeat: no-repeat; /* 繰り返しを防止 */
}
}
@media screen and (max-width:1000px) {
}
/* スマートフォン
-----------------------------------------------*/
@media only screen and (max-width: 767px) {
.imgWidth60 {
width: 60%;
display: block;
margin: auto;
}
.imgWidth80 {
width: 80%;
display: block;
margin: auto;
}
.wp-block-table.no-border td, .wp-block-table th {
border: none;
padding: 0;
}
ol.wp-block-list {
list-style-type: decimal;
}
ol.wp-block-list li {
margin-bottom: 0;
margin-left: 5vw;
}
ol.wp-block-list.kakkoList {
list-style-type:none;
}
ol.wp-block-list.kakkoList li {
margin-bottom: 0;
margin-left: 1vw;
padding-left: 2.2em;
counter-increment: number;
position: relative;
}
ol.wp-block-list.kakkoList li::before{
content: "(" counter(number) ") ";
position: absolute;
left: 0;
top: 0;
}
ul.wp-block-list {
}
ul.wp-block-list li {
margin-bottom: 0;
margin-left: 1vw;
padding-left: 3vw;
position: relative;
}
ul.wp-block-list li:before {
content: "";
width: 1.2vw;
height: 1.2vw;
border-radius: .6vw;
background: #000;
position: absolute;
left: 0;
top: 2.4vw;
display: block;
}
ul.menuList {
padding: 0;
position: relative;
display: block;
font-size: 4vw;
flex-wrap: wrap;
justify-content: space-between;
}
ul.menuList li {
width: 100%;
border-left: solid 1.2vw #1A56DB;/*左側の線*/
background: #f1f8ff;/*背景色*/
margin-bottom: 4vw;/*下のバーとの余白*/
line-height: 1.5;
padding: 0.5em;
list-style-type: none!important;/*ポチ消す*/
}
ul.menuList li:hover {
opacity: 0.7;
}
ul.menuList li a {
display: block;
color: #1A56DB
}
.contentsArea .icon_xls a,
.contentsArea .icon_rtf a,
.contentsArea .icon_word a,
.contentsArea .icon_pdf a {
position: relative;
}
.contentsArea .icon_xls a:after,
.contentsArea .icon_rtf a:after,
.contentsArea .icon_word a:after,
.contentsArea .icon_pdf a:after {
content: "";
position: absolute;
right: -6.5vw;
bottom: 0;
width: 4.5vw;
height: 4.5vw;
display: block;
background-size: cover; /* 画像を全体にフィット */
background-position: center; /* 中央に配置 */
background-repeat: no-repeat; /* 繰り返しを防止 */
}
}