@charset "UTF-8";
/* ######################################################################################

　サポート

###################################################################################### */
/* ====================================================
    ページ共通
==================================================== */

.pageSupport .support{
    margin: auto;
}

.text { font-size: 12px;}
.bg_gray { background:#f6f6f6; }
    .pageSupport .support .titleBox h2 {
        margin-bottom: 30px;
		border-bottom: 1px #476845 solid;
		border-left: solid 4px #476845;
		padding: 10px 15px;
		font-size: 25px;
		letter-spacing: 0.075em;
		font-family: 'Bodoni Moda', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
    .pageSupport .support .titleBox h2 span {
		padding-left: 20px;
		font-size: 16px;
    }
@media print, screen and (min-width: 768px) {
    .pageSupport ul.pageNavi  {
        width: 1020px;
        margin: auto;
        margin-top: 60px;
        margin-bottom: 60px;
        text-align: center;
    }
    .pageSupport ul.pageNavi li {
        display: inline-block;
        width:24%;
        text-align: center;
    }
    .pageSupport ul.pageNavi li a {
        display: block;
        background:#476845;
        color: #ffffff;
        text-decoration: none;
        padding: 10px 5px;
        border-radius: 4px;
    }
    .pageSupport ul.pageNavi li a:hover {opacity: 0.7;}
    .pageSupport ul.pageNavi li span {
        display: block;
        font-size: 12px;
        margin-top: 5px;
    }
    .pageSupport .support .clearfix:after{
        content: "";
        display: block;
        clear: both;
    }

    .pageSupport .support .text {font-size: 11px; display: block;}
}
@media screen and (max-width: 767px) {
    .pageSupport .support{ width: 100%;}
    .pageSupport ul.pageNavi  {
        margin: 30px auto;
        width: 95%;
    }
    .pageSupport ul.pageNavi li {
        display: inline-block;
        width:49%;
        text-align: center;
        margin-bottom: 5px;
    }
    .pageSupport ul.pageNavi li a {
        display: block;
		background:#476845;
        color: #ffffff;
        text-decoration: none;
        padding: 10px 5px;
        border-radius: 4px;
    }
    .pageSupport ul.pageNavi li a:hover {opacity: 0.7;}
    .pageSupport ul.pageNavi li span {
        display: block;
        font-size: 12px;
        margin-top: 5px;
    }
	.pageSupport .support .titleBox h2 { line-height: 1.5;}
    .pageSupport .support .titleBox h2 span {
		display: block;
		padding-left: 0px;
		font-size: 15px;
    }	

}

/**** 注釈ブロック（ページ下） ****/
.pageSupport .attentionBox{ line-height: 1.5; font-size: 11px;}

@media print, screen and (min-width: 768px) {
    .pageSupport .attentionBox{padding: 15px 20px 17px; margin-bottom: 80px;}
    .pageSupport .attentionBox .attention{
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: 0;
    }
}
@media screen and (max-width: 767px) {
    .pageSupport .support { padding: 0 15px;}
    .pageSupport .attentionBox{ width: 95%; margin: auto; padding: 1em .8em;}
    .pageSupport .attentionBox .attention{
        letter-spacing: 0;
        line-height: 1.5;
        font-size: 12px;
    }
}



/**** 快適 ****/
@media print, screen and (min-width: 768px) {
    .pageSupport .support.comfort { font-size: 0;}
    .pageSupport .comfort dl {
        display: inline-block;
        width:280px;
        vertical-align: top;
        margin-bottom: 40px;
    }
    .pageSupport .comfort dl:nth-child(2),
    .pageSupport .comfort dl:nth-child(5) {
        margin: auto 45px;
    }
    .pageSupport .comfort dl.center {
        margin:0 45px;
    }
	.pageSupport .comfort dl.bt { border-top: solid #444444 1px; padding-top: 30px;}
    .pageSupport .comfort dt {
        padding: 15px 0;
        font-weight: bold;
        font-size: 16px;
    }
    .pageSupport .comfort dd { text-align: center;}
    .pageSupport .comfort dd p { text-align: left; margin-bottom: 15px; font-size: 14px; line-height: 1.5;}
	
	.pageSupport .comfort div.bousai {
		width: 100%;
		font-size: 16px;
		border: solid 1px #ccc;
		padding: 30px;
		background: #f9f9f9;
		margin-top: 30px;
	}
	.pageSupport .comfort div.bousai p.title { font-size: 18px; border-bottom: solid 1px #ccc; padding-bottom: 8px; margin-bottom: 25px; font-weight: bold;}
	.pageSupport .comfort div.bousai .text { font-size: 16px; float: left; margin-right: 30px; width: 525px;}
	.pageSupport .comfort div.bousai .text ul { margin-top: 15px; margin-bottom: 10px;}
	.pageSupport .comfort div.bousai .text ul li { margin-bottom: 10px; display: inline-block;}
	.pageSupport .comfort div.bousai .text ul li:first-child { display: block;}
	.pageSupport .comfort div.bousai .text p.small { text-align: right;}
	
}
@media screen and (max-width: 767px) {
    .pageSupport .comfort .titleBox { margin-bottom: 20px;}
    .pageSupport .comfort dl {
        display:block;
        vertical-align: top;
        margin-bottom: 20px;
    }
     .pageSupport .comfort dt {
        padding: 10px 0;
        font-weight: bold;
        font-size: 16px;
    }
	
    .pageSupport .comfort dd { text-align: center;}
    .pageSupport .comfort dd img { width: 100%; height: auto;}
    .pageSupport .comfort dd p { text-align: left; margin-bottom: 15px; font-size: 14px; line-height: 1.5;}  
	
	.pageSupport .comfort div.bousai {
		width: 100%;
		font-size: 16px;
		border: solid 1px #ccc;
		padding: 15px;
		background: #f9f9f9;
		margin-top: 30px;
	}
	.pageSupport .comfort div.bousai p.title { font-size: 18px; border-bottom: solid 1px #ccc; padding-bottom: 8px; margin-bottom: 25px; font-weight: bold;}
	.pageSupport .comfort div.bousai .text { font-size: 16px; float: none; margin-right: 0px;}
	.pageSupport .comfort div.bousai .text ul { margin-top: 15px; margin-bottom: 10px;}
	.pageSupport .comfort div.bousai .text ul li { margin-bottom: 10px; display: inline-block;}
	.pageSupport .comfort div.bousai .text ul li:first-child { display: block;}
	.pageSupport .comfort div.bousai .text p.small { text-align: right;}	
	.pageSupport .comfort div.bousai img { margin-top: 15px;}

}


/**** サポート ****/
@media print, screen and (min-width: 768px) {
    .pageSupport .support　{}
    .pageSupport .support.supprts { /*font-size: 0;*/ margin-top: 80px;}
    .pageSupport .support.supprts h2 { margin-bottom: 30px;}
    .pageSupport .support.supprts h3 { padding-bottom: 20px; text-align: center;}
    
    .pageSupport .support.supprts .left{ float: left;width: 350px; margin-right: 40px;}
    .pageSupport .support.supprts .center { float: left; width: 350px;}
    .pageSupport .support.supprts .right { float: right; width: 350px;}
	
	.pageSupport .support.supprts .supportList {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.pageSupport .support.supprts .supportList .inbox {
		width: 24%;
	}
	
    .pageSupport .support.supprts dl { margin-bottom: 15px;}
    .pageSupport .support.supprts dt {
        color: #ffffff;
        font-size: 16px;
        text-align: left;
        margin-bottom: 15px;
        padding: 10px;
        font-weight: bold;
		border-radius: 0 50px 50px 0;
        
    }
    .pageSupport .support.supprts dl.supprts01 dt { color:#5d87b7; background: #fff; border: solid 1px #5d87b7; border-left: solid 10px #5d87b7;}
    .pageSupport .support.supprts dl.supprts02 dt { color:#7f5083; background: #fff; border: solid 1px #7f5083; border-left: solid 10px #7f5083;}
    .pageSupport .support.supprts dl.supprts03 dt { color:#b04552; background: #fff; border: solid 1px #b04552; border-left: solid 10px #b04552;}
    .pageSupport .support.supprts dl.supprts04 dt { color:#de7679; background: #fff; border: solid 1px #de7679; border-left: solid 10px #de7679;}
    .pageSupport .support.supprts dl.supprts05 dt { color:#d28300; background: #fff; border: solid 1px #d28300; border-left: solid 10px #d28300;}
	.pageSupport .support.supprts dl.supprts06 dt { color:#327e23; background: #fff; border: solid 1px #327e23; border-left: solid 10px #327e23;}
	.pageSupport .support.supprts dl.supprts07 dt { color:#007a92; background: #fff; border: solid 1px #007a92; border-left: solid 10px #007a92;}
    
    .pageSupport .support.supprts dl.supprts01 li {
        color: #5d87b7;
        /*width: 48%;
        display: inline-block;*/
    }
    .pageSupport .support.supprts dl.supprts01 img { margin-top: 15px;}
    .pageSupport .support.supprts dl.supprts02 li { color:#7f5083;}
    .pageSupport .support.supprts dl.supprts03 li { color:#b04552;}
    .pageSupport .support.supprts dl.supprts04 li { color:#de7679;}
    .pageSupport .support.supprts dl.supprts05 li { color:#d28300;}
	.pageSupport .support.supprts dl.supprts06 li { color:#327e23;}
	.pageSupport .support.supprts dl.supprts07 li { color:#007a92;}
    .pageSupport .support.supprts li { line-height: 1.8; font-size: 14px;}
    .pageSupport .support.supprts li:before {
        content: "■";
    }
    
    .pageSupport .support.supprts li span { color: #000000;}
    
    .pageSupport .support.supprts .net {
        border-top: solid 1px #dcdcdc;
        padding-top: 30px;
        margin-top: 30px;
    }
    .pageSupport .support.supprts .net img {
        float: left;
    }
    .pageSupport .support.supprts .net dl {
        float: right;
        text-align: left;
        width: 555px;
    }
    .pageSupport .support.supprts .net dl dt {
        color: #d28300;
        text-align: left;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .pageSupport .support.supprts .net dl dd p{
        line-height: 1.5;
        font-size: 15px;
    }
	.pageSupport .support.supprts .internet { margin-top: 50px; padding-top: 50px; border-top: solid 1px #ccc;}
	.pageSupport .support.supprts .internet .left {
		float: left;
		width: 400px;
	}
	.pageSupport .support.supprts .internet .right {
		width: 500px;
		float: right;
	}
	.pageSupport .support.supprts .internet .right h3 {
		text-align: left;
		font-size: 18px;
	}
	.pageSupport .support.supprts .internet .right p { margin-bottom: 20px; line-height: 1.8;}
	.pageSupport .support h3.sp { display: none;}
	.pageSupport .support h3 a:hover { opacity: 0.7;}
}

@media screen and (max-width: 767px) {
    .pageSupport .support .titleBox { margin-bottom: 20px;}
    .pageSupport .support　{}
    .pageSupport .support.supprts { /*font-size: 0;*/ margin-top: 80px;}
    .pageSupport .support.supprts h2 { margin-bottom: 0px;}
    .pageSupport .support.supprts h3 { margin-bottom: 20px;}
    
    .pageSupport .support.supprts .left,
    .pageSupport .support.supprts .center,
    .pageSupport .support.supprts .right{ margin-bottom: 20px;}
	
	.pageSupport .support.supprts .supportList {
		display: block;
	}
	.pageSupport .support.supprts .supportList .inbox {
		width: 100%;
	}	
	
    .pageSupport .support.supprts dl { margin-bottom: 30px;}
    .pageSupport .support.supprts dt {
        color: #ffffff;
        font-size: 16px;
        text-align: center;
        margin-bottom: 15px;
        padding: 8px 5px;
        font-weight: bold;
		border-radius: 0 50px 50px 0;
        
    }
    .pageSupport .support.supprts dl.supprts01 dt { color:#5d87b7; background: #fff; border: solid 1px #5d87b7; border-left: solid 10px #5d87b7; }
    .pageSupport .support.supprts dl.supprts02 dt { color:#7f5083; background: #fff; border: solid 1px #7f5083; border-left: solid 10px #7f5083;}
    .pageSupport .support.supprts dl.supprts03 dt { color:#b04552; background: #fff; border: solid 1px #b04552; border-left: solid 10px #b04552;}
    .pageSupport .support.supprts dl.supprts04 dt { color:#de7679; background: #fff; border: solid 1px #de7679; border-left: solid 10px #de7679;}
    .pageSupport .support.supprts dl.supprts05 dt { color:#d28300; background: #fff; border: solid 1px #d28300; border-left: solid 10px #d28300;}
	.pageSupport .support.supprts dl.supprts06 dt { color:#327e23; background: #fff; border: solid 1px #327e23; border-left: solid 10px #327e23;}
	.pageSupport .support.supprts dl.supprts07 dt { color:#007a92; background: #fff; border: solid 1px #007a92; border-left: solid 10px #007a92;}

    
    .pageSupport .support.supprts dl.supprts01 li {
        color: #5d87b7;
        /*width: 48%;
        display: inline-block;*/
    }
    .pageSupport .support.supprts dl.supprts01 img { margin-top: 15px;}
    .pageSupport .support.supprts dl.supprts02 li { color:#7f5083;}
    .pageSupport .support.supprts dl.supprts03 li { color:#b04552;}
    .pageSupport .support.supprts dl.supprts04 li { color:#de7679;}
    .pageSupport .support.supprts dl.supprts05 li { color:#d28300;}
	.pageSupport .support.supprts dl.supprts06 li { color:#327e23;}
	.pageSupport .support.supprts dl.supprts07 li { color:#007a92;}
    .pageSupport .support.supprts li { line-height: 1.5; font-size: 14px;}
    .pageSupport .support.supprts li:before {
        content: "■";
    }
    
    .pageSupport .support.supprts li span { color: #000000;}
    
    .pageSupport .support.supprts .net {
        border-top: solid 1px #dcdcdc;
        padding-top: 30px;
        margin-top: 30px;
    }
    .pageSupport .support.supprts .net img { margin-bottom: 15px;}
    .pageSupport .support.supprts .net dl dt {
        color: #6d0000 ;
        text-align: left;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .pageSupport .support.supprts .net dl dd p{
        line-height: 1.5;
        font-size: 15px;
    }
	.pageSupport .support.supprts .internet { margin-top: 50px; padding-top: 50px; border-top: solid 1px #ccc;}
	.pageSupport .support.supprts .internet .right h3 {
		text-align: left;
		font-size: 18px;
	}
	.pageSupport .support.supprts .internet .right p { margin-bottom: 20px; line-height: 1.8;}	
    .pageSupport .support h3.sp { display: block;}
	.pageSupport .support h3.pc { display: none;}
	.pageSupport .support h3 { text-align: center;}
}


/**** アフターサービス ****/
@media print, screen and (min-width: 768px) {
    .pageSupport .support.after { font-size: 0; margin-top: 0px; padding-top: 80px;}
	.pageSupport .after .afterlist {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
    .pageSupport .after dl:first-child {
		width: 35%;
        vertical-align: top;
        margin-bottom: 40px;
        font-size: 14px;
    }
	.pageSupport .after dl:first-child dd { text-align: center;}
    .pageSupport dl:first-child .after dt {
        padding: 15px 0;
        font-weight: bold;
        font-size: 16px;
    }
    .pageSupport .after dl:first-child dd p { line-height: 1.5;}
	.pageSupport .support.after dl:first-child img { background: #ffffff; margin-bottom: 20px;}
	.pageSupport .support.after dl:first-child a {
		display: block;
		color: #0068b7;
		background: #fdd000;
		text-decoration: none;
		padding: 20px 10px;
		text-align: center;
		font-size: 110%;
		border-radius: 4px;
		margin-top: 20px;
		font-weight: bold;
		line-height: 1.5;
		transition : .5s;
	}
	.pageSupport .support.after dl:first-child a:hover {opacity: 0.7;}
	
    .pageSupport .after dl:last-child {
		width: 65%;
        vertical-align: top;
        margin-bottom: 40px;
        font-size: 14px;
		text-align: right;
    }
	.pageSupport .support.after dl:last-child a { display: none;}
	.pageSupport .support.after dl:last-child a.imglink { display: inherit; padding: 0;}
	
	.pageSupport .hapisapotitle { float: left;}
	.pageSupport a.morehapisapo {
		display: block;
		color: #ffffff;
		background: #005bac;
		text-decoration: none;
		padding: 20px 10px;
		text-align: center;
		font-size: 110%;
		border-radius: 4px;
		margin: 20px auto;
		font-weight: bold;
		line-height: 1.5;
		transition : .5s;
		width: 50%;
	}
	.pageSupport .hapisapologo { margin-left: 30px; float: left;}
	
}
@media screen and (max-width: 767px) {
    .pageSupport .support.after { margin-top: 60px;}
    .pageSupport .after dl {
        vertical-align: top;
        margin-bottom: 40px;
        font-size: 14px;
    }
    .pageSupport .after dt {
        padding: 15px 0;
        font-weight: bold;
        font-size: 16px;
    }
    .pageSupport .after dd { text-align: center;}
    .pageSupport .after dd img { width: 100%; height: auto;}
    .pageSupport .after dd p { text-align: left; line-height: 1.5;}
    .pageSupport .support.after img { background: #ffffff;}
	
	.pageSupport .support.after dl:first-child a { display: none;}
	.pageSupport .support.after dl:last-child a {
		display: block;
		color: #0068b7;
		background: #fdd000;
		text-decoration: none;
		padding: 20px 10px;
		text-align: center;
		font-size: 110%;
		border-radius: 4px;
		margin-top: 20px;
		font-weight: bold;
		line-height: 1.5;
		transition : .5s;
	}
	.pageSupport .support.after dl:last-child a:hover {opacity: 0.7;}
	.pageSupport .support.after dl:last-child a.imglink { padding: 0;}

	.pageSupport a.hapilink  {
		display: block;
		color: #ffffff;
		background: #005bac;
		text-decoration: none;
		padding: 20px 10px;
		text-align: center;
		font-size: 110%;
		border-radius: 4px;
		margin-top: 20px;
		font-weight: bold;
		line-height: 1.5;
		transition : .5s;
	}

	.hapisapogoa a {
		display: block;
		color: #ffffff;
		background: #005bac;
		text-decoration: none;
		padding: 20px 10px;
		text-align: center;
		font-size: 110%;
		border-radius: 4px;
		margin-top: 20px;
		font-weight: bold;
		line-height: 1.5;
		transition : .5s;
		width: 50%;
	}
	.pageSupport a.morehapisapo {
		display: block;
		color: #ffffff;
		background: #005bac;
		text-decoration: none;
		padding: 20px 10px;
		text-align: center;
		font-size: 110%;
		border-radius: 4px;
		margin: 20px auto;
		font-weight: bold;
		line-height: 1.5;
		transition : .5s;
		width: 100%;
	}	
	
}

/****エコ*****/
@media print, screen and (min-width: 768px) {
   .pageSupport .eco {
	   padding: 0 0 80px;
	   margin-top: 80px;
	   position: relative;
	}
	.pageSupport .ecobox {
		position:relative;
		background: #f8f7f6;
		border-radius: 10px;
		text-align: center;
		padding: 50px 59px;
		margin-bottom: 60px;
	}
	.pageSupport .ecobox h3 { background: #8bc1ac; color :#fff; text-align: center; padding: 15px; margin-bottom:20px;}
	.pageSupport .ecobox:last-child { margin-bottom: 0;}
	.pageSupport .support.eco .contents .titleBox { position: relative;}
	.pageSupport .support.eco .contents .titleBox .econoicon {
		position: absolute;
		right: 34px;
		top: -39px;
		padding: 0;
		margin: 0;
		z-index: 1;
	}
	.pageSupport .eco .ecobox h3 { font-size: 20px; margin-bottom: 20px; margin-top: 8px; }
	.pageSupport .eco .ecobox h4 { font-size: 20px; background: #5d97c4; color: #fff; padding: 8px; margin-bottom: 30px;}
	.pageSupport .eco .ecobox .Left {
		float: left;
		width: 500px;
	}
	.pageSupport .eco .ecobox .Left .innerL { float: left; width: 40%; text-align: left; line-height: 1.5;}
	.pageSupport .eco .ecobox .Left .innerR { float: right; }
	.pageSupport .eco .ecobox .Left .innerL p,
	.pageSupport .eco .ecobox .Left .innerR p { line-height: 1.5; margin-bottom: 10px;}
	.pageSupport .eco .ecobox .Left .innerR p { padding: 10px; width: 90%; margin: auto;}
	.pageSupport .eco .ecobox .Left .innerL .bgG {
		background: #efefef;
		padding: 10px;
	}
	.pageSupport .eco .ecobox .Left .innerL .bgG img { width: 100%; height: auto;}
	.pageSupport .eco .ecobox .Left .shisan { clear: both; text-align: left; line-height: 1.5; margin-top: 10px;}
	.pageSupport .eco .ecobox .Right {
		float: right;
		width: 500px;
	}
	.pageSupport .eco .ecobox .Right p {float: left; width: 40%; text-align: left; line-height: 1.5;}
	.pageSupport .eco .ecobox .Right img { float: right; }
}
@media screen and (max-width: 767px) {
   .pageSupport .eco {
       background: #f8f7f6;
	   padding:60px 0;
	   position: relative;
       margin: 0 auto;
    }
	.pageSupport .ecobox {
		position:relative;
		background: #ffffff;
		border-radius: 10px;
		text-align: center;
		padding: 20px 20px 40px;
		margin-bottom: 30px;
	}
	.pageSupport .support.eco .contents .titleBox { position: relative;}
	.pageSupport .support.eco .contents .titleBox .econoicon {
		position: absolute;
		right: 0;
		top: -50px;
		padding: 0;
		margin: 0;
		width: 60px;
		height: auto;
	}

	.pageSupport .ecobox h3 {
		background: #51ba97;
		color: #fff;
		text-align: center;
		padding: 15px;
		margin-bottom: 20px;
		line-height: 1.5;
	}
	.pageSupport .eco .ecobox h3 {
		font-size: 20px;
		margin-bottom: 20px;
		margin-top: 8px;
	}	
	.pageSupport .eco .ecobox h4 { font-size: 20px; background: #5d97c4; color: #fff; padding: 8px; margin-bottom: 30px; line-height: 1.5}


	.pageSupport .eco .ecobox .Left .innerL .bgG {
		background: #efefef;
		padding: 10px;
	}
	.pageSupport .eco .ecobox .Left .innerL .bgG img { display: block; width: 100%; height: auto;}
	.pageSupport .eco .ecobox .Left {
		float: none;
		width:100%;
	}
	.pageSupport .eco .ecobox .Left .innerL { float: none; text-align: left; line-height: 1.5;}
	.pageSupport .eco .ecobox .Left .innerR { float: none; }
	.pageSupport .eco .ecobox .Left .innerL p,
	.pageSupport .eco .ecobox .Left .innerR p { line-height: 1.5; margin-bottom: 10px;}
	.pageSupport .eco .ecobox .Left .innerR p { padding: 10px; width: 100%; margin: auto;}
	.pageSupport .eco .ecobox .Left .innerL .bgG {
		background: #efefef;
		padding: 10px;
	}
	.pageSupport .eco .ecobox .Left .innerL .bgG img { width: 100%; height: auto;}
	.pageSupport .eco .ecobox .Left .shisan { clear: both; text-align: left; line-height: 1.5; margin-top: 10px;}
	.pageSupport .eco .ecobox .Right {
		float: none;
		width: 100%;
		margin-top: 40px;
	}
	.pageSupport .eco .ecobox .Right p {float: none; width: 100%; text-align: left; line-height: 1.5;}
	.pageSupport .eco .ecobox .Right img { float: none; }
}

/**** 注釈ブロック（ページ下） ****/
@media print, screen and (min-width: 768px) {
    .pageSupport .attentionBox{margin-top: 80px; margin-bottom: 80px; padding: 15px 0 17px;}
	.pageSupport .attentionBox p { line-height: 1.5;}
}
@media screen and (max-width: 767px) {
    .pageSupport .attentionBox{ margin-top: 40px; margin-bottom: 50px;}
    .pageSupport .attentionBox p{
        letter-spacing: 0;
        line-height: 1.5;
    }
}

a.hapisapolink  { text-align: center;}
a.hapisapolink {
	text-align: center;
	padding: 30px 20px;
	margin: 10px auto 30px;
	display: block;
	width: 40%;
	background: #e50065;
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
	font-size: 115%;
	border: solid 3px #e50065;
	font-weight: bold;
}
a.hapisapolink:hover { opacity: 0.7; border: solid 3px #e50065; background: #fff; color: #e50065; font-weight: bold;}
@media screen and (max-width: 767px) {
a.hapisapolink  { width: 100%; padding: 15px;}
}

/* end */