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

html, body{
	font-family: 'Noto Sans JP', sans-serif;
    background-color:#F7F7F8;
}







   /* ↓固定バナー */
.fix-menu {
  position: fixed;
  bottom: 5px;
  height: auto;
  z-index: 999;
  width: 100%;
  background: rgba(0,0,0,0.5);
  padding: 10px;
}

.is-fixed {
  display: none!important;
  }
.bottom_pr{
	color:#fff;
}

.bottom_pr a{

	color:#fff;
}

   /* ↓固定バナー */

   /* ↓固定バナー */
.fix-menu2 {
  position: fixed;
  bottom: 5px;
  height: auto;
  z-index: 999;
  width: 100%;
  background: rgba(0,0,0,0.5);
  padding: 10px;
}

.is-fixed2 {
  display: none!important;
  }


   /* ↓固定バナー */

   /* ↓固定バナー */
.fix-menu3 {
  position: fixed;
  bottom: 5px;
  height: auto;
  z-index: 999;
  width: 100%;
  background: rgba(0,0,0,0.5);
  padding: 10px;
}

.is-fixed3 {
  display: none!important;
  }


   /* ↓固定バナー */

.bannar_fixed_matchapp {
    display: inline-block;
    width:50%;
    padding: 0.5em 0.5em;
    text-decoration: none;
    border-radius: 40px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#11AA44 0%, #11AA44 100%);
    background-image: linear-gradient(#11AA44 0%, #11AA44 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #11AA44;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    font-size:large;
}
.bannar_fixed2 {
    display: inline-block;
    width:50%;
    padding: 0.5em 0.5em;
    text-decoration: none;
    border-radius: 40px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#ff0000 0%, #ff0000 100%);
    background-image: linear-gradient(#ff0000 0%, #ff0000 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #f08080;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    font-size:large;
}







#wrapper{
	max-width:1200px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	word-wrap: break-word;
	
}

.main-column p{font-size:14px;}
ul.mensskincare li{font-size:14px;}
 
 
 
 
  
article.article-basic{
            background-color:#fff;
            padding: 10px;

}


  
article.article-mensskincare{
            background-color:#fff;
            padding: 10px;

}



@media (min-width: 930px) {

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

   }

   /* ▼メインカラムの装飾 */
   .main-column {
      order: 1;   /* 1番目に表示 */
      width: 60%;
      border: 1px solid #e1e1e1;
		background-color:#fff;
		margin-left: auto;
    margin-right: auto;
    padding: 16px;
    border-radius: 8px;
    margin-top: 10px;
    max-width: 620px;
      
   }
   /* ▽サイドカラムの装飾 */
   .side-column {
      order: 2;   /* 2番目に表示 */
      width: 25%;
      margin-left: auto;
      background-color:#fff;
   }
   .side-column {
      margin-left: auto;
      margin-right:auto;
      background-color:#F7F7F8;
   }
   .side-column2 {
      order: 2;   /* 3番目に表示 */
      width: 100%;
      margin-left: auto;
      margin-top: 40px;
      background-color:#fff;
   }
   .side-column3 {
      order: 2;   /* 3番目に表示 */
      width: 100%;
      margin-left: auto;
      margin-top: 40px;
      background-color:#F7F7F8;
   }
   .side-column4 {
      order: 2;   /* 3番目に表示 */
      width: 100%;
      margin-left: auto;
      margin-top: 40px;
      background-color:#fff;
   }
}





.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;
}





.menu{
    border: dashed 1px #262626;
    padding: 0px;
	max-width: 700px;
	margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
}

.menu li{}

.menu li a{
color: #262626;
}



.imgcentertop{
    text-align: center;
    display: inline-block;
    width: 30%;
}

.imgcentertop img{
    box-shadow: 4px 5px 12px -5px rgba(0, 0, 0, 0.8);

}




.h1deco_matchapp{
	border-bottom: 1px dashed #cdcdcd;
    font-weight: 700;
    color: #000;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 1px;
    margin: 0 0 8px;
    padding-bottom: 9px;
}






