/* CSS Document */

/* ========== common ========== */
body {
    color         : #222222;
    letter-spacing: 1px;
    font-family   : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a { color: inherit; }
a:hover {
    color          : #ccc;
    text-decoration: none;
}
.container {
    width  : 1200px;
    padding: 0;
}
section.contents { margin-top: 100px; }

section.contents .container:after {
    content: "";
    display: block;
    clear  : both;
}
section.contents .container .breadcrumb {
    background-color: #fff;
    padding         : 0;
    font-size       : 12px;
    margin          : 15px 0 55px;
}
.breadcrumb>li+li:before {
    padding: 0 1px;
    content: ">";
}
section.contents .container .breadcrumb a { text-decoration: underline; }

section.contents .container .menu {
    width: 200px;
    float: left;
}
section.contents .container .main {
    width: 950px;
    float: right;
}
section.contents .container .menu ul {
    margin-top: 54px;
    padding   : 0;
}
section.contents .container .menu ul li{
    list-style-type: none;
    width          : 200px;
    height         : 45px;
    line-height    : 3;
    font-size      : 16px;
    padding-left   : 43px;
    background     : url(../imgs/icon_submenu.png) no-repeat 13px center;
}
section.contents .container .menu ul li.active {
    background: url(../imgs/bg_submenu_active.png) no-repeat left center;
    color     : #fff;
}
section.contents .container .menu h1 {
    text-indent: -9999px;
    width      : 100%;
    margin     : 0;
}
section.contents .container .main h2 {
    font-size    : 24px;
    margin       : 0;
    margin-bottom: 40px;
    border-bottom: 3px solid #dcdcdc;
}
section.contents .container .main h2:after {
    content         : "";
    display         : block;
    height          : 3px;
    background-color: #e60012;
    position        : absolute;
}
.w100 { width: 100% !important; }

.spCtrl { display: none; }

@media (max-width: 767px) {
    .spCtrl { display: block; }
    .pcCtrl { display: none; }
    
    section.contents .container .breadcrumb { margin: 0 auto 15px; }
    
    section.contents .container .main { width : 98%; }
    
    section.contents .container .menu h1 { font-size  : 30px; }
    section.contents .container .menu ul { margin-bottom: 20px; }
    
    section.contents .container .menu ul li {
        /* width      : 130px; */
        width      : 160px;
        height     : 30px;
        line-height: 2.1;
    }
    section.contents .container .menu ul li.active { background-position: 0 -5px !important; }
    
    section.contents .container .main h2 {
        margin-top   : 35px;
        margin-bottom: 25px;
        font-size    : 18px;
    }
}
@media (min-width: 768px) and (max-width: 1249px) {
    .pcCtrl { display: none; }
    
    section.contents .container .breadcrumb { margin: 15px auto; }
    
    section.contents .container .main { width : 95%; }
    
    section.contents .container .menu h1 { font-size  : 45px; }
    section.contents .container .menu ul { margin-bottom: 50px; }
    
    section.contents .container .menu ul li {
        width      : 170px;
        height     : 40px;
        line-height: 2.7;
    }
}
@media (max-width: 1249px) {
    .container { width: 100%; }
    
    section.contents .container .breadcrumb { width : 95%; }
    
    section.contents .container .menu { width: 100%; }
    
    section.contents .container .menu,
    section.contents .container .main {
        float : none;
        margin: auto;
    }
    section.contents .container .menu h1 {
        text-indent: 0 !important;
        background : none !important;
        text-align : center;
        height     : inherit !important;
    }
    section.contents .container .menu ul {
        text-align  : center;
        margin-top  : 20px;
        border      : 1px solid #ddd;
        border-left : none;
        border-right: none;
    }
    section.contents .container .menu ul li {
        display    : inline-block;
        text-align : left;
    }
    section.contents .container .menu ul li.active { background: url(../imgs/bg_submenu_active_mob.png) no-repeat; }
}
@media (min-width: 1250px) {
}


/* ========== header ========== */
.navbar-wrapper {
    position     : absolute;
    top          : 0;
    right        : 0;
    left         : 0;
    z-index      : 20;
    border-bottom: 5px solid #dcdcdc
}
.navbar-wrapper .navbar {
    height          : 94px;
    padding-right   : 15px;
    padding-left    : 15px;
    background-color: #fff;
    border          : none;
    margin-bottom   : 0;
}
.navbar-wrapper > .container {
    padding-right: 0;
    padding-left : 0;
}
.navbar-brand {
    background: url(../imgs/logo.png) no-repeat;
    width      : 400px;
    height     : 59px;
    margin-top : 18px;
    color      : #222222 !important;
    font-size  : 16px;
    line-height: 2;
    text-align : right;
}
.navbar-brand:hover { color: inherit !important; }

.navbar-nav {
    position: absolute;
    right   : 25px;
    bottom  : -5px;
}
.navbar-inverse .navbar-nav>li>a {
    font-size : 18px;
    color     : #222222;
    width     : 110px;
    height    : 50px;
    text-align: center;
}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover { color: inherit; }

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    background-color: inherit;
    color           : inherit;
    border-bottom   : 5px solid #e60012;
}
.navbar-inverse .subNav {
    position : absolute;
    top      : 0;
    right    : 0;
    font-size: 0; /* li inline-block clearance */
}
.navbar-inverse .subNav>li {
    display         : inline-block;
    background-color: #e60012;
    font-size       : 14px;
}
.navbar-inverse .subNav>li:hover { opacity: 0.75; }

.navbar-inverse .subNav>li>a {
    display         : block;
    width           : 155px;
    height          : 30px;
    color           : #fff;
    text-decoration : none;
}
.navbar-inverse .subNav>li>a.access {
    background: url(../imgs/icon_access.png) no-repeat 10px center;
    padding   : 5px 0 5px 32px;
}
.navbar-inverse .subNav>li>a.inquiry {
    background: url(../imgs/icon_inquiry.png) no-repeat 10px center;
    padding   : 5px 0 5px 42px;
}

@media (max-width: 767px) {
    .navbar-wrapper .navbar { height: 78px; }
    
    .navbar-brand {
        background-size    : 120px;
        background-position: 15px center;
        margin-top         : 9px;
        padding-top        : 19px;
        width              : 297px;
        font-size          : 13px;
    }
    .navbar-toggle {
        background-color: #e60012;
        top             : 15px;
    }
    div#navbar {
        border          : none;
        background-color: rgba(255,255,255,0.9);
    }
    .navbar-nav {
        position  : static;
        border    : 1px solid #ddd;
        height    : 202px;
        margin-top: 14px;
    }
    .navbar-inverse .navbar-nav>li>a {
        line-height  : 27px;
        border-bottom: 1px dotted #e60012;
        width        : 100%;
    }
    .navbar-nav>li:nth-of-type(4)>a { border: none; }
    
    .navbar-inverse .subNav {
        position    : static;
        text-align  : center;
        padding-left: 0;
    }
    
    .navbar-inverse .subNav>li {
        font-size: 10px;
        border   : 1px solid #ddd;
        margin   : 0 5px;
    }
    .navbar-inverse .subNav>li>a {
        width : 140px;
        height: 22px;
    }
    .navbar-inverse .subNav>li>a.access {
        background-size    : 11px;
        background-position: 5px center;
        padding-left       : 10px;
    }
    .navbar-inverse .subNav>li>a.inquiry {
        background-size    : 18px;
        background-position: 5px center;
        padding-left       : 7px;
    }
}
@media (min-width: 768px) and (max-width: 1249px) {
    .navbar-brand {
        background-position-x: 10px;
        background-size      : 150px;
        margin-top           : 25px;
        width                : 340px;
        font-size            : 14px;
        padding-top          : 9px;
    }
    .navbar-inverse .navbar-nav>li>a {
        font-size: 14px;
        width    : 100px;
    }
}
@media (min-width: 1250px) {
}


/* ========== footer ========== */
footer {
    margin-top      : 70px;
    background-color: #e60012;
    color           : #fff;
}
footer div.footerWrap {
    width   : 1200px;
    margin  : auto;
    position: relative;
}
footer div.footerWrap div.linkInfo {
    float: left;
    width: 790px;
}
footer div.footerWrap div.linkInfo ul { padding-left: 0; }

footer div.footerWrap div.linkInfo ul.internal {
    margin-top   : 30px;
    margin-bottom: 30px;
}
footer div.footerWrap div.linkInfo ul.internal:after {
    content: "";
    display: block;
    clear  : both;
}
footer div.footerWrap div.linkInfo ul li {
    list-style-type: none;
    margin-bottom  : 5px;
}
footer div.footerWrap div.linkInfo ul.internal li.first {
    font-weight : bold;
    font-size   : 13px;
    border-right: 1px solid rgba(255,255,255,0.3);
    height      : 160px;
    float       : left;
    padding-left: 20px;
    padding-top : 12px;
}
footer div.footerWrap div.linkInfo ul.internal li.first:nth-of-type(1) { width: 130px; }
footer div.footerWrap div.linkInfo ul.internal li.first:nth-of-type(2) { width: 175px; }
footer div.footerWrap div.linkInfo ul.internal li.first:nth-of-type(3) { width: 225px; }
footer div.footerWrap div.linkInfo ul.internal li.first:nth-of-type(4) { width: 200px; }

footer div.footerWrap div.linkInfo ul.internal li.first:last-child { border: none; }

footer div.footerWrap div.linkInfo ul.external {
    border-top : 1px solid rgba(255,255,255,0.3);
    padding-top: 25px;
}
footer div.footerWrap div.linkInfo ul.external li { display: inline-block; }
footer div.footerWrap div.linkInfo ul li.first ul {
    margin-top  : 15px;
    padding-left: 15px;
}
footer div.footerWrap div.linkInfo ul li.first:last-child ul { margin-top: 0; }

footer div.footerWrap div.linkInfo ul li.first ul > li:not(.notIl) {
    font-weight: normal;
    font-size  : 12px;
}
footer div.footerWrap div.linkInfo ul.external li.first {
    font-weight : bold;
    font-size   : 13px;
    padding-left: 20px;
}
footer div.footerWrap div.linkInfo ul.external li.first ul    { margin-top: 10px; }
footer div.footerWrap div.linkInfo ul.external li.first ul li {
    width       : 240px;
    background  : url(../imgs/icon_list.png) no-repeat left center;
    padding-left: 10px;
}
footer div.footerWrap div.linkInfo ul.external li.first ul li span { font-size: 10px; }

footer div.footerWrap div.companyInfo {
    float           : right;
    width           : 380px;
    height          : 320px;
    background-color: #535353;
    margin-top      : 30px;
    margin-bottom   : 30px;
    padding         : 20px;
}
footer div.footerWrap div.companyInfo dl    { background: url(../imgs/logo_photo.jpg) no-repeat top right; }
footer div.footerWrap div.companyInfo dl dt {
    font-size  : 16px;
    font-weight: normal;
}
footer div.footerWrap div.companyInfo dl dd.addr {
    font-size : 12px;
    margin-top: 18px;
}
footer div.footerWrap div.companyInfo dl dd.addr span { display: block; }

footer div.footerWrap div.companyInfo dl dd.tel {
    font-size    : 22px;
    font-weight  : bold;
    border       : 1px solid #fff;
    border-radius: 5px;
    text-align   : center;
    background   : url(../imgs/icon_lg_tel.png) no-repeat 34px center;
    padding      : 15px 0 10px 60px;
    margin-top   : 18px;
    height       : 80px;
}
footer div.footerWrap div.companyInfo dl dd.tel span {
    display    : block;
    font-size  : 13px;
    font-weight: normal;
}
footer div.footerWrap div.companyInfo dl dd.mail {
    font-size    : 18px;
    border       : 1px solid #fff;
    border-radius: 5px;
    text-align   : center;
    background   : url(../imgs/icon_lg_inquiry.png) no-repeat 28px center;
    padding      : 27px 0 27px 88px;
    margin-top   : 12px;
    height       : 80px;
}
footer div.footerWrap div.copy {
    border-top: 1px solid rgba(255,255,255,0.3);
    clear     : both;
}
footer div.footerWrap div.copy p {
    margin    : 0 auto;
    text-align: center;
    padding   : 20px;
    font-size : 10px;
    background: url(../imgs/icon_felix.png) no-repeat left center;
    width     : 205px;
}
footer div.footerWrap a#scrollTop {
    width           : 126px;
    height          : 24px;
    line-height     : 24px;
    font-size       : 12px;
    text-align      : center;
    background-color: #222222;
    cursor          : pointer;
    position        : absolute;
    top             : -24px;
    right           : 0;
}

