.center{
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
}



.imgside{
text-align:left;
    margin-top: 10px;
        font-size: 15px;
            max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.imgside img:hover {
			opacity: 0.5 ;
}

.sidetopic{
	text-align:left;
	max-width:45%;
	border: solid 1px #dedede;
	background: #FFF;
	overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.29);
}

.sidetopic a:hover{
	opacity:0.5;

}

.sidetopic p{
	padding: 10px;
    margin:0;
}

.sidetopic img{
	margin: 0;
    border-bottom: 1px solid #dedede;
}


.flex{
	display: flex;
	flex-direction: row;
}

.sidetopic2{
	text-align:left;
	max-width:200px;
	border: solid 1px #dedede;
	background: #FFF;
	overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.29);
}

.sidetopic2 a:hover{
	opacity:0.5;

}


/*　　　　　　　　出会いにおすすめの枠　　　　　　　*/
.sidecolumntitle{
	text-align:center;
	font-size:medium;
	margin-left:auto;
	margin-right:auto;
    padding: 0px;
    color:#333;
    letter-spacing: 5px;
    font-weight: bold;
}
.btn-sticky1a {
  display: inline-block;
  position: relative;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #ff1493;/*左線*/
  color: #ff1493;/*文字色*/
  font-weight: bold;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.29);
  width: 87%;
}
.btn-sticky1a:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

.btn-sticky1a::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #ff1493;/*三角の色*/
  transition: all .3s;
}

.btn-sticky1a:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
    box-shadow: none;
}


.btn-sticky {
  display: inline-block;
  position: relative;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #ff1493;/*左線*/
  color: #ff1493;/*文字色*/
  font-weight: bold;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.29);
  width: 77%;
  margin-left: 10%;
}
.btn-sticky:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

.btn-sticky::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #e1534f;/*三角の色*/
  transition: all .3s;
}
.btn-sticky:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
    box-shadow: none;
}
/*　　　　　　　　出会いにおすすめの枠　　　　　　　*/


/*　　　　　　　　出会う前に　　　　　　　*/
.sidecolumntitle2{
	text-align:center;
	font-size:medium;
	margin-left:auto;
	margin-right:auto;
    background: #000000;
    margin-top: -10px;
    padding: 0px;
    color:#fff;
}

.btn-sticky2a {
  display: inline-block;
  position: relative;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #000000;/*左線*/
  color: #000000;/*文字色*/
  font-weight: bold;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.29);
  width: 87%;
}
.btn-sticky2a:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

.btn-sticky2a::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #000;/*三角の色*/
  transition: all .3s;
}
.btn-sticky2a:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
    box-shadow: none;
}
.btn-sticky2 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #000000;/*左線*/
  color: #000000;/*文字色*/
  font-weight: bold;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.29);
  width: 77%;
  margin-left: 10%;
}
.btn-sticky2:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}
.btn-sticky2:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
    box-shadow: none;
}
/*　　　　　　　　出会う前に　　　　　　　*/


/*　　　　　　　　初デート　　　　　　　*/
.sidecolumntitle3{
	text-align:center;
	font-size:medium;
	margin-left:auto;
	margin-right:auto;
    background: #00008b;
    margin-top: -10px;
    padding: 0px;
    color:#fff;
}

.btn-sticky3a {
  display: inline-block;
  position: relative;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #00008b;/*左線*/
  color: #00008b;/*文字色*/
  font-weight: bold;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.29);
  width: 87%;
}
.btn-sticky3a:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

.btn-sticky3a::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #00008b;/*三角の色*/
  transition: all .3s;
}
.btn-sticky3a:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
    box-shadow: none;
}

.btn-sticky3 {
  display: inline-block;
  position: relative;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #00008b;/*左線*/
  color: #00008b;/*文字色*/
  font-weight: bold;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.29);
  width: 77%;
  margin-left: 10%;
}
.btn-sticky3:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

.btn-sticky3::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #00008b;/*三角の色*/
  transition: all .3s;
}
.btn-sticky3:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
    box-shadow: none;
}
/*　　　　　　　　初デート　　　　　　　*/

.sideimgcenter{
text-align:center;
}
.sideimgcenter img:hover {
			opacity: 0.5 ;
}

.sidecolumntitle4{
	text-align:center;
	font-size:medium;
	margin-left:auto;
	margin-right:auto;
    background: gray;
    margin-top: -10px;
    padding: 0px;
    color:#fff;
}


.sidecolumntitle_men{
	text-align:center;
	font-size:medium;
	margin-left:auto;
	margin-right:auto;
    background: #87cefa;
    margin-top: -10px;
    padding: 0px;
    color:#fff;
    width: 90%;
}

.sidecolumntitle_women{
	text-align:center;
	font-size:medium;
	margin-left:auto;
	margin-right:auto;
    background: #ffc0cb;
    margin-top: -10px;
    padding: 0px;
    color:#fff;
    width: 90%;
}


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


    .card3_side {
        /*width: 400px;*/
        /*margin: 20px;*/
        /*border-radius: 5px;*/
        background-color: #fff;
        box-shadow: 0 3px 6px #ccc;
        border:5px solid #fff;
            margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    margin-top: 5px;
    }
    .box3_side {
        display: flex;
    }
    .image3_side {
        max-width: 50%;
		max-height: 95px;
        object-fit: cover;
        /*border-radius: 5px 0 0 5px;*/
    }
    .title3_side {
        font-size: 13px;
        margin: 5px;
        color: #444;
        line-height:1.2;
        font-weight:bold;
    }
    .content3_side {
        margin: 5px;
        color: #666;
        font-size: 10px;
        line-height:1.0;
        
    }
    
    .card3_side a{
	    text-decoration: none;
	}
	
    .card3_side a img:hover{
	    opacity:0.7;
	}
    .card3_side a :hover{
    	color:red;
    	text-decoration: underline;
	    text-decoration-color: #333;
	}
    .card3_side:hover{
    	background-color: #ffc9d7;
    	border:5px solid #dc143c;
	    text-decoration-color: #333;
	}
    .card3_side a:focus img, a:hover img{
	    opacity:0.7;
	}
	
@media screen and (max-width: 930px){
.card3_side {
	width: 90%;
    /* border-radius: 5px; */
    background-color: #fff;
    box-shadow: 0 3px 6px #ccc;
    border: 5px solid #fff;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    margin-top: 5px;
	}
}

@media screen and (max-width: 930px){
 .title3_side {
    font-size:20px;
}
}

@media screen and (max-width: 930px){
 .content3_side {
    font-size:15px;
}
}

@media screen and (max-width: 930px){
 .image3_side {
        max-width: 30%;
		max-height: 120px;
        object-fit: cover;
        /*border-radius: 5px 0 0 5px;*/
}
}

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