h2.h2deco_outline{font-size:14px;}


h2.article_h2title{

    width: 100%;
    border-bottom: 2px solid #e50012;
    padding-bottom: 2px;
    margin-top: 48px;
    margin-bottom: 16px;
}


h3.article_h3title{

    width: 100%;
    border-bottom: 2px dotted #666;
    margin-top: 26px;
    padding-bottom: .75em;
    font-size: 18px;
color: #666666;

}

.box-mensskincare {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    padding: 14px 16px;
}


.box_point{
	margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    padding: 14px 16px;

}











/* 吹き出し本体 */
.balloon15{
    position: relative;
    padding: 20px;
    background-color: #fff;
    border: 2px solid #ca8888;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    display: inline-block;
    width: 45%;
    margin: 0 0 3px;
    font-weight: bold;
    line-height: 1.2em;
    color: #333;
    }

/* beforeで枠線の三角を表現 */
.balloon15::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 30%;
  top: -15px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ca8888;
  border-left: 15px solid transparent;
}

/* beforeで本体の三角を表現 */
.balloon15::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 30%;
  top: -12px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
}



.num{
display: inline-block;
    width: 100%;
    margin: 0;
    font-size: 35px;
    font-weight: bold;
    font-style: italic;
    line-height: 1em;
    color: #dc143c;
}

.num2{
display: inline-block;
    width: 100%;
    margin: 0;
    font-size: 35px;
    font-weight: bold;
    font-style: italic;
    line-height: 1em;
    color: #080059;
}

.h2deco{
    border-bottom: solid 0px black;
    font-size: 10px;
    margin-left: 5px;
    margin-top: -25px;
}

.preoffertitlekiji2{
    text-align: center;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #000;
    border-bottom: solid 2px #4169e1;
}
.preoffertitlekiji2 a {
text-decoration: none;
}
.preoffertitlekiji2 a:link { color: black } 

.h3deco{
    border-left: solid 6px #dc143c;
    padding-left:10px;
}


.preoffertitlekiji {
    text-align: center;
    font-size: 17px;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #000;
    padding-left: 10px;
    border-bottom: solid 2px #dc143c;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.0;
}
.preoffertitlekiji a {
text-decoration: none;
}