@media (max-width: 767px) {
    footer div.footerWrap div.linkInfo ul.internal {
        padding-top  : 5px;
        margin-bottom: 5px;
    }
    
    footer div.footerWrap div.linkInfo ul.internal li.first {
        width        : 50% !important;
        height       : 125px;
        padding-top  : 5px;
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }
    footer div.footerWrap div.linkInfo ul.internal li.first:nth-of-type(3) { border-bottom: none; }
    
    footer div.footerWrap div.linkInfo ul.internal li.first:last-child ul { padding-left: 0; }
    
    footer div.footerWrap div.linkInfo ul.external { padding-top: 10px; }
    
    footer div.footerWrap div.linkInfo ul.external li.first ul {
        padding-left: 10px;
        margin-top  : 0;
        text-align  : center;
    }
    footer div.footerWrap div.linkInfo ul.external li.first ul li {
        width     : 160px;
        font-size : 10px;
        text-align: left;
    }
    footer div.footerWrap div.companyInfo {
        margin  : 0;
        padding : 15px 0;
        height  : 195px;
        position: relative;
    }
    footer div.footerWrap div.companyInfo dl {
        margin-bottom      : 0;
        background-position: 15px center;
        padding-left       : 130px;
    }
    footer div.footerWrap div.companyInfo dl dt {
        font-size   : 14px;
        padding-left: 15px;
    }
    footer div.footerWrap div.companyInfo dl dd { border-radius: 0 !important; }
    footer div.footerWrap div.companyInfo dl dd.addr {
        font-size   : 11px;
        padding-left: 15px;
    }
    
    footer div.footerWrap div.companyInfo dl dd.tel {
        width              : 50%;
        position           : absolute;
        bottom             : 0;
        left               : 0;
        border-left        : none;
        border-right       : none;
        border-bottom      : none;
        background-size    : 30px;
        background-position: 5px 5px;
        padding            : 35px 0 0 0;
        font-size          : 16px;
    }
    footer div.footerWrap div.companyInfo dl dd.tel span { display: none; }
    
    footer div.footerWrap div.companyInfo dl dd.mail {
        width              : 50%;
        position           : absolute;
        bottom             : 0;
        right              : 0;
        border-right       : none;
        border-bottom      : none;
        background-size    : 30px;
        background-position: 5px 10px;
        padding            : 34px 0 0 0;
        font-size          : 14px;
    }
    footer div.footerWrap a#scrollTop {
        display         : none;
        width           : 60px;
        height          : 60px;
        border-radius   : 5px;
        line-height     : 1.4;
        padding         : 5px;
        background-color: rgba(34, 34, 34, 0.80);
        position        : fixed;
        top             : inherit;
        bottom          : 10px;
        right           : 10px;
        z-index         : 10;
    }
}
@media (min-width: 768px) and (max-width: 1249px) {
    footer div.footerWrap div.linkInfo ul.internal {
        padding-top  : 10px;
        margin-bottom: 10px;
    }
    footer div.footerWrap div.linkInfo ul.internal li.first {
        width : 25% !important;
        height: 130px;
    }
    footer div.footerWrap div.linkInfo ul.external li.first ul    { text-align: center; }
    footer div.footerWrap div.linkInfo ul.external li.first ul li { text-align: left; }
    
    footer div.footerWrap div.companyInfo {
        height : auto;
        padding: 20px 0;
        margin : 20px auto 0;
    }
    footer div.footerWrap div.companyInfo dl {
        background-position: top left;
        padding-left       : 130px;
        position           : relative;
        margin-bottom      : 0;
        width              : 750px;
        margin             : auto;
    }
    footer div.footerWrap div.companyInfo dl dd.tel,
    footer div.footerWrap div.companyInfo dl dd.mail { position: absolute; }
    
    footer div.footerWrap div.companyInfo dl dd.tel {
        top                : -6px;
        right              : 0;
        width              : 185px;
        height             : 65px;
        font-size          : 16px;
        background-position: 5px center;
        background-size    : 30px;
        padding-left       : 35px;
    }
    footer div.footerWrap div.companyInfo dl dd.tel span { font-size: 11px; }
    
    footer div.footerWrap div.companyInfo dl dd.mail {
        top                : 0;
        right              : 195px;
        width              : 190px;
        height             : 65px;
        font-size          : 12px;
        background-position: 5px center;
        background-size    : 30px;
        padding-left       : 30px;
        padding-top        : 23px;
    }
}
@media (max-width: 1249px) {
    footer div.footerWrap { width: 100%; }
    
    footer div.footerWrap div.linkInfo,
    footer div.footerWrap div.companyInfo {
        width: 100%;
        float: none;
    }
    footer div.footerWrap div.linkInfo ul.internal li.first ul { margin-top: 5px; }
    footer div.footerWrap div.linkInfo ul.internal li.first:last-child ul { margin-top: 0; }
    
    footer div.footerWrap div.linkInfo ul li { margin-bottom: 0; }
    
    footer div.footerWrap div.copy   { border: none; }
    footer div.footerWrap div.copy p { padding: 15px; }
}
@media (min-width: 1250px) {
}


/* ========== top ========== */
body#top .mainImg {
    background-color: #e60012;
    position        : relative;
}
body#top .mainImg div.innerImg h1 {
    text-indent: -9999px;
    position   : absolute;
    top        : 0;
    right      : 0;
    bottom     : 0;
    left       : 0;
    width      : 800px;
    height     : 240px;
    margin     : auto;
    background : url(../imgs/top/copy.png) no-repeat;
    z-index    : 1;
    pointer-events: none;
}
body#top .mainImg div.grid-container {
    width           : 1200px !important;
    height          : 500px !important;
    margin          : 100px auto 1px;
    background-color: #e60012;
    /* text-align      : center; */
    position        : relative;
    overflow        : hidden;
}
body#top .mainImg div.grid-container div.grid-item {
    display : inline-block;
    position: absolute;
}
.grid-item img {
    /* cursor : pointer; */
    display: block;
    width  : 100%; 
}
body#top .topContents        { border-top   : 5px solid #dcdcdc; }
body#top .container.top .row { margin-bottom: 75px; }

/* news row */
body#top .topContents div.top div.row.news { margin-top: 60px; }

body#top .topContents div.top div.row.news div h1 {
    font-size : 18px;
    background: url(../imgs/top/h1_top.png) no-repeat 0 bottom;
    width     : 134px;
    height    : 25px;
    text-align: center;
}
body#top .topContents div.top div.row.news div:first-child ul    { padding-left: 0; }
body#top .topContents div.top div.row.news div:first-child ul li {
    border-bottom  : 1px dotted #ccc;
    list-style-type: none;
    padding        : 10px 0 0 25px;
    font-size      : 13px;
}
body#top .topContents div.top div.row.news div:first-child ul li:last-child { border: none; }

body#top .topContents div.top div.row.news div:first-child ul li time      { line-height: 1.6; }
body#top .topContents div.top div.row.news div:first-child ul li time span {
    display    : inline-block;
    width      : 80px;
    height     : 20px;
    text-indent: -9999px;
    margin-left: 25px;
}
body#top .topContents div.top div.row.news div:first-child ul li span.newsShop  { background: url(../imgs/top/icon_news_shop.png)  no-repeat; }
body#top .topContents div.top div.row.news div:first-child ul li span.newsInfo  { background: url(../imgs/top/icon_news_info.png)  no-repeat; }
body#top .topContents div.top div.row.news div:first-child ul li span.newsPress { background: url(../imgs/top/icon_news_press.png) no-repeat; }

body#top .topContents div.top div.row.news div:first-child ul li p { margin-top: 5px; }

body#top .topContents div.top div.row.news div.blog a.linkBlog {
    background : url(../imgs/top/icon_blog.png) no-repeat;
    width      : 125px;
    height     : 125px;
    text-indent: -9999px;
    position   : absolute;
    bottom     : -20px;
    right      : 15px;
}

/* business row */
body#top .topContents div.top div.row.business div.darts {
    background: url(../imgs/top/bnr_darts.jpg) no-repeat center;
    height    : 200px;
}
body#top .topContents div.top div.row.business div.food {
    background: url(../imgs/top/bnr_food.jpg?date=20221116) no-repeat center;
    height    : 200px;
}
body#top .topContents div.top div.row.business div h1 {
    background-color: rgba(0,0,0,0.8);
    color           : #fff;
    padding         : 15px 0 10px 10px;
    margin-top      : 0;
    font-size       : 38px;
}
body#top .topContents div.top div.row.business div.darts p,
body#top .topContents div.top div.row.business div.food p {
    color    : #fff;
    font-size: 13px;
    position : absolute;
    top      : 17px;
}
body#top .topContents div.top div.row.business div.darts p {
    left : 230px;
    width: 364px;
}
body#top .topContents div.top div.row.business div.food p {
    left : 190px;
    width: 392px;
}
body#top .topContents div.top div.row.business div a.linkTo {
    position        : absolute;
    right           : 20px;
    bottom          : 5px;
    transition      : .3s;
    background-color: rgba(255, 255, 255, 0.5);
    padding         : 10px;
    border-radius   : 10px;
    line-height     : 1;
    font-size       : 11px;
}
body#top .topContents div.top div.row.business div a.linkTo:hover { color: inherit; }

body#top .topContents div.top div.row.business div.darts:hover a.linkTo,
body#top .topContents div.top div.row.business div.food:hover a.linkTo {
    font-size       : 25px;
    background-color: rgba(230, 0, 18, 0.60);
    color           : #fff;
}

/* managed sites */
body#top .topContents div.top div.row.site div.manageSite {
    width : 1070px;
    margin: auto;
}
body#top .topContents div.top div.row.site div.manageSite div.slick-slide:focus { outline: none; }

body#top .topContents div.top div.row.site div.manageSite div.slick-slide a {
    display  : block;
    width    : 190px;
    height   : 196px;
    padding  : 5px;
    border   : 1px solid #ddd;
    margin   : auto;
    font-size: 12px;
}
body#top .topContents div.top div.row.site div.manageSite div.slick-slide a:hover {
    border: 1px solid #e60012;
    cursor: url(../imgs/top/cursor_ori.png), pointer;
    color : #000;
}
body#top .topContents div.top div.row.site div.manageSite div.slick-slide a span.title {
    display       : block;
    font-weight   : bold;
    border-left   : 4px solid #e60012;
    margin-top    : 7px;
    margin-bottom : 5px;
    padding-left  : 5px;
    letter-spacing: 0.3px;
}
body#top .topContents div.top div.row.site div.manageSite div.slick-slide a span.desc {
    display     : block;
    padding-left: 5px;
    word-wrap   : break-word;
    word-break  : break-all;
}
button.slick-prev,
button.slick-next {
    width      : 30px;
    height     : 60px;
    text-indent: -9999px;
}
button.slick-prev {
    background: url(../imgs/top/arrow_left.png) no-repeat;
    left      : -45px;
}
button.slick-next {
    background: url(../imgs/top/arrow_right.png) no-repeat;
    right     : -45px;
}

/* link to プレスリリース */
body#top .topContents a.linkPress {
    display   : block;
    padding   : 20px;
    margin-top: 70px;
}
body#top .topContents a.linkPress:hover {
    background-color: rgba(0, 0, 0, 0.03);
    color           : #000;
}
body#top .topContents a.linkPress p {
    text-align   : center;
    padding      : 50px 0;
    font-size    : 27px;
    border-top   : 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
body#top .topContents a.linkPress p .glyphicon { top: 3px; }

body#top .topContents .container.top .site_seal {
    text-align: center;
    margin-top: 90px;
}

@media (max-width: 375px) {
    button.slick-prev {
        left   : 35px;
        z-index: 1;
    }
    button.slick-next { right: 35px; }
}
@media (min-width: 376px) and (max-width: 549px) {
    button.slick-prev { left : 55px; }
    button.slick-next { right: 55px; }
}
@media (min-width: 550px) and (max-width: 767px) {
    button.slick-prev { left : -10px; }
    button.slick-next { right: -10px; }
    
    body#top .topContents div.top div.row.site div.manageSite { width: 500px !important; }
}
@media (max-width: 767px) {
    body#top .mainImg div.innerImg h1 {
        background      : none;
        text-indent     : 0;
        width           : 100%;
        height          : 130px;
        /* background-color: rgba(230, 0, 18, 0.32); */
        background-color: rgba(230, 0, 18, 0.60);
        color           : #fff;
        padding         : 17px 15px;
        font-size       : 15px;
        text-shadow     : 1px 1px 1px #000;
    }
    body#top .mainImg div.innerImg h1 span {
        display      : block;
        font-size    : 20px;
        text-align   : center;
        margin-bottom: 12px;
        font-weight  : bold;
    }
    body#top .mainImg div.grid-container {
        /* width     : 90% !important; */
        width     : 95% !important;
        /* height    : 250px !important; */
        height    : auto !important;
        margin-top: 84px;
    }
    body#top .topContents div.top div.row.news { margin-top: 10px; }
    
    body#top .topContents div.top div.row.news div h1 {
        font-size : 15px;
        width     : 96px;
        text-align: left;
    }
    body#top .topContents div.top div.row.news div:first-child ul li {
        padding  : 5px 0 0 5px;
        font-size: 11px;
    }
    body#top .topContents div.top div.row.news div:first-child ul li time span { margin-left: 5px; }
    
    body#top .topContents div.top div.row.news div:first-child ul li span.newsShop,
    body#top .topContents div.top div.row.news div:first-child ul li span.newsInfo { background-size: 60px; }
    
    body#top .topContents div.top div.row.news div.blog {
        max-width : 380px;
        margin    : auto;
        margin-top: 70px;
    }
    body#top .topContents div.top div.row.news div.blog img { width: 100%; }
    
    body#top .topContents div.top div.row.business { margin-bottom: 30px; }
    
    body#top .topContents div.top div.row.business div.darts,
    body#top .topContents div.top div.row.business div.food {
        padding            : 0;
        background-position: center 100px;
        background-size    : 100%;
        height             : 0;
        padding-bottom     : 69%;
    }
    body#top .topContents div.top div.row.business div.food { padding-bottom: 62%; }
    
    body#top .topContents div.top div.row.business div h1 {
        padding   : 7px 0 2px 0;
        font-size : 24px;
        text-align: center;
    }
    body#top .topContents div.top div.row.business div.darts p,
    body#top .topContents div.top div.row.business div.food p {
        position: static;
        width   : 95%;
        color   : #000;
        margin  : auto;
    }
    body#top .topContents div.top div.row.business div a.linkTo {
        text-decoration: underline;
        color          : #e60012;
        background     : none;
        top            : 72px;
        right          : 0;
    }
    body#top .topContents div.top div.row.business div.darts:hover a.linkTo,
    body#top .topContents div.top div.row.business div.food:hover a.linkTo {
        font-size       : 11px;
        color           : #e60012;
        background-color: inherit;
    }
    
    /* managed sites */
    body#top .topContents div.top div.row.site { margin-bottom: 50px; }
    
    body#top .topContents div.top div.row.site>div { padding: 0; }
    
    body#top .topContents div.top div.row.site div.manageSite { width: 100%; }
    
    body#top .topContents div.top>a:nth-of-type(1) {
        display    : block;
        background : url(../imgs/top/bnr_recruit.jpg) no-repeat right;
        height     : 100px;
        color      : #fff;
        text-shadow: 3px 3px 2px #000;
        font-weight: bold;
        font-size  : 27px;
        position   : relative;
        text-align : center;
    }
    body#top .topContents div.top>a:hover { text-shadow: 3px 3px 2px #e60012; }
    
    body#top .topContents div.top>a span {
        position        : absolute;
        bottom          : 0;
        right           : 0;
        padding         : 31px;
        background-color: rgba(43, 43, 43, 0.22);
        width           : 100%;
    }
    body#top .topContents div.top>a:hover span { background-color: rgba(221, 221, 221, 0.3); }
    
    body#top .topContents div.top img.bnrRecruit { display: none; }
    
    /* link to プレスリリース */
    body#top .topContents a.linkPress {
        padding   : 20px 0;
        margin-top: 50px;
    }
    body#top .topContents a.linkPress p {
        padding: 40px 0;
        font-size: 22px;
    }
    body#top .topContents a.linkPress p .glyphicon {
        position: relative;
        width: auto;
        padding: 0;
        background: none;
    }
    
    body#top .topContents .container.top .site_seal {
        font-size: 11px;
    }
}
@media (min-width: 768px) and (max-width: 1249px) {
    body#top .mainImg div.innerImg h1 {
        background-size: 700px;
        width          : 700px;
        height         : 210px;
    }
    body#top .mainImg div.grid-container {
        /* width : 90% !important; */
        width : 95% !important;
        /* height: 400px !important; */
        height: auto !important;
    }
    body#top .topContents div.top div.row.news {
        margin-top  : 20px;
        margin-left : 0;
        margin-right: 0;
    }
    body#top .topContents div.top div.row.news div:nth-of-type(1) {
        width: 50%;
        float: left;
    }
    body#top .topContents div.top div.row.news div:first-child ul li p { margin-top: 0; }
    
    body#top .topContents div.top div.row.news div:nth-of-type(2) {
        text-align: center;
        margin-top: 40px;
        width     : 50%;
        float     : right;
    }
    body#top .topContents div.top div.row.news div.blog img { width: 350px; }
    
    body#top .topContents div.top div.row.news div.blog a.linkBlog { right: 60%; }
    
    body#top .topContents div.top div.row.news div:first-child ul li { padding-top: 5px; }
    
    body#top .topContents div.top div.row.business { margin-bottom: 25px; }
    
    body#top .topContents div.top div.row.business div.darts,
    body#top .topContents div.top div.row.business div.food {
        float              : none;
        width              : 100%;
        height             : 350px;
        background-position: center 100px;
        padding            : 0;
    }
    body#top .topContents div.top div.row.business div h1 {
        text-align: center;
        font-size : 25px;
        padding   : 10px 0 5px;
    }
    body#top .topContents div.top div.row.business div.darts p,
    body#top .topContents div.top div.row.business div.food p {
        position  : static;
        color     : #000;
        width     : 100%;
        text-align: center;
        margin-top: 15px;
    }
    body#top .topContents div.top div.row.business div a.linkTo {
        text-decoration: underline;
        color          : #e60012;
    }
    body#top .topContents div.top div.row.business div.darts:hover a.linkTo,
    body#top .topContents div.top div.row.business div.food:hover a.linkTo {
        font-size       : inherit;
        color           : #e60012;
        background-color: inherit;
    }
    
    /* managed sites */
    body#top .topContents div.top div.row.site div.manageSite { width: 90%; }
    
    button.slick-prev { left : -35px; }
    button.slick-next { right: -35px; }
    
    /* recruit */
    body#top .topContents div.top img.bnrRecruit {
        display: block;
        width  : 95%;
        margin : auto;
    }
}
@media (max-width: 1249px) {
    body#top .container.top .row {
        margin-left : 0;
        margin-right: 0;
    }
}
@media (min-width: 1250px) {
}


