@charset "utf-8";
/*===========================
add
===========================*/

/*　蛍光下線　*/
.tx-em {
	background: linear-gradient(transparent 62%, rgba(255, 250, 137, 0.71) 0%);
}

/*　蛍光斜線　*/
.tx-diagoYel {
    margin: 0 2px;
    padding: 2px 5px;
    border-radius: 0 0 3px 9px;
    color: #2f2f2f;
    background-image: linear-gradient(2deg,#fbf8a7,#fbf8a7 25%,transparent 25.1%,transparent);
}

.tx-diagoRed {
    margin: 0 2px;
    padding: 2px 5px;
    border-radius: 0 0 3px 9px;
    color: #2f2f2f;
    background-image: linear-gradient(2deg,#FD86A0,#FD86A0 25%,transparent 25.1%,transparent);
}

.tx-diagoGreen {
    margin: 0 2px;
    padding: 2px 5px;
    border-radius: 0 0 3px 9px;
    color: #2f2f2f;
    background-image: linear-gradient(2deg,#8dedd0,#8dedd0 25%,transparent 25.1%,transparent);
}
.flex-1col {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
}
.flex-2col {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:5%;
}
.flex-2col > li{
  width:47.5%;
  margin:2% 0% 0 0%; 
}
.flex-2col > li:nth-of-type(odd){
  width:47.5%;
  margin:2% 0% 0 0%; 
}
.flex-2col > li:nth-of-type(even){
  width:47.5%;
  margin:2% 0 0 0%;
}
.flex-2col-start {
  display:flex;
  justify-content:start;
  align-items:start;
  flex-wrap:wrap;
  gap:5%;
}
.flex-2col-start > li{
  width:47.5%;
  margin:2% 0 0 0%; 
}
.flex-2col-start > li:nth-of-type(odd){
  width:47.5%;
  margin:2% 0% 0 0%; 
}
.flex-2col-start > li:nth-of-type(even){
  width:47.5%;
  margin:2% 0% 0 0%; 
}
.flex-list2 {
  width:17.5% !important;
  margin:0 0 0 0% !important;  
}
.flex-list3 {
  width:27.5% !important;
  margin:0 0 0 0% !important;   
}
.flex-list4 {
  width:37.5% !important;
  margin:0 0 0 0% !important;  
}
.flex-list5 {
  width:47.5% !important;
  margin:0% 1% 0 0% !important;  
}
.flex-list6 {
  width:57.5% !important;
  margin:0 0 0 0% !important;   
}
.flex-list7 {
  width:67.5% !important;
  margin:0 0 0 0% !important;  
}
.flex-list8 {
  width:77.5% !important;
  margin:0 0 0 0% !important;  
}
.flex-list9 {
  width:87.5% !important;
  margin:0 0 0 0% !important;  
}
.flex-3col {
  display:flex;
  justify-content:start;
  align-items:start;
  flex-wrap:wrap;
  gap:2%;
}
.flex-3col > li{
  width:auto;
  margin:2% 0 0 0%;
}
.flex-reverse {
	flex-direction: row-reverse;
}
.top-p {
	display: block;
    width: 70%;
	margin-top:20px;
	margin-left:0px;
	margin-right:auto;
	text-align: center;
}
@media only screen and (max-width: 768px) {
.flex-2col > li,.flex-2col-start > li{
  width:100% !important;
  margin:2% auto 8% !important; 
}
.flex-3col > li {
  width:100%;
  margin:2% auto 0% !important;
}
.flex-3col > li:nth-child(3) {
  margin:2% auto 5% !important;
 	}
	.flex-3col > li a {
		color:#fff;
	}
.flex-list2,.flex-list3,.flex-list4,.flex-list5,.flex-list6,.flex-list7,.flex-list8,.flex-list9 {
  width:100% !important;
  margin:2% auto 0% !important;  
}
.top-p {
	display: block;
    width: 100%;
	color:#fff;
	margin-top:20px;
	margin-left:0px;
	margin-right:auto;
	text-align: center;
}
}
.sns-logo {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	gap:5%;
	flex-direction: row;
	margin-left:20px;
}
.sns-logo li {
	width:40%;
	text-align: center;
	margin:auto;
}
ul.fixRightBnr {
	display: none;
}
@media only screen and (max-width: 768px) {
.sns-logo {
	gap:1%;
	width:40%;
	margin-left:20px;
}
.sns-logo li {
	width:30%;
	text-align: center;
	margin:5px;
}
	.sns-logo li:nth-child(2) {
		display: none;
	}
ul.fixRightBnr {
	display: block;
	width:70px;
	position: fixed;
	z-index: 777;
	top: 50vmin; 
	right: 0;
}

ul.fixRightBnr li {
	display:block;
}

ul.fixRightBnr li a {
	display:block;	
	background-color:var(--basic-color);
	opacity: .9;
	font-size:3.6vmin;
	box-sizing: border-box;
	width:100%;
	padding:0.0vmin 0.0vmin;
	/*
	padding:1.8vmin 1.8vmin;
	*/
	margin-bottom:0.6vmin;
	color:#fff;
	text-decoration:none;
	text-align:center;
}
}