@charset "UTF-8";
/*
Theme Name: Plat
Theme URI: https://www.plat-com.jp/
Description: PlatTheme
Version: 6.0
Author: Yucky
*/





a {
color:var(--deepBlue);
}
a:hover {
color:var(--blue);
}



dt a {
text-decoration:none;
}
dt a:hover {
text-decoration:underline;
}
dd a {
text-decoration:none;
}
dd a:hover {
text-decoration:none;
color:var(--blue);	
}

.mobileOnly {
display:none;
}

.pcOnly {
display:none;
}



.FixedBanner {
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
}
.FixedBanner ul {
margin:0;
padding:0;
display: flex;
align-items: center;
justify-content: space-around;
}

.FixedBanner li {
width:100%;
text-align:center;
margin:0;
padding:0;
}
.FixedBanner li a {
display:block;
background-color:var(--red);
border-top:2px solid #fff;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
color:#fff;
padding:10px 0;
display: flex;
align-items: center;
justify-content: center; 
}
.FixedBanner li a:hover {
text-decoration:none;
background-color:var(--deepBlue);
color:#fff;
}
.FixedBanner li img {
display:inline-block;
width:40px;
height:30px;
margin-right:5px;
}
.FixedBanner li a:hover img {
opacity:1;
}

.FixedBanner li p {
margin:0;
}

/* Tablet
---------------------------------------------------- */
@media screen and (min-width: 768px) {
	
.pcOnly {
display:block;
}
.mobileOnly {
display:none;
}
.FixedBanner {
bottom:50%;
right:0;
width:auto;
z-index:999;
}
.FixedBanner ul {
display:block;
list-style:none;	
}

.FixedBanner li {
width:5em;
padding:0;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
}
.FixedBanner li a {
padding:20px 10px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}	
.FixedBanner li img {
display:inline-block;
width:40px;
height:30px;
margin-right:0;
margin-bottom:5px;
}	
	
}	
/* PC
---------------------------------------------------- */
@media screen and (min-width: 1201px) {
	
.pcOnly {
display:block;
}
.mobileOnly {
display:none;
}	
	
}