/* ========== company ========== */
body#company section.contents.company .container .menu h1 {
    background : url(../imgs/company/h1_company.png) no-repeat top center;
    height     : 215px;
}

/* top */
body#company section.contents.company.guide .container .main ul {
    text-align: center;
    font-size : 0;
    padding   : 0;
    letter-spacing: 0;
}
body#company section.contents.company.guide .container .main ul li {
    display  : inline-block;
    font-size: 14px;
}
body#company section.contents.company.guide .container .main ul li:nth-of-type(1),
body#company section.contents.company.guide .container .main ul li:nth-of-type(3) { margin-right: 15px; }
body#company section.contents.company.guide .container .main ul li:nth-of-type(2),
body#company section.contents.company.guide .container .main ul li:nth-of-type(4) { margin-left: 15px; }

body#company section.contents.company.guide .container .main ul li a {
    text-indent: -9999px;
    display    : block;
}
body#company section.contents.company.guide .container .main ul li a:hover { opacity: 0.8; }

body#company section.contents.company.guide .container .main ul li:nth-of-type(1) a,
body#company section.contents.company.guide .container .main ul li:nth-of-type(2) a {
    width  : 460px;
    height : 200px;
}
body#company section.contents.company.guide .container .main ul li:nth-of-type(3) a,
body#company section.contents.company.guide .container .main ul li:nth-of-type(4) a {
    width     : 460px;
    height    : 200px;
    margin-top: 30px;
}
body#company section.contents.company.guide .container .main ul li:nth-of-type(1) a { background: url(../imgs/company/bnr_greeting.png) no-repeat; }
body#company section.contents.company.guide .container .main ul li:nth-of-type(2) a { background: url(../imgs/company/bnr_profile.png) no-repeat; }
body#company section.contents.company.guide .container .main ul li:nth-of-type(3) a { background: url(../imgs/company/bnr_outline.png) no-repeat; }
body#company section.contents.company.guide .container .main ul li:nth-of-type(4) a { background: url(../imgs/company/bnr_access.png) no-repeat; }

/* greeting */
body#company section.contents.company.greeting .container .main h2:after { width: 100px; }

body#company section.contents.company.greeting .container .main img {
    float       : left;
    margin-right: 30px;
}
body#company section.contents.company.greeting .container .main div {
    float         : right;
    width         : 585px;
    letter-spacing: 0.7px;
    margin-bottom : 20px;
}
body#company section.contents.company.greeting .container .main div h3 {
    font-size    : 22px;
    font-weight  : bold;
    margin-bottom: 30px;
}
body#company section.contents.company.greeting .container .main div p { font-size: 16px; }

body#company section.contents.company.greeting .container .main div p span {
    display    : block;
    margin     : 20px;
    text-align : center;
    font-size  : 18px;
    font-weight: bold;
}
body#company section.contents.company.greeting .container .main p.ceo {
    clear     : both;
    background: url(../imgs/company/name.png) no-repeat right;
    display   : inline-block;
    width     : 100%;
    height    : 80px;
}
body#company section.contents.company.greeting .container .main p.ceo span {
    /*font-size: 24px;*/
    display:none;
}

/* profile */
body#company section.contents.company.profile .container .main h2:after { width: 100px; }

body#company section.contents.company.profile .container .main table th {
    padding         : 18px 35px;
    font-size       : 16px;
    font-weight     : normal;
    background-color: #f5f5f5;
}
body#company section.contents.company.profile .container .main table td {
    font-size: 16px;
    padding  : 18px 30px;
}

/* outline */
body#company section.contents.company.outline .container .main h2:after { width: 50px; }

body#company section.contents.company.outline .container .main div { float: left; }
body#company section.contents.company.outline .container .main img { float: right; }

body#company section.contents.company.outline .container .main div dl { font-size: 12px; }

body#company section.contents.company.outline .container .main div dl:after {
    content: "";
    display: block;
    clear  : both;
}
body#company section.contents.company.outline .container .main div dl dt,
body#company section.contents.company.outline .container .main div dl dd {
    float: left;
}
body#company section.contents.company.outline .container .main div dl dt {
    width        : 115px;
    clear        : both;
    margin-bottom: 15px;
}
body#company section.contents.company.outline .container .main div dl dd {
    width      : 380px;
    margin-left: 10px;
}
body#company section.contents.company.outline .container .main div table { font-size: 13px; }

body#company section.contents.company.outline .container .main div table tr { border-bottom: 1px solid #ddd; }

body#company section.contents.company.outline .container .main div table tr:last-child { border: none; }

body#company section.contents.company.outline .container .main div table tr td { padding-top: 5px; }

body#company section.contents.company.outline .container .main div table tr td:nth-of-type(2) { padding-left: 10px; }

/* access */
body#company section.contents.company.access .container .main h2:after { width: 100px; }

body#company section.contents.company.access .container .main div { border: 1px solid #000; }

body#company section.contents.company.access .container .main div:nth-of-type(1) { height: 565px; }

body#company section.contents.company.access .container .main div:last-child { margin-top: 58px; }

body#company section.contents.company.access .container .main div h3 {
    font-size: 30px;
    margin   : 50px 0 30px 60px;
}
body#company section.contents.company.access .container .main div p.tel { font-size  : 16px; }
body#company section.contents.company.access .container .main div p.tel span { font-size: 20px; }

body#company section.contents.company.access .container .main div p { margin: 0 0 30px 60px; }

body#company section.contents.company.access .container .main div:last-child>dl {
    margin    : 0 60px;
    padding   : 10px;
    border-top: 1px solid #ddd;
}
body#company section.contents.company.access .container .main div:last-child>dl:last-child {
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
}

body#company section.contents.company.access .container .main div:last-child dl dt,
body#company section.contents.company.access .container .main div:last-child dl dd {
    display: inline-block;
}
body#company section.contents.company.access .container .main div:last-child dl dt { width: 110px; }

body#company section.contents.company.access .container .main div:last-child dl dd.dep {
    margin: 10px 0 0 208px;
    width : 610px;
}
body#company section.contents.company.access .container .main div:last-child dl dd.dep>dl {
    margin    : 0;
    padding   : 10px;
    border-top: 1px solid #ddd;
}
body#company section.contents.company.access .container .main div:last-child dl dd.dep>dl>dt { width: 288px; }

body#company section.contents.company.access .container .main div:last-child dl dd.addr { width: 390px; }

body#company section.contents.company.access .container .main div:last-child dl dd.tel {
    background  : url(../imgs/company/icon_tel.png) no-repeat;
    padding-left: 25px;
    width       : 150px;
}
body#company section.contents.company.access .container .main div:last-child dl dd.fax {
    background  : url(../imgs/company/icon_fax.png) no-repeat;
    padding-left: 25px;
}

