@charset "UTF-8";
/*--------------------------------------------------------
Top-banner
-------------------------------------------------------*/
@media
only screen and (max-width : 753px){
#header #header-in {
	background-image: url(https://img.altema.jp/common/header/fft-mb.jpg);
}
#mobileTop{
	background:url(https://img.altema.jp/common/header/fft.jpg) no-repeat top left;
}
.h-koushin-box p.khan-txt {
background-position: 5px center!important;
padding: 0 0 0 14px!important;
font-size: 10px!important;
background-size: 6px!important;
margin:2px 0!important;
}
#main #main-contents .h-koushin-box p.saisyu-txt {
background-size: 8px!important;
font-size: 10px!important;
background-position: 1px center!important;
padding: 0 0 0 11px!important;
}
}

#header-in h1{
    color: #FFF;
}
/*PC　ここから*/

#header-in_wrap{
    background-image: url(https://img.altema.jp/common/header/fft-pc.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

.header-inWrap{
    background-image: url(https://img.altema.jp/common/header/fft-kasou.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size:100% auto;
    background-size:cover;
}

#header-in p.header-logo a{
    color:#FFF;
}

/*-------------------------------------------------------
固有CSS
-------------------------------------------------------*/
#main-contents .contents {
padding: inherit;
}
#header-in_new h1{
font-size: 23px;
}

/*------------------------------------------------------------
SPヘッダーnew
-------------------------------------------------------------*/
@media only screen and (max-width: 753px){
body.home #container #header div#header-in {
background: url(https://img.altema.jp/common/header/fft-mb2.jpg) no-repeat center / cover;
padding: 0!important;
height: calc(100vw * 0.3375);
}
body.home #header div.header_top_h1{
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: block;
}
body.home #header div.header_top_h1 img{
display: none;
}
}

/*------------------------------------------------------------
一覧テーブルnew
-------------------------------------------------------------*/
td:has(.ichiran-table) {
    border: none!important;
}

#main-contents .post .ichiran-th {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border:none!important;
    padding-left: 10px!important;
    padding-bottom:0!important;
    align-items: center;
}

#main-contents .post .ichiran-th a {
    font-size: 15px;
} 

#main-contents .post .ichiran-th span.tag-icon.tag-man {
    color: #fff;
    background: #2a51c4;
}

#main-contents .post .ichiran-th span.tag-icon.tag-woman {
    color: #fff;
    background: #d22929;
}

#main-contents .post .ichiran-th span.tag-icon.tag-koyuu {
    color: #fff;
    background: #27a33e;
}

#main-contents .post .ichiran-table tr td table {
    border: 1px solid #ececec!important;
    border-left: none!important;
    box-shadow: none!important;
}

#main #main-contents .post .ichiran-table td {
    border: none;
}

#main-contents .post .ichiran-table .ichiran-th_w{
    width: 12%;
    text-align: center;
}

#main-contents .post .ichiran-table .ichiran-td_w{
    width: 20%;
}


#main-contents .post .ichiran-th {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border:none!important;
    padding-left: 10px!important;
    padding-bottom:0!important;
    align-items: center;
}

#main-contents .post .ichiran-th a {
    font-size: 15px;
} 

#main-contents .post .ichiran-th span.tag-icon.tag-man {
    color: #fff;
    background: #2a51c4;
}

#main-contents .post .ichiran-th span.tag-icon.tag-woman {
    color: #fff;
    background: #d22929;
}

#main-contents .post .ichiran-th span.tag-icon.tag-koyuu {
    color: #fff;
    background: #797979;
}

#main-contents .post .ichiran-table tr td table {
    border: none!important;
    box-shadow: none!important;
}

#main-contents .post .ichiran-table .ichiran-th_w{
    width: 12%;
    text-align: center;
}

#main-contents .post .ichiran-table .ichiran-td_w{
    padding-right: 10px;
    background-color: #fff;
}

#main-contents .post .ichiran-inner-table th{
    text-align: center;
     border:none!important;
}

#main-contents .post .ichiran-inner-table {
   margin-bottom: 0!important;
}

#main-contents .post .ichiran-inner-table tbody {
border-top: 1px  solid #f2f1f6!important;
border-bottom: 1px solid #f2f1f6!important;
}


#main-contents .post .ichiran-inner-table td{
    text-align: center;
     border:none!important;
}

#main-contents .post .ichiran-border {
    border-right: 1px solid #d8d8da;
}

#main-contents .post .ichiran-inner-table th,.ichiran-inner-table td {
    padding: 5px 0!important;
    background-color: #f2f1f6;
}

#main-contents .post .ichiran-inner-table tr:first-of-type{
    border-bottom: 1px dashed #d8d8da!important;
}

