@charset "utf-8";

/* top */

*.main-slider *, .main-slider *:before, .main-slider *:after {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.main-slider {
	position: relative;
	width: 100%;
	max-width: 960px;
	height: 41.7vw;
	max-height: 400px;
	margin: 0 auto;
	opacity: 0;
	visibility: hidden;
}

.main-slider.slick-initialized {
    opacity: 1;
    visibility: visible;
}

.slick-slide, .slick-slide::before, .caption {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.slick-slide {
	position: relative;
	height: 41.7vw;
}

.video p {
	width: 100%;
	z-index: 10;
	color: #FFF;
	font-size: 1.5em;
	margin: 0 auto;
	position: absolute;
	text-align: center;
	top: 50px;
	line-height: 4em;
	text-indent: 0;
	font-family: "TsukuARdGothic-Regular", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}

.video p span.main {
	font-size: 2em;
	letter-spacing: 2px;
}

.video p span.sub {
	letter-spacing: 2px;
}

.video a {
	color: #fff;
	text-decoration: none;
}

.slick-slide video {
	margin: auto;
	width: 100%;
	display: block;
	z-index: 1;
	position: absolute;
	top: 50%;
}
#sb-site #main_container .img-main.img-main-top {
}
#bn3 {
	width: 31%;
	float: right;
	margin-top: 40px;
}
#bn3 ul {
	margin-top: 0;
	margin-right: 0;
}

#bn4 {display:none;}

li a img {
}
li a img {
	width: 100%;
}

/* #sb-site #header_frame nav {
	margin-top: 0px;
}
#sb-site #header_frame {
	padding-left: auto;
	padding-right: auto;
	padding-bottom: 2px;
} */

.top_news{
	clear:both;
}
.phone01 {
	display: none;
}

.top_news .link-news .far.fa-bell { 
	color:#0067B6;
}
/*　21/02/21目立たないようにピンクから変更#F53EC6;*/




@media all and (-ms-high-contrast:none){ /*for IE11*/
.slick-slide .slide-video {
	opacity: 0;
}
.img-main.img-main-top {
	width: 100%;
	min-width: 0px;
	min-height: 0px;
	max-width: 960px;
}
}

.pattern {
	width: 100%;
	height: 41.7vw;
	max-height: 400px;
	background: url(../images/top/dot.png) repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background-size: 6px 5px;
}

.slick-slide figure {
    position: relative;
    height: 41.7vw;
	max-height: 400px;
}

.slick-slide .slide-image {
    opacity: 0;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all .8s ease;
}

.slick-slide .slide-image.show {
	opacity: 1;
}

.slick-slide .slide-video.show {
	opacity: 1;
}

.slick-slide .image-entity {
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.slick-slide .loading {
    position: absolute;
    top: 44%;
    left: 0;
    width: 100%;
}

.slick-slide .slide-media {
    animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}

.slick-slide.slick-active {
    z-index: 1;
}

.slick-slide.slick-active .slide-media {
	animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}

.slick-dots {
	text-align: center;
	padding-top: 15px;
	bottom: -25px !important;
}

.slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px;
	background: none;
}

.slick-dots li button {
	width: 16px;
	height: 16px;
	cursor: pointer;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 0 0 0 0 transparent;
	vertical-align: middle;
	color: #fff;
	background-color: #fff;
	transition: all .3s ease;
	opacity: .4;
}

.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover {
	opacity: 1;
}

.slick-dots li.slick-active button {
	border-color: #2d3042;
	opacity: 1;
}

#bn1 {
	width: 100%;
	max-width: 960px;
	height: 5vw;
	max-height: 45px;
	margin: 0 auto;
	padding: 15px 0 5px;
	border-bottom: 1px dotted #e5e5e5;
	line-height: 0;
	overflow: hidden;
}

#bn1 ul {
	margin: 0;
	padding: 0;
}

#bn1 ul li {
	background: none;
	padding: 0;
	margin: 0 1% 0 0;
	float: left;
	width: calc(96%/5);
}