@media (max-width: 767px) {
    /* top */
    body#company section.contents.company.guide .container .main ul li a {
        width          : 320px !important;
        height         : 139px !important;
        background-size: 320px !important;
    }
    
    /* greeting */
    body#company section.contents.company.greeting .container .main h2:after { width: 75px; }
    
    body#company section.contents.company.greeting .container .main img {
        width  : 200px;
        float  : none;
        display: block;
        margin : auto;
    }
    body#company section.contents.company.greeting .container .main div {
        float: none;
        width: 100%;
    }
    body#company section.contents.company.greeting .container .main div h3 {
        font-size    : 15px;
        margin-bottom: 20px;
    }
    /*
    body#company section.contents.company.greeting .container .main div p { font-size: 12px; }
    
    body#company section.contents.company.greeting .container .main div p span {
        margin   : 20px 0;
        font-size: 13px;
    }
    */
    body#company section.contents.company.greeting .container .main p.ceo {
        background-size:300px;
    }
    
    body#company section.contents.company.greeting .container .main p.ceo span { font-size: 20px; }
    
    /* profile */
    body#company section.contents.company.profile .container .main h2:after { width: 75px; }
    
    body#company section.contents.company.profile .container .main table th {
        width         : 85px;
        font-size     : 11px;
    }
    body#company section.contents.company.profile .container .main table td {
        font-size: 11px;
        padding  : 18px 0 18px 10px;
    }
    
    /* outline */
    body#company section.contents.company.outline .container .main h2:after { width: 37px; }
    
    body#company section.contents.company.outline .container .main div {
        width : 95%;
        margin: auto;
    }
    body#company section.contents.company.outline .container .main img {
        display  : block;
        width    : 100%;
        max-width: 400px;
        margin   : 50px auto 0;
    }
    body#company section.contents.company.outline .container .main div,
    body#company section.contents.company.outline .container .main img {
        float    : none;
    }
    body#company section.contents.company.outline .container .main div dl { font-size: 11px; }
    
    body#company section.contents.company.outline .container .main div dl dt,
    body#company section.contents.company.outline .container .main div dl dd {
        float: none;
    }
    body#company section.contents.company.outline .container .main div dl dt { margin-bottom: 0; }
    body#company section.contents.company.outline .container .main div dl dd {
        width        : 100%;
        margin-bottom: 10px;
    }
    body#company section.contents.company.outline .container .main div table {
        font-size    : 10px;
        border       : 1px solid #ddd;
        width        : 100%;
        margin-bottom: 25px;
    }
    body#company section.contents.company.outline .container .main div table tr td { border: 1px solid #ddd; }
    
    body#company section.contents.company.outline .container .main div table tr td:nth-of-type(2) {
        padding-left : 3px;
        padding-right: 3px;
    }
    
    /* access */
    body#company section.contents.company.access .container .main h2:after { width: 75px; }
    
    body#company section.contents.company.access .container .main div:nth-of-type(1) { height: auto; }
    
    body#company section.contents.company.access .container .main div:nth-of-type(1) iframe {
        width : 100%;
        height: 300px;
    }
    body#company section.contents.company.access .container .main div h3 {
        font-size: 18px;
        margin   : 20px 0 0 15px;
    }
    body#company section.contents.company.access .container .main div p.tel { font-size: 11px; }
    body#company section.contents.company.access .container .main div p.tel span { font-size: 14px; }
    
    body#company section.contents.company.access .container .main div p  {
        font-size: 11px;
        margin   : 10px 0 10px 15px;
    }
    body#company section.contents.company.access .container .main div:last-child {
        text-align: center;
        margin    : 30px 0 0;
    }
    body#company section.contents.company.access .container .main div:last-child h3 {
        margin-left  : 0;
        margin-bottom: 15px;
    }
    body#company section.contents.company.access .container .main div:last-child dl:last-child { margin-bottom: 30px; }
    
    body#company section.contents.company.access .container .main div:last-child dl dd { font-size: 11px; }
    
    body#company section.contents.company.access .container .main div:last-child dl dd.dep { margin: 10px 5% 0; }
    body#company section.contents.company.access .container .main div:last-child dl dd.dep>dl { margin: 0px 10%; }
    
    body#company section.contents.company.access .container .main div:last-child dl dd.tel {
        width       : 120px;
        padding-left: 12px;
    }
    body#company section.contents.company.access .container .main div:last-child dl dd.fax { padding-left: 21px; }
}
@media (min-width: 768px) and (max-width: 1249px) {
    /* greeting */
    body#company section.contents.company.greeting .container .main img {
        width : 250px; 
        float : right;
        margin: 0 0 30px 30px;
    }
    body#company section.contents.company.greeting .container .main div {
        float : none;
        width : 98%;
        margin: auto;
    }
    
    /* profile */
    body#company section.contents.company.profile .container .main table {
        width : 80%;
        margin: auto;
    }
    body#company section.contents.company.profile .container .main table th {
        width         : 120px;
        font-size     : 15px;
    }
    body#company section.contents.company.profile .container .main table td { font-size: 14px; }
    
    /* outline */
    body#company section.contents.company.outline .container .main { text-align: center; }
    
    body#company section.contents.company.outline .container .main h2 { text-align: left; }
    
    body#company section.contents.company.outline .container .main div {
        width : 710px;
        margin: auto;
    }
    body#company section.contents.company.outline .container .main div,
    body#company section.contents.company.outline .container .main img {
        float     : none;
        text-align: left;
    }
    body#company section.contents.company.outline .container .main img { vertical-align: top; }
    
    body#company section.contents.company.outline .container .main div:after {
        content: "";
        display: block;
        clear  : both;
    }
    body#company section.contents.company.outline .container .main div dl {
        float    : left;
        width    : 350px;
        font-size: 11px;
    }
    
    body#company section.contents.company.outline .container .main div dl dt,
    body#company section.contents.company.outline .container .main div dl dd {
        float        : none;
        margin-bottom: 0;
    }
    body#company section.contents.company.outline .container .main div dl dd {
        width        : 100%;
        margin-bottom: 10px;
    }
    body#company section.contents.company.outline .container .main div table {
        margin-top: 70px;
        font-size : 11px;
        border    : 1px solid #ddd;
    }
    body#company section.contents.company.outline .container .main div table tr td { border: 1px solid #ddd; }
    
    body#company section.contents.company.outline .container .main div table tr td:nth-of-type(2) {
        padding-left : 3px;
        padding-right: 3px;
    }
    
    /* access */
    body#company section.contents.company.access .container .main div:nth-of-type(1) {
        text-align: center;
        width     : 100%;
        max-width : 950px;
        margin    : auto;
    }
    body#company section.contents.company.access .container .main div:nth-of-type(1) iframe {
        width: 98%;
        max-width: 948px;
    }
    body#company section.contents.company.access .container .main div h3 { margin: 50px 60px 30px 60px; }
    body#company section.contents.company.access .container .main div p  { margin: 0 60px 30px; }
    
    body#company section.contents.company.access .container .main div:last-child {
        text-align: center;
        width     : 100%;
        max-width : 950px;
        margin    : 58px auto 0;
    }
}
@media (max-width: 1249px) {
    /* top */
    body#company section.contents.company.guide .container .main ul li   { margin: 10px !important; }
    body#company section.contents.company.guide .container .main ul li a { margin-top: 0 !important; }
    
    /* profile */
    body#company section.contents.company.profile .container .main table th {
        text-align    : center;
        padding       : 0;
        vertical-align: middle;
    }
    
    /* access */
    body#company section.contents.company.access .container .main div:last-child dl {
        display: block;
        margin : 0;
    }
    body#company section.contents.company.access .container .main div:last-child dl dt,
    body#company section.contents.company.access .container .main div:last-child dl dd {
        display: block;
    }
    body#company section.contents.company.access .container .main div:last-child dl dd.dep {
        margin: 10px 20% 0;
        width : auto;
    }
    body#company section.contents.company.access .container .main div:last-child dl dt {
        width  : 100%;
        padding: 5px 0;
    }
    body#company section.contents.company.access .container .main div:last-child dl dd.dep>dl>dt { width: 100%; }
    
    body#company section.contents.company.access .container .main div:last-child dl dd.addr {
        width        : 100%;
        margin-bottom: 10px;
    }
    
    body#company section.contents.company.access .container .main div:last-child dl dd.tel,
    body#company section.contents.company.access .container .main div:last-child dl dd.fax {
        display: inline-block;
    }
}
@media (min-width: 1250px) {
}


/* ========== business ========== */
body#business section.contents.business .container .menu h1 {
    background : url(../imgs/business/h1_business.png) no-repeat top center;
    height     : 215px;
}
body#business section.contents.business .container .menu ul li:last-child a {
    font-size     : 11px;
    letter-spacing: 0px;
}

/* top */
body#business section.contents.business.guide .container .main ul { padding: 0; }

body#business section.contents.business.guide .container .main ul li {
    list-style   : none;
    margin-bottom: 30px;
}
body#business section.contents.business.guide .container .main ul li a {
    display    : block;
    width      : 950px;
    height     : 200px;
    text-indent: -9999px;
}
body#business section.contents.business.guide .container .main ul li a:hover { opacity: 0.8; }

body#business section.contents.business.guide .container .main ul li:nth-of-type(1) a { background: url(../imgs/business/bnr_darts.png) no-repeat; }
body#business section.contents.business.guide .container .main ul li:nth-of-type(2) a { background: url(../imgs/business/bnr_food.png?date=20221116) no-repeat; }
body#business section.contents.business.guide .container .main ul li:nth-of-type(3) a { background: url(../imgs/business/bnr_architecture.png) no-repeat; }

/* darts */
body#business section.contents.business.darts .container .main h2:after { width: 125px; }

body#business section.contents.business.darts .container .main>div.lease>div ul li a { background: url(../imgs/business/ico_felix.png) no-repeat 7px center; }

body#business section.contents.business.darts .container .main>div.goods>div ul li:nth-of-type(1) a { background: url(../imgs/business/ico_trinidad.png) no-repeat 7px center; }
body#business section.contents.business.darts .container .main>div.goods>div ul li:nth-of-type(2) a { background: url(../imgs/business/ico_condor.png) no-repeat 7px center;   }
body#business section.contents.business.darts .container .main>div.goods>div ul li:nth-of-type(3) a { background: url(../imgs/business/ico_slowhand.png) no-repeat 7px center; }

body#business section.contents.business.darts .container .main>div.sale>div ul li:nth-of-type(1) a { background: url(../imgs/business/ico_tito.png) no-repeat 7px center; }
body#business section.contents.business.darts .container .main>div.sale>div ul li:nth-of-type(2) a { background: url(../imgs/business/ico_tito.png) no-repeat 7px center; }

body#business section.contents.business.darts .container .main>div.event>div ul li:nth-of-type(1) a { background: url(../imgs/business/ico_da-topi.png) no-repeat 7px center; }
body#business section.contents.business.darts .container .main>div.event>div ul li:nth-of-type(2) a { background: url(../imgs/business/ico_yuchan.png) no-repeat 7px center;  }

body#business section.contents.business.darts .container .main dl.player    { background: url(../imgs/business/player.jpg) no-repeat left top #ededed; }
body#business section.contents.business.darts .container .main dl.dojo      { background: url(../imgs/business/dojo.jpg) no-repeat left top #ededed; }
body#business section.contents.business.darts .container .main dl.fidodarts { background: url(../imgs/business/fidodarts.jpg) no-repeat left top #ededed; }
body#business section.contents.business.darts .container .main dl.unicorn   { background: url(../imgs/business/unicorn.jpg) no-repeat left top #ededed; }

body#business section.contents.business.darts .container .main>dl:after {
    content            : "";
    display            : block;
    background-repeat  : no-repeat;
    background-position: center;
    width              : 270px;
    height             : 186px;
    position           : absolute;
    right              : 0;
    bottom             : 0;
}
body#business section.contents.business.darts .container .main>dl.player:after {
    background-image: url(../imgs/business/tri_con.png);
}
body#business section.contents.business.darts .container .main>dl.dojo:after {
    background-image: url(../imgs/business/dojo.png);
}
body#business section.contents.business.darts .container .main dl.fidodarts:after {
    background-image: url(../imgs/business/fidodarts.png);
}
body#business section.contents.business.darts .container .main dl.unicorn:after {
    background-image: url(../imgs/business/unicorn.png);
}

body#business section.contents.business.darts .container .main dl dd p>span { font-size: 11px; }
body#business section.contents.business.darts .container .main dl dd p>span>span { font-weight: bold; }

body#business section.contents.business.darts .container .main dl.player>dd>ul>li:nth-of-type(1) { background: url(../imgs/business/ico_trinidad.png) no-repeat left center; }
body#business section.contents.business.darts .container .main dl.player>dd>ul>li:nth-of-type(2) { background: url(../imgs/business/ico_condor.png) no-repeat left center; }

body#business section.contents.business.darts .container .main dl.dojo>dd>ul { margin-top: 17px; }

body#business section.contents.business.darts .container .main>dl>dd>ul>li { padding-left: 20px; margin-bottom: 2px; }

body#business section.contents.business.darts .container .main dl.dojo>dd>ul>li:nth-of-type(1) { background: url(../imgs/business/ico_dojo.png) no-repeat left center; }

body#business section.contents.business.darts .container .main dl.fidodarts>dd>ul>li:nth-of-type(1) { background: url(../imgs/business/ico_fidodarts.png) no-repeat left center; }

body#business section.contents.business.darts .container .main dl.unicorn dd>ul>li:nth-of-type(1) { background: url(../imgs/business/ico_unicorn.png) no-repeat left center; }
body#business section.contents.business.darts .container .main dl.unicorn dd>ul>li:nth-of-type(2) { background: url(../imgs/business/ico_tito.png) no-repeat left center; }

body#business section.contents.business.darts .container .main dl>dd>dl.contact { border: 1px solid #222222; }
body#business section.contents.business.darts .container .main dl>dd>dl.contact>dt {
    background-color: #222222;
    color           : #FFFFFF;
    font-size       : 11px;
    letter-spacing  : 0;
    padding         : 2px 5px;
}
body#business section.contents.business.darts .container .main dl>dd>dl.contact>dd>ul {
    list-style: none;
    margin    : 0;
    padding   : 0;
    font-size : 12px;
}
body#business section.contents.business.darts .container .main dl>dd>dl.contact>dd>ul>li {
    padding: 0px 0px 0px 20px;
    margin: 5px;
}
body#business section.contents.business.darts .container .main dl>dd>dl.contact>dd>ul>li.tel {
    background: url(../imgs/business/ico_tel.png) no-repeat left center;
}
body#business section.contents.business.darts .container .main dl>dd>dl.contact>dd>ul>li.mail {
    background: url(../imgs/business/ico_mail.png) no-repeat left center;
}

/* food */
body#business section.contents.business.food .container .main h2:after { width: 100px; }

body#business section.contents.business.food .container .main>div.tometeba>div ul li a { background: url(../imgs/business/ico_tometeba.png) no-repeat 7px center; }

body#business section.contents.business.food .container .main>div.tito>div ul li a { background: url(../imgs/business/ico_tito_cafe.png) no-repeat 7px center; }

body#business section.contents.business.food .container .main>div.ramen>div ul li a { background: url(../imgs/business/ico_ramen_go.png) no-repeat 7px center; }

body#business section.contents.business.food .container .main>div.kushi>div ul li a { background: url(../imgs/business/ico_kushi.png) no-repeat 7px center; }

body#business section.contents.business.food .container .main>div.ginzara>div ul li a { background: url(../imgs/business/ico_ginzara.png) no-repeat 7px center; }

body#business section.contents.business.food .container .main>div.shiobutaya>div ul li a { background: url(../imgs/business/ico_shiobutaya.png) no-repeat 7px center; }

body#business section.contents.business.food .container .main>div.kiwami>div ul li a { background: url(../imgs/business/ico_kiwami.png) no-repeat 7px center; }

body#business section.contents.business.food .container .main>div.kogane>div ul li a { background: url(../imgs/business/ico_kogane.png) no-repeat 7px center; }

body#business section.contents.business.food .container .main>div.koganebou>div ul li a { background: url(../imgs/business/ico_koganebou.png) no-repeat 7px center; }

body#business section.contents.business.food .container .main dl.karaGp      { background: url(../imgs/business/karaage_gp.jpg?date=20230908) no-repeat left top #ededed; }
body#business section.contents.business.food .container .main dl.development { background: url(../imgs/business/development.jpg) no-repeat left top #ededed; }
body#business section.contents.business.food .container .main dl.onlineshop { background: url(../imgs/business/onlineshop.jpg) no-repeat left top #ededed; }

body#business section.contents.business.food .container .main dl dd { padding: 25px; }

body#business section.contents.business.food .container .main dl.karaGp dd ul li{ background: url(../imgs/business/ico_link.png) no-repeat left center; padding-left: 20px; }
body#business section.contents.business.food .container .main dl.onlineshop dd ul li{ background: url(../imgs/business/ico_tometeba.png) no-repeat left center; padding-left: 20px; }

/* architecture */
body#business section.contents.business.architecture .container .main h2:after { width: 325px; }

body#business section.contents.business.architecture .container .main>div.clip { font-size: 13px; }

body#business section.contents.business.architecture .container .main>div.clip>div p { margin-bottom: 5px; }

body#business section.contents.business.architecture .container .main>div.clip>div p span {
    display         : block;
    background-color: #e60012;
    color           : #fff;
    font-size       : 13px;
    font-weight     : bold;
    margin-top      : 15px;
    margin-left     : 15px;
    padding-left    : 5px;
}
body#business section.contents.business.architecture .container .main>div.clip>div ul:nth-of-type(1) {
    padding-left: 20px;
    font-size   : 12px;
}
body#business section.contents.business.architecture .container .main>div.clip>div ul:nth-of-type(1) li { margin-bottom: 0; }