#main-contents .post .ichiran-ul li{
    margin-top: 10px;
    padding-top:10px;
    border-top: 1px dashed #d8d8da;
}

#main-contents .post .ichiran-ul li:first-of-type{
    border-top: none;
    margin-top: 0;
}


.tag-abi{
    background-color: #ff9900; 
    color: #fff;
    padding: 3px 8px;
    margin-bottom: 5px;
}

.tag-job {
    background-color: #785521;
    color: #fff;
    padding: 3px 8px;
    margin-bottom: 5px;
}

.tag-job_text {
    color: #498acb;
    font-weight: bold;
}

.ichiran-buki .textwaku {
    background-color: #fff;
}
@media only screen and (max-width: 753px){
#main-contents .post .ichiran-table .ichiran-th_w {
    width: 15%!important;
}
#main-contents .post .ichiran-table .ichiran-td_w  {
    width: 17%!important;
}
}
@media only screen and (max-width:530px){
.ichiran-buki .textwaku {
    padding: 0px 2px!important;
    margin:0!important;
}   
}
.osusume-hosi-right {
    width: 120px;
}

/*------------------------------------------------------------
武器一覧
-------------------------------------------------------------*/
.search_d1 .acMenu dt.active + dd {
border-bottom: 0px double #bbb;
padding: 0 0 0px;
}
.search_d1 .sf-img-check-area:has(.bukisyu-label){
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 12px 4px;
}
.search_d1 .sf-img-check-area .bukisyu-label {
width: auto!important;
border-radius:6px;
margin:0;
text-align:center;
transition: 0.2s !important;
}
.search_d1 .sf-img-check-area .bukisyu-label span{
background:#c9d5da;
padding:0px;
margin-top:4px;
margin-bottom:0px;
box-shadow: 0 1px 0px 0px rgb(173 190 197);
}
.search_d1 .sf-img-check-area .bukisyu-label img{
width: 50px !important;
height:50px !important;
display:inline-block;
border-radius:7px;
}
.bukisyu-label br{
display:none;
}
.bukisyu-label:has(input:checked) {
}
.search_d1 .sf-txt-check-area .bukisyu-label input:checked + span{
background:#000;
}
.search_d1 .sf-img-check-area .bukisyu-label input:checked + img ~ span {
font-weight: unset;
background:#448acb;
color:#fff;
box-shadow: 0 0px 0px 0px rgb(39 120 195);
}
.search_d1 .sf-txt-check-area .bukisyu-label input:checked + img, .search_d1 .sf-img-check-area .bukisyu-label input:checked + img {
box-shadow: 0 0px 0px 0px rgb(39 120 195);
display:inline-block;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.search_d1 .sf-img-check-area:has(.bukisyu-label){
grid-template-columns: repeat(5, 1fr);
}
.search_d1 .sf-img-check-area .sf-c-label:has(input[name="koyu"]),.search_d1 .sf-img-check-area .sf-c-label:has(input[name="sex"]){
width:48% !important;
margin:0 auto;
}
.search_d1 .sf-img-check-area .sf-c-label:has(input[name="keito"]) {
width:22% !important;
margin:0 auto;
margin-bottom:8px;
}
}

/*-------------------------------------------------------
アコーディオン　デザイン
-------------------------------------------------------*/
.acMenu.acMenu-job dt{
padding:5px 5px 5px;
}
.acMenu.acMenu-job dt.active{
border-radius:3px 3px 0px 0px;
background: #573b15;
color:#fff;
}
.acMenu.acMenu-job{
position:relative;
}
.acMenu.acMenu-job:after{
content: "";
background: url(https://img.altema.jp/fft/uploads/2025/08/2025y08m22d_2246223929.png)no-repeat center / 12px;
position: absolute;
width: 12px;
height: 12px;
right: 10px;
top: 10px;
box-sizing: border-box;
}
.acMenu.acMenu-job:after:has(.active){
border:30px !important;
content: "";
background: url(https://img.altema.jp/fft/uploads/2025/08/2025y08m22d_2248087379.png)no-repeat center / 12px;
position: absolute;
width: 12px;
height: 12px;
right: 10px;
top: 10px;
box-sizing: border-box;
}
.acMenu.acMenu-job{
background: #fffbe5;
}
.acMenu.acMenu-job dt.active + dd{
text-align:center;
border-bottom: 2px double #d1cdb4;
border-radius:0px 0px 3px 3px;
}
.acMenu.acMenu-job dt + dd{
text-align:center;
display:none;
}
.acMenu.acMenu-job dt.active + dd img{
border-radius:4px;
margin:0px 1px 8px 0px;
}
.acMenu.acMenu-job dt.active:before {
border: none;
}
.acMenu.acMenu-job dt.active{
box-shadow: 0 0px 0 0 #bbb;
margin-bottom:14px !important;
}