@charset "utf-8";

/* ========================================
* File Name: style.css
* Created Date: 2015.04.01
* Author: TAM
======================================== */
/* ========================================
	gHeader
======================================== */
/* pc */
@media screen and (min-width:641px) {
#gHeader .chara {
	position: absolute;
	top: 94px;
	left: 590px;
	}

#gHeader .chara img {
	width: 170px;
	height: 170px;
	}
}

/* sp */
@media screen and (max-width:640px) {
#gHeader .chara {
	position: absolute;
	top: 70px;
	right: 10px;
	}
#gHeader .chara img {
	width: 80px;
	height: 80px;
	}
}

/* ========================================
	main-contents
======================================== */
#main-contents .main-cont.list h2 {
	font-size:24px;
	font-weight:bold;
	background:url("/news_event/images/ttl_icon.png") left top no-repeat;
	padding:0 0 0 40px;
	color: #7E461E;
	}
#main-contents .main-cont ul.entrylist {
	color: #532100;
	}
#main-contents .main-cont ul.entrylist li {
	padding:25px 5px;
	border-bottom:dashed 1px #BBA290;
	}
#main-contents .main-cont ul.entrylist li:last-child {
	border-bottom:none;
	}
#main-contents .main-cont ul.entrylist li .image {
	float:left;
	width:120px;
	height:120px;
	margin-right:15px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:solid 1px #ccc;
	}
#main-contents .main-cont ul.entrylist li .image img {
	display:none;
	}
#main-contents .main-cont ul.entrylist li .image:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	}
#main-contents .main-cont ul.entrylist li .text {
	float:left;
	width:440px;
	}
#main-contents .main-cont ul.entrylist li .date {
	margin-bottom:8px;
	font-size:12px;
	}
#main-contents .main-cont ul.entrylist li .date span {
	margin-left:10px;
	}
#main-contents .main-cont ul.entrylist li .title {
	margin-bottom:10px;
	font-size:15px;
	line-height:1.6;
	font-weight:bold;
	}

#main-contents .main-cont ul.entrylist li .title a {
	color: #FF7F06;
	}
#main-contents .main-cont ul.entrylist li .title a:link,
#main-contents .main-cont ul.entrylist li .title a:visited {
	text-decoration: none;
	}
#main-contents .main-cont ul.entrylist li .title a:hover,
#main-contents .main-cont ul.entrylist li .title a:active {
	text-decoration: underline;
	}
#main-contents .main-cont ul.entrylist li .article {
	font-size:13px;
	line-height:1.6;
	}
#main-contents .main-cont ul.entrylist li .article a {
	color:#FF7F10;
	padding-left:10px;
	}
#main-contents .main-cont.kiji {
	padding:22px 0;
	}
#main-contents .main-cont.kiji .date {
	padding:0 10px;
	font-size:12px;
	color: #532100;
	}
#main-contents .main-cont.kiji .date span {
	margin-left:10px;
	}
#main-contents .main-cont.kiji h2 {
	margin-bottom:20px;
	padding:8px 0;
	border-bottom: 1px dashed #BBA290;
	font-size:22px;
	font-weight:bold;
	color: #FF7F06;
	}
#main-contents .main-cont.kiji .kiji-wrap {
	color: #532100;
	font-size:13px;
	line-height:1.6;
	}
#main-contents .main-cont.kiji .kiji-wrap a {
	color:#FF7F10 !important;
	}
#main-contents .main-cont.kiji .kiji-wrap ul.sns-btn {
	margin-top:40px;
	float:right;
	}
#main-contents .main-cont.kiji .kiji-wrap ul.sns-btn li {
	float:left;
	}
#main-contents .main-cont.kiji .kiji-wrap ul.sns-btn li {
	margin-right:10px;
	}
#main-contents .main-cont.kiji .prev-next-link {
	clear:left;
	overflow: hidden;
	width: 100%;
	margin-top: 30px;
	padding-top: 15px;
	border-top: 1px solid #CCC ;
	}
#main-contents .main-cont.kiji .prev-next-link .prev {
	float: left;
	}
#main-contents .main-cont.kiji .prev-next-link .next {
	float: right;
	}
#main-contents .main-cont.kiji .free-area .left {
	float: left;
	width: 280px;
	}

#main-contents .main-cont.kiji .free-area .left .modal-box {
	overflow: hidden;
	margin-top: 10px;
	}