body#business section.contents.business.architecture .container .main>div.clip>div ul li a { background: url(../imgs/business/ico_clip.png) no-repeat 7px center; }

/* common */
body#business section.contents.business .container .main h3 {
    background-color: #222222;
    color           : #fff;
    height          : 60px;
    line-height     : 2.7;
    padding-left    : 23px;
}
body#business section.contents.business .container .main>div { margin-bottom: 50px; }

body#business section.contents.business .container .main>div:after {
    content: "";
    display: block;
    clear  : both;
}
body#business section.contents.business .container .main>div>div {
    float       : left;
    padding-left: 25px;
    margin-top  : 15px;
    width       : 500px;
}
body#business section.contents.business .container .main>div>div ul {
    padding   : 0;
    list-style: none;
}
body#business section.contents.business .container .main>div>div ul li { margin-bottom: 15px; }

body#business section.contents.business .container .main>div>div ul li a {
    display      : block;
    width        : 100%;
    height       : 34px;
    border       : 1px solid #000;
    line-height  : 2.4;
    padding-left : 30px;
    border-radius: 5px;
}
body#business section.contents.business .container .main>div>img {
    float       : right;
    margin-right: 15px;
    margin-top  : -55px;
}
body#business section.contents.business .container .main>dl {
    height      : 246px;
    margin-top  : 80px;
    padding-left: 350px;
    position    : relative;
}
body#business section.contents.business .container .main>dl>dt {
    background  : url(../imgs/business/bg_dt.png) repeat-x;
    color       : #fff;
    height      : 60px;
    font-size   : 22px;
    line-height : 3;
    padding-left: 22px;
}
body#business section.contents.business .container .main>dl>dd {
    padding  : 10px 285px 10px 20px;
    font-size: 13px;
}
body#business section.contents.business .container .main>dl>dd>ul {
    padding   : 0;
    list-style: none;
    margin-top: 10px;
}
body#business section.contents.business .container .main>dl>dd>ul>i {
    padding-left : 20px;
    margin-bottom: 5px;
}

/* link to プレスリリース */
body#business section.contents.business .container .main a.linkPress {
    display   : block;
    padding   : 20px;
    margin-top: 70px;
}
body#business section.contents.business .container .main a.linkPress:hover {
    background-color: rgba(0, 0, 0, 0.03);
    color           : #000;
}
body#business section.contents.business .container .main a.linkPress p {
    text-align   : center;
    padding      : 50px 0;
    font-size    : 27px;
    border-top   : 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
body#business section.contents.business .container .main a.linkPress p .glyphicon { top: 3px; }

@media (max-width: 767px) {
    body#business section.contents.business .container .menu ul li:last-child {
        width      : 190px;
        line-height: 2;
    }
    
    /* top */
    body#business section.contents.business.guide .container .main ul li { margin-bottom: 20px; }
    
    /* darts */
    body#business section.contents.business.darts .container .main h2:after { width: 95px; }
    
    body#business section.contents.business.darts .container .main>dl:after {
        width          : 320px;
        height         : 225px;
        left           : 50%;
        top            : 50px;
        margin-left    : -160px;
        background-size: 35%;
    }
    body#business section.contents.business.darts .container .main dl.player:after,
    body#business section.contents.business.darts .container .main dl.fidodarts:after {
        width           : 130px;
        height          : 70px;
        background-size : 70%;
        background-color: rgba(255, 255, 255, 0.70);
        border          : 1px solid rgba(0, 0, 0, 0.57);
        border-radius   : 10px;
        margin          : 75px 0px 0px -70px;
    }
    
    /* food */
    body#business section.contents.business.food .container .main h2:after { width: 75px; }
    
    /* architecture */
    body#business section.contents.business.architecture .container .main h2:after { width: 245px; }
    
    body#business section.contents.business.architecture .container .main>div.clip>div p span {
        margin-left: 0;
        width      : 205px;
    }
    body#business section.contents.business.architecture .container .main>div.clip>div ul:nth-of-type(1) { padding-left: 5px; }
    
    /* common */
    body#business section.contents.business .container .main h3 {
        padding   : 0;
        text-align: center;
        font-size : 15px;
        height    : 40px;
    }
    body#business section.contents.business .container .main>div>div {
        float  : none;
        padding: 0;
        width  : 98%;
        margin : auto;
    }
    body#business section.contents.business .container .main>div>div p { font-size: 13px; }
    
    body#business section.contents.business .container .main>div>div ul li { margin-bottom: 5px; }
    
    body#business section.contents.business .container .main>div>div ul li a {
        height     : 24px;
        line-height: 2;
        font-size  : 12px;
    }
    body#business section.contents.business .container .main>div>img {
        float  : none;
        display: block;
        width  : 320px;
        margin : auto;
    }
    body#business section.contents.business .container .main>dl {
        padding            : 0;
        background-size    : 320px !important;
        background-position: center 50px !important;
        background-color   : #fff !important;
        height             : auto;
        margin-top         : 50px;
    }
    body#business section.contents.business .container .main>dl>dt {
        font-size  : 13px;
        height     : 40px;
        line-height: 3.3;
        padding    : 0;
        text-align : center;
    }
    body#business section.contents.business .container .main>dl>dd {
        padding: 0 !important;
        width  : 98%;
        margin : 265px auto 0;
    }
    body#business section.contents.business .container .main>dl>dd>p { font-size: 13px; }
    
    body#business section.contents.business .container .main>dl>dd>ul>li { display: block; }
    
    /* link to プレスリリース */
    body#business section.contents.business .container .main a.linkPress {
        padding   : 20px 0;
        margin-top: 50px;
    }
    body#business section.contents.business .container .main a.linkPress p {
        padding: 40px 0;
        font-size: 22px;
    }
}
@media (min-width: 768px) and (max-width: 1249px) {
    body#business section.contents.business .container .menu ul li:last-child { width: 205px; }
    
    /* top */
    body#business section.contents.business.guide .container .main ul li a {
        max-width: 950px;
        margin   : auto;
    }
    
    /* darts */
    body#business section.contents.business.darts .container .main>dl:after {
        width          : 350px;
        height         : 246px;
        right          : 0;
        top            : 50px;
        margin-left    : -175px;
        background-size: 35%;
    }
    body#business section.contents.business.darts .container .main dl.player:after,
    body#business section.contents.business.darts .container .main dl.fidodarts:after {
        right: 120px;
        top: 125px;
        background-size: 100px;
        width: 120px;
        height: 80px;
        background-color: rgba(255, 255, 255, 0.70);
        border: 1px solid rgba(0, 0, 0, 0.57);
        border-radius: 10px;
    }
    
    /* food */
    body#business section.contents.business.food .container .main dl dd { padding-right: 380px; }
    
    /* common */
    body#business section.contents.business .container .main h3 {
        font-size: 20px;
        height   : 50px;
    }
    body#business section.contents.business .container .main>div>div {
        width       : 50%;
        padding-left: 10px;
    }
    body#business section.contents.business .container .main>div>img {
        width     : 320px;
        margin-top: 15px;
    }
    body#business section.contents.business .container .main>dl {
        background-position: right 50px !important;
        padding-left       : 0;
        height             : 296px;
    }
    body#business section.contents.business .container .main>dl>dt {
        height     : 50px;
        line-height: 2.5;
    }
    body#business section.contents.business .container .main>dl>dd { padding-right: 380px; }
}
@media (max-width: 1249px) {
    /* top */
    body#business section.contents.business.guide .container .main ul li a {
        width          : 100%;
        height         : 0;
        padding-top    : 21%;
        background-size: 100% !important;
    }
}
@media (min-width: 1250px) {
}


/* ========== recruit ========== */
body#recruit section.contents.recruit .container .menu h1 {
    background : url(../imgs/recruit/h1_recruit.png) no-repeat top center;
    height     : 215px;
}

/* new version */
body#recruit section.contents.recruit .container .main p.headline {
    font-size:24px;
    margin: 10px 0;
    font-weight:bold;
}
body#recruit section.contents.recruit .container .main ul.departmentList {
    overflow: hidden;
    list-style: none;
    padding: 10px;
}
body#recruit section.contents.recruit .container .main ul.departmentList>li {
    float: left;
}
body#recruit section.contents.recruit .container .main ul.departmentList>li a {
    display:block;
    border: 1px solid #DCDCDC;
    border-radius: 6px;
    padding: 5px;
    margin: 10px;
    font-size: 19px;
    font-weight: bold;
    width      : 142px;
    height     : 142px;
    text-align : center;
    line-height: 7.3;
    transition : .2s;
}
body#recruit section.contents.recruit .container .main ul.departmentList>li a:hover {
    border: 1px solid #E60012;
    color:#E60012;
    font-size  : 20px;
    line-height: 6.5;
    text-shadow: 1px 1px 1px #fff;
    
}
body#recruit section.contents.recruit .container .main ul.departmentList>li.tito_cafe a:hover,
body#recruit section.contents.recruit .container .main ul.departmentList>li.tito_shop a:hover {
    font-size  : 21px;
    line-height: 6.2;
}
body#recruit section.contents.recruit .container .main ul.departmentList>li.event a     { background: url(../imgs/recruit/icon_event.png) no-repeat center; }
body#recruit section.contents.recruit .container .main ul.departmentList>li.tenpo a     { background: url(../imgs/recruit/icon_tenpo.png) no-repeat center; }
body#recruit section.contents.recruit .container .main ul.departmentList>li.jinji a     { background: url(../imgs/recruit/icon_jinji.png) no-repeat center; }
body#recruit section.contents.recruit .container .main ul.departmentList>li.somu a      { background: url(../imgs/recruit/icon_somu.png) no-repeat center; }
body#recruit section.contents.recruit .container .main ul.departmentList>li.keiri a     { background: url(../imgs/recruit/icon_keiri.png) no-repeat center; }
body#recruit section.contents.recruit .container .main ul.departmentList>li.ginzara a   { background: url(../imgs/recruit/icon_ginzara.png) no-repeat center; }
body#recruit section.contents.recruit .container .main ul.departmentList>li.tito_cafe a {
    background : url(../imgs/recruit/icon_tito_cafe.png) no-repeat center;
    font-size  : 18px;
    line-height: 7.3;
}
body#recruit section.contents.recruit .container .main ul.departmentList>li.tito_shop a {
    background : url(../imgs/recruit/icon_tito_shop.png) no-repeat center;
    font-size  : 18px;
    line-height: 7.3;
}
body#recruit section.contents.recruit .container .main ul.departmentList>li.tometeba a  { background: url(../imgs/recruit/icon_tometeba_recruit.png) no-repeat center; }
body#recruit section.contents.recruit .container .main ul.departmentList>li.lease a     { background: url(../imgs/recruit/icon_lease.png) no-repeat center; }

body#recruit section.contents.recruit .container .main ul.departmentList>li img {
    max-width:180px;
    display:block;
}

/* department */
body#recruit section.contents.recruit.department .container .main h2:after { width: 175px; }

body#recruit section.contents.recruit.department .container .main>div {
    overflow:hidden;
    margin: 0 50px;
}

body#recruit section.contents.recruit.department .container .main img.mainimg {
    float:left;
}
body#recruit section.contents.recruit.department .container .main p.headline {
    /*
    float:right;
    width: 542px;
    */
    font-size:24px;
}

body#recruit section.contents.recruit.department .container .main div.recruitText {
    border-left:1px solid #E60012;
    padding: 5px 0 5px 50px;
    margin: 40px 50px;
}
body#recruit section.contents.recruit.department .container .main div.recruitText h3 {
    font-size:16px;
    margin: 10px 0;
    font-weight:bold;
}
body#recruit section.contents.recruit.department .container .main div.recruitText h3:nth-of-type(2) { margin-top: 30px; }

body#recruit section.contents.recruit.department .container .main dl.recruitDetail {
    margin:40px 50px;
    border:1px solid #dcdcdc;
    border-bottom:none;
    overflow:hidden;
}
body#recruit section.contents.recruit.department .container .main dl.recruitDetail>dt,
body#recruit section.contents.recruit.department .container .main dl.recruitDetail>dd {
    padding:30px;
}
body#recruit section.contents.recruit.department .container .main dl.recruitDetail>dt {
    float:left;
    width:200px;
}
body#recruit section.contents.recruit.department .container .main dl.recruitDetail>dd {
    width: 848px;
    border-bottom:1px solid #dcdcdc;
    padding-left: 200px;
}

body#recruit section.contents.recruit.department .container .main ul.arrow_disc li {
    position: relative;
    margin: 0 0 10px 0;
}
body#recruit section.contents.recruit.department .container .main ul.arrow_disc li::after,
body#recruit section.contents.recruit.department .container .main ul.arrow_disc li::before {
    display: block;
    content: "";
    position: absolute;
    
}
body#recruit section.contents.recruit.department .container .main ul.arrow_disc li::after {
    top: 0;
    left: -24px;
    width: 20px;
    height: 20px;
    background-color: #E60012;
    border-radius: 100%;
}
body#recruit section.contents.recruit.department .container .main ul.arrow_disc li::before {
    z-index: 2;
    top: 6px;
    left: -19px;
    width: 8px;
    height: 8px;
    border-right: 4px solid #FFF;
    border-bottom: 4px solid #FFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);    
}

body#recruit section.contents.recruit.department .container .main ul.disc {
    padding-left: 20px;
    list-style-type:none;
}
body#recruit section.contents.recruit.department .container .main ul.disc li {
    position: relative;
}
body#recruit section.contents.recruit.department .container .main ul.disc li::after {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    left: -20px;
    width: 11px;
    height: 11px;
    background-color: #FFF;
    border: 2px solid #E60012;
    border-radius: 100%;    
}

body#recruit section.contents.recruit.department .container .main dl.recruitDetail>dd dl {
    padding: 10px 25px;
}
body#recruit section.contents.recruit.department .container .main dl.recruitDetail>dd dl>dt {
    background: #E60012;
    font-weight: normal;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 0 7px 0;
    color: #FFF;    
}