/*en_konkatsu-----------------------------------------*/
.h3deco_en_konkatsu{
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #000;
    padding: 20px;
    color: #fff;
    background-color: #1F3D79;
    margin-bottom: 10px;
    font-weight:bold;
}
.title_en_konkatsu a {
text-decoration: none;
color: #000;
}
.title_en_konkatsu a:link { color: #000; } 


.preoffertitle_en_konkatsu{
	text-align: left;
    font-size: midium;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background-color: #1F3D79;
    margin-top: 10px;
    margin-bottom: 10px;
}
.preoffertitle_en_konkatsu a {
text-decoration: none;
}
.preoffertitle_en_konkatsu a:link { color: black } 

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

@keyframes hurueru_en_konkatsu {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

.buruburu_en_konkatsu a{
    color: white;
}


.h4deco_en_konkatsu{
    border-left: solid 6px #1F3D79;
    padding-left:10px;
}


.prun_en_konkatsu {
    display: inline-block;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#1F3D79 0%, #1a3365 100%);
    background-image: linear-gradient(#1F3D79 0%, #1a3365 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #0f1e3c;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
animation: prun_en_konkatsu 2.2s ease-in infinite;
-webkit-animation: prun_en_konkatsu 2.2s ease-in infinite;
-moz-animation: prun_en_konkatsu 2.2s ease-in infinite;
-o-animation: prun_en_konkatsu 2.2s ease-in infinite;
-ms-animation: prun_en_konkatsu 2.2s ease-in infinite;
}

@keyframes prun_en_konkatsu {
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_en_konkatsu{
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_en_konkatsu a{
    color: white;
}

/*en_konkatsu-----------------------------------------*/


/*smarriage-----------------------------------------*/
.h3deco_smarriage{
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #000;
    padding: 20px;
    color: #fff;
    background-color: #60ADA3;
    margin-bottom: 10px;
    font-weight:bold;
}
.title_smarriage a {
text-decoration: none;
color: #000;
}
.title_smarriage a:link { color: #000; } 


.preoffertitle_smarriage{
	text-align: left;
    font-size: midium;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background-color: #60ADA3;
    margin-top: 10px;
    margin-bottom: 10px;
}
.preoffertitle_smarriage a {
text-decoration: none;
}
.preoffertitle_smarriage a:link { color: black } 

.buruburu_smarriage {
    display: inline-block;
    animation: hurueru .1s  infinite;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #fff;
    background-image: -webkit-linear-gradient(#60ADA3 0%, #60ADA3 100%);
    background-image: linear-gradient(#60ADA3 0%, #60ADA3 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
    margin-top: 10px;
    line-height: 1.0em;
}

@keyframes hurueru_smarriage {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

.buruburu_smarriage a{
    color: white;
}


.h4deco_smarriage{
    border-left: solid 6px #60ADA3;
    padding-left:10px;
}


.prun_smarriage {
    display: inline-block;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#60ADA3 0%, #53a197 100%);
    background-image: linear-gradient(#60ADA3 0%, #53a197 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #417f77;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
animation: prun_smarriage 2.2s ease-in infinite;
-webkit-animation: prun_smarriage 2.2s ease-in infinite;
-moz-animation: prun_smarriage 2.2s ease-in infinite;
-o-animation: prun_smarriage 2.2s ease-in infinite;
-ms-animation: prun_smarriage 2.2s ease-in infinite;
}

@keyframes prun_smarriage {
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_smarriage{
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_smarriage a{
    color: white;
}

/*smarriage-----------------------------------------*/


/*pairs_engage-----------------------------------------*/
.h3deco_pairs_engage{
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #000;
    padding: 20px;
    color: #fff;
    background-color: #1ACE91;
    margin-bottom: 10px;
    font-weight:bold;
}
.title_pairs_engage a {
text-decoration: none;
color: #000;
}
.title_pairs_engage a:link { color: #000; } 


.preoffertitle_pairs_engage{
	text-align: left;
    font-size: midium;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background-color: #1ACE91;
    margin-top: 10px;
    margin-bottom: 10px;
}
.preoffertitle_pairs_engage a {
text-decoration: none;
}
.preoffertitle_pairs_engage a:link { color: black } 

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

@keyframes hurueru_pairs_engage {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

.buruburu_pairs_engage a{
    color: white;
}


.h4deco_pairs_engage{
    border-left: solid 6px #1ACE91;
    padding-left:10px;
}


.prun_pairs_engage {
    display: inline-block;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#1ACE91 0%, #17b781 100%);
    background-image: linear-gradient(#1ACE91 0%, #17b781 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #118a61;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
animation: prun_pairs_engage 2.2s ease-in infinite;
-webkit-animation: prun_pairs_engage 2.2s ease-in infinite;
-moz-animation: prun_pairs_engage 2.2s ease-in infinite;
-o-animation: prun_pairs_engage 2.2s ease-in infinite;
-ms-animation: prun_pairs_engage 2.2s ease-in infinite;
}

@keyframes prun_pairs_engage {
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_pairs_engage{
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_pairs_engage a{
    color: white;
}

/*pairs_engage-----------------------------------------*/


/*p-a-----------------------------------------*/
.h3deco_p-a{
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #000;
    padding: 20px;
    color: #fff;
    background-color: #D41338;
    margin-bottom: 10px;
    font-weight:bold;
}
.title_p-a a {
text-decoration: none;
color: #000;
}
.title_p-a a:link { color: #000; } 


.preoffertitle_p-a{
	text-align: left;
    font-size: midium;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background-color: #D41338;
    margin-top: 10px;
    margin-bottom: 10px;
}
.preoffertitle_p-a a {
text-decoration: none;
}
.preoffertitle_p-a a:link { color: black } 

.buruburu_p-a {
    display: inline-block;
    animation: hurueru .1s  infinite;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #fff;
    background-image: -webkit-linear-gradient(#D41338 0%, #D41338 100%);
    background-image: linear-gradient(#D41338 0%, #D41338 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
    margin-top: 10px;
    line-height: 1.0em;
}

@keyframes hurueru_p-a {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

.buruburu_p-a a{
    color: white;
}


.h4deco_p-a{
    border-left: solid 6px #D41338;
    padding-left:10px;
}


.prun_p-a {
    display: inline-block;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#D41338 0%, #D41338 100%);
    background-image: linear-gradient(#D41338 0%, #D41338 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #8e0d25;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
animation: prun_p-a 2.2s ease-in infinite;
-webkit-animation: prun_p-a 2.2s ease-in infinite;
-moz-animation: prun_p-a 2.2s ease-in infinite;
-o-animation: prun_p-a 2.2s ease-in infinite;
-ms-animation: prun_p-a 2.2s ease-in infinite;
}

@keyframes prun_p-a {
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_p-a{
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_p-a a{
    color: white;
}

/*p-a-----------------------------------------*/








.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 a:hover{
	opacity:0.5;

}

.tb_hikaku th{
	border:solid 1px;
}


.tb_hikaku td{
	border:solid 1px;
	    text-align: center;
}




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.first1 th{
	background: #fff;
}

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

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

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


.btn-square_pink {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #ff69b4;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #ff1493;
  border-radius: 3px;
  width: 40px;
  margin-right: 5px;
}
.btn-square_pink:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.btn-square_blue {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
  width: 40px;
}
.btn-square_blue:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}


/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
    color:red;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.btn-square-slant {
  display: inline-block;
  position: relative;
  padding: 0.5em 1.4em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 5px #36528c;/*ボタン色より暗めに*/
  border-right: solid 5px #5375bd;/*ボタン色より暗めに*/
}

.btn-square-slant:before {  
  content: " ";
  position: absolute;
  bottom: -5px;
  left: -1px;
  width: 0;
  height: 0;
  border-width: 0 6px 6px 0px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #FFF;
}

.btn-square-slant:after {  
  content: " ";
  position: absolute;
  top: -1px;
  right: -5px;
  width: 0;
  height: 0;
  border-width: 0px 6px 6px 0px;
  border-style: solid;
  border-color: #FFF;
  border-bottom-color: transparent;
}

.btn-square-slant:active {
  /*ボタンを押したとき*/
  border:none;
  -webkit-transform: translate(6px,6px);
  transform: translate(6px,6px);
}

.btn-square-slant:active:after, .btn-square-slant:active:before {
  content: none;/*ボタンを押すと線が消える*/
}

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

    .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: 30%;
		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: #ffc9d7;
    	border:5px solid #dc143c;
	    text-decoration-color: #333;
	}
    .card3 a:focus img, a:hover img{
	    opacity:0.7;
	}
/*カードスタイル//////////////////////////////////////////////////////////////////////*/

p.shuttensmallright{
	text-align:right;
	font-size: 10px;
    width: 90%;
}

.linkblack{
	color:#000;
	text-align:left;
}
.linkblack a{
	color:#000;
}

blockquote {
    position: relative;
    padding: 10px 20px;
    box-sizing: border-box;
    font-style: italic;
    color: #4e4e4e;
    background: #fff0f0;
    width: 100%;
    margin: 10px 0;
}
blockquote:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: -10px;
    vertical-align: middle;
    content: "“";
    font-family: sans-serif;
    color: #ffdfdf;
    font-size: 130px;
    line-height: 1;
}
blockquote:after{
    display: inline-block;
    position: absolute;
    bottom: -40px;
    right: 20px;
    vertical-align: middle;
    text-align: center;
    content: "”";
    font-family: sans-serif;
    color: #ffdfdf;
    font-size: 90px;
    line-height: 1;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}