#main-contents .main-cont.kiji .free-area .left .modal-box li {
	float: left;
	margin: 0 10px 10px 0;
	}

#main-contents .main-cont.kiji .free-area .right {
	float: right;
	width: 300px;
	}

/* sp */
@media screen and (max-width:640px) {
#main-contents h1 {
	width:100px;
	}
#main-contents .main-cont.list h2 {
	font-size:18px;
	background:url("/news_event/images/ttl_icon.png") no-repeat 16px 6px;
	-webkit-background-size: 23px;
	     -o-background-size: 23px;
	        background-size: 23px;
	padding:10px 0 0 50px;
	}

#main-contents .main-cont ul.entrylist li {
	padding: 10px 5px;
	margin:10px;
	}
#main-contents .main-cont ul.entrylist li:first-child {
	margin:0 10px;
	}
#main-contents .main-cont ul.entrylist li .image {
	width:72px;
	height:72px;
	margin-right:8px;
	margin-bottom:5px;
	}
#main-contents .main-cont ul.entrylist li .image img {
	display:block;
	}

#main-contents .main-cont ul.entrylist li .text {
	width:auto;
	float:none;
	}
#main-contents .main-cont ul.entrylist li .title {
	margin-bottom:5px;
	font-size:14px;
	}
#main-contents .main-cont ul.entrylist li .article {
	clear: left;
	line-height:1.5;
	}
#main-contents .main-cont ul.entrylist li .date {
	margin-bottom:5px;
	}
#main-contents .main-cont ul.entrylist li .date span {
	margin-left:5px;
	}
#main-contents .main-cont.kiji .kiji-wrap {
	font-size:13px;
	line-height:1.6;
	padding: 0 10px;
	}
#main-contents .main-cont.kiji h2 {
	font-size:18px;
	margin: 0 10px 15px;
	}

#main-contents .main-cont.kiji .kiji-wrap table {
	width:100%;
	}
#main-contents .main-cont.kiji .kiji-wrap img {
	float: none;
    height: auto;
    margin: 0 auto 3%;
    width: 100%;
	}
#main-contents .main-cont.kiji .prev-next-link {
	text-align: center;
	}
#main-contents .main-cont.kiji .prev-next-link .prev {
	float: none;
	}
#main-contents .main-cont.kiji .prev-next-link .next {
	float: none;
	}
#main-contents .main-cont.kiji .kiji-wrap .free-area {
	width: 100%;
	}
#main-contents .main-cont.kiji .kiji-wrap .free-area img {
	width: 100%;
	}
#main-contents .main-cont.kiji .free-area .left {
	float: none;
	width: auto;
	margin-bottom: 10px;
	}
#main-contents .main-cont.kiji .free-area .left .modal-box {
	display: none;
	}
#main-contents .main-cont.kiji .free-area .right {
	float: none;
	width: auto;
	}
}

/* ========================================
 Janime.com 追加
======================================== */

#main-contents .main-cont.kiji .kiji-wrap .newsimg {

width:100%;
height:auto;

}


h3{
	font-weight:bold;
	color:#00A600;
	font-size:130%;
	margin-bottom:1em;
	}

.clear-fix{clear:both;}

.infobox{
	border:solid 1px #FF6600;
	padding:10px;
	margin:5px;
	}

.infobox2{
	border:dashed 1px #CCCCCC;
	padding:10px;
	margin:5px;
	border-radius:10px;
	}

.infobox_dash{
	border:dashed 1px #CCCCCC;
	padding:10px;
	margin:5px;
	border-radius:10px;
	}

.box_dash2{
	border:dashed 1px #FF6600;
	padding:10px;
	margin:5px;
	border-radius:10px;
	}

.box{
	border:solid 1px #FF6600;
	padding:10px;
	margin:5px;
	}

.news {text-indent:1em;}

.newsblock {
	margin-top:5px;
	margin-bottom:1em;
	}

.newsmidashi {
	margin-bottom:1em;
	font-weight:bold;
	font-color:#006DDB;
	}

.newskakomi {
	background-color:#007500;
	font-weight:bold;
	color:#ffffff;
	padding-left:10px;
	margin-bottom:1em;
	}
.sage {
  padding-left: 1em;
  text-indent: -1em;
}


/*商品紹介記事用*/

.proinfo01border {
	margin:0 auto;
	margin-bottom:1em;
	border:solid 1px #733900;
	}