body#recruit section.contents.recruit.department .container .main dl.msg {
    overflow:hidden;
    margin:50px;
    border:1px solid #535353;
    border-radius:15px;
    padding:10px;
    font-size:14px;
}
body#recruit section.contents.recruit.department .container .main dl.msg>dt {
    display:block;
    width:160px;
    height:160px;
    text-indent:-99999px;
    background:url(../imgs/recruit/msg.png) no-repeat center;
    float:left;
}
body#recruit section.contents.recruit.department .container .main dl.msg>dt.jinjiDt {
    background:url(../imgs/recruit/jinji2.jpg) no-repeat center;
}
body#recruit section.contents.recruit.department .container .main dl.msg>dt.ginzaraDt {
    background:url(../imgs/recruit/ginzara2.jpg?date=20180619) no-repeat center;
}
body#recruit section.contents.recruit.department .container .main dl.msg>dd {
    float:right;
    overflow:hidden;
    width:652px;
}
body#recruit section.contents.recruit.department .container .main dl.msg>dd img {
    float:right;
    margin-left: 10px;
}
body#recruit section.contents.recruit.department .container .main dl.msg>dd p.boss {
    font-weight:bold;
    margin:18px 0 5px 0;
}

body#recruit section.contents.recruit.department .container .main a.btn_entry {
    display:block;
    text-align:center;
    margin:50px;
    background:#E60012;
    color:#FFF;
    border-radius:100px;
    padding:20px;
    font-size:24px;
}
body#recruit section.contents.recruit.department .container .main a.btn_entry:hover {
    background:#FF0004;
}
body#recruit section.contents.recruit.department .container .main a.btn_entry>span {
    font-size:20px;
}

/* old version */
/*
body#recruit section.contents.recruit.guide .container .main h2:after { width: 100px; }

body#recruit section.contents.recruit.guide .container .main>section {
    border: 3px solid #000;
    padding: 30px 50px 50px;
    width: 800px;
    margin: 30px auto 0;
    position: relative;
    height: 100px;
    overflow: hidden;
}
body#recruit section.contents.recruit.guide .container .main>section span.glyphicon {
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    top: 25px;
    right: 20px;
    cursor: pointer;
}
body#recruit section.contents.recruit.guide .container .main>section span.glyphicon.glyphicon-minus { display: none; }

body#recruit section.contents.recruit.guide .container .main>section span.glyphicon.glyphicon-minus:after {
    content: "CLOSE";
    display: block;
    font-size: 10px;
    position: absolute;
    left: -6px;
    top: 28px;
}
body#recruit section.contents.recruit.guide .container .main>section span.glyphicon.glyphicon-plus:after {
    content: "OPEN";
    display: block;
    font-size: 10px;
    position: absolute;
    left: -4px;
    top: 28px;
}
body#recruit section.contents.recruit.guide .container .main>section h4 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 35px;
}
body#recruit section.contents.recruit.guide .container .main>section>p {
   height: 90px;
   background-color: #000;
   color: #fff; 
   margin: auto;
   font-size: 40px;
   font-weight: bold;
   text-align: center;
   padding-top: 13px;
}
body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"] { padding: 30px; }

body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"] table { margin-bottom: 35px; }

body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"] table tr:nth-of-type(1) th,
body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"] table tr:nth-of-type(1) td {
    border-top: none;
}
body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"] table tr:last-child { border-bottom: 1px solid #ddd; }

body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"] table th {
    width: 25%;
    text-align: center;
    vertical-align: middle;
    padding: 20px 0;
}
body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"] table td { vertical-align: middle; }

body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"] table ul {
    padding: 0;
    list-style-type: none;
}
body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"] table ul li strong {
    display: block;
    margin-top: 10px;
}
body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"] table ul li span { margin-left: 20px; }

body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>a {
    display: block;
    height: 80px;
    background-color: #17bebb;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 2.9;
    margin-bottom: 30px;
}
body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>ul.recruitSites {
    height: 90px;
    border: 1px solid #000;
    padding: 20px;
    font-size: 12px;
    list-style-type: none;
}
body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>ul.recruitSites li {
    display: inline-block;
    background: url(../imgs/recruit/icon_site.png) no-repeat left center;
    padding-left: 20px;
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
}
body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>p { font-weight: bold; }

body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>ul.ownSites {
    padding: 0;
    list-style-type: none;
    margin: 30px 0 35px 25px;
}
body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>ul.ownSites li span {
    display: inline-block;
    padding-left: 25px;
    width: 125px;
}
body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>ul.ownSites li span.tometeba { background: url(../imgs/recruit/icon_tometeba.png) no-repeat left center; }
body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>ul.ownSites li span.tito     { background: url(../imgs/recruit/icon_tito.png) no-repeat left center; }
body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>ul.ownSites li span.ramen5   { background: url(../imgs/recruit/icon_ramen5.png) no-repeat left center; }
body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>ul.ownSites li span.shop     { background: url(../imgs/recruit/icon_shop.png) no-repeat left center; }
*/

@media (max-width: 767px) {
    /* recruit */
    body#recruit section.contents.recruit.guide .container .main h2:after { width: 75px; }
    
    body#recruit section.contents.recruit.guide .container .main h3 { font-size: 16px; }
    
    body#recruit section.contents.recruit.guide .container .main>p { font-size: 13px; }
    
    body#recruit section.contents.recruit.guide .container .main>section {
        width: 100%;
        height: auto;
        padding: 10px 0 0;
    }
    body#recruit section.contents.recruit.guide .container .main>section span.glyphicon { display: none; }
    
    body#recruit section.contents.recruit.guide .container .main>section span.glyphicon.glyphicon-chevron-right {
        display: inline;
        position: static;
        font-size: 12px;
        color: #fff;
    }
    body#recruit section.contents.recruit.guide .container .main>section span.glyphicon.glyphicon-chevron-down {
        position: static;
        font-size: 12px;
        color: #00c5ad;
    }
    body#recruit section.contents.recruit.guide .container .main>section h4 { margin-bottom: 15px; }
    
    body#recruit section.contents.recruit.guide .container .main>section>p {
        font-size: 18px;
        height: 40px;
        padding-top: 8px;
    }
    body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"] { padding: 5px; }
    
    body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"] table {
        font-size: 11px;
        margin-bottom: 10px;
    }
    body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"] table th {
        padding: 0;
        width: 20%;
        border-right: 1px solid #ddd;
    }
    body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"] table ul li span { margin-left: 15px; }
    
    body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>a {
        height: 50px;
        font-size: 13px;
        margin-bottom: 10px;
    }
    body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>ul.recruitSites {
        height: 60px;
        padding: 5px;
        text-align: center;
        margin-top: 15px;
    }
    body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>ul.recruitSites li { font-size: 13px; }
    
    body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>p {
        font-size: 12px;
        text-align: center;
    }
    body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>ul.ownSites {
        margin: 5px auto;
        font-size: 12px;
        width: 285px;
    }
    body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>ul.ownSites li { margin-top: 10px; }
    
    body#recruit section.contents.recruit.guide .container .main>section div[id^="tab-"]>ul.ownSites li span {
        width: 100%;
        padding-left: 20px;
    }
    
    body#recruit section.contents.recruit .container .main ul.departmentList>li img { max-width: 270px; }
    
    /* department */
    body#recruit section.contents.recruit.department .container .main>div { margin: 0; }
    
    body#recruit section.contents.recruit.department .container .main p.headline,
    body#recruit section.contents.recruit.department .container .main div.recruitText h3 { font-size: 12px; }
    
    body#recruit section.contents.recruit.department .container .main div.recruitText {
        margin : 20px 0;
        padding: 0;
        border : none;
    }
    body#recruit section.contents.recruit.department .container .main div.recruitText>p { font-size: 11px; }
    
    body#recruit section.contents.recruit.department .container .main dl.recruitDetail { margin: 0; }
    
    body#recruit section.contents.recruit.department .container .main dl.recruitDetail>dt {
        padding  : 5px;
        font-size: 12px;
    }
    
    body#recruit section.contents.recruit.department .container .main dl.recruitDetail>dd {
        padding  : 35px 5px 5px;
        width    : 100%;
        font-size: 11px;
    }
    body#recruit section.contents.recruit.department .container .main dl.recruitDetail>dd dl { padding: 0 5px; }
    
    body#recruit section.contents.recruit.department .container .main dl.msg {
        margin   : 20px 0;
        padding  : 0;
        font-size: 12px;
    }
    body#recruit section.contents.recruit.department .container .main dl.msg>dt,
    body#recruit section.contents.recruit.department .container .main dl.msg>dt.jinjiDt,
    body#recruit section.contents.recruit.department .container .main dl.msg>dt.ginzaraDt {
        background      : none;
        width           : 100%;
        height          : auto;
        text-indent     : 0;
        color           : #fff;
        background-color: #535353;
        text-align      : center;
        font-size       : 12px;
        padding         : 5px;
    }
    body#recruit section.contents.recruit.department .container .main dl.msg>dd {
        width  : 100%;
        padding: 5px 13px;
    }
    body#recruit section.contents.recruit.department .container .main dl.msg>dd img {
        max-width: 100px;
    }
    body#recruit section.contents.recruit.department .container .main a.btn_entry {
        margin       : 0;
        border-radius: 10px;
        padding      : 5px;
        font-size    : 12px;
    }
    body#recruit section.contents.recruit.department .container .main a.btn_entry>span { font-size: 13px; }
}
@media (min-width: 768px) and (max-width: 1249px) {
    /* recruit */
    body#recruit section.contents.recruit.guide .container .main>section {
        width: 100%;
        max-width: 800px;
    }
    
    /* department */
    body#recruit section.contents.recruit.department .container .main dl.recruitDetail>dt { padding: 10px; }
    body#recruit section.contents.recruit.department .container .main dl.recruitDetail>dd {
        width  : 100%;
        padding: 50px 30px 10px;
    }
    body#recruit section.contents.recruit.department .container .main dl.msg { padding: 0; }
    
    body#recruit section.contents.recruit.department .container .main dl.msg>dt,
    body#recruit section.contents.recruit.department .container .main dl.msg>dt.ginzaraDt,
    body#recruit section.contents.recruit.department .container .main dl.msg>dt.jinjiDt {
        background      : none;
        height          : auto;
        width           : 100%;
        background-color: #535353;
        color           : #fff;
        text-indent     : 0;
        padding         : 8px;
    }
    body#recruit section.contents.recruit.department .container .main dl.msg>dd {
        width  : 100%;
        padding: 20px;
    }
    body#recruit section.contents.recruit.department .container .main dl.msg>dd p.boss { margin-top: 8px; }
}
@media (max-width: 1249px) {
    body#recruit section.contents.recruit.guide .container .main ul.departmentList {
        text-align: center;
    }
    body#recruit section.contents.recruit.guide .container .main ul.departmentList li {
        display: inline-block;
        float  : none;
    }
    
    /* department */
    body#recruit section.contents.recruit.department .container .main img.mainimg {
        display: block;
        float  : none;
        margin : auto;
    }
    body#recruit section.contents.recruit.department .container .main p.headline {
        width     : 100%;
        float     : none;
        margin    : auto;
        text-align: center;
    }
    body#recruit section.contents.recruit.department .container .main dl.recruitDetail>dt {
        width           : 100%;
        color           : #fff;
        background-color: #E60012;
    }
}
@media (min-width: 1250px) {
}


/* ========== social ========== */
body#social section.contents.social .container .menu h1 {
    background : url(../imgs/social/h1_social.png) no-repeat top center;
    height     : 364px;
}
body#social section.contents.social.guide .container .main h2:after { width: 225px; }

body#social section.contents.social.guide .container .main section {
    padding      : 15px;
    border       : 1px solid #ddd;
    margin-bottom: 30px;
    position     : relative;
}
body#social section.contents.social.guide .container .main section h3 {
    position        : relative;
    background-color: #e60012;
    color           : #fff;
    margin-top      : 20px;
    margin-bottom   : 20px;
    padding         : 7px 0 5px 11px;
    font-size       : 20px;
    line-height     : 1.3;
    text-align      : center;
}
body#social section.contents.social.guide .container .main section h3:before {
    content      : "";
    display      : block;
    width        : 100px;
    height       : 100px;
    position     : absolute;
    top          : -30px;
    right        : 30px;
    border       : 1px solid #ddd;
    border-radius: 50px;
}
body#social section.contents.social.guide .container .main section#cat_tb h3:before   { background: url(../imgs/social/tb.png) no-repeat right center; }
body#social section.contents.social.guide .container .main section#cat_cafe h3:before { background: url(../imgs/social/cafe.png) no-repeat right center; }
body#social section.contents.social.guide .container .main section#cat_shop h3:before { background: url(../imgs/social/shop.png) no-repeat right center; }

body#social section.contents.social.guide .container .main section#cat_goods h3.tri:before { background: url(../imgs/social/trinidad.png) no-repeat right center; }
body#social section.contents.social.guide .container .main section#cat_goods h3.con:before { background: url(../imgs/social/condor.png) no-repeat right center; }
body#social section.contents.social.guide .container .main section#cat_goods h3.uni:before { background: url(../imgs/social/unicorn.png) no-repeat right center; }
body#social section.contents.social.guide .container .main section#cat_goods h3.fido:before { background: url(../imgs/social/fidodarts.png) no-repeat right center; }

body#social section.contents.social.guide .container .main section#cat_event h3.datopi:before { background: url(../imgs/social/da-topi.png) no-repeat right center; }
/* body#social section.contents.social.guide .container .main section#cat_event h3.yuchan:before { background: url(../imgs/social/yuchannel.png) no-repeat right center; } */
body#social section.contents.social.guide .container .main section#cat_event h3.yuchan:before { background: url("../imgs/social/darts_you_channel.png") no-repeat right center; }
body#social section.contents.social.guide .container .main section#cat_event h3.tbtv:before   { background: url(../imgs/social/tbtv.png) no-repeat right center; }

