@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body{font-family: 'Noto Sans JP', sans-serif;}

body{
  background-image: url("https://matchapp-deai.com/img/night.jpg");  
}

#wrapper{
}

.inline-block_header{
	color:#fff;
}


.footernavi {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    background-color: inherit;
}

.footernavi a{
    color: #fff;
}

.footer_copyright{
	background-color: inherit;

}


@media (min-width: 930px) {

   /* ↓ページレイアウト */
   .page-cover {
      display: flex;       /* フレキシブルボックスでレイアウト */
      flex-direction: row; /* 横並びにする */
	background-color:inherit;

   }

   /* ▼メインカラムの装飾 */
   .main-column {
      order: 1;   /* 1番目に表示 */
      width: 60%;
	background-color:#fff;

   }
   /* ▽サイドカラムの装飾 */
   .side-column {
      order: 2;   /* 2番目に表示 */
      width: 25%;
      margin-left: auto;
	background-color:#fff;

   }
   .side-column {
      margin-left: auto;
      margin-right:auto;
   }
   .side-column2 {
      order: 2;   /* 3番目に表示 */
      width: 100%;
      margin-left: auto;
      margin-top: 40px;
   }
   .side-column3 {
      order: 2;   /* 3番目に表示 */
      width: 100%;
      margin-left: auto;
      margin-top: 40px;
   }
   .side-column4 {
      order: 2;   /* 3番目に表示 */
      width: 100%;
      margin-left: auto;
      margin-top: 40px;
   }
}


/*パンくずリストstart*/
.breadcrumb {
  	border-top: 1px solid #efefef;
    border-width: 1px 0;
    color: #999;
    font-size: 10px;
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
  	border-bottom: 1px solid #efefef;
}

.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
  font-size: small;
}

.breadcrumb li:after{/* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #999;
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: #999;/*色*/
}

.breadcrumb li a:hover {
    text-decoration: underline;
}

/*パンくずリストend*/












.h1deco_nightbra{
  position: relative;
  background: #F8F0D7;
  border-left:4px dotted rgba(0,0,0,.1);
  border-right:4px dotted rgba(0,0,0,.1);
  box-shadow:0 0 5px rgba(0,0,0,.2);
  padding: 0.5em;
  color: #65513f;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
}


.h2deco{
    border-bottom: solid 0px black;
    font-size: 10px;
    margin-left: 5px;
    margin-top: -25px;
}
.h2deco_ranking_men{
    border-bottom: solid 0px black;
    font-size: 13px;
    border-left: solid 6px #03022E;
    margin-left: 5px;
    padding-left: 10px;
    
}

.h2deco_ranking_bustup_jerry{
  background: #FFF9B1;
  box-shadow: 0px 0px 0px 5px #FFF9B1;
  border: dashed 1px #DED799;
  padding: 0.2em 0.5em;
  color: #454545;
  margin-bottom: 10px;
}



.h3deco_ranking_bustup_jerry{
    font-weight: bold;
    line-height: 1.4;
    margin: 70px 0 10px;
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}







.p-short-tags .p-short-tag,.p-short-title {
    display: inline-block;
    margin-right: 8px;
    padding-bottom: 5px;
    
}
.p-short-tags .p-short-tag a {
    background-color: #eaeaea;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    padding: 6px 8px;
    border: 0;
    color: #333;
    text-decoration: none;

}


.p-short-tags .p-short-tag a:hover{
	opacity:0.5;
}