#bn1 ul li:last-child {
	margin: 0;
}

#bn1 ul li img {
	width: 100%;
}

#bn1 ul li a:active, #bn1 ul li a:hover {
	text-decoration: none;
	opacity: 0.5;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.sub-slider {
	width: 100%;
	max-width: 960px;
	height: 22vw;
	max-height: 210px;
	min-height: 120px;
	margin: 0 auto;
	padding: 18px 0 0;
}
	
.sub-slider ul.slick-dots {
	margin: 0;
	bottom: -10px !important;
}

.sub-slider ul.slick-dots li {
	background: none;
}

.sub-slider div {
	height: 18vw;
	max-height: 175px;
	min-height: 120px;
	margin: 0 5px;
}

.sub-slider img {
	height: 18vw;
	max-height: 175px;
	min-height: 120px;
	margin: 0 auto;
}

.sub-slider img:hover {
	text-decoration: none;
	opacity: 0.5;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#news_frame {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 25px 0;
	background: #EFEFEF;
}

#news_container {
	width: 100%;
	max-width: 960px;
	margin: auto;
	overflow: hidden;
}

#news_l {
	width: calc(97%/3);
	margin: 0 1.5% 0 0;
	float: left;
	background: #fff;
}

#news_c {
	width: calc(97%/3);
	margin: 0 1.5% 0 0;
	float: left;
	background: #fff;
}

#news_r {
	width: calc(97%/3);
	float: left;
	background: #fff;
}

#news_container p {
	text-align: right;
	margin: 0 10px 5px;
}

h2.top {
	margin: 5px auto 10px;
	padding: 10px 0 10px;
	font-size: 15px;
	line-height: 15px;
	color: #000;
	text-align: center;
	font-weight: 600;
	position: relative;
	background: #fff;
	border: none;
}

h2.top::after {
	position: absolute;
	top: 34px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 2;
	content: '';
	width: 55px;
	height: 3px;
	background-color: #ccfe02;
}

dl.top_news {
	/* height: 100%; 21/12/22 35vw;*/
	max-height: 430px;
	margin-top: 0;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 10px 0px 5px 5px;   /* 21/12/12 */
	list-style: none;
	overflow: auto;
	text-align: left;
}

dl.top_news dt {
	margin: 0;
	padding: 3px 0 0 0;
	color: #686868;
	line-height: 1em;
	width: 15%;
	float: left;
}

dl.top_news dd {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0%;
	margin-bottom: 10px;
	padding: 0 0 10px 19%; /* 18% change 260122 */
	border-bottom: 1px solid #dcdcdc;
}

#bn2 {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0 25px;
	line-height: 0;
	clear: both;
	overflow: hidden;
}

#bn2 ul {
	margin: 0;
	padding: 0;
}

#bn2 ul li {
	background: none;
	padding: 0;
	margin: 0 1% 0 0;
	float: left;
	width: calc(96%/5);
}
#bn3 ul li {
	background-image: none;
	

}

#bn2 ul li:last-child {
	margin: 0;
}

#bn2 ul li img {
	width: 100%;
}

#bn2 ul li a:active, #bn2 ul li a:hover {
	text-decoration: none;
	opacity: 0.5;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.h1-visual-box #h1-visual .phone {
	display: none;
}
@media only screen and (min-width : 560px ) and ( max-width : 959px ){

.video p {
	font-size: 3vw;
	top: 8vw;
	line-height: 7vw;
}

.video p span.main {
	font-size: 4vw;
}


}

