@charset "UTF-8";

    #navi {
font-weight: bold; background: linear-gradient(to bottom, #B0B0B0 0%, #575757 50%, #363636 100%);
} .navi-in>ul li .caption-wrap:hover {
background-color: #dbf4ff;
color: #4489ff;
}
.navi-in>ul .sub-menu li .caption-wrap:hover {
background-color: initial;
color: #FFFFFF;
} .navi-in>ul li {
height: 50px;
line-height: 50px;
} .navi-in>ul li {
height: 60px; line-height: 60px; } .navi-in>ul{
list-style-type: none;
text-align:center;
}
.navi-in>ul li{
float:left;
border-left : 1px solid rgba(000,000,000,.2);
border-right: 1px solid rgba(000,000,000,.2);
}
.navi-in>ul li + li{
border-left: 0;
border-right: 1px solid rgba(000,000,000,.2);
} .navi-in>ul .sub-menu{
list-style-type: none;
text-align:center;
}
.navi-in>ul .sub-menu li{
float:none;
border-top: 1px solid rgba(000,000,000,.2);
border-bottom: 1px solid rgba(000,000,000,.2);
}
.navi-in>ul .sub-menu li + li{
border-top: 0;
border-bottom: 1px solid rgba(000,000,000,.2);
} .blank-box {border: 1px solid;}  @media screen and (max-width: 1240px){ } @media screen and (max-width: 1030px){ } @media screen and (max-width: 768px){ } @media screen and (max-width: 480px){ } @media screen and (max-width : 480px){
html,
body {
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
}  .internal-blogcard-footer{
display:none;
} .blogcard-wrap {
background-color: #f8f8f8;
} .blogcard{
border:none;
} h1 {
position: relative;
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
}
h1:after {
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.article h2 {
color: #6860f3; padding: 0.25em 0.5em;
text-shadow: 0 0 5px white;
border-left: solid 7px #010079;
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
.article h3 {
color: #6594e0; padding: 0.35em 0.5em;
text-shadow: 0 0 5px white;
border-left: solid 7px #010079;
} .sidebar .sns-follow-buttons {
justify-content: center; }
.sidebar .sns-follow {
margin: 0 0 24px 0;
}
.sidebar .sns-follow-buttons a {
border-radius: 50%;
width: 40px; height: 40px; font-size: 20px; margin: 0 6px; }
.sidebar .instagram-button {
background-color: #c522b8 !important;
}  .toc {
display: block;
padding: 0px;
max-width: 600px;
border: 1.2px #6ec4db solid !important;
font-family: 'Noto Sans JP', sans-serif;
}
.toc-title {
position: relative;
padding: 10px 0;
background: #6ec4db;
color: #fff;
font-weight: bold;
}
.toc .toc-content {
padding: 15px 20px;
background-color: #fff7ee;
}
.toc-list > li li a {
font-weight: normal;
font-size: 95%;
color: #708090;
margin-left: -10px;
}
.toc-list > li li ::before {
content: '';
width: 5px;
height: 5px;
display: inline-block;
left: -15px;
border-radius: 100%;
background: #cdcdcd;
position: relative;
margin-bottom: 2px;
}
.article .toc-list > li li {
list-style: none;
} #toc-2 .toc {
background-color: #fff; }
#toc-2 .toc .toc-list li a {
font-size:14px; }
#toc-2 .toc .toc-list li ul li a {
font-size:12px; } .toc {
font-size:12px; padding: 10px; }
.toc .toc-list li a {
color: #333; text-decoration: none; font-weight: normal; font-size:13px; }
.toc ul {
padding-left: 8px !important; } @media screen and (max-width: 1023px) {
.logo-header {
display: none;
}
} .scrollable-table td {
white-space: normal;
} .scrollable-table table{
border-collapse: collapse;
margin: 1em 0;
max-width: 100%;
}
.scrollable-table th{
background-color: #eee;
}
.scrollable-table th,
.scrollable-table td{
border: solid 1px #ccc;
padding: 3px 5px;
white-space: nowrap;
}
.scrollable-table {
overflow-x: auto;
margin-bottom: 1em;
} .my_bold{
font-weight: bold;
} .box26 {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #95ccff;
border-radius: 8px;
}
.box26 .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #FFF;
color: #000000;
font-weight: bold;
}
.box26 p {
margin: 0; 
padding: 0;
} .box5 {
padding: 0.5em 1em;
margin: 2em 0;
border: double 5px #4ec4d3;
}
.box5 p {
margin: 0; 
padding: 0;
} .box30 {
margin: 2em 0;
background: #f1f1f1;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
font-size: 1.2em;
background: #5fc2f5;
padding: 4px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.box30 p {
padding: 15px 20px;
margin: 0;
} .box13 {
padding: 0.5em 1em;
margin: 2em 0;
color: #FFF;
background: #6eb7ff;
border-bottom: solid 6px #3f87ce;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
border-radius: 9px;
}
.box13 p {
margin: 0; 
padding: 0;
} .search-menu-button.menu-button,
.navi-menu-button.menu-button{
background-color: #1e7cd1;
color: #FFFFFF;
height: 60px;
}
.logo-menu-button.menu-button{
background-color: #1e7cd1;
color: #FFFFFF;
height: 60px;
} .toc-checkbox {
height: 0;
overflow: hidden;
display: block;
visibility: hidden;
} .button-simple {
position: relative;
font-weight: bold;
padding: 5px 15px;
margin: 0px 5px;
border-radius: 30px; font-size: 18px; background-color: #00a41a; color: #fff; display: inline-block;
text-shadow: 1px 1px 0px rgb(0, 0, 0, 0.3);
box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
}
.button-simple:before {
font-family: FontAwesome;
color: #eeee22; margin-right: 3px;
}
a:hover .button-simple {
background-color: #cc0000; color: #fff; box-shadow: 0 0px 0 rgb(0, 0, 0, 0.3);
animation-play-state: paused;
top: 3px;
} .dokidoki {
animation: dokidoki 1.5s infinite;
}
@keyframes dokidoki {
0% {
transform: scale(1.05)
}
5% {
transform: scale(1)
}
95% {
transform: scale(1)
}
100% {
-webkit-transform: scale(1.05)
}
} .shiny-btn2 {
display: block;
position: relative;
width: 80%; padding: 5px 15px;
margin: 30px auto;
border-radius: 30px; background-color: #48a42f ; box-shadow: 0 3px 0 0 #2a7017 ; border-radius: 5px;
font-weight: bold;
font-size: 19px;
color: #fff ;
text-align: center;
text-decoration: none;
overflow: hidden;
}
.shiny-btn2:hover {
text-decoration: none;
color: #fff ;
box-shadow: none;
-webkit-transform: translateY(3px);
}
.shiny-btn2::before {
position: absolute;
content: '';
display: inline-block;
top: -180px;
left: 0;
width: 30px;
height: 100%;
background-color: #fff ;
transition: 0.2s;
animation: shiny-btn2 1.3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn2 {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
} .shiny-btn3 {
display: block;
position: relative;
width: 80%; padding: 5px 15px;
margin: 30px auto;
border-radius: 30px; background-color: #800080 ; box-shadow: 0 3px 0 0 #440044 ; border-radius: 5px;
font-weight: bold;
font-size: 19px;
color: #fff ;
text-align: center;
text-decoration: none;
overflow: hidden;
}
.shiny-btn3:hover {
text-decoration: none;
color: #fff ;
box-shadow: none;
-webkit-transform: translateY(3px);
}
.shiny-btn3::before {
position: absolute;
content: '';
display: inline-block;
top: -180px;
left: 0;
width: 30px;
height: 100%;
background-color: #fff ;
transition: 0.2s;
animation: shiny-btn3 1.3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn3 {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}