#tbs-taiken{
/*    background: url("../img/toyota-shirakawa/bg_01.png");*/
    background:#dbf1ff;
    margin-bottom: 20px;
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif
}
#tbs-taiken *{
     font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif   
}
#tbs-taiken img{
    max-width: 100%;
    width: auto;
    height: auto;
}
#tbs-taiken h1,
.atpdf-area h1 {
    border-left: 10px solid #8dc4e0;
    padding: 0px 20px 0;
    font-size: 24px;
    margin-bottom: 0px;
    margin-top: 15px;
    background: #fff;
}
#tbs-taiken h2{
    text-align: center;
}
#tbs-taiken p.main-btm {
    background: #fffc0d;
    font-size: 24px;
    text-align: center;
    padding: 7px;
    margin: 0;
    font-weight: bold;
}
.top-area {
    border-top: 10px solid #fff;
}
.top-area img {
    font-size: 0;
    line-height: 0;
    display: block;
}
.top-area2 {
    display: flex;
    margin: 0 30px;
    justify-content: space-between;
}
.top-area2 .left{
    width: 40%;
}
.top-area2 .right{
    width: 57%;
    padding: 0;
}
.top-area2 .right .midashi{
    background: #027cd3;
    color: #fff;
    padding: 10px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
.top-area2 .right .midashi span{
    font-size: 16px;
    text-align: center;
}
.top-area2 .right .text{
    margin: 10px;
}
.example{
    margin: 30px;
    border: solid 4px #f1b80e;
    border-radius: 10px;
    padding: 10px;
    background: #FFF;
    text-align: center;
}
.example .midashi{
    font-size: 20px;
    font-weight: bold;
}
#tbs-taiken .main-btm-img {
    display: flex;
    width: 955px;
    margin: 10px auto;
}
#tbs-taiken .main-btm-img p {
    margin: 10px;
}
.main-btm-data {
    font-weight: bold;
    text-align: center;
    background: #fff;
    width: 934px;
    margin: 0 auto 10px;
    padding-bottom: 5px;
}
.main-btm-data p.data-title {
    background: #027cd3;
    color: #fff;
    padding: 4px 2px 2px;
    font-size: 20px;
        text-shadow: 1px 1px 0 #025194, -1px -1px 0 #025194, -1px 1px 0 #025194, 1px -1px 0 #025194, 0px 1px 0 #025194, 0 -1px 0 #025194, -1px 0 0 #025194, 1px 0 0 #000;
}
.main-btm-data p.data-detail {
    color:  #025194;
    font-size: 22px;
    padding: 5px;
}
.main-btm-data span.attention,
.main-btm-data p.attention{
    color: #f00;
    font-size: 18px;
}
.activity-area{
    text-align: center;
    background: url(../img/toyota-shirakawa/bg_04.png);
}
.activity-area h2{
margin-top: 50px;
/*
    background: url(../img/toyota-shirakawa/mv_h3_bg.png) repeat-x bottom;
    height: 140px;
    padding-top: 62px;
*/
    color: #ffb900;
}
.activity-area h2 img,
.movie-area h2 img{
    vertical-align: bottom;
}
.activity-area h2 span,
.movie-area h2 span{
    padding: 10px;
}
.movie-area h2{
    background: url("../img/toyota-shirakawa/mv_h3_bg.png") repeat-x bottom;
    height: 140px;
    padding-top: 80px;
    color: #ffb900;
}
.activity-area .activity-box{
    padding-top: 20px;
/*        background: url("../img/toyota-shirakawa/bg_02.png");*/
        padding-bottom: 100px;
    margin-bottom: 0;
background: rgba(255, 255, 255, 0.7);
}
.activity-area .activity-box >p{
        color: #05620f;
    font-weight: bold;
    font-size: 32px;
}
.activity-area .activity-box .activity-box-inner {
/*    width: 955px;*/
display: flex;
    flex-wrap: wrap;
    width: 850px;
    margin: 20px auto 0;
    justify-content: space-around;
}
.activity-img-item {
    margin-bottom: 20px;
}
.activity-area .activity-box-item {
    background: #fffaee;
    width: 47%;
    margin: 1.5%;
    text-align: center;
    padding: 30px;
    position: relative;
    border: 1px solid #ece5a8;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
}
.activity-area .activity-img-item p.img {
    /* margin-bottom: 0; */
    /* padding-bottom: 0; */
    font-size: 0;
}
.activity-area .activity-box-item h3{
    background: url("../img/toyota-shirakawa/ac_bg.png") no-repeat;
    width: 284px;
    height: 55px;
    background-size: contain;
    color: #905f11;
        padding-top: 14px;
    position: relative;
    margin: 0 auto;
    z-index: 1
}
.activity-area .activity-img-item-box h3,
.activity-area .activity-img-item h3 {
    background: #fff6d3;
    padding: 5px;
    margin-top: 0;
}
.activity-img-item-box .activity-img-item {
    margin-bottom: 0px;
}
.activity-area .activity-box-item p.text {
    border: #905f11 solid 4px;
    padding: 30px 0px 10px;
    margin-top: -29px;
    min-height: 130px;
    font-size: 17px;
}