body#social section.contents.social.guide .container .main section#cat_teba h3:before       { background: url(../imgs/social/tometeba.png) no-repeat right center; }
body#social section.contents.social.guide .container .main section#cat_ramen h3:before      { background: url(../imgs/social/ramen_go.png) no-repeat right center; }
body#social section.contents.social.guide .container .main section#cat_kushi h3:before      { background: url(../imgs/social/kushi.png) no-repeat right center; }
body#social section.contents.social.guide .container .main section#cat_ginzara h3:before    { background: url(../imgs/social/ginzara.png) no-repeat right center; }
body#social section.contents.social.guide .container .main section#cat_clip h3:before       { background: url(../imgs/social/clip.png) no-repeat right center; }
body#social section.contents.social.guide .container .main section#cat_buta h3:before       { background: url(../imgs/social/buta.png) no-repeat right center; }
body#social section.contents.social.guide .container .main section#cat_kiwami h3:before     { background: url(../imgs/social/kiwami.png) no-repeat right center; }
body#social section.contents.social.guide .container .main section#cat_kogane h3:before     { background: url(../imgs/social/kogane.png) no-repeat right center; }
body#social section.contents.social.guide .container .main section#cat_koganebou h3:before  { background: url(../imgs/social/koganebou.png) no-repeat right center; }

/* 位置調整用の記述非表示 20190926 橋本
body#social section.contents.social.guide .container .main section#cat_goods h3.con,
body#social section.contents.social.guide .container .main section#cat_event h3.tbtv { margin-top: 30px; }

body#social section.contents.social.guide .container .main section#cat_event h3.yuchan { margin-top: 50px; }

body#social section.contents.social.guide .container .main section#cat_goods h3.con:before    { top: 155px; }
body#social section.contents.social.guide .container .main section#cat_event h3.yuchan:before { top: 115px; }
body#social section.contents.social.guide .container .main section#cat_event h3.tbtv:before   { top: 285px; }
*/

body#social section.contents.social.guide .container .main section#policy h3 { background-color: #535353; }
body#social section.contents.social.guide .container .main section#policy h3:before { display: none; }

body#social section.contents.social.guide .container .main section#policy ol {
    padding-left : 35px;
    padding-right: 15px;
}
body#social section.contents.social.guide .container .main section#policy ol li { margin-bottom: 10px; }

body#social section.contents.social.guide .container .main section#policy>p { margin-top: 30px; }

body#social section.contents.social.guide .container .main section h4 {
    background-color: rgba(83, 83, 83, 0.55);
    color           : #fff;
    text-align      : center;
    padding         : 5px;
    font-size       : 16px;
    width           : 95%;
    margin          : 40px auto 20px;
}
body#social section.contents.social.guide .container .main section ul {
    list-style-type: none;
    margin-bottom  : 0;
    padding-left   : 23px;
}
body#social section.contents.social.guide .container .main section ul.account {
    font-size    : 17px;
    margin-bottom: 50px;
}

body#social section.contents.social.guide .container .main section ul li {
    padding-left : 25px;
    margin-bottom: 5px;
}
body#social section.contents.social.guide .container .main section ul li.bl { background  : url(../imgs/social/ico_blog.png) no-repeat left 0; }
body#social section.contents.social.guide .container .main section ul li.fb { background  : url(../imgs/social/ico_facebook.png) no-repeat left 0; }
body#social section.contents.social.guide .container .main section ul li.li { background  : url(../imgs/social/ico_line.png) no-repeat left 0; }
/* body#social section.contents.social.guide .container .main section ul li.tw { background  : url(../imgs/social/ico_twitter.png) no-repeat left 0; } */
body#social section.contents.social.guide .container .main section ul li.tw { background  : url(../imgs/social/ico_x.png) no-repeat left 0; }
body#social section.contents.social.guide .container .main section ul li.yt { background  : url(../imgs/social/ico_youtube.png) no-repeat left 0; }
body#social section.contents.social.guide .container .main section ul li.us { background  : url(../imgs/social/ico_ustream.png) no-repeat left 0; }
body#social section.contents.social.guide .container .main section ul li.ni { background  : url(../imgs/social/ico_nico.png) no-repeat left 0; }
body#social section.contents.social.guide .container .main section ul li.ig { background  : url(../imgs/social/ico_instagram.png) no-repeat left 0; }

body#social section.contents.social.guide .container .main section ul li.li_friend { padding-left : 0; }
body#social section.contents.social.guide .container .main section ul li.li_friend a { display: block; }
body#social section.contents.social.guide .container .main section ul li.li_friend a img { width: 100px; }

body#social section.contents.social.guide .container .main section ul.list {
    width  : 95%;
    padding: 0;
    margin : auto;
}
body#social section.contents.social.guide .container .main section ul.list h5 { font-weight: bold; }

body#social section.contents.social.guide .container .main section ul.list>li {
    display       : inline-block;
    width         : 286.8px;
    border        : 1px dotted #ddd;
    min-height    : 90px;
    vertical-align: top;
    padding-left  : 15px;
}
body#social section.contents.social.guide .container .main section#cat_teba ul.list>li { min-height: 80px; }
body#social section.contents.social.guide .container .main section#cat_ginzara ul.list>li { min-height: 67px; }

@media (max-width: 767px) {
    /* social */
    body#social section.contents.social.guide .container .main h2:after { width: 170px; }
    
    body#social section.contents.social.guide .container .main p { font-size: 12px; }
    
    body#social section.contents.social.guide .container .main section h3 {
        font-size : 15px;
        text-align: left;
    }
    
    body#social section.contents.social.guide .container .main section h3:before {
        background-size: 60px !important;
        width          : 60px;
        height         : 60px;
        top            : -15px;
        right          : 15px;
    }
    /* 位置調整用の記述非表示 20190926 橋本
    body#social section.contents.social.guide .container .main section#cat_goods h3.con:before    { top: 143px; }
    body#social section.contents.social.guide .container .main section#cat_event h3.yuchan:before { top: 125px; }
    body#social section.contents.social.guide .container .main section#cat_event h3.tbtv:before   { top: 260px; }
    */
    
    body#social section.contents.social.guide .container .main section ul.account { font-size: 12px; }
    
    body#social section.contents.social.guide .container .main section h4 {
        width    : 100%;
        font-size: 14px;
    }
    body#social section.contents.social.guide .container .main section ul.list {
        width     : 100%;
        font-size : 11px;
        text-align: center;
    }
    body#social section.contents.social.guide .container .main section ul.list h5 { font-size: 11px; }
    
    body#social section.contents.social.guide .container .main section ul.list>li {
        min-height  : 85px;
        padding-left: 5px;
        width       : 204px;
        text-align  : left;
    }
    body#social section.contents.social.guide .container .main section ul li { background-size: 15px !important; }
    
    body#social section.contents.social.guide .container .main section#cat_cafe ul.list>li,
    body#social section.contents.social.guide .container .main section#cat_shop ul.list>li,
    body#social section.contents.social.guide .container .main section#cat_teba ul.list>li,
    body#social section.contents.social.guide .container .main section#cat_ramen ul.list>li { width: 157px; }
    
    body#social section.contents.social.guide .container .main section#cat_teba ul.list>li,
    body#social section.contents.social.guide .container .main section#cat_ramen ul.list>li,
    body#social section.contents.social.guide .container .main section#cat_ginzara ul.list>li { min-height: 55px; }
    
    body#social section.contents.social.guide .container .main section#policy ol {
        font-size   : 11px;
        padding-left: 25px;
    }
    body#social section.contents.social.guide .container .main section#policy>p { font-size: 11px; }
}
@media (min-width: 768px) and (max-width: 1249px) {
    /* social */
    body#social section.contents.social.guide .container .main section {
        max-width: 960px;
        margin   : 30px auto;
    }
    body#social section.contents.social.guide .container .main section ul.list { text-align: center; }
    
    body#social section.contents.social.guide .container .main section ul.list>li {
        width     : 290px;
        text-align: left;
    }
}
@media (max-width: 1249px) {
}
@media (min-width: 1250px) {
}


/* ========== terms ========== */
body#terms section.contents.terms .container .menu h1 {
    background : url(../imgs/terms/h1_terms.png) no-repeat top center;
    height     : 300px;
}
body#terms section.contents.terms.guide .container .main h2:after { width: 125px; }

body#terms section.contents.terms.guide .container .main ol.rule {
    counter-reset: number;
    list-style   : none;
    margin       : 0;
    padding      : 0;
}
body#terms section.contents.terms.guide .container .main ol.rule>li {
    position     : relative;
    margin-bottom: 30px;
}
body#terms section.contents.terms.guide .container .main ol.rule>li:before {
    counter-increment: number;
    content          : counter(number)".";
    position         : absolute;
    top              : 1px;
    left             : 14px;
    font-size        : 20px;
}
body#terms section.contents.terms.guide .container .main ol.rule>li.privacy:before,
body#terms section.contents.terms.guide .container .main ol.rule>li.other:before {
    left: 7px;
}
body#terms section.contents.terms.guide .container .main ol.rule>li>h3 {
    font-size    : 20px;
    padding-left : 40px;
    border-bottom: 1px solid #ddd;
    border-left  : 3px solid rgba(0, 0, 0, 0.45);
    height       : 28px;
    line-height  : 1.5;
}
body#terms section.contents.terms.guide .container .main ol.rule>li>p {
    padding  : 0 15px 5px 15px;
    font-size: 13px;
}
body#terms section.contents.terms.guide .container .main ol.rule>li.reprint ol {
    font-size      : 13px;
    list-style-type: lower-roman;
}
body#terms section.contents.terms.guide .container .main ol.rule>li.reprint ol>li   { margin-bottom: 15px; }
body#terms section.contents.terms.guide .container .main ol.rule>li.reprint ol>li>p { margin-top: 5px; }

body#terms section.contents.terms.guide .container .main ol.rule>li.privacy>p a { text-decoration: underline; }

body#terms section.contents.terms.guide .container .main ul.fusoku {
    padding        : 0;
    list-style-type: none;
    font-size      : 20px;
}
body#terms section.contents.terms.guide .container .main ul.fusoku p {
    font-size   : 13px;
    padding-left: 15px;
}

@media (max-width: 767px) {
    /* terms */
    body#terms section.contents.terms.guide .container .main h2:after { width: 95px; }
    
    body#terms section.contents.terms.guide .container .main p { font-size: 13px; }
    
    body#terms section.contents.terms.guide .container .main ol.rule>li:before { font-size: 15px; }
    
    body#terms section.contents.terms.guide .container .main ol.rule>li>h3 {
        font-size   : 15px;
        height      : 22px;
        line-height : 1.6;
        padding-left: 35px;
    }
    body#terms section.contents.terms.guide .container .main ol.rule>li>p { padding: 0 5px 5px; }
    
    body#terms section.contents.terms.guide .container .main ol.rule>li ul,
    body#terms section.contents.terms.guide .container .main ol.rule>li.reprint ol {
        padding-left : 25px;
        padding-right: 5px;
        font-size    : 12px;
    }
    body#terms section.contents.terms.guide .container .main ol.rule>li.reprint ol ul { padding-left: 15px; }
}
@media (min-width: 768px) and (max-width: 1249px) {
}
@media (max-width: 1249px) {
}
@media (min-width: 1250px) {
}


/* ========== policy ========== */
body#policy section.contents.policy .container .menu h1 {
    background : url(../imgs/policy/h1_policy.png) no-repeat top center;
    height     : 376px;
}
body#policy section.contents.policy.guide .container .main h2:after { width: 250px; }

body#policy section.contents.policy.guide .container .main p.atFirst { padding: 20px; }

body#policy section.contents.policy.guide .container .main ol.rule {
    counter-reset: number;
    list-style   : none;
    margin       : 0;
    padding      : 0;
}
body#policy section.contents.policy.guide .container .main ol.rule>li {
    position     : relative;
    margin-bottom: 30px;
}
body#policy section.contents.policy.guide .container .main ol.rule>li:before {
    counter-increment: number;
    content          : counter(number)".";
    position         : absolute;
    top              : 1px;
    left             : 14px;
    font-size        : 20px;
}
body#policy section.contents.policy.guide .container .main ol.rule>li>h3 {
    font-size    : 20px;
    padding-left : 40px;
    border-bottom: 1px solid #ddd;
    border-left  : 3px solid rgba(0, 0, 0, 0.45);
    height       : 28px;
    line-height  : 1.5;
}
body#policy section.contents.policy.guide .container .main ol.rule>li>p {
    padding  : 0 15px 5px 15px;
    font-size: 13px;
}
body#policy section.contents.policy.guide .container .main ol.rule>li ol {
    font-size      : 13px;
    list-style-type: lower-roman;
    padding-left   : 50px;
}
body#policy section.contents.policy.guide .container .main ol.rule>li ol li { margin-bottom: 10px; }

@media (max-width: 767px) {
    /* policy */
    body#policy section.contents.policy.guide .container .main h2:after { width: 190px; }
    
    body#policy section.contents.policy.guide .container .main p { font-size: 13px; }
    
    body#policy section.contents.policy.guide .container .main ol.rule>li:before { font-size: 15px; }
    
    body#policy section.contents.policy.guide .container .main ol.rule>li>h3 {
        font-size   : 15px;
        height      : 22px;
        line-height : 1.6;
        padding-left: 35px;
    }
    body#policy section.contents.policy.guide .container .main ol.rule>li>p { padding: 0 5px 5px; }
    
    body#policy section.contents.terms.guide .container .main ol.rule>li ul {
        padding-left : 25px;
        padding-right: 5px;
        font-size    : 12px;
    }
    body#policy section.contents.policy.guide .container .main ol.rule>li ol {
        padding-left : 25px;
        padding-right: 5px;
    }
}
@media (min-width: 768px) and (max-width: 1249px) {
}
@media (max-width: 1249px) {
}
@media (min-width: 1250px) {
}


/* ========== link ========== */
body#link section.contents.link .container .menu h1 {
    background : url(../imgs/link/h1_link.png) no-repeat top center;
    height     : 155px;
}
body#link section.contents.link.guide .container .main h2:after { width: 75px; }