.h1-visual-box #h1-visual .phone {
	display: none;
}
#bn3 {
	width: 29%;
	float: right;
	margin-top: 37px;
}
dl.top_news dt {
/* 	width: 18%;  200926 */
}
@media only screen and (max-width : 559px ){



.main-slider .slick-dots {
	bottom: -20px !important; /* 20230320add */
}
	
.video p {
	font-size: 3.2vw;
	top: 8vw;
	line-height: 7vw;
}

.video p span.main {
	font-size: 4.2vw;
}

.sub-slider {
	min-height: 140px;
	padding: 5px 0;
}

 #topic /* ,#bn1, #bn2*/ {
	width: 100%;
	height: auto;
	margin: 0 0 5px;
	padding: 0;
	max-height: none;
}

/*
#bn1 ul li, #bn1 ul li:last-child, #bn2 ul li, #bn2 ul li:last-child {
	margin: 0 1% 2px;
	width: 48%;
	height: auto;
}
*/
#bn4 {
	display: block;
	margin-top: 20px;
	padding-left: 0px;
	width: 96%;
	}
#bn4 ul {
	margin-right: 0px;
	width: 100%;
	
	}	
.li-bn4 {
	padding-left: 0;
	width: 44.5%;
	float: left;
	margin-right: 5%;
	}	
/*
.li-bn4:nth-child(even){ 
	margin-right: 0;
	}
*/
.li-bn4:nth-child(odd){ 
	margin-right: 5%;
	}	


.li-bn4:last-child {
	margin-left:25%;
	margin-right: 0;
	
}	
/*
.li-bn4:first-child {
	float: none;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	height: 90px;
	border: 1px solid #000000;
	padding: 10px 10px 0px 10px;
	margin-left: 10px;
	background-color: #ffffff;
	width: 95%;
	margin-bottom: 10px;
}
	.li-bn4:first-child img{
		width:50%;
	}
*/
	
/*
@media screen and (max-width:759px)	{
	.li-bn4:last-child {
	height: 90px;
}	
	}
*/
	
#news_frame {
	margin: 0 0 15px;
	padding: 25px 0 0;
}

#news_container {
	width: 100%;
}

#news_l, #news_c, #news_r {
	width: 30px;
	margin: 0 auto 20px;
	padding: 2px 0 8px;
	float: none;
}

h2.top {
	padding: 15px 0 10px;
}


dl.top_news {
	height: 180px;
}

#main_container #bn3 {
	width: 100%;
}

.h1-visual-box #h1-visual {
	line-height: 1.25;
}
.h1-visual-box #h1-visual .phone {
	display: inline;
}
main {
	background-color: #FFFFFF;
	width: 100%;
	margin-top: 193px; /*  200731add  */
}
main article #mainvisual-box {
	margin-bottom: 0px;
    margin-top:40px;
}
main article #column01 {
	width: 95% !important;
	margin-right: auto;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 2.5%;
	margin-top: -5px;
	min-height: 200px; /*  211213add  */
	height:200px;/*  211213add  */
}
#column01 .p-column01 {
	width: 96%;
}
main article #bn3 {
	display: none;
}
#column01 #bn4 #ul-bn4 {
	padding-right: 0px;
	background-color: #EC1417;
}

.phone01 {
	display: inline;
}


}

.h1-visual-box #h1-visual {
	position: absolute;
	float: none;
	top: calc(45% - 25px);
	text-align: center;
	color: #000000;
	font-size: 26px;
	font-weight: normal;
	width: 100%;
	line-height: 1.25;
}
.h2-top {
	color: #0067B6;
	background-color: #92BAD7;
	font-size: 115%;
	padding-left: 0px;
	padding-bottom: 0px;
	clear: left;
	float: left;
	display: inline-block;
	padding-top: 1px;
	width: 96%;
}


#column01 .p-column01 {
	margin-bottom: 50px;
	line-height: 2;
}

.span-new {
	color: #F53EC6;
	border: 1px solid #F53EC6;
	font-size: 0.95em;
	padding: 2px;
	font-weight: 600;
}
@media screen and (max-width:959px) { /*211214 */
	.dl.top_news{
		height: 100vw;
        max-height: 600px;
	}
	}
@media screen and (max-width:959px) and (min-width:800px)
{
	dl.top_news dd {
/*		padding-left: 23%;   200927 */
/*		padding-left: 25%;   211212 */
		padding-left: 20%;
	}
}