.movie-area {
    text-align: center;
    margin-top: -125px;
}
.movie-box{
    background: url("../img/toyota-shirakawa/bg_03.png") no-repeat;
    background-size: cover;
}
.movie-area iframe{
    max-width: 100%;
    width: auto;
    height: auto;
}
.movie-box-item-top {
    background: #ffb900;
    width: 400px;
        margin-top: 30px;
    display: inline-block;
    margin-right: 30px;
}
.movie-box-item-top h3{
    background: url("../img/toyota-shirakawa/mv_bg_01.png") no-repeat;
    width: 379px;
    height: 44px;
    color: #fff;
    padding-top: 8px;
    margin: 10px auto;
}
.movie-box-item-top video {
    max-width: 360px;
}


.movie-box-item {
    width: 400px;
    border: 10px solid #8ae0ef;
    border-radius: 48%;
    padding: 5% 1% 3%;
    height: 340px;
    vertical-align: top;
    box-sizing: border-box;
    display: inline-block;
    background: #fff;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.05);
}
.movie-box-item.mv01 {
    margin-top: 50px;
}
.movie-box-item.mv02{
    border: 10px solid #b4eeae;
    margin-right: 30px;
}
.movie-box-item.mv03{
    border: 10px solid #ece5a8;
    margin-top: 50px;
    margin-bottom:20px;
}
.movie-box-item h3{
    background: url("../img/toyota-shirakawa/mv_bg_02.png") no-repeat;
    width: 311px;
    height: 44px;
    color: #fff;
    margin: 0 auto;
    padding-top: 8px;
    margin-bottom: 20px;
    margin-top: -35px;
}

p.right {
    text-align: right;
}
.schedule-area,
.access-area{
    background:url("../img/toyota-shirakawa/bg_04.png");
/*    padding-bottom: 10px;*/
}
.schedule-area {
    text-align: center;
    background: #fff;
}
.access-area{
    
}
    .access-box {
        background: rgba(255, 255, 255, 0.7);}
.activity-area h2,
.schedule-area h2,
.access-area h2,.pamphlet-area h2{
    color: #fff;
    padding: 8px;
    background: #027cd3;   
}

#tbs-taiken .main-btm-img{
    color: #fff;
    padding: 8px;
}
#tbs-taiken .main-btm-img.white{
    background: #FFF;   
    margin-bottom: 0;
    justify-content: center;
}
.schedule-box{
    display: flex;
    margin: 0 auto;
    width: 980px;
}
.schedule-box-item{
    width: 32%;
    margin: 1% 0% 1% 1%;
    text-align: center;
}
.schedule-box-item.first {
    background: rgba(178,178,178,0.45);
}
.schedule-box-item.second {
    background: rgba(143,208,243,0.45);
}
.schedule-box-item.last {
    background: rgba(72,135,212,0.45);
}
.schedule-box-item-inner {
    background: #fff;
    height: 675px;
    padding: 5px;
}
.schedule-box-item {
    padding: 10px;
}
.schedule-box table{
    text-align: left;
}
.schedule-box table .right{
    text-align: right;
}
.schedule-box table th{
    font-size: 15px;
    font-weight: normal;
    width: 100px;
    vertical-align: top;
}
.schedule-box table td{
    font-weight: bold;
    font-size: 16px;
    vertical-align: top;
}
.schedule-box table td.blue{
    color: #1186c3
}
.schedule-box table td span{
    display: block;
    font-size: 14px;
}

