/*
Theme Name:空職人
*/
/*リンクテキスト設定*/
html{font-size:62.5%;font-family: 'BIZ UDPGothic', sans-serif; color: #808080;}
html,body{width: 100%;}
body{ line-height: 1.5; overflow: hidden;}
a{ text-decoration: none; transition: 0.5s ;color: #000000;}
a:visited{ color: #000000;}
a:hover img{ opacity: 0.8; transition: 0.5s ;}
a:hover,li:hover,input:hover,p:hover { transition: 0.5s ;}
a:hover{ color: #e2815a;}
/*フェードイン*/
.effect-fade {
opacity : 0;
transform : translate(0, 0);
transition : all 4000ms;
}
.effect-fade.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}
/*シャドウ*/
.shadow {
box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
-moz-box-shadow: 1px 1px 5px #999;
}
.txshadow{ text-shadow: 1px 1px 5px rgba(39, 51, 135, .90);}
/*縦書き*/
.tategaki {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-feature-settings:normal;
}
/*明朝体*/
.min{font-family:'Noto Serif JP', 'Noto Serif Japanese', "游明朝", YuMincho, 'Noto Serif JP', serif, sans-serif;font-display: swap;}
/*ゴシック体*/
.impact{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif}
.abel{font-family: 'Abel', sans-serif; }
.ropa{font-family: 'Ropa Sans', sans-serif;}
.roboto{font-family: 'Roboto', sans-serif;}
/*ページネーション*/
.pagenation {
margin: 1em auto;
clear:both;
padding:0 0 50px 0;
width:100%;
}
.pagenation:after, .pagenation ul:after {
}
.pagenation ul {
margin: 0;
text-align:center;
}
.pagenation li {
list-style: none outside none;
margin-left: 3px;
display:inline-block;
font-size:1.6rem
}
.pagenation li:first-child {
margin-left: 0;
}
.pagenation li.active {
background-color: #999999;
border-radius: 3px;
color: #FFFFFF;
cursor: not-allowed;
padding: 10px 20px;
}
.pagenation li a {
background: none repeat scroll 0 0 #CCCCCC;
border-radius: 3px;
color: #FFFFFF;
display: block;
padding: 10px 20px;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
background-color: #000000;
color: #FFFFFF;
opacity: 0.8;
transition-duration: 500ms;
transition-property: all;
transition-timing-function: ease;
}
.navigation.pagination{ display:none;}
/*拡大アニメーション*/
.zoom-1 img {
width: 100%;
height: auto;
animation: animationZoom1 40s ease-in-out infinite;
}
.zoom {
width: 300px;
height: 200px;
overflow: hidden;
margin-bottom: 30px
}
@keyframes animationZoom1 {
50% { transform:scale(1.1)}
}
/*非表示*/
.nodisplay{ display: none;}
/**
* 最大幅の指定と中央寄せ
*/
.container {
position: relative;
margin-left: auto;
margin-right: auto;
max-width: 970px;
}
/**
* slick.js
*/
.slider{opacity: 0; transition: all 0.5s;}
.slider.slick-initialized{opacity: 1;}
.slide-arrow{ position: absolute; top:0; bottom:0; margin:auto; z-index: 5;}
.prev-arrow{ left:-5%; width:2.4rem; height: 2.4rem;}
.next-arrow{ right:-5%; width:2.4rem; height: 2.4rem;}
.slick-dots li button:before{ color: #fc3b9c!important;}
/*.mv figure:after{animation: animationtoup 2s ease-in-out;}*/
.kaiketsu .block li.is-active figure:after{animation: animationpopup2 1s ease-in-out;}
@keyframes animationZoomOut {
0%{ transform:scale(1.1)}
100% { transform:scale(1.0)}
}
@keyframes animationtoleft {
0%{ right:-100%;}
100% { right:0}
}
@keyframes animationtodown {
0%{ top:-100%;}
100% { top:0}
}
@keyframes animationtoright {
0%{ left:-100%;}
100% { left:0}
}
@keyframes animationtoup {
0%{ bottom:-100%;}
100% { bottom:0}
}
@keyframes animationpopup {
0%{ transform:scale(0)}
100% { transform:scale(1.0)}
}
@keyframes animationpopup2 {
0%{ transform:scale(0)}
75%{ transform:scale(0)}
100% { transform:scale(1.0)}
}
#sb_instagram .sbi_photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
/*固定ボタン*/
/*装飾*/
.adjustedtext{ text-align:justify; text-justify:inter-ideograph; text-justify:inter-character; word-wrap:break-word; overflow-wrap:break-word;}
.std{ color:#00A99C; font-size:3.6rem; position: relative; width:95%; max-width:800px; margin:0 auto 2.5rem auto;}
.pilot .std{ color: #F25910;}
.std i{ display: block; font-weight: bold; font-size:4.8rem}
.std .lead{ position: absolute; font-size:16.5rem ;font-weight: bold; opacity: 0.3; z-index: 100; transform: rotate(90deg); transform-origin: 0 16.5rem; }
.std+p{ font-size:1.6rem; line-height: 2; margin:0 auto 5.0rem auto; width:95%; max-width:800px; }
.button input{ display: block; text-align: center; color: #ffffff; font-size: 1.6rem; width:160px; height:36px; font-weight: bold; background-color: #328ce6; cursor: pointer; border:none}
.button input:hover{ background-color: #0359ae;}
/*BASE*/
.mv{ position: relative; display: flex; justify-content: center; align-items: flex-end; margin-bottom:2.5rem}
.mv .bg{ width:100%;}
.mv .bg img{width:100%; display: block;}
.mv .wrap{ position: absolute; max-width:1100px; display: flex; justify-content: space-between; align-items: flex-end; color: #ffffff; height:100%}
.mv .wrap p{ width:12.0rem; font-size:5.0rem; font-weight: bold; writing-mode: vertical-rl; white-space:nowrap; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom:1.5rem}
.mv .wrap p:before{ content:''; display: block; height:calc(100% - 47.0rem); background-color: #ffffff; position: absolute; top:0}
.mv .headerbutton{ position: absolute; height:6.0rem; width:30%; max-width:49.0rem; display: flex; align-items: center; background-color: #ffffff; border-radius:0 0 0 1.5rem; top:0; right:0}
.mv .headerbutton a{ display: flex; padding:1.5rem; font-size: 1.8rem; color: #F25910; align-items: center;}
.mv .headerbutton a img{ width:2.4rem; display: block;}
.mv .branding { display: flex; flex-direction: column; align-items: flex-end; padding-right:1.5rem}
.mv .branding img{ width:44%; display: block; margin-bottom:1.5rem}
.mv .branding .text{ display: flex; font-size:1.8rem; color: #ffffff; text-align: right; height:15.0rem; justify-content: flex-end; align-items: center;}
.mv .branding .text strong{ font-size:2.7rem; color: #ffffff; font-weight: bold;}
.mv .branding .text .inner{ display: block;}
.about { margin-bottom:7.5rem}
.about .block{ width:100%; max-width:800px; margin:0 auto; position: relative;}
.about .lead{ left:-15rem; top:-16.5rem}
.about .system{ position: relative; overflow: hidden; padding:5.0rem 0}
.about .system .bg{width:100%; height:100%; position:absolute; top:0; left:0;}
.about .system .bg img{ width:100%; height:100%; object-fit: cover; object-position: center;}
.about .system .box{ position: relative; width:98%; max-width:800px; margin:0 auto}
.about .system .box .systemimg{ display: block; width:100%}
.about .system .box a{ position: absolute; display: block; width:21.8%; height:9.5%;}
.about .system .box a img{width: 100%; height:auto}
.about .system .box .btn1{ bottom:15.5%; left:1.95%}
.about .system .box .btn2{ bottom:4%; left:1.95%}
.about .system .box .btn3{ bottom:15.5%; right:1.95%}
.about .system .box .btn4{ bottom:4%; right:1.95%}
.feature{ margin-bottom:7.5rem}
.feature .lead{ left:100%; top:-16.5rem}
.feature .block{ display: flex; align-items: center;}
.feature .block figure{ width:50%; height: 100%;}
.feature .block figure img{ width:100%; height:100%; object-fit: cover; display: block;}
.feature .block .text{padding:1.5rem}
.feature .block h3{ font-size:3.0rem; font-weight: bold; margin-bottom:1.5rem}
.feature .block h3+p{ max-width:35rem; line-height: 2; font-size: 1.6rem;}
.feature .block:nth-child(even){ flex-direction: row-reverse; justify-content: flex-start;}
.service{ margin-bottom:7.5rem}
.service .lead{ left:-15rem; top:-16.5rem}
.service .wrap{ width:95%; max-width:800px; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.service .wrap dl{ width:47.5%; display: flex; flex-wrap: wrap;}
.service .wrap dt{ width:100%; font-size:2.1rem; font-weight: bold; align-items: center; white-space: nowrap; display: flex; margin-bottom:1.5rem}
.service .wrap dt::after{ content: ''; width:100%; height:2px; background-color: #4d4d4d; display: block;}
.service .wrap dd{ width:100%; position: relative; margin-bottom:2.5rem; position: relative;}
.service .wrap dd .price{ position: absolute; width:calc(100% - 2rem); padding:1rem; color: #ffffff; display: flex; justify-content: space-between; font-size:1.6rem; bottom:0; left:0; background-color: rgba(0 ,0,0,0.5);}
.service .wrap dd img{ width:100%; display: block; position: relative;}
.service .wrap dl.wide{ width:100%; justify-content: space-between;}
.service .wrap dl.wide dd{ width:47.5%;}
.moushikomi{ background-color: #00A99C; padding:5.0rem 0; margin-bottom:1.5rem;}
.moushikomi h2{ text-align: center; font-size:4.8rem; font-weight: bold; color: #ffffff; margin-bottom: 2.5rem;}
.moushikomi .block{ width:calc(95% - 5.0rem); max-width:calc(800px - 5.0rem); background-color: #ffffff; border-radius:1.5rem; padding:2.5rem; margin:0 auto 2.5rem auto}
.moushikomi .block h3{ font-size:3.0rem; font-weight: bold; color: #00A99C; display: flex; align-items: center; white-space: nowrap; justify-content: center; margin-bottom:2.5rem}
.moushikomi .block h3:before,
.moushikomi .block h3:after{ content: ''; width:100%; height:3px; background-color: #00A99C; display: block;}
.moushikomi .block h3+p{ font-size:2.0rem; margin-bottom: 1.5rem;}
.moushikomi .img-button{ width:95%; max-width:800px; margin:0 auto}
.moushikomi .img-button img{ width:100%}
.contact{ margin-bottom:7.5rem;}
body.contact{ margin-bottom:0;}
.contact h2{ text-align: center; font-size:4.8rem; font-weight: bold; color: #00A99C; margin-bottom: 2.5rem;}
.contact h2+p{ font-size:2.0rem; margin-bottom: 2.5rem; text-align: center;}
.contact .form-wrap{ width:95%; max-width:800px; margin:0 auto}
footer{ background-image: url(bg_footer.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 7.5rem 0; text-align: center; color:rgb(0, 0, 0)}
footer .branding{ padding:0 2.5rem}
footer .branding .text{ font-size:1.2rem; margin-bottom:2.5rem; display: block;}
footer .branding .text strong{ font-size:2.0rem; font-weight: bold;}
footer .branding img{ display: block; width:18.0rem; margin:0 auto}
footer .branding i{ display: block; text-align: center; padding:1.5rem 0; font-size:1.4rem;}
footer .branding i a{color: #ffffff;}
/*パイロット募集*/
.pilot .mv::before{ background-color: rgba(242, 89, 16, 0.3);}
.pilot .mv .wrap p:before{height:calc(100% - 37rem)}
.pilot .mv .headerbutton a{ color: #00A99C;}
.pilot .bosyuu{ background-color: #F25910; padding:5.0rem 0; text-align: center;}
.pilot .bosyuu h3{ color: #ffffff; font-size: 2.4rem; margin-bottom:2.5rem;}
.pilot .bosyuu h3 i{ font-size: 3.6rem; font-weight: bold; display: block;}
.pilot .bosyuu .img-button{ width:95%; max-width: 640px; margin:0 auto}
.pilot .bosyuu .img-button img{ width:100%; display: block;}
.pilot .feature .block h3+p a{ display: block; width:20.3rem; margin:0.5rem 0 0 auto}
.pilot .feature .block h3+p a img{ width:100%; display: block;}
.pilot .entry { margin-bottom:7.5rem}
.pilot .entry .lead{ left:-15rem; top:-16.5rem}
.pilot .entry .block{ width:95%; max-width:800px; margin:0 auto;}
.pilot .entry .block img{width:100%; display:block;}
.pilot .flow { margin-bottom: 7.5rem;}
.pilot .flow .lead{ left:100%; top:-16.5rem}
.pilot .flow .block{ background-image: url(images/bg_flow_pilot.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding:5.0rem 0}
.pilot .flow .block figure{ width:95%; max-width:800px; margin:0 auto}
.pilot .flow .block figure img{display: block; width:100%}
.pilot .moushikomi{ background-color: #F25910; padding:5.0rem 0; text-align: center;}
.pilot .moushikomi h3{ color: #ffffff; font-size: 2.4rem; margin-bottom:2.5rem;}
.pilot .moushikomi h3 i{ font-size: 3.6rem; font-weight: bold; display: block;}
.pilot .moushikomi .img-button{ width:95%; max-width: 640px; margin:0 auto}
.pilot .moushikomi .img-button img{ width:100%; display: block;}
.pilot .contact h2{ color:#F25910;}
/*メールフォーム*/
section.contact .form{ width:95%; max-width: 900px; margin:0 auto;}
section.contact table{ width:100%}
section.contact th{ font-size:1.8rem; font-weight: bold; padding:1.5rem 1.5rem; vertical-align: middle; white-space: nowrap;}
section.contact th i{font-size: 1.2rem; display: inline-block; padding:0.25rem; line-height: 1; border-radius: 0.25rem; margin-left: 0.5rem; background-color: #fc3b9c; color: #ffffff;}
section.contact td{ padding: 1.5rem; font-size:1.6rem;}
section.contact td input,
section.contact td select,
section.contact td textarea{ padding:0.75rem; width:calc( 100% - 1.5rem - 2px)}
section.contact td input[type="checkbox"]{ padding:0; width:auto}
section.contact .note{ font-size:1.3rem; padding:2.5rem}
section.contact .note i{ font-weight: bold; display: block;}
section.contact .doui{ text-align: center; font-size:1.6rem}
section.contact .doui input{ transform: scale(1.5);}
section.contact .submit{ display: flex; flex-direction: column; padding:2.5rem 0; align-items: center;}
section.contact .submit input{ width:40.0rem; padding:1.5rem 0; background-color: #EA9F3B; color: #ffffff; font-weight: bold; border:none; border-radius:2.5rem; font-size:2.0rem}
section.contact .submit input:hover{ background-color: #ff0000; cursor: pointer;}
section.contact .submit input:disabled{ background-color: #cccccc;}
.wpcf7-list-item{ margin:0 1.0rem 1.0rem 0}
.wpcf7-list-item label{ display: flex; align-items: center; white-space: nowrap;}
section.contact p.sonota{ display: flex; white-space: nowrap; align-items: center; margin-top: 0.5rem;}
.wpcf7 form .wpcf7-response-output{ text-align: center; font-size:1.8rem; padding:1.5rem 0}
/*投稿ページ*/
.single .title-box .std{ padding:5.0rem 0}
.single article { width:90%; margin:0 auto; max-width:1000px; padding:5.0rem 0; color: #4d4d4d;}
.single article .data{ display: flex; align-items: center; margin-bottom:1.5rem}
.single article .data .cat {display: inline-block; padding:0.5rem; line-height: 1; font-size:1.5rem; color: #fc3b9c; border:1px solid #fc3b9c; background-color: #ffffff; margin-right: 0.5rem;}
.single article .data .date{ font-size:1.5rem;}
.single article h1{ font-size:3.2rem; font-weight: bold; margin-bottom:5.0rem;}
.single article .main-eyecatch { margin-bottom:2.5rem}
.single article .main-eyecatch img{ width:100%; height:auto; display: block; object-fit: contain; object-position: center;}
.single .postcontent h2{ font-size:2.0rem; font-weight:bold; color:#fc3b9c; margin-bottom:1.5rem}
.single .postcontent h3{ font-size:1.8rem; font-weight:bold; margin-bottom:1.0rem; border-bottom:1px solid #fc3b9c}
.single .postcontent h4{ font-size:1.6rem; font-weight:bold; margin-bottom:0.5rem; border-left:1.0rem solid #fc3b9c; padding-left:0.5rem; /*position: relative; left:-1.5rem*/}
.single .postcontent p{ font-size:1.6rem; margin-bottom:1.5rem; line-height: 1.8;}
.single .postcontent strong{ font-weight: bold;}
.single .postcontent em{ font-style: italic;}
.single .postcontent ul{ padding-left:1.5rem;margin-bottom:2.5rem}
.single .postcontent li{ font-size:1.6rem; list-style-type: disc;}
.single .postcontent table{ font-size:1.6rem}
.single .postcontent th{ font-weight: bold;}
.single .postcontent a{ color: #fc3b9c; text-decoration: underline;}
.single .postcontent a:hover{ color: #fc3b9c;}
.navi-single{ display: flex; justify-content: center; align-items: center; font-size:1.6rem; margin:5.0rem 0}
.navi-single p{ display: inline-flex; align-items: center;}
.navi-single a{ font-weight: bold; padding: 0.5rem;}
.navi-single a:hover{ color: #fc3b9c;}
.navi-single .list{ margin:0 2.5rem}
.single .postcontent .linkbox{ padding:2.5rem 0; text-align: center; font-size:1.8rem; margin-bottom:5.0rem; background-color: #eeeeee;}
.single .postcontent .linkbox a{ display: block;}
/*投稿一覧ページ*/
.archive-wrap{ max-width:1000px; width:90%; margin:0 auto; padding:5.0rem 0}
.archive-wrap .information::before{ display: none;}
.archive-list {margin-bottom: 5.0rem;}
.archive-list li { padding:2.5rem; border-bottom:1px solid #4d4d4d}
.archive-list li .wrap{ display: flex; justify-content: space-between; align-items: center;}
.archive-list li .image{ width: 30%; height: auto; display: block;}
.archive-list li .image img{ width:100%; height: auto; display: block; object-fit: cover; object-position: center;aspect-ratio: 3 / 2; }
.archive-list li .text{ display: block; width:67%;}
.archive-list li .text i.date{ font-size:1.4rem; color: #fc3b9c; display: block;}
.archive-list li .text a{ font-size:2.4rem; color: #4d4d4d; display: block; font-weight: bold;}
/*404*/
.error-404 { padding:10.0rem 0}
.error-404 h1{ text-align: center; font-size: 3.2rem; color: #000000; margin-bottom:2.5rem;}
/*==============================================
●PC版非表示
===============================================*/
.sp{ display:none!important;}
/*===============================================
●レスポンシブ 画面の横幅が1210pxまで
===============================================*/
@media screen and (max-width:1100px){
html{ font-size:1.0vw}
.about .lead{left:0; z-index: 0;}
.about .system .bg{ z-index: -1;}
.feature .lead{ left:calc(100% - 9.5rem); z-index: 0;}
.service .lead{ left:0; z-index: 0; }
.service .wrap dt{ position: relative; z-index: 1;}
.service .wrap dd{ position: relative; z-index: -1;}
.pilot .entry .lead{ left:0}
.pilot .flow .lead{ left:calc(100% - 9.5rem)}
.pilot .feature .block .text{ position: relative; z-index: 5;}
}
/*===============================================
●レスポンシブ 画面の横幅が1000pxまで
===============================================*/
@media screen and (max-width:1000px){
html{ font-size:0.95vw}
.searchbox .kubun li input{ transform:scale(1.3); margin-right:0.5rem;}
}
/*===============================================
●レスポンシブ 画面の横幅が800pxまで
===============================================*/
@media screen and (max-width:800px){
}
/*===============================================
●レスポンシブ 画面の横幅が600pxまで
===============================================*/
@media screen and (max-width:600px){
body{ min-width:320px; background-image:none;}
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
html{ font-size:2.0vw}
.pc{ display:none!important;}
.sp{ display:block!important;}
.mv .headerbutton{width:55%; height: 4.0rem;}
.mv .headerbutton a{ font-size:1.6rem;}
.mv .headerbutton a img{ width:1.8rem}
.mv .branding .text{font-size: 1.4rem;}
.mv .branding .text strong{font-size: 2.1rem;}
.mv .wrap p{ font-size:4.0rem;}
.mv .wrap p:before{ height: calc(100% - 38rem);}
.std{ font-size: 2.4rem;}
.std .lead{ opacity: 0.15;}
.std i{ font-size: 3.2rem;}
.about .system{ padding:10.0rem 0}
.feature .block{ flex-direction: column!important; margin-bottom:5.0rem}
.feature .block figure{ width:75%}
.service .wrap dd .price{ font-size: 1.2rem; padding:0.5rem; width:calc(100% - 1.0rem)}
section.contact th{ display: block; width:100%; padding:0 0 0.5rem 0}
section.contact td{ display: block; width:100%; padding:0 0 2.5rem 0}
.pilot .mv .wrap p:before{ height: calc(100% - 30rem);}
}
/* ハンバーガーボタン */
.hamburger {
background-color: #e2815a;
display : block;
position: fixed;
z-index : 1200;
right : 1.0rem;
top : 1.0rem;
border-radius: 0.5rem;
width : 42px;
height: 42px;
cursor: pointer;
text-align: center;
border:1px solid #ffffff;
}
.hamburger span {
display : block;
position: absolute;
width : 30px;
height : 3px ;
left : 6px;
background : #ffffff;
-webkit-transition: 0.3s ease-in-out;
-moz-transition : 0.3s ease-in-out;
transition : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
top: 10px;
}
.hamburger span:nth-child(2) {
top: 20px;
}
.hamburger span:nth-child(3) {
top: 30px;
}
/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
top : 20px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform : rotate(-45deg);
transform : rotate(-45deg);
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
top: 20px;
-webkit-transform: rotate(45deg);
-moz-transform : rotate(45deg);
transform : rotate(45deg);
}
nav.globalMenuSp {
position: fixed;
z-index : 1000;
top : 0;
left : 0;
color: #070030;
background: rgba(255, 255, 255, 0.95);
text-align: center;
transform: translateY(-100%);
transition: all 0.6s;
width: 100%;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
transform: translateY(0%);
}
/*メニューレイアウト*/
.globalMenuSp .wrap{ z-index:1000; overflow: scroll; height: 100vh; position: relative; -webkit-overflow-scrolling: touch;}
.globalMenuSp .branding{ width:16.0rem; margin:2.5rem auto}
.globalMenuSp .branding img{ display: block; width:100%;}
.globalMenuSp .branding+ul{ padding:2.5rem 0; text-align: left; width:90%; max-width:40.0rem; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: space-around;}
.globalMenuSp .branding+ul li { border-bottom:1px solid #e2815a; padding: 2.5rem 0; width:45%}
.globalMenuSp .branding+ul li a{ font-size:1.8rem; font-weight: bold; display: flex; align-items: center;}
.globalMenuSp .branding+ul li a:before{ content: ''; width:1.6rem; height: 1.6rem; background-color: #92bd4c; border-radius: 50%; display: block; margin-right:0.5rem}
.globalMenuSp .contact { width:85%;}
.globalMenuSp .close{ text-align: left;}
.globalMenuSp .close dt{ margin-right: 1.5rem;}
.globalMenuSp .contact li{ padding:0.5rem 0}