@media screen and (max-width:799px) and (min-width:560px){
dl.top_news dd {
		padding-left: 30%;
		
	}
}

@media screen and (max-width:420px) {
	dl.top_news dd {
		padding-left: 24%;
		
	}
}

@media screen and (max-width:400px) {
	dl.top_news dd {
		padding-left: 26%;
	}
}

@media screen and (max-width:320px){
	dl.top_news dd {
		clear:both;
		padding-left: 0;
		padding-top: 8px;
	}
dl.top_news dt{
	line-height: 0.5em;
	}	
dl.top_news dt{
	line-height: 0.5em;
	}
section .top_news .link-news {
	padding-top: 10px;
}
}	

/* 211224add */

.clearfix::after {
  	content: "";
  	display: block;
  	clear: both;
	}	

.float-left {
	float:left;
		}
.div-topics {
	background-color: #e0e5eb;
	border: solid 2px #0067B6;
	/* width: 90% ; 211212 */	
	margin: 20px;/* 211212 */
	}

@media only screen and (max-width: 559px) {
	.div-topics {
	margin-top: 300px;	
		}
	}	

.img-topics {
	width: 100%;
	max-width: 120px;
	height:auto;
	margin: 20px 20px 20px 20px;
	}

.h2-topics {
	padding-top: 20px;
	color: #0067B6;	
	font-size: 1.2em;	
	}
.h3-topics {
	font-size:1.1em;
	clear: none;
	border:none;
	}	
.bd {
	font-weight: 600;
	}
div.p-topics-box {
	margin-left: 1em;
	padding-bottom: 5px !important;
	clear:both;
	}
.p-topics {
	margin-left: 20px;
	margin-right: 15px;
	text-indent: -1em;
	margin-bottom: 0;
	padding-left: 0;	
	}
.top_news .link-news .far.fa-bell {
	color:#0067B6;
	}		

/* 211214 */
.div-h3-box {
	background-color: brown;
	}
section {
	clear: both; 
	overflow: hidden;
		}
#column01 .div-topics.clearfix .a-dp {
	background-color: #0067B6;
	color: #FFFFFF;
	font-size: 20px;
	padding: 6px 20px;
	border-radius: 16px;
    margin-left: 5vw;
	text-align: center;
}
#column01 .div-topics.clearfix .a-dp:hover {
		background-color: #009245;
		}
#column01 .div-topics.clearfix .a-dp-img:hover {
		opacity: 0.7;
}
@media only screen and (max-width: 480px){
		#column01 .div-topics.clearfix .a-dp {
			width: 72%
			}
		}
.p-topics:first-child {
			margin-left: 5px;
			text-indent:0;	
			}
@media only screen and (max-width: 959px){
		.img-topics {
			margin-bottom: 20px;
			}
		#column01 .div-topics.clearfix .img-topics{
				width:100% !important;
			}
			div.p-topics-box {
				clear:both;
			}
			.p-topics{
				padding-left:0;
			}
		}
		
@media only screen and (max-width: 759px) and (min-width: 560px){ /* 211216 */
		.img-topics {
			float: none;
			margin-bottom: 0;	
			}
		.a-dp-img {
			text-align: center;
			width: 100%;
			display: block;
			}
		}	
			
@media only screen and (max-width: 320px) { /* 211216 */
		.img-topics {
			float: none;
			margin-bottom: 0;	
			}
		.a-dp-img {
			text-align: center;
			width: 100%;
			display: block;
			}
		}
			
section {
			margin-right:0;
			height:100%;
		}
			#column01 .p-column01 {
				margin-bottom: 20px;
			}	
			
		

@media only screen and (max-width: 559px){
			#bn4 ul {
				margin: 40px 0 0 5%;
			}

.li-bn4.clearfix a .img-bn4.float-left {
	margin-right: 10px;
	}
		}
		