.access-box {
    padding: 15px;
}
.pamphlet-area {
    text-align: center;
    font-weight: bold;
    background: #dbf1ff;
}
.pamphlet-box {
        font-weight: normal;
    margin: 25px auto 10px;
}
.pamphlet-box a{
    text-decoration: underline;
    display: block;
    margin-bottom: 10px;
}
.pamphlet-box ol li {
    display: flex;
}
.atpdf-box {
    text-align: center;
    padding-top: 20px;
}
.atpdf-area > p {
    text-align: center;
}

ul.program-point li {
    border-radius: 25px;
    background: #fff;
    border: solid #000;
    display: inline-block;
    padding: 8px 13px;
    width: 20%;
    margin: 1%;
    font-weight: bold;
}
ul.program-point li.pink {
    border: solid #ff7cb1 3px;
}
ul.program-point li.yellow {
    border: solid 3px #ffb800;
}
ul.program-point li.blue{
    border: solid 3px #29a3d8
}
ul.program-point li.purple{
    border: solid 3px #7c4ce8
}
ul.program-point li.green{
    border: solid 3px #56bc44
}


.access-box div.right p span.skyblue{
    color: #00bbe8;
        word-break: keep-all;
}
#tbs-taiken .pamphlet-area ul.logo-group li{
    margin: 5px;
}
#tbs-taiken .pamphlet-area ul.logo-group img{
    height: 60px;
    width: auto;
    padding: 2px;
    background: #fff;
}
ul.logo-group {
    background: #027cd3;
}
p.data-detail.date span {
    display: inline-block;
    vertical-align: top;
}
.activity-box .toptext{
    font-size: 32px;
    background: linear-gradient(to right, #bdffec 0%, #ffff00 100%);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 50%;
    display: inline-block;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
    margin-bottom: 8px;
}
.pamphlet-box {
    margin: 25px auto 0;
    max-width: 840px;
    padding-bottom: 20px;
}
.pamphlet-box p{
    text-align: left;
}
.pamphlet-box p.right{
    text-align: right;
}
.pamphlet-box table{
    border-collapse: collapse;
    border: 2px solid #000;
    background: #fff;
    margin: 0 auto;
    vertical-align: top;
}
.pamphlet-box table th {
    border: 1px solid #000;
    vertical-align: top;
    padding: 5px;
}
.pamphlet-box table td {
    border: 1px solid #000;
    font-weight: normal;
    text-align: left;
    padding: 5px;
}
.pamphlet-box table td.dot{
border: dotted 1px #000;
}

.pamphlet-box div.attention{
    background: #fff;
    padding: 21px;
    text-align: left;
    margin-bottom: 15px;
    border: 2px solid #565656;
}
#tbs-taiken .access-box table caption{
    color: #027cd3;
    font-weight: bold;
    text-align: left;
    font-size: 20px;
}
#tbs-taiken .access-box table th{
    width: 16%;
}
#tbs-taiken .access-box table th,#tbs-taiken .access-box table td{
    padding: 10px;
    font-size: 16px;
}
#tbs-taiken .access-box table img{
    max-width: 400px;
    margin: 10px;
}