.proinfo01 {
	background-color:#733900;
	color:#ffffff;
	padding:2px 0px 2px 10px;
	}

.proinfo-marineborder {
	margin:0 auto;
	margin-bottom:1em;
	border:solid 1px #0080FF;
	width:580px;
	}

.proinfo-marine {
	background-color:#0080FF;
	color:#ffffff;
	padding:2px 0px 2px 10px;
	}

/*SP*/
@media screen and (max-width:640px) {
.proinfo-marineborder {
	width:100%;
	height:auto;
	}

}

/*ニュースでの商品紹介用*/

.product_ao {width:500px;}

/*SP*/
@media screen and (max-width:640px) {
.product_ao {width:100%;}
}

/*強調文字　*/

.ora {font-weight:bold; color:#FF8040;}
.red {font-weight:bold; color:#EA0000;}
.blu {font-weight:bold; color:#0080FF;}
.pnk {font-weight:bold; color:#FF0080;}


/*背景付き角丸見出し*/
.midashibar01 { 
	background-color:#44C505;
	padding:3px;
	margin-bottom:5px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

.mdbar { 
	background-color:#FF712D;
	display: inline-block;
	padding:1px 15px;
	margin-bottom:5px;
	color:#ffffff;
	font-weight:bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}


/*リンク用アイコン化*/
.icon-bl{
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    background-color:#0080FF;
    font-weight:bolod;
    color:#ffffff;
    padding:0px 10px;
    margin:2px;
   }

/*リンク用矢印アイコン*/
.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	}

.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	}
.ar01::before{
	width: 12px;
	height: 12px;
	-webkit-border-radius: 25%;
	border-radius: 25%;
	background: #FF712D;
	}
.ar01::after{
	left: 3px;
	width: 3px;
	height: 3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}

/*テーブル構造*/
.tableinfo00{
	/*width: 100%;*/
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
	}

.tableinfo00 td{
	padding:4px;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	vertical-align:top;
	word-break:break-all;
	}

.tableinfo00 .mida{
	background-color:#ECECEC;
	}

.tableinfo01{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
	}

.tableinfo01 td{
	padding:4px;
	background-color:#ffffff;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	vertical-align:top;
	word-break:break-all;
	}

.tableinfo01 th{
	padding:4px;
	background-color:#ffffff;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	vertical-align:top;
	background-color:#E3E3E3;
	}


/*レスポンシブで縦積み対応*/

.tableinfo02{
    margin-top:5px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
	}

.tableinfo02 td{
	padding:4px;
	background-color:#ffffff;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	vertical-align:top;
	word-break:break-all;
	}

.tableinfo02 th{
	padding:4px;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	vertical-align:top;
	background-color:#f5ebd2;
	}


@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #C3C3C3;
    width: 100%;
  }
  .tableinfo02 {
    width: 80%;
  }
  .tableinfo02 th,
  .tableinfo02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}


/*　JavaScriptの日時指定で表示/非表示　*/
.timerHidden{ display: none;}
.timerVisible{ display: block;}


/*ニュースでのリストレイアウト用*/
/*PC*/
.listinfo01 {
	width:275px;
	height:auto;
	border:solid 1px;
	margin:5px;
	float:left;
	}
.listinfo01 img {
	width:275px;
	height:auto;
	}

/*SP*/
@media screen and (max-width:640px) {
.listinfo01 {
	width:100%;
	height:auto;
	border:solid 1px;
	display:block;
	margin:0 auto; margin-top:10px;
	margin-bottom:10px;
	float:none;
	padding:1px;
	}
.listinfo01 img {
	width:100%;
	height:auto;
	}
}


/*YOUTUBE ----------------------------*/
.youtube{
	width:560px;
	height:315px;
	}

@media screen and (max-width:640px) {
.youtube{
	width:100%;
	height:auto;
	}
}

/*menu-cont*/
#main-contents .menu-cont dl dt {
	margin-bottom: 25px;
}
#main-contents .menu-cont dl dd {
	margin-left: 25px;
	margin-bottom: 15px;
	font-size:14px;
	font-weight:bold;
}
#main-contents .menu-cont dl dd a {
	display:block;
	text-decoration:none;
	color: #521F00;
	padding-left: 20px;
	background: url("/common/images/icon_pc_menu.png") left 3px no-repeat;
}

#main-contents .menu-cont dl dd a.active {
	color: #FF7F06;
	background: url("/common/images/icon_active.png") left 3px no-repeat;
}