.meemo{font-size:large;color: #E96501;}


/*resoreine----------------------------------------*/
.title_resoreine{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	border: 0px solid #000;
	padding: 20px;
	color: #fff;
	background-color:#E24F84;
	margin-bottom: 10px;
	font-weight:bold;
    line-height: 1;
}

.title_resoreine a {
text-decoration: none;
color: #000;
}
.title_resoreine a:link { color: #fff; } 


.preoffertitle_resoreine{
	text-align: left;
    font-size: midium;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #E24F84;
    padding: 10px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}
.preoffertitle_resoreine a {
text-decoration: none;
}
.preoffertitle_resoreine a:link { color: black } 

.buruburu_resoreine {
    display: inline-block;
-webkit-animation:hurueru 3s infinite linear alternate;
animation:hurueru 3s infinite linear alternate;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#E24F84 0%, #E24F84 100%);
    background-image: linear-gradient(#E24F84 0%, #E24F84 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #E24F84;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
    margin-top: 10px;
}

@-webkit-keyframes hurueru_resoreine{
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}

@keyframes hurueru_resoreine {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}

.buruburu_fresoreine a{
    color: white;
}
/*resoreine----------------------------------------*/





/*ponpin----------------------------------------*/
.title_ponpin{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	border: 0px solid #000;
	padding: 20px;
	color: #fff;
	background-color:#FC859E;
	margin-bottom: 10px;
	font-weight:bold;
    line-height: 1;
}

.title_ponpin a {
text-decoration: none;
color: #000;
}
.title_ponpin a:link { color: #fff; } 


.preoffertitle_ponpin{
	text-align: left;
    font-size: midium;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #FC859E;
    padding: 10px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}
.preoffertitle_ponpin a {
text-decoration: none;
}
.preoffertitle_ponpin a:link { color: black } 

.buruburu_ponpin {
    display: inline-block;
-webkit-animation:hurueru 3s infinite linear alternate;
animation:hurueru 3s infinite linear alternate;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#FC859E 0%, #FC859E 100%);
    background-image: linear-gradient(#FC859E 0%, #FC859E 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #FC859E;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
    margin-top: 10px;
}

@-webkit-keyframes hurueru_ponpin{
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}

@keyframes hurueru_ponpin {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}

.buruburu_fponpin a{
    color: white;
}
/*ponpin----------------------------------------*/


/*meemo----------------------------------------*/
.title_meemo{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	border: 0px solid #000;
	padding: 20px;
	color: #fff;
	background-color:#E96501;
	margin-bottom: 10px;
	font-weight:bold;
    line-height: 1;
}

.title_meemo a {
text-decoration: none;
color: #000;
}
.title_meemo a:link { color: #fff; } 


.preoffertitle_meemo{
	text-align: left;
    font-size: midium;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #E96501;
    padding: 10px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}
.preoffertitle_meemo a {
text-decoration: none;
}
.preoffertitle_meemo a:link { color: black } 

.buruburu_meemo {
    display: inline-block;
	-webkit-animation:hurueru 3s infinite linear alternate;
	animation:hurueru 3s infinite linear alternate;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#E96501 0%, #E96501 100%);
    background-image: linear-gradient(#E96501 0%, #E96501 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #E96501;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
    margin-top: 10px;
}

@-webkit-keyframes hurueru_meemo{
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}

@keyframes hurueru_ponpin {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}

.buruburu_meemo a{
    color: white;
}
/*meemo----------------------------------------*/










.masking-tape{
  position: absolute;
  top: -1em;
  left: 30%;
  width:20%;
  height:30px;
  background-image: linear-gradient(-45deg, rgba(227,155,140,.4) 25%, transparent 25%, transparent 50%, rgba(227,155,140,.4) 50%, rgba(227,155,140,.4) 75%, transparent 75%, transparent 100%);
  background-size: 20px 20px;
  border-left:2px dotted rgba(0,0,0,.1);
  border-right:2px dotted rgba(0,0,0,.1);
  box-shadow:0 0 5px rgba(0,0,0,.2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-4deg); 
}


.imgcenter5 {
text-align: center;
}

.preoffertitlekiji2{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #000;
    padding-left: 10px;
    border-bottom: solid 2px #E97091;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.0;
}
.preoffertitlekiji2 a {
text-decoration: none;
}
.preoffertitlekiji2 a:link { color: black } 

.preoffertitlekiji3{
	text-align: left;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #000;
    padding: 1px 1px 1px 10px;
    color: white;
    background-color: #03022E;
}

/*リンクボタン------------------------------------------*/

a.ext_icon {
    background: url(https://matchapp-deai.com/img/link-out-blue.jpg) center right no-repeat;
    padding-right: 15px;
    margin: 0 3px 0 0;
    color:#00A0E9;
}
/*リンクボタン------------------------------------------*/


/*Amazonボタン------------------------------------------*/
.btn-square_amazon {
  display: inline-block;
  padding: 0.5em 0em;
  text-decoration: none;
  background: #FFA724;/*ボタン色*/
  color: #fff;
  border-bottom: solid 4px #f09000;
  border-radius: 3px;
  width: 50%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin:5px;
}
.btn-square_amazon:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}
/*Amazonボタン------------------------------------------*/

/*楽天ボタン------------------------------------------*/
.btn-square_rakuten {
  display: inline-block;
  padding: 0.5em 0em;
  text-decoration: none;
  background: #BF0000;/*ボタン色*/
  color: #fff;
  border-bottom: solid 4px #8c0000;
  border-radius: 3px;
  width: 50%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin:5px;
}
.btn-square_rakuten:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}
/*楽天ボタン------------------------------------------*/










/*cinderella----------------------------------------*/
.title_cinderella{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
	color: #fff;
	background-color:#C9B8E1;
	margin-bottom: 10px;
    line-height: 1;
}

.title_cinderella a {
text-decoration: none;
color: #000;
}
.title_cinderella a:link { color: #fff; } 


.preoffertitle_cinderella{
	text-align: left;
    font-size: midium;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #333;
    padding: 10px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}
.preoffertitle_cinderella a {
text-decoration: none;
}
.preoffertitle_cinderella a:link { color: black } 

.buruburu_cinderella {
    display: inline-block;
-webkit-animation:hurueru 3s infinite linear alternate;
animation:hurueru 3s infinite linear alternate;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#ae94d2 0%, #C9B8E1 100%);
    background-image: linear-gradient(#ae94d2 0%, #C9B8E1 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #e4dcf0;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
    margin-top: 10px;
}

@-webkit-keyframes hurueru_cinderella{
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}

@keyframes hurueru_cinderella {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}

.buruburu_cinderella a{
    color: white;
}

.titleh2_cinderella{
	text-align:left;
	font-size:15px;
	margin-left:auto;
	margin-right:auto;
	border: 0px solid #000;
	padding: 1px 1px 1px 10px;
	color: white;
	background-color:#C9B8E1;
}


/* プルンボタン */
.prun_cinderella {
    display: inline-block;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#ae94d2 0%, #C9B8E1 100%);
    background-image: linear-gradient(#ae94d2 0%, #C9B8E1 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #d7cae9;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
animation: prun_cinderella 2.2s ease-in infinite;
-webkit-animation: prun_cinderella 2.2s ease-in infinite;
-moz-animation: prun_cinderella 2.2s ease-in infinite;
-o-animation: prun_cinderella 2.2s ease-in infinite;
-ms-animation: prun_cinderella 2.2s ease-in infinite;
}

@keyframes prun_cinderella {
48%, 62% {transform: scale(1.0, 1.0)}
50% {transform: scale(1.1, 0.9)}
56% {transform: scale(0.9, 1.1) translate(0, -5px)}
59% {transform: scale(1.0, 1.0) translate(0, -3px)}
}

@-webkit-keyframes prun_cinderella{
48%, 62% {-webkit-transform: scale(1.0, 1.0)}
50% {-webkit-transform: scale(1.1, 0.9)}
56% {-webkit-transform: scale(0.9, 1.1) translate(0, -5px)}
59% {-webkit-transform: scale(1.0, 1.0) translate(0, -3px)}
}

.prun_cinderella a{
    color: white;
}
/* プルンボタン */

/*cinderella----------------------------------------*/

/*luna----------------------------------------*/
.title_luna{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding: 20px;
	color: #3F0305;
	background-color:#FFDBDD;
	margin-bottom: 10px;
    line-height: 1;
}

.title_luna a {
text-decoration: none;
color: #000;
}
.title_luna a:link { color: #fff; } 


.h4deco_luna{
    border-left: solid 6px #FFDBDD;
    padding-left: 10px;
}

.preoffertitle_luna{
	text-align: left;
    font-size: midium;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #333;
    padding: 10px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}
.preoffertitle_luna a {
text-decoration: none;
}
.preoffertitle_luna a:link { color: black } 

.buruburu_luna {
    display: inline-block;
-webkit-animation:hurueru 3s infinite linear alternate;
animation:hurueru 3s infinite linear alternate;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #000;
    background-image: -webkit-linear-gradient(#FFDBDD 0%, #FFDBDD 100%);
    background-image: linear-gradient(#FFDBDD 0%, #FFDBDD 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #fff5f5;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
    margin-top: 10px;
}

@-webkit-keyframes hurueru_luna{
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}

@keyframes hurueru_luna {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}

.buruburu_luna a{
    color: white;
}

.titleh2_luna{
	text-align:left;
	font-size:15px;
	margin-left:auto;
	margin-right:auto;
	border: 0px solid #000;
	padding: 1px 1px 1px 10px;
	color: white;
	background-color:#FFDBDD;
}


/* プルンボタン */
.prun_luna {
    display: inline-block;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#ffa8ad 0%, #FFDBDD 100%);
    background-image: linear-gradient(#ffa8ad 0%, #FFDBDD 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #fff5f5;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
animation: prun_luna 2.2s ease-in infinite;
-webkit-animation: prun_luna 2.2s ease-in infinite;
-moz-animation: prun_luna 2.2s ease-in infinite;
-o-animation: prun_luna 2.2s ease-in infinite;
-ms-animation: prun_luna 2.2s ease-in infinite;
}

@keyframes prun_luna {
48%, 62% {transform: scale(1.0, 1.0)}
50% {transform: scale(1.1, 0.9)}
56% {transform: scale(0.9, 1.1) translate(0, -5px)}
59% {transform: scale(1.0, 1.0) translate(0, -3px)}
}

@-webkit-keyframes prun_luna{
48%, 62% {-webkit-transform: scale(1.0, 1.0)}
50% {-webkit-transform: scale(1.1, 0.9)}
56% {-webkit-transform: scale(0.9, 1.1) translate(0, -5px)}
59% {-webkit-transform: scale(1.0, 1.0) translate(0, -3px)}
}

.prun_luna a{
    color: white;
}
/* プルンボタン */

/*luna----------------------------------------*/

.title_exgrammar{
	text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    color: #fff;
    background-color: #721D3A;
    margin-bottom: 10px;
    line-height: 1;
}

.title_exgrammar a {
text-decoration: none;
color: #fff;
}
.title_moriage a:link { color: #fff; } 


.preoffertitle_exgrammar{
	text-align: left;
    font-size: midium;
    margin-left: auto;
    margin-right: auto;
	border: 2px solid #721D3A;
    padding: 10px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}
.preoffertitle_exgrammar a {
text-decoration: none;
}
.preoffertitle_exgrammar a:link { color: black } 

.buruburu_exgrammar {
    display: inline-block;
-webkit-animation:hurueru 3s infinite linear alternate;
animation:hurueru 3s infinite linear alternate;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#721D3A 0%, #721D3A 100%);
    background-image: linear-gradient(#721D3A 0%, #721D3A 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #721D3A;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
    margin-top: 10px;
}

@-webkit-keyframes hurueru_exgrammar{
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}

@keyframes hurueru_exgrammar {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}

.buruburu_exgrammar a{
    color: white;
}

.h4deco_exgrammar{
    border-left: solid 6px #721D3A;
    padding-left: 10px;
}

.underlineblue{ 
		border-bottom: solid 2px #00bfff;
  }

.backgroundblue{ 
		background-color: #00bfff;
  }


p.mentitle{
	text-align:center;
	background-color:#87cefa;
	margin: 10px;

}



p.womentitle{
	text-align:center;
	background-color:#ffe4e1;
	margin: 10px;

}



.tb_hikaku{
	width:100%;

}

.tb_hikaku th{
	border:solid 1px;
}


.tb_hikaku td{
	border:solid 1px;
}




td.tb_hikaku_first{
	text-align:center;
}



ol.hikaku {
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding: 0.3em 0.8em;
	border: solid 2px #ffb107;
	width: 80%;
    margin-right: auto;
    margin-left: auto;
}
ol.hikaku  li {
  border-bottom: dashed 1px orange;
  position: relative;
  padding: 0.5em 0.5em 0.5em 30px;
  line-height: 1.5em;
}
ol.hikaku  li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #ffb107;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol.hikaku  li:last-of-type {
  border-bottom: none; /*最後のliの線だけ消す*/
}


table {
	width:100%;
}

/*tableにスクロールバーを追加スタート*/
.scroll{
overflow: auto; /*tableをスクロールさせる*/
white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
margin-bottom: 2em;
}
.scroll:-webkit-scrollbar{ /*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{ /*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
/*tableにスクロールバーを追加エンド*/

table a{
	color:#fff;
}

tr.first_nightbra th{
	background: #fff;
}

.first_nightbra td{
	border: solid 1px #ccc;
 	padding: 10px;
 	text-align:center;
	background: #ffffe0;
}

.tbl-r02_nightbra th {
  background: #4169e1;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
.tbl-r02_nightbra td {
	border: solid 1px #ccc;
 	padding: 10px;
 	text-align:left;
 	background:#fff;
 }
.last_nightbra th {
  background: #4169e1;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
.last_nightbra td{
	border: solid 1px #ccc;
 	padding: 10px;
 	text-align:left;
 	background:#fff;
}

th.tbl-th_nightbra{
	font-size:small;
}

/*カードスタイル//////////////////////////////////////////////////////////////////////*/

    .card3 {
        /*width: 400px;*/
        /*margin: 20px;*/
        /*border-radius: 5px;*/
        background-color: #fff;
        box-shadow: 0 3px 6px #ccc;
        border:5px solid #fff;
    }
    .box3 {
        display: flex;
    }
    .image3 {
        max-width: 20%;
		max-height: 120px;
        object-fit: cover;
        /*border-radius: 5px 0 0 5px;*/
    }
    .title3 {
        font-size: 90%;
        margin: 5px;
        color: #444;
    }
    .content3 {
        margin: 5px;
        color: #666;
        font-size: 70%;
    }
    
    .card3 a{
	    text-decoration: none;
	}
	
    .card3 a img:hover{
	    opacity:0.7;
	}
    .card3 a :hover{
    	color:red;
    	text-decoration: underline;
	    text-decoration-color: #333;
	}
    .card3:hover{
    	background-color: #d3d3d3;
    	border:5px solid #5C5C5C;
	    text-decoration-color: #03022E;
	}
    .card3 a:focus img, a:hover img{
	    opacity:0.7;
	}
/*カードスタイル//////////////////////////////////////////////////////////////////////*/