#tbs-taiken .schedule-area .schedule-in{
    width: 830px;
    margin: 20px auto;
}
#tbs-taiken .schedule-area .logo{
    text-align: right;
}
#tbs-taiken .schedule-area .logo img{
    width: 350px;
}
#tbs-taiken .schedule-area table{
    border-collapse: collapse;
    border: 1px solid #c8c9cb;
    background: #fff;
    margin: 0 auto;
    vertical-align: top;
    width: 100%;
}
#tbs-taiken .schedule-area table th,#tbs-taiken .schedule-area table td{
    border: 1px solid #c8c9cb;
    padding: 5px;
    font-size: 16px;
}
#tbs-taiken .schedule-area table th{
    width: 10%;
    font-weight: normal;
}
#tbs-taiken .schedule-area table .blue{
    color: #0400fe;
    font-weight: bold;
    background: #f2f3f5;
}
#tbs-taiken .schedule-area table .yellow{
    background: #fff2cd;
}
#tbs-taiken .tdp{
color: #ffffff;
    border-radius: 10px;
    padding: 10px;
    background: #027cd3;
    display: block;
    position: relative;
    margin-top: 10px;
    font-weight: normal;
}
#tbs-taiken .tdp:before {
  content: "";
  position: absolute;
    top: -25px;
    left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #027cd3;
}
.access-box .mapin .left a{
    text-decoration: underline;
    color: #333;
}
.point{
    margin: 30px;
    text-align: center;
}
.point .midashi{
    font-size: 32px;
    background: linear-gradient(to right, #f9f188 0%, #00ceff 100%);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 50%;
    display: inline-block;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
    color: #043763;
    font-weight: bold;
    margin-bottom: 20px;
}
.point ul{
    display: flex;
    justify-content: space-evenly;
}
.point ul li{
    background: #FFF;
    border-radius: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
    width: 30%;
    color: #333;
}
.point ul li:first-child{
    border: solid 3px #34b5e9;
}
.point ul li:nth-child(2){
    border: solid 3px #f59f19;
}
.point ul li:last-child{
    border: solid 3px #00b328;
}
@media screen and (min-width: 767px) {
.main-btm-data p.data-detail.date {
    text-align: left;
    margin-inline: auto;
    inline-size: fit-content;
}
#topic_pass ul {
	list-style:none;
	font-size:93%;
}
#topic_pass ul a {
	color:#353535;
}
#topic_pass ul li {
	float:left;
	margin:0 5px 0 0;
	padding: 2px 0 0 5px;
	line-height:26px;
}
#topic_pass ul li:first-of-type {
padding-left: 0;
}
#topic_pass ul li a {
	padding: 8px 15px 10px 0;
    font-size: 16px;
    color: #333;
    position: relative;
    text-align: center;
  }
#topic_pass ul li a::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border: 0;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    top: 37%;
    right: 0;
    transform: rotate(45deg);
  }
.schedule-box h3.sp-none {
    font-size: 32px;
    color: #ffb900;
    padding-top: 15px;
    text-align: left;
    padding-left: 20px;
}
.schedule-box h3.sp-none span {
    padding: 10px;
    font-size: 24px;
}
div.left,
div.right {
    padding: 10px;
}
    .access-box {
background: rgba(255, 255, 255, 0.7);
    margin: 0 auto;
    width: 980px;
}
.access-box .mapin{
    display: flex;
    margin: 10px;
}
.access-box .mapin .left{
    width: 45%;
    margin-left: 20px;
}
.access-box .mapin .right {
    width: 55%;
}
ul.logo-group {
    display: flex;
    justify-content: center;
}
.activity-img-item-box .activity-img-item {
    margin-bottom: 0;
}
.activity-img-item-box {
/*    width: 100%;*/
    display: flex;
    flex-wrap: wrap;
width: 850px;
    margin: 20px auto 0;
    justify-content: space-around;
}
    .activity-area .activity-img-item-box h3 {
        background: #fff6d3;
        padding: 5px;
        margin-top: 0;
        width: 100%;
        margin: 0 21px 25px;
    }
.program-point-box {
    position: relative;
    margin-left: 9px;
    }