body#link section.contents.link.guide .container .main h3 {
    background-color: #e60012;
    color: #fff;
    font-size: 20px;
    padding: 5px;
}
body#link section.contents.link.guide .container .main ul.linkList {
    list-style-type: none;
    padding: 0;
    text-align: center;
    margin-bottom: 60px;
}
body#link section.contents.link.guide .container .main ul.linkList>li {
    display: inline-block;
    text-align: left;
    border: 1px solid #ddd;
    width: 312.8px;
    min-height: 240px;
    vertical-align: top;
    padding: 10px 15px;
    margin-bottom:5px;
}
body#link section.contents.link.guide .container .main ul.linkList>li p {
    font-size: 13px;
    margin-top: 10px;
}
body#link section.contents.link.guide .container .main ul.linkList>li p.name {
    font-weight: bold;
    font-size: 14px;
    margin-top: 0;
}
body#link section.contents.link.guide .container .main ul.linkList>li ul.linksub {
    padding: 0;
    list-style-type: none;
}
body#link section.contents.link.guide .container .main ul.linkList>li ul.linksub li { padding-left: 22px; }

body#link section.contents.link.guide .container .main ul.linkList>li ul.linksub li.fb { background: url(../imgs/link/ico_facebook.png) no-repeat left 1px; }
/* body#link section.contents.link.guide .container .main ul.linkList>li ul.linksub li.tw { background: url(../imgs/link/ico_twitter.png) no-repeat left 1px; } */
body#link section.contents.link.guide .container .main ul.linkList>li ul.linksub li.tw { background: url(../imgs/link/ico_x.png) no-repeat left 1px; }

body#link section.contents.link.guide .container .main ul.linkList.blog { margin-bottom: 30px; }

body#link section.contents.link.guide .container .main ul.linkList.blog>li {
    border: none;
    width: 145px;
    min-height: 45px;
    padding: 0;
    margin-right: 20px;
}
body#link section.contents.link.guide .container .main ul.linkList.blogSquare { text-align: left; }

body#link section.contents.link.guide .container .main ul.linkList.blogSquare>li {
    border: none;
    width: 81px;
    min-height: 80px;
    padding: 0;
}
body#link section.contents.link.guide .container .main ul.linkList.playerBlog>li {
    border: none;
    width: 145px;
    min-height: 45px;
    padding: 0;
    margin-right: 20px;
}

@media (max-width: 767px) {
    /* link */
    body#link section.contents.link.guide .container .main p { font-size: 12px; }
    
    body#link section.contents.link.guide .container .main h3 { font-size: 15px; }
    
    body#link section.contents.link.guide .container .main ul.linkList:nth-of-type(1)>li {
        width: 100%;
        min-height: 100%;
        padding: 5px 155px 5px 5px;
        position: relative;
    }
    body#link section.contents.link.guide .container .main ul.linkList>li p { font-size: 11px; }
    
    body#link section.contents.link.guide .container .main ul.linkList>li p.name {
        font-size: 13px;
        margin-bottom: 3px;
    }
    body#link section.contents.link.guide .container .main ul.linkList>li p:not(.name) { margin-bottom: 0;}
    
    body#link section.contents.link.guide .container .main ul.linkList>li a.linkimg {
        position: absolute;
        right: 5px;
        top: 5px;
    }
    body#link section.contents.link.guide .container .main ul.linkList>li ul.linksub li { font-size: 12px; }
    
    body#link section.contents.link.guide .container .main ul.linkList.blogSquare { text-align: center; }
    
    body#link section.contents.link.guide .container .main ul.linkList.blog>li,
    body#link section.contents.link.guide .container .main ul.linkList.playerBlog>li {
        margin-left : 5px;
        margin-right: 5px;
    }
}
@media (min-width: 768px) and (max-width: 1249px) {
    /* link */
    body#link section.contents.link.guide .container .main ul.linkList>li { width: 288.2px; }
    
    body#link section.contents.link.guide .container .main ul.linkList.blogSquare { text-align: center; }
}
@media (max-width: 1249px) {
}
@media (min-width: 1250px) {
}


/* ========== inquiry ========== */
body#inquiry section.contents.inquiry .container .menu h1 {
    background : url(../imgs/inquiry/h1_inquiry.png) no-repeat top center;
    height     : 331px;
}
body#inquiry section.contents.inquiry .container .main h2:after { width: 235px; }

body#inquiry section.contents.inquiry .container .main table.mailform th {
    background-color: #e60012;
    color: #fff;
    vertical-align: middle;
    text-align: center;
}
body#inquiry section.contents.inquiry .container .main table.mailform th strong { color: #ff0; }

body#inquiry section.contents.inquiry .container .main div.btnList { text-align: center; }

body#inquiry section.contents.inquiry .container .main div.btnList a {
    padding: 25px 50px;
    font-size: 20px;
}
body#inquiry section.contents.inquiry .container .main div.btnList a.btn_next,
body#inquiry section.contents.inquiry .container .main div.btnList a.btn_submit {
    background-color: #DD5510;
    color: #fff;
}
body#inquiry section.contents.inquiry .container .main div.btnList a.btn_edit {
    background-color: #E0E0E0;
    color: #000;
}
body#inquiry section.contents.inquiry.end .container .main p:last-child { margin-top: 50px; }

@media (max-width: 767px) {
    /* inquiry */
    body#inquiry section.contents.inquiry .container .main h2:after { width: 180px; }
    
    body#inquiry section.contents.inquiry .container .main table.mailform { font-size: 11px; }
    
    body#inquiry section.contents.inquiry .container .main table.mailform th {
        width: 100px;
        padding: 0;
    }
    body#inquiry section.contents.inquiry .container .main table.mailform td {
        word-break: break-all;
        word-wrap: break-word;
    }
    body#inquiry section.contents.inquiry .container .main div.btnList a {
        padding: 20px 30px;
        font-size: 15px;
    }
}
@media (min-width: 768px) and (max-width: 1249px) {
}
@media (max-width: 1249px) {
    /* inquiry */
    body#inquiry section.contents.inquiry .container .main p { font-size: 12px; }
}
@media (min-width: 1250px) {
}


/* ========== press ========== */

/* 一覧 */
body#press section.contents.press .container .menu h1 {
    background : url(../imgs/press/h1_press.png) no-repeat top center;
    height     : 399px;
}
body#press section.contents.press .container .main h2:after { width: 175px; }

body#press section.contents.press .container .main ul.pressList {
    padding   : 0;
    text-align: center;
}
body#press section.contents.press .container .main ul.pressList li {
    display       : inline-block;
    width         : 295px;
    /* min-height    : 388px; */
    margin        : 30px 8px;
    box-shadow    : 0 0 15px #ccc;
    /* border    : 1px dotted rgba(204, 204, 204, 0.10); */
    transition    : 0.2s;
    /* vertical-align: top; */
    position      : relative;
}
body#press section.contents.press .container .main ul.pressList li:hover {
    box-shadow: 0 0 15px rgba(230, 0, 18, 0.20);
    /* border    : 1px solid rgba(230, 0, 18, 0.75); */
    transform : scale(1.05);
}
body#press section.contents.press .container .main ul.pressList li a:hover {
    color      : #000;
    text-shadow: 1px 1px 0 #fff;
}
body#press section.contents.press .container .main ul.pressList li a:hover p { background-color: rgba(230, 0, 18, 0.05); }

body#press section.contents.press .container .main ul.pressList li span.newPress {
    position  : absolute;
    top       : -10px;
    left      : -10px;
    background: url(../imgs/press/icon_new.png) no-repeat;
    width     : 70px;
    height    : 44px;
}
body#press section.contents.press .container .main ul.pressList li img {
    max-width : 100%;
    max-height: 197px;
    display   : block;
    margin    : 20px auto 0;
}
body#press section.contents.press .container .main ul.pressList li hr { margin-bottom: 0; }

body#press section.contents.press .container .main ul.pressList li p {
    padding      : 10px 10px 30px;
    margin-bottom: 0;
}
body#press section.contents.press .container .main ul.pressList li span.category {
    float: left;
    border-radius: 5px;
    padding: 2px 4px 0 7px;
    font-weight: bold;
}
body#press section.contents.press .container .main ul.pressList li span.category.food {
    border: 2px solid #ff8100;
    background-color: rgb(255 129 0 / 7%);
    color: #ff8100;
}
body#press section.contents.press .container .main ul.pressList li span.category.darts {
    border: 2px solid green;
    background-color: rgb(0 128 0 / 7%);
    color: green;
}
body#press section.contents.press .container .main ul.pressList li span.category.exp {
    border: 2px solid #ed2020;
    background-color: rgb(236 33 33 / 7%);
    color: #ed2020;
}
body#press section.contents.press .container .main ul.pressList li span.category.lecture {
    border: 2px solid #756ebe;
    background-color: rgb(117 110 190 / 7%);
    color: #756ebe;
}
body#press section.contents.press .container .main ul.pressList li span.date {
    display      : block;
    text-align   : right;
    margin-bottom: 10px;
}
body#press section.contents.press .container .main div.pager { font-size: 30px; }

body#press section.contents.press .container .main div.pager a { color: #e60012; }

body#press section.contents.press .container .main div.pager span.glyphicon-home { color: #535353; }

body#press section.contents.press .container .main div.pager span.na { color: #ccc; }

/* 詳細 */
body#press section.contents.press.view .container .main div.detail p.subject {
    text-align : center;
    font-weight: bold;
    font-size  : 24px;
    margin     : 70px 0 50px;
}

body#press section.contents.press.view .container .main div.detail img.mainVisual {
    /* width    : 100%; */
    max-width: 750px;
    display: block;
    margin: auto;
}
/* body#press section.contents.press.view .container .main div.detail p.body { */
body#press section.contents.press.view .container .main div.detail div.body {
    padding: 50px 100px 20px;
    word-break: break-all;
    word-wrap : break-word;
}
body#press section.contents.press.view .container .main div.detail div.body a {
    text-decoration: underline;
    color          : #e60012;
}
body#press section.contents.press.view .container .main div.detail ul.photoList {
    padding        : 20px 100px;
    list-style-type: none;
}
body#press section.contents.press.view .container .main div.detail ul.photoList:after {
    content: "";
    display: block;
    clear  : both;
}
body#press section.contents.press.view .container .main div.detail ul.photoList li { width: 375px; }

body#press section.contents.press.view .container .main div.detail ul.photoList li:nth-of-type(1) { float: left; }
body#press section.contents.press.view .container .main div.detail ul.photoList li:nth-of-type(2) {
    float     : right;
    text-align: right;
}
body#press section.contents.press.view .container .main div.detail ul.photoList li img { width: 95%; }

body#press section.contents.press.view .container .main div.detail p.pdf {
    margin   : 40px auto;
    font-size: 17px;
    position : relative;
    width    : 315px;
}
body#press section.contents.press.view .container .main div.detail p.pdf:before {
    content        : "";
    display        : block;
    background     : url(../imgs/press/pdf.png) no-repeat;
    width          : 35px;
    height         : 42px;
    background-size: 35px;
    position       : absolute;
    top            : -11px;
    left           : 0;
}
body#press section.contents.press.view .container .main div.detail p.pdf a { text-decoration: underline; }

body#press section.contents.press.view .container .main div.detail a.btnBack {
    display         : block;
    width           : 200px;
    text-align      : center;
    font-size       : 23px;
    margin          : 70px auto 30px;
    background-color: #e60012;
    color           : #fff;
    padding         : 10px;
}
body#press section.contents.press.view .container .main div.detail a.btnBack span.glyphicon { top: 3px; }

@media (max-width: 767px) {
    body#press section.contents.press .container .main h2:after { width: 132px; }
    
    body#press section.contents.press.view .container .main div.detail p.subject {
        text-align: left;
        font-size : 14px;
        margin    : 30px 0;
    }
    /* body#press section.contents.press.view .container .main div.detail p.body { */
    body#press section.contents.press.view .container .main div.detail div.body {
        padding: 20px 0;
    }
    body#press section.contents.press.view .container .main div.detail ul.photoList { padding: 0; }
    
    body#press section.contents.press.view .container .main div.detail ul.photoList li {
        display   : block;
        width     : 100%;
        text-align: center !important;
    }
    body#press section.contents.press.view .container .main div.detail ul.photoList li:nth-of-type(1),
    body#press section.contents.press.view .container .main div.detail ul.photoList li:nth-of-type(2) { float: none; }
    
    body#press section.contents.press.view .container .main div.detail ul.photoList li:nth-of-type(1) { margin-bottom: 20px; }
    
    body#press section.contents.press.view .container .main div.detail ul.photoList li img {
        width    : 100%;
        max-width: 400px;
    }
}
@media (min-width: 768px) and (max-width: 1249px) {
    /* body#press section.contents.press.view .container .main div.detail p.body { */
    body#press section.contents.press.view .container .main div.detail div.body {
        width    : 100%;
        max-width: 750px;
        margin   : 0 auto 10px;
        padding  : 50px 0 20px;
    }
    body#press section.contents.press.view .container .main div.detail ul.photoList {
        width    : 100%;
        max-width: 750px;
        padding  : 20px 0;
        margin   : auto;
    }
    body#press section.contents.press.view .container .main div.detail ul.photoList li {
        width: 350px;
    }
}
@media (max-width: 1249px) {
}
@media (min-width: 1250px) {
}


/* ========== キリンビール感謝状 ========== */
#kirin section.contents .container .main {
    float : none;
    margin: auto;
}
#kirin section.contents.kirin.guide .container .main h2 { text-align: center; }
#kirin section.contents.kirin.guide .container .main h2 span.kirinH2 {
    color: #e60012;
    font-size: 43px;
    font-weight: bold;
}
#kirin section.contents .container .main .date {
    font-weight: bold;
    margin-bottom: 20px;
}
#kirin section.contents .container .main img {
    display  : block;
    margin   : 20px auto;
    border   : 1px solid rgba(235, 104, 119, 0.13);;
    max-width: 650px;
    width    : 100%;
}

@media (max-width: 767px) {
    #kirin section.contents.kirin.guide .container .main h2 { font-size: 13px; }
    #kirin section.contents.kirin.guide .container .main p  { font-size: 12px; }
}