@charset "utf-8";
@media(min-width:320px) {
/*-----------------------------------------------------------
   フォン設定 1/2
-------------------------------------------------------------*/
    body {
        font-size: calc(0.8125rem + ((1vw - 3.2px) * 0.625));
        line-height: 1.5rem;
    }
    .sub-headline {
        font-size: calc(1.25rem + ((1vw - 3.2px) * 1.875));
    }
    .headline1 {
        font-size: calc(1rem + ((1vw - 3.2px) * 4.375));
    }
    .merit-title {
        font-size: calc(1.25rem + ((1vw - 3.2px) * 4.6875));
    }
    .merit-title span {
        font-size: calc(2.6875rem + ((1vw - 3.2px) * 12.1875));
    }
    .font-lg {
        font-size: calc(0.9375rem + ((1vw - 3.2px) * 3.4375));
    }
    .font-md {
        font-size: calc(0.875rem + ((1vw - 3.2px) * 1.875));
    }
    .font-sm {
        font-size: calc(0.625rem + ((1vw - 3.2px) * 0.625));
    }
    .ticket h3 {
        font-size: calc(2.1875rem + ((1vw - 3.2px) * 2.8125));
    }
}
@media(min-width:641px) {
/*-----------------------------------------------------------
   フォン設定 1/2
-------------------------------------------------------------*/
    body {
        font-size: 15px;
        line-height: 1.7rem;
    }
    .sub-headline {
        font-size: 26px;
    }
    .headline1 {
        font-size: 30px;
    }
    .merit-title {
        font-size: 35px;
    }
    .merit-title span {
        font-size: 82px;
    }
    .ticket h3 {
        font-size: 44px;
    }
    .font-xl {}
    .font-lg {
        font-size: 26px;
    }
    .font-md {
        font-size: 20px;
    }
    .font-sm {
        font-size: 12px;
    }
    .ticket h3 {
        font-size: 44px;
    }
    /*--フォント（スタイル）--*/
    .sub-headline {
        line-height: 34px;
        height: 34px;
    }
    .line-normal {
        border-bottom: solid 1px #CFCFCF;
        padding-bottom: 5px;
        margin-bottom: 20px;
    }
    .line-normal>* {
        border-left: solid 3px #8b2321;
        padding-left: 10px;
    }
/*-----------------------------------------------------------
   各ページ共通 1/2
-------------------------------------------------------------*/
    .inner-m-none {
        max-width: 980px;
        margin: 0 auto;
        padding: 0 15px;
    }
    .pc-none {
        display: none;
    }
    /*テキスト位置*/
    .center-mnone {
        text-align: center;
    }
    .right-mnone {
        text-align: right;
    }
    .bk-gray {
        background-color: #FAFAFA;
    }
    /*ボーダー色*/
    .border-thin-mnone {
        border: solid 1px #CFCFCF;
    }
/*-----------------------------------------------------------
   組合案内 1/2
-------------------------------------------------------------*/
    .sosiki ul {
        background-color: #fff;
        padding: 10px;
        border: solid 1px #2d2d2d;
    }
    .sosiki li {
        border-bottom: dashed 1px #CFCFCF;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    
    
/*-----------------------------------------------------------
   活動記録 1/2
-------------------------------------------------------------*/
    .record_box {
        margin-bottom: 77px;
    }
    .record_box-picture:before {
        content: "";
        width: 40px;
        height: 40px;
        background-image: -webkit-linear-gradient(315deg, #FB9817 20px, transparent 0);
        background-image: linear-gradient(135deg, #FB9817 20px, transparent 0);
        left: 0;
        top: 0;
    }
    .record_box-picture img {
        max-width:295px;
        max-height: 173px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
/*-----------------------------------------------------------
   トップページ 1/2
-------------------------------------------------------------*/
    .notice li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: dashed 1px #CFCFCF;
        margin-bottom: 8px;
        padding-bottom: 8px;
    }
    
    
/*-----------------------------------------------------------
   組合加入について　1/2
-------------------------------------------------------------*/
    .tab-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .tab-menu li {
        width: 24%;
        text-align: center;
        padding: 6px;
    }
    
    
/*-----------------------------------------------------------
   全国大会 1/2
-------------------------------------------------------------*/
    .tizu span:first-child {
        font-size: 20px;
    }
    .tizu img {
        border: solid 1px #CFCFCF;
    }
    .tizu-text {
        background-color: #fff;
        border: solid 1px #CFCFCF;
        border-top: none;
        padding: 5px;
    }
    .touroku li>* {
        width: 50%;
    }
    .touroku li {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: dashed 1px #CFCFCF;
    }
    
/*-----------------------------------------------------------
   ヘッダー 1/2
-------------------------------------------------------------*/
    .header-menu li a {
    border-right: solid 1px #CFCFCF;
    position: relative;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
}
    .header-menu li a:hover {
        opacity: 0.8;
    }
    .header-menu li a:hover :after {
        content: "";
        width: 74px;
        height: 2px;
        background-color: #8B2321;
        left: 50%;
        bottom: -10px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0.8;
    }
    .header-menu li a.active:after {
        content: "";
        width: 74px;
        height: 2px;
        background-color: #8B2321;
        left: 50%;
        bottom: -10px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    /*--トップページ以外のヘッダー--*/
    .sub-page .header-top img {
    width: 120px;
}
    
/*-----------------------------------------------------------
   フッター 1/2
-------------------------------------------------------------*/
    .footer-bottom {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
/*-----------------------------------------------------------
   パーツ
-------------------------------------------------------------*/
    /*--ボックス--*/
    .whiteBox-mnone {
        background-color: #fff;
        padding: 15px 28px;
    }
}



@media(max-width:760px) {
/*-----------------------------------------------------------
   組合加盟店一覧 1/2
-------------------------------------------------------------*/
    .kameiten .search {
        padding-left: 0 !important;
    }
}




@media(max-width:640px) {
    /*20200615追記}*/
    .nahatabi li span {
        display: block !important;
    }
    .nahatabi .flex {
        display: block !important;
    }
/*-----------------------------------------------------------
   フォント
-------------------------------------------------------------*/
    .headline1 {
        border-bottom: solid 1px #CFCFCF;
        padding-bottom: 3px;
        margin-bottom: 5px;
    }
    .center-left,
    .right-left {
        text-align: left;
    }
    .left-center {
        text-align: center;
    }
/*-----------------------------------------------------------
   各ページ共通 2/2
-------------------------------------------------------------*/
    section,
    .section-margin {
        margin-bottom: 55px;
    }
    .section-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: solid 1px #CFCFCF;
    }
    .section-logo span,
    .section-logo p {
        letter-spacing: .2rem;
    }
    .section-logo span {
        font-size: 18px;
        padding-left: 20px;
    }
    .section-logo span:before {
        width: 21px;
        height: 18px;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-size: 75%;
        background-repeat: no-repeat;
    }
    .headline-child {
        margin-bottom: 5px;
    }
    .m-none {
        display: none;
    }
    .-block {
        display: block;
    }
    .-inline-block {
        display: inline-block;
    }
    .-mb0 {
        margin-bottom: 0 !important;
    }
    .-mb5 {
        margin-bottom: 5px !important;
    }
    .-mb10 {
        margin-bottom: 10px !important;
    }
    .-mb15 {
        margin-bottom: 15px !important;
    }
    .-mb20 {
        margin-bottom: 20px !important;
    }
    .-mb25 {
        margin-bottom: 25px !important;
    }
    .-mb30 {
        margin-bottom: 30px !important;
    }
    .-mb35 {
        margin-bottom: 35px !important;
    }
    .-mb40 {
        margin-bottom: 40px !important;
    }
    .-mb45 {
        margin-bottom: 45px !important;
    }
    .-mb50 {
        margin-bottom: 50px !important;
    }
    .-pb0 {
        padding-bottom: 0 !important;
    }
    .-pb5 {
        padding-bottom: 5px !important;
    }
    .-pb10 {
        padding-bottom: 10px !important;
    }
    .-pb15 {
        padding-bottom: 15px !important;
    }
    .-pb20 {
        padding-bottom: 20px !important;
    }
    .-pb20 {
        padding-bottom: 25px !important;
    }
    .-pb20 {
        padding-bottom: 30px !important;
    }
    .-pb20 {
        padding-bottom: 35px !important;
    }
    .-pb20 {
        padding-bottom: 40px !important;
    }
    .-pb20 {
        padding-bottom: 45px !important;
    }
    .-pb20 {
        padding-bottom: 50px !important;
    }
    .margin-left-center {
        margin-left: auto;
        margin-right: auto;
    }
/*-----------------------------------------------------------
   組合案内 2/2
-------------------------------------------------------------*/

    .rizi .rizi-picture {
        display: none;
    }
    .rizi .rizi-text {
        width: 100%;
    }
    .rizi span {
        display: block;
        text-align: right;
    }
    
    .sosiki li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: right;
    }
    .sosiki li>* {
        width: 100%;
        margin-bottom: 10px;
        background-color: #fff;
        border: solid 1px #2d2d2d;
        padding: 5px;
    }
    .sosiki li span {
        text-align: left;
    }
    .sosiki li span:first-child {
        display: block;
    }
    .sosiki li span:last-child {
        display: inline-block;
        width: calc(100% - 115px);
    }
    
/*-----------------------------------------------------------
   サイトマップ
-------------------------------------------------------------*/
    .sitemap .line-normal {
        border-bottom: solid 1px #CFCFCF;
        padding-bottom: 8px;
        margin-bottom: 15px;
    }
    .sitemap .line-normal>* {
        border-left: solid 3px #8b2321;
        padding-left: 10px;
    }
    .sitemap ul {
        margin: 0 0 40px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
    }
    .sitemap li {
        width: 50%;
        padding-left: 10px;
    }
    .sitemap a {
        text-decoration: none;
        display: block;
        border: solid 1px #CFCFCF;
        text-align: center;
        padding: 10px;
        margin-bottom: 10px;
    }
    .sitemap a:before {
        display: none;
    }
    .sitemap a:hover {
        opacity: 0.7;
    }
    
    
/*-----------------------------------------------------------
   組合加盟店一覧 2/2
-------------------------------------------------------------*/
    .database .search form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .database .search form .split {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .database .search .split:nth-child(2) {
        margin: auto;
        width: 100%;
    }
    .database .search form .split:nth-child(2) {
        margin-left: 0;
    }
    .database .search form .split:nth-child(2) select {
        width: 158px;
    }
    
    
/*-----------------------------------------------------------
   活動記録 2/2
-------------------------------------------------------------*/
    .record_box {
        margin-bottom: 18px;
    }
    .record_box-picture,
    .record_box-text {
        background-color: #f3f3f3;
        padding: 12px;
    }
    .record_box-picture {
        margin-bottom: 0;
    }
    .record_box-picture img {
        height: 100%;
    }
    .record_box-picture span {
        right: 12px;
        bottom: 12px;
    }
    .record_box-text {
        padding: 0 12px 12px;
        position: relative;
    }
    .record_box-text:after {
        /*content: "";
        width: 10px;
        height: 10px;
        right: 5px;
        bottom: 5px;
        background-image: -webkit-linear-gradient(135deg, var(--brown) 5px, transparent 0);
        background-image: linear-gradient(-45deg, var(--brown) 5px, transparent 0);*/
    }
    .record_box-text p {
        font-size: 12px;
    }
    
    .record-details>div {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .record-details .record_box-picture {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }
    
    

    
/*-----------------------------------------------------------
   トップページ 2/2
-------------------------------------------------------------*/
    .mail {
        text-align: center;
    }
    .mail .line-normal {
        background-color: #CFCFCF;
        padding: 5px;
    }
    .mail .mail-box {
        border: solid 1px #CFCFCF;
        padding: 20px 15px;
        margin-bottom: 10px;
    }
    
    .notice [class^="tag"] {
        display: none;
    }
    .notice ul p:before {
        display: none;
    }
    .notice li {
        padding: 7px 6px;
        position: relative;
    }
    .notice li:after {
        /*content: "";
        width: 10px;
        height: 10px;
        background-image: -webkit-linear-gradient(135deg, var(--right-blue) 5px, transparent 0);
        background-image: linear-gradient(-45deg, var(--right-blue) 5px, transparent 0);
        right: 3px;
        bottom: 3px;*/
    }
    .notice li:nth-child(2n-1) {
        background-color: #F1F1F1;
    }
    .notice li:nth-child(2n) {
        background-color: #fff;
    }
    #notice-link {
        margin: 15px auto 0 auto;
    }
    
/*-----------------------------------------------------------
   組合加入について　2/2
-------------------------------------------------------------*/
    .tab-menu li {
        text-align: center;
        padding: 7px;
        height: 38px;
        border-top: solid 1px #E2E1E1;
    }
    .tab-content {
        padding: 10px;
    }
    .tab-content .whiteBox {
        background-color: transparent;
        padding: 0;
        margin-bottom: 25px;
    }
    .tab-content .whiteBox p {
        background-color: #fff;
        padding: 10px;
    }
    .tab-content span {
        border-left: solid 3px #4D8CB9;
        padding-left: 10px;
        display: block;
        margin-bottom: 5px;
    }
    
    
/*-----------------------------------------------------------
   お知らせ
-------------------------------------------------------------*/
    .notice-list .whiteBox {
        padding: 0;
    }
    .notice-mobile span {
        display: block;
        color: #8b2321;
    }
    .notice-mobile li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border: none;
        padding: 6px 15px;
        margin: 0 !important;
    }
    .notice-mobile li:nth-child(2n-1) {
        background-color: #F1F1F1;
    }
    .notice-mobile li:after {
        display: none;
    }
    .notice-details .split span {
        text-align: right;
    }
    .notice-details .backNumbar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .notice-details .backNumbar .notice-mobile span {
        display: block;
    }
    .notice-details .backNumbar li {
        border: none;
    }
    .notice-details .backNumbar-title {
        font-weight: bold;
        color: #4D8CB9;
        border-bottom: solid 2px #4D8CB9;
    }
    .notice-details-btn {
        width: 80%;
        margin: 30px auto 0 auto;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
    }
    
    
/*-----------------------------------------------------------
   データベース（パーツ）
-------------------------------------------------------------*/
    .database-content table {
        width: 600px;
    }
    .database-content {
        overflow-x: auto;
    }
    .database .search {
        font-size: 16px;
        padding-left: 0;
        text-align: center;
    }
    .database .mobile-select {
        text-align: center;
        margin-bottom: 20px;
    }
    .database .mobile-select select {
        height: 38px;
        width: 100%;
        background-color: #fff;
    }
    
    
/*-----------------------------------------------------------
   全国大会 2/2
-------------------------------------------------------------*/
    .tizuBox {
        background-color: #F3F3F3;
        padding: 10px 15px;
    }
    .tizu:first-child {
        border-bottom: solid 1px #CFCFCF;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .tizu span:first-child {
        color: #4D8CB9;
    }
    .tizu img {
        display: none;
    }
    .tizu-text {
        text-align: right;
    }
    .tizu-text p {
        text-align: left
    }
    .tizu-text a {
        color: #4D8CB9;
        text-decoration: underline;
    }
    .tizu-text a:hover {
        text-decoration: none;
    }
    .touroku li,
    .touroku li .split {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .touroku li .split {
        border-bottom: dashed 1px #CFCFCF;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .sosikizu ul {
        display: block;
        line-height: 1.2rem;
    }
    .sosikizu li:first-child {
        text-align: center;
        color: #4D8CB9;
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .sosikizu p span {
        font-size: 20px;
    }
    
    
/*-----------------------------------------------------------
    ヘッダー 2/2
-------------------------------------------------------------*/
    .header-top {
        height: 88px;
        background-image: url(../img/bk_mb.jpg);
        background-size: cover;
        background-position: center;
    }
    .header-top-link {display: none;}
    .header-top picture,.header-top img {
        margin: 0 auto;
    }
    .header-top img {
        width: 150px;
    }
    .header-visual {
        margin-bottom: 35px;
    }
    .header-visual,#slide li{
        height: 160px;
    }
    #slide li:before,#slide li:after,.header-visual-logo {
        display: none;
    }
    .header-menu {
        position: fixed;
        top: 0;
        right: -10px;
        z-index: 10;
        width: 178px;
        height: 100%;
        border-left: solid 3px #8b2321;
        padding-top: 88px;
        text-align: left;
        font-size: 12px;
        overflow-y: scroll;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        margin-bottom: 0;
    }
    .header-menu span {
        font-size: 10px;
    }
    .header-menu ul {
        display: block;        
    }
    .header-menu li {
        border-bottom: solid 1px #CFCFCF;
    }
    .header-menu li a {
        padding: 10px 17px;
    }
    .header-menu li a:hover {
        background-color: #F9EEEE;
    }
    .header-menu li .active {
        background-color: #F9EEEE;
    }
    .width0 {
        width: 0;
        overflow-y: hidden;
    }
    /*--トップページ以外のヘッダー--*/
    .sub-page .header-top img {
    width: 120px;
}
    .sub-title {display: none;}
    .sub-page .header-visual {
        height: 160px;
        margin-bottom: 0;
    }
    
/*-----------------------------------------------------------
    フッター
-------------------------------------------------------------*/
    .footer-top {
        display: none;
    }
    .footer-bottom {
        margin-top: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer-bottom small {
        font-size: 12px;
    }
/*-----------------------------------------------------------
    パーツ
-------------------------------------------------------------*/
    /*--バナー--*/
    .bnr {
        margin-top: 40px;
    }
    /*--ぱんくず--*/
    .pankuzu {
        margin: 15px 0 30px 0;
    }
        /*--ページネーション--*/
.pagination {
    overflow-x: auto;
    overflow-y: hidden;
    height: 55px;
    white-space:nowrap;
}
    .pagination div {
        text-align: center;
    }
    .pagination::-webkit-scrollbar-track {
        height: 7px;
    }