.program-point-box > p {
    position: absolute;
    left: 50px;
    top: 22px;
    transform: rotate(350deg);
}
    .pc-none{
        display: none;
    }  
}
/*767px*/
@media screen and (max-width: 767px) {
.breadcrumb {
    margin: 4px 0;
    padding: 3px 0;
    background: none;
    font-size: 12px;
}
.breadcrumb .inline li:before {
    content: " ";
}
.breadcrumb .inline li a:after {
    content: " >";
    color: #aaa;
}
    .sp-none{
        display: none;
    }
#tbs-taiken h1, .atpdf-area h1 {
    border-left: 10px solid #8dc4e0;
    padding: 0px 11px 0;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 15px;
    background: #fff;
}
    #tbs-taiken .main-btm-img{
        width: 100%;
    }
#tbs-taiken p.main-btm {
    font-size: 16px;}
    .main-btm-data{
        width: 95%
    }
.main-btm-data p.data-title {
    font-size: 14px;
}
.main-btm-data p.data-detail {
    font-size: 16px;
    }
.main-btm-data span.attention,
.main-btm-data p.attention {
    font-size: 12px;
}
.activity-area .activity-box-item {
    width: 48%;
    margin: 0.7%;
    padding: 8px;
    }
.activity-area .activity-box .activity-box-inner{
    width: 100%;
    }
.activity-area .activity-box-item h3 {
    font-size: 0.92em;
    background: url(../img/toyota-shirakawa/ac_bg.png) no-repeat;
    width: 95%;
    height: 32px;
    background-size: contain;
    color: #905f11;
    padding-top: 5px;
    position: relative;
    margin: 0 auto;
    z-index: 1;
}
.activity-area .activity-box-item p.text {
    border: #905f11 solid 2px;
    padding: 23px 0px 10px;
    margin-top: -20px;
    min-height: 105px;
    font-size: 0.69em;
        line-height: 130%;
}

.activity-area h2 span{
    padding: 0 10px;
}
#tbs-taiken h2 {
    text-align: center;
    font-size: 18px;
}
#tbs-taiken .activity-area h2 img {
    width: 30px;
}
#tbs-taiken .movie-area h2 img {
    width: 50px;
}
p.right {
    font-weight: bold;
    font-size: 12px;
}
    .schedule-box{
        display: block;
        width: 100%;
    }
    .schedule-box-item {
    width: 90%;
    margin: 1% auto;
    text-align: center;
}
.movie-box {
    background: url(../img/toyota-shirakawa/bg_03.png) no-repeat;
    background-size: contain;
}
.movie-box-item-top {
    width: 48%;
    margin-right: 3px;
    margin-left: 5px;
    margin-top: 10px;
}
.movie-box-item-top .inner {
    padding: 8px;
}
.movie-box-item-top video {
    max-width: 100%;
}
.movie-box-item {
    width: 48vw;
    border: 7px solid #8ae0ef;
    border-radius: 48%;
    padding: 5% 1% 3%;
    height: 43vw;
}
.movie-box-item.mv01 {
    margin-top: 25px;
}
.movie-box-item.mv02 {
    border: 7px solid #b4eeae;
    margin-right: 3px;
}
.movie-box-item.mv03 {
    border: 7px solid #ece5a8;
    margin-top: 5px;
    }
    .atpdf-box img{
        max-width: 100%;
        
    }