/* pc */
@media screen and (min-width:641px) {
#main-contents .menu-cont dl dd a:hover {
	color: #FF7F06;
	background: url("/common/images/icon_active.png") left 3px no-repeat;
}

/* 40thLOGO */
#main-contents .main-cont.kiji #rascal40th {width:120px;}
}



/* sp */
@media screen and (max-width:640px) {

/* 40thLOGO */
#main-contents .main-cont.kiji #rascal40th {width:90px; }

#main-contents .menu-cont {
	margin-top:20px;
}
#main-contents .menu-cont dl {
	background:none;
	padding-bottom:0;
	padding:0 10px;
}
#main-contents .menu-cont dl dt {
	display:none;
}
#main-contents .menu-cont dl dd {
	height:auto;
	font-size:16px;
	font-weight:bold;
	border:solid 2px #7E461E;
	background: #F5F1EC;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin: 0 0 8px 0;
	padding-left: 20px;
}
#main-contents .menu-cont dl dd a {
	display:block;
	padding:13px 0 13px 36px;
	background: url("/common/images/icon_menu.png") left 50% no-repeat;
	background-size: 14px 14px;
	color: #7E461E;
	text-decoration:none;
}
#main-contents .menu-cont dl dd a.active,
#main-contents .menu-cont dl dd a:hover {
	color: #FF7F06;
	background: url("/common/images/icon_active.png") left 50% no-repeat;
	}
}