/* 以下20211208以降レイアウト大幅変更による追記　*/		
div.intro {
	margin-bottom: -20px;
	}
.intro p {
	line-height:2;	
	text-align: center;	
	}

@media only screen and (max-width: 559px){
	.intro {
		width:95%;		
		padding-left: 2.5%;		
		}	
		.intro p{
		width:96%;	
		padding-left:5px;
		text-align: left;	
		}
	main {
			margin-top: 233px; /* common.cssに移動する　*/
		}
	}
		
/* コラム幅変更　*/	
@media only screen and (min-width: 560px) {
	#column01 {
		float:left;
		}
	#column02 {
		float: right;
		background-color: #ffffff;
		margin-top: 40px;	 
		}
	}
@media only screen and (min-width: 960px) {
	#column01 {
		width: 52%;
        height: 545px; /* 表組みの内容物が減ったため、暫定的に530pxから変更　230630　*/
		}
	#column02 {
			width: 43%;
		}
	}
		
.h3-top {
	margin-top: 10px;
	}
@media only screen and (max-width: 959px)  {
	#column01 {
		width: 50vw;
		height: 70vh;
        max-height: 672px; /* 表組みの内容物が減ったため、暫定的に900pxから変更　230630　*/
		min-height: 530px;
		}
	#column02 {
		width: 40vw;
		}
	.h3-top {
		width: 84%;
		margin-left: 3%;
		}
	}
@media only screen and (max-width: 759px)  {
	.h3-top {
		width: 80%;
		margin-left: 3%;
		}
	#column01 {
		height: 100vh;
		}
	#column02 {
		width: 39vw;
		}
	}
@media only screen and (max-width: 559px){
	.h3-top {
		width: 86%;
		margin-left: 2%;
		}
	}	
	
/* 新着情報　リンク*/		
.a-list	{
	display: inline-block;
	float: right !important;
	margin-right: 10px;
		}
.arrow_s_b {
  	position: relative;
  	display: inline-block;
  	padding-left: 22px;
  	color: #0067B6;
  	text-decoration: none;
}
.arrow_s_b:before {
  	content: '';
  	width: 18px;
  	height: 18px;
  	background: #0067B6;
  	position: absolute;
  	top: 50%;
  	left: -1px;
  	margin-top: -9px;
	}
.arrow_s_b:after {
  	content: '';
  	width: 0;
  	height: 0;
  	border-style: solid;
  	border-width: 4px 0 4px 6px;
  	border-color: transparent transparent transparent #fff;
  	position: absolute;
  	top: 50%;
  	left: 6px;
  	margin-top: -4px;
	}		

@media only screen and (max-width: 559px) {
	#column02 {
		width: 100%;
		}
	.h3-top {
		margin-top: 30px;
		}
	}
.dblink	 {
	margin: 20px;
	text-align: center;
	clear:both;
	}	
#column02 .div-topics.clearfix .a-dp {
	background-color: #0067B6;
	color: #FFFFFF;
	font-size: 20px;
	padding: 6px 20px;
	border-radius: 30px; 
	text-align: center; 
	display: block;
	}
#column02 .div-topics.clearfix .a-dp:hover {
	background-color: #009245;
	}
#column02 .div-topics.clearfix .a-dp-img:hover {
	opacity: 0.7;
	}		
@media only screen and (max-width: 959px) and (min-width: 560px)  {
	h3.h3-topics {
		clear:both;
		}
	.top_news { /* 211222 */
		height:100% !important;
		max-height: 960px !important;
		}
	}
@media only screen and (max-width: 320px) {
	h2.h2-topics,h3.h3-topics  {
		clear:both;
		padding-left: 10px;
		}
	}

/* バナーを下に　*/	
.linkbox {
	clear: both;
	}
.linkbox-left,.linkbox-right {
	width: 47.25%;
	background-color: #FFFFFF;
	float:left;
	border: solid 2px #0067B6;
	margin-top: 20px;
	}	