.movie-box-item h3 {
    background: url(../img/toyota-shirakawa/mv_bg_02.png) no-repeat;
width: 100%;
    height: 26px;
    color: #fff;
    margin: 0 auto;
    padding-top: 3px;
    margin-bottom: 10px;
    margin-top: -14px;
    background-size: contain;
    font-size: 0.8em;
}
.movie-box-item-top h3 {
    background: url(../img/toyota-shirakawa/mv_bg_01.png) no-repeat;
    width: 100%;
    height: 30px;
    color: #fff;
    padding-top: 2px;
    margin: 10px auto 0;
    background-size: contain;
    font-size: 0.7em;
}
.movie-area iframe {
    max-width: 80%;
    width: auto;
    height: 80px;
}
#tbs-taiken .access-box img {
    width: auto;
    max-width: 100%;
}
.schedule-box table {
    text-align: left;
    width: 100%;
}
.schedule-box td.td-img {
    text-align: center;
}
.schedule-area h2 {
    margin-bottom: 15px;
}
h3.btn-toggle.pc-none {
    text-align: left;
    padding: 0px 20px;
    font-size: 22px;
    position: relative;
    color: #ffb900;
}
h3.btn-toggle.pc-none span {
    padding: 10px;
    font-size: 18px;
}
h3.btn-toggle.pc-none::before, h3.btn-toggle.pc-none::after{
    content: "";
    height: 5px;
    width: 18px;
    background-color: #ffb900;
    position: absolute;
    top: 50%;
    right: 6px;
}
.activity-area p.right {
    font-size: 15px;
    padding: 9px 10px 0;
}
h3.btn-toggle.pc-none.active::after{
transform: rotate(90deg);
}
h3.btn-toggle.pc-none::after {
    transform: rotate(0);
}
.pamphlet-area p,
.pamphlet-area table{
    font-size: 12px;
}
    .schedule-box-item-inner{
        display: none;
    }
.movie-area h2 {
    background: url(../img/toyota-shirakawa/mv_h3_bg.png) repeat-x bottom;
    height: 94px;
    padding-top: 55px;
    color: #ffb900;
}
.activity-area .activity-box >p {
    font-size: 18px;
    word-break: auto-phrase;
}
#tbs-taiken .pamphlet-box img {
    width: 85%;
}
#tbs-taiken .pamphlet-area+p.main-btm{
    font-size: 13px
    }
#tbs-taiken p.main-btm img {
    width: 60px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}
.activity-area .activity-box {
    padding-bottom: 20px;
    }
.schedule-area{
    padding-bottom: 20px;
}
ul.logo-group li {
    display: inline-block;
}
.access-box div.right p span.skyblue{
display: block;        
    }
ul.program-point li {
    border-radius: 25px;
    background: #fff;
    border: solid #000;
    display: inline-block;
    padding: 8px 3px;
    width: 46%;
    margin: 1%;
    font-weight: bold;
}
#tbs-taiken .pamphlet-area ul.logo-group img {
    height: auto;
    max-height: 60px;
    width: auto;
    padding: 2px;
    background: #fff;
}
.pamphlet-box {
    padding: 5px;
}
.atpdf-box img {
    width: 85%;
}
#tbs-taiken .access-box table img{
    width: 100%;
}
#tbs-taiken .access-box table th{
    width: 25%;
}
#tbs-taiken .access-box table th, #tbs-taiken .access-box table td{
    font-size: 13px;
}
#tbs-taiken .access-box table caption{
    font-size: 16px;
}
.pamphlet-area{
    padding-bottom: 20px;
}
.access-box{
    padding: 20px 5px
}
.top-area2{
    display: block;
    margin: 10px;
}
.top-area2 .left,.top-area2 .right{
    width: auto;
}
.example{
    margin: 10px 10px 20px;
}
#tbs-taiken .schedule-area .schedule-in{
    width: auto;
    margin: 10px;
}
#tbs-taiken .access-box .center{
    margin: 10px 0;
}
#tbs-taiken .access-box .center img {
    width: auto;
    max-width: 630px;
}
.top-area2 .right .midashi span{
    font-size: 14px;
}
.top-area2 .right .midashi,.example .midashi{
    font-size: 17px;
}
.top-area2 .right .text,.example{
    font-size:15px;
}
#tbs-taiken .schedule-area .logo img{
    width: 45%;
}
#tbs-taiken .schedule-area table th, #tbs-taiken .schedule-area table td{
    font-size: 14px;
}
.point{
    margin: 10px;
}
.point .midashi{
    font-size: 4.2vw;
    margin-bottom: 10px;
}
.point ul{
    flex-wrap: wrap;
}
.point ul li{
    font-size: 14px;
    border-radius: 10px;
    padding: 5px;
    width: 48%;
    margin-bottom: 5px;
}
}