/*ラスカル映画際用CSS----------------------　*/
.cinema01 {border:solid 1px #e25d5d; padding:5px; margin-bottom:10px;}
.cinema02 {border:solid 1px #66b673; padding:5px; margin-bottom:10px;}
.cinema03 {border:solid 1px #8957a1; padding:5px; margin-bottom:10px;}
.cinepro01 {float:left; width:265px; height:80px; border: solid 1px #FFCA95; margin:2px;  padding: 3px; font-size:80%; }
.cinepro02 {float:left; width:265px; height:150px; border: solid 1px #FFCA95; margin:2px;  padding: 3px; font-size:80%; }
.cinepro03 {float:left; width:450px; height:90px; border: solid 1px #FFCA95; margin:2px;  padding: 3px; font-size:80%; }
.cinettl{font-weight:bold; color:#0099CC;}

.calendar {width:278px; float:left; border:dashed 1px silver; margin:5px; padding:5px;}
.workshop {border:dashed 1px silver; padding:5px; margin-bottom:10px;}
.workshop img {float:right; }
.live {color:#FF8040; font-weight:bold;}
.kids{color:#008040; font-weight:bold;}



/*ラスカル映画際SP ------------------------------------------------*/

@media screen and (max-width:640px) {

.calendar{
	float:none;
	width:99%;
	margin:5px 0px;
	}

#main-contents .main-cont .free-area .cinema01 .cinepro01 {
	float:left;
	width:95%;
	height:auto;
	border: solid 1px #FFCA95;
	margin:2px;
	padding: 3px;
	font-size:80%;
	}
#main-contents .main-cont .free-area .cinema01 .cinepro01 img {
	width: 100px;
	height: auto;
	float:left;
	margin-right:5px;
	}

#main-contents .main-cont .free-area .cinema02 .cinepro02 {
	float:left;
	width:95%;
	height:auto;
	border: solid 1px #FFCA95;
	margin:2px;
	padding: 3px;
	font-size:80%;
	}
#main-contents .main-cont .free-area .cinema02 .cinepro02 img {
	width: 120px;
	height: auto;
	float:left;
	margin-right:5px;
	}

#main-contents .main-cont .free-area .cinema03 .cinepro03 {
	float:left; width:95%;
	height:auto;
	border: solid 1px #FFCA95;
	margin:2px;
	padding: 3px;
	font-size:80%;
	}
#main-contents .main-cont .free-area .cinema03 .cinepro03 img {
	width: 110px;
	height: auto;
	float:left;
	margin-right:5px;
	}
#main-contents .main-cont.kiji .kiji-wrap .free-area .workshop img {
	width:180px;
	height: auto;
	float:right;
	}
}

/* ////キャンペーン///////////////////////////////////// */
table.oubo{
    width:600px;
    margin:0 auto;
    margin-top:10px;
    padding:10px;
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.oubo th{
    width:120px;
    background-image:url(/campaign/images/camp_tableback.png);
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#F9BB02;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.oubo td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
}

.gaiyou {
    width:800px;
    border:solid 3px #FF8000;
    padding:10px; margin:0 auto;
    border-radius: 10px;  
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;/* Firefox用 */
    }

.sage {
  padding-left: 1em;
  text-indent: -1em;
}

/*SP*/
@media screen and (max-width:640px) {

table.oubo{width:100%;}

.oubo th{
    width:60px;
    padding:2px;
    }
.oubo td{
    padding:2px;
}
}

/*検索*/
.list {font-size:12pt;}


/*CSS画像スライダー　-------------------------------------------*/

*, *:before, *:after {
-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.cp_cssslider {
	width: 600px; /*画像表示エリア（幅）*/
	padding-top: 600px; /*画像表示エリア（高さ）*/
	position: relative;
	margin: 2em auto;
	text-align: center;
	}
.cp_cssslider > img {
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s;
	border-radius: 3px;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
	}
.cp_cssslider input[name='cp_switch'] {
	display: none;
	}
/* サムネイル */
.cp_cssslider label {
	margin: 15px 5px 0 5px;
	border: 2px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	transition: all 0.5s ease;
	opacity: 0.6;
	border-radius: 3px;
	}
.cp_cssslider label:hover {
	opacity: 0.9;
	}
.cp_cssslider .thums {
	display: block;
	width: 80px;
	border-radius: 2px;
	}
.cp_cssslider input[name='cp_switch']:checked + label {
	border: 2px solid #FF7043;
	opacity: 1;
	}
.cp_cssslider input[name='cp_switch'] ~ img {
	opacity: 0;
	}
.cp_cssslider input[name='cp_switch']:checked + label + img {
	opacity: 1;
	}

@media screen and (max-width:640px) {
	.cp_cssslider {
	width: 100%;
	padding-top: 100%;
	}

#main-contents .main-cont.kiji .kiji-wrap .free-area .cp_cssslider .thums {
	display: block;
	width: 80px;
	border-radius: 2px;
	}
}

/*CSS画像スライダー 縦長画像　-------------------------------------------*/

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.cp_cssslider_ap {
	width: 400px; /*画像表示エリア（幅）*/
	padding-top: 450px; /*画像表示エリア（高さ）*/
	position: relative;
	margin: 2em auto;
	text-align: center;
	}
.cp_cssslider_ap > img {
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s;
	border-radius: 3px;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
	}
.cp_cssslider_ap input[name='cp_switch'] {
	display: none;
	}
/* サムネイル */
.cp_cssslider_ap label {
	margin: 15px 5px 0 5px;
	border: 2px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	transition: all 0.5s ease;
	opacity: 0.6;
	border-radius: 3px;
	}
.cp_cssslider_ap label:hover {
	opacity: 0.9;
	}
.cp_cssslider_ap .thums {
	display: block;
	width: 80px;
	border-radius: 2px;
	}
.cp_cssslider_ap input[name='cp_switch']:checked + label {
	border: 2px solid #FF7043;
	opacity: 1;
	}
.cp_cssslider_ap input[name='cp_switch'] ~ img {
	opacity: 0;
	}
.cp_cssslider_ap input[name='cp_switch']:checked + label + img {
	opacity: 1;
	}

@media screen and (max-width:640px) {
.cp_cssslider_ap {
	width: 100%;
	padding-top: 115%;
	}

#main-contents .main-cont.kiji .kiji-wrap .free-area .cp_cssslider_ap .thums {
	display: block;
	width: 50px;
	border-radius: 2px;
	}
}


/*タグクラウド　-------------------------------------------*/
.module-content {text-align: left; }
.module-content .module-list { list-style: none; }
.module-content .module-list .module-list-item { display: inline; }
.module-content .module-list li.taglevel1 { font-size: 19px; }
.module-content .module-list li.taglevel2 { font-size: 17px; }
.module-content .module-list li.taglevel3 { font-size: 15px; }
.module-content .module-list li.taglevel4 { font-size: 13px; }
.module-content .module-list li.taglevel5 { font-size: 11px; }
.module-content .module-list li.taglevel6 { font-size: 9px; }


/* CSSでボタン */
/* 001 */
.button_lk a {
    background: #ffdf5f;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 280px;
    padding: 10px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    border-radius:20px;
}
.button_lk a:hover {
    background: #ffc95d;
    color: #FFF;
}
.button_lk a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button_lk a:hover:after {
    border-color: #FFF;
}