@charset "utf-8"; 


header{


width:100%;

/*background: rgba(245,245,245,1);*/
/*background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(146,206,200,0.3) 100%);*/
background:url(../images/bg10.png) center center no-repeat;
background-size:cover;
text-align:center;
border-top:6px solid rgba(146,206,200,1);
border-bottom:6px solid rgba(146,206,200,1);
}
header h1{
margin-top:1.75rem;
margin-bottom:1.25rem;
font-size:0.9rem;
letter-spacing:0.25rem;
}
header h1 img{
width:100px;
}
header ul li{
font-size:1rem;
margin-bottom:0.75rem;
letter-spacing:2px;
display:inline-block;
}
header ul li a{
display:inline-block;
text-shadow: 0 0 4px rgb(255 255 255 / 75%);
transition: all 1s;
padding:0.7rem;
}
header ul li a:hover{
transform: translate(0, -5px);
}
header ul li:nth-last-child(1) {
margin-bottom:0;
}
header p {
margin-bottom:1.75rem;
}
header p a.btn{
font-size:.7rem;
margin:0;
}
#intro p{
display:none;
}
#intro .vegas-content-scrollable{
}
#intro .vegas-content-scrollable a.arrow {
position:absolute;
bottom:6rem;
right:3rem;
z-index:9;
background:rgba(0,0,102,1);
}

#next {
    padding-top: 1.5rem;
}
#next h2 em {
    font-size: .7rem;
    display: block;
    font-weight: 700;
    color: rgba(216,131,219,1);
}

#next .col-12,
#contents .col-12{
max-width:950px;
}
#next h2,
#contents h2{
max-width:950px !important;
}
#contents h2{
margin-bottom:2rem;
}
#contents h3{
padding-bottom:2rem;
letter-spacing:0.2rem;
line-height:1.5;
text-align:justify;
}
#contents p{
padding-bottom:1.5rem;
text-align:justify;
}
#contents .post{
margin-top:5rem;
padding-top:4rem;
border-top:3px dotted rgba(146,206,200,1);
}
#contents .col-md-9 .post:nth-child(1){
margin-top:0;
padding-top:0;
border-top:none;
}
#contents .col-md-3 ul li{
	text-align:right;
	margin-bottom:1rem;
}
.lg-backdrop {
background-color:rgba(0,0,0,0.8) !important;
}

#contents .post table{
width:100%;
max-width:100%;
margin-bottom:1rem;
}
#contents .post table tr:nth-child(2n+1){
background:rgba(230,230,230,0.4);
}
#contents .post table th,
#contents .post table td{
text-align: center;
vertical-align:middle;
letter-spacing:0;
border:1px solid rgba(220,220,220,1);
}
#contents .post table th{
vertical-align:middle;
background:rgba(146,206,200,0.075);
}
#contents .post table td{
background:rgba(255,255,255,0.8);
}
#contents .post table .color-Red{
color:rgba(222,70,90,1);
}
#contents .post table .color-Blue{
color:rgba(70,90,222,1);
}
#contents .post table .color-Green{
color:rgba(87,143,32,1);
}
#contents .post figure{
	text-align:center;
}
#contents .archive-area ul{
border-radius:14px;
border:1px dotted rgba(146,206,200,1);
background:rgba(255,255,255,.8);
padding:1rem 1.5rem;
}
#contents .archive-area ul li{
	display:inline-block;
	padding:1rem;
	font-size:.85rem;
}
#contents .archive-area ul li i{
color:rgba(8,153,189,1);
}

/* ======================================================= pc */
@media screen and (min-width: 768px){
header h1 img{
width:120px;
}
#contents{
padding-top:1.5rem;
padding-bottom:6rem;
background:url(../images/bg9.svg) center center no-repeat;
background-size:cover;
background-attachment:fixed;
}
#contents .col-md-9{
padding-top:1.5rem;
}
#contents .col-md-3{
	height:100%;
}
#contents .archive-area ul{
margin-top:3rem;
}
#contents .post table th,
#contents .post table td{
padding:10px;
font-size: 0.85rem;
}




}


/* ======================================================= sp */

@media screen and (max-width: 767px) {
#navigation ul{
display:none;
}
#contents{
background:url(../images/bg9s.svg) center center no-repeat;
background-size:cover;
background-attachment:fixed;
padding-top:1.5rem;
padding-bottom:4rem;
padding-left:5vw;
padding-right:5vw;
}
#contents .post table th,
#contents .post table td{
padding:3px;
font-size:10px;
line-height:1.5;
}
#contents .archive-area{
margin-top:2rem;
}
#contents .archive-area ul li{
font-size:.85rem;
}
}