@charset "utf-8";

.tagbox-box { background:#f0f0f0; padding:40px 15px 23px; margin-bottom:20px; }
.at-content  .row {margin-bottom:30px !important;}
.at-content input[type=checkbox] {margin:-1px 0 0;}

.tagbox-box .input-group {width:100% !important}
.tagbox-box .input-group-addon {border:none !important; background:#f0f0f0}
.tagbox-box input, .tagbox-box select {font-size:15px; height:40px;}
.tagbox-box input[type=text] {border:none !important; height:40px !important; font-size:16px;}
.tagbox-box input[type=text]::placeholder {color:#999999;height:40px; line-height:40px; font-size:16px;}
.tagbox-box .btn {height:40px; line-height:40px; padding:0; font-size:16px;}
.tagbox-none { padding:80px 20px; }
.btn-tag { background:none; border:none; }

.tagbox-media { padding-bottom:10px; }
.tagbox-media .photo i { border-radius:50%; background: rgb(245, 245, 245); padding: 15px; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.tagbox-media .photo img { border-radius:50%; width: 64px !important; height: 64px !important; display:inline-block; }
.tagbox-media .media { border-bottom:1px solid #eee; margin:0px;     padding: 25px 0 25px 0;}
.tagbox-media .media .photo {margin-right:25px;}
.tagbox-media :first-child.media { margin-top:0px;/* padding-top:0px; */}
.tagbox-media :last-child.media { border-bottom:0px; }
.tagbox-media .media-heading { padding:0; margin:0px; line-height: 22px;font-size:18px; font-weight:500;} }
.tagbox-media .media-heading a {font-size:18px; font-weight:500;}
.tagbox-media .media .media-body { padding-left:0px; }
.tagbox-media .media .media-info { line-height:20px; padding:4px 0px; font-size:13px }
.tagbox-media .media .media-info .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.tagbox-media .media .media-content {font-size:13px  }
.tagbox-media .media .media-content p { margin:0px; padding:0px; }


.tbl {
    padding: 1% 2% !important;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.tbl::after {
    content: '';
    display: block;
    background: url(/img/tab_btn.png) center center no-repeat;
    width: 15px;
    height: 25px;
    background-size: cover;
    transform: rotate(180deg);
}
.tbr {
    padding: 1% 2% !important;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.tbr::after {
    content: '';
    display: block;
    background: url(/img/tab_btn.png) center center no-repeat;
    width: 15px;
    height: 25px;
    background-size: cover;
}

.ttabbox {
    padding:14px 0;
    text-align:center;
    letter-spacing: -1px;
    font-size: 23px;
    font-weight: 600;
    line-height: 22px;
}

@media all and (max-width:1024px) {
    .is-pc .at-body {margin-top: 0px !important;}
    .tbl {display:inline-block !important;}
    .tbr {display:inline-block !important;}
}
@media (max-width: 640px){
    .ttabbox {font-size: 20px;padding: 10px 0;}
}