.linkbox-left {
	margin-right: 4.5%;
	}
.linkimg {
	margin-left: 4.5%;
	margin-top: 15px;
	width: 35%;
	float:left;
	}
.linkimg img {
	width: 100%;
	}
.linkbox-left p,.linkbox-right p{
	display: block;
	width: 55%;
	margin-top: 10px;
	float:right;
	margin-left: 0%;
	}
		
@media only screen and (min-width: 961px) {
	.linkbox-left {
		width:53.6%;
		margin-right: auto;
		}
	.linkbox-right {
		width: 42.6%;
		float: right;
		}
	.linkimg  {
		width:160px;
		margin: 10px;
		}
	.linkbox-left p {
		width: 324px;
		} 
	.linkbox-right p {
		width: 218px;
		}
	}	
@media only screen and (max-width: 960px) and (min-width:798px){
	.linkbox-left {
/*		margin-right: 2vw;
		width:47vw;	*/
/*		width: calc(50% - 2px); 260708*/
		margin-right: 2%;
		float: left;
		}
	.linkbox-right {
		width: calc(49.5% - 2px);
		float: left;
		margin-right: 0;

		}
	}
@media only screen and (max-width: 797px) and (min-width:560px){
	.linkbox-left {
		margin-right: 2vw;
/*		width:47vw;	260709*/
		float: left;
		}
}
#bn-lab {
	padding-top: 20px;
	clear: both;
	margin-left: -10px;
		}
		
.wrap {
		display: flex;
		padding: 0;
		margin: 0;
		}
		
.wrap2 li {
		width: 20%;
		}
		
@media only screen and (max-width: 559px) {
		#bn-lab {
			display: none;
		}
		.linkbox-left,.linkbox-right { 
			width: 90%;
			margin-left: 4.9%;
		}
		.linkbox-right {
			margin-bottom: 20px;
			}
		.linkimg {
			width: 45%;
			margin-left: 5%;
			margin-right: 0;
			}
		.linkimg img {
			width:100%;
			margin-bottom: 10px;
			}
		.linkbox-left p,.linkbox-right p {
			width: 45%;
			float: right;
			margin-top: 0;
			margin-left: 0;
			padding-top: 10px;
			}
		}
 @media only screen and (max-width: 559px) {
        section {
            height: 400px;
        }
    }	



/* 260710add */


	div.linkbox{
		width: 100%;
		
	}
	.border-bk {
				border: solid 2px #000000;
		
	}
	@media only screen and (max-width: 834px) {
		.linkbox img {
			margin-bottom: 10px;
		}
	}

@media only screen and (min-width: 961px){	
	.linkbox-left02 {
		width: calc(49% - 10px);
	}
	.linkbox-left02 p {
		width:180px;
	}
	.linkbox-right02 {
		width: calc(49.5% - 10px);
	}
	.linkbox-right02 p {
		width:180px;
	}
	.linkimg {
	width: 245px;
	}
	}
	
@media only screen and (max-width: 834px) and (min-width:560px) {
		
.linkimg {
width: 45%;
margin-left: 2.5%;
margin-right: 0;
	}
.linkbox-left,.linkbox-right {
width: calc(100% - 10px);
}
	
.linkbox-right {
width: calc(100% - 10px);
/*margin-left: 4.9%;*/
}	

.linkbox-left p, .linkbox-right p {
width: 45%;
float: right;
margin-top: 0;
margin-left: 0;
padding-top: 10px;
}	
	}

	
@media only screen and (max-width: 797px) and (min-width:560px){
		.linkbox-left,.linkbox-right {
			width: calc(100% - 5px);
		}
	.linkimg {
		width: 45%;
margin-left: 2%;
margin-right: 0;
margin-bottom: 10px;		
	}
	.linkbox-left p, .linkbox-right p {
		width: 48%;
	}
	}
@media only screen and (max-width: 559px) {
		div.linkbox {
			calc(100% - 10px);
		}
	}