@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/


/************************************
** 子テーマ用のスタイルを書く
************************************/
/****************
** 固定ページ共通
****************/
.page .date-tags,
.page .entry-title {
    display: none;
}


/****************
** 投稿ページ共通
****************/
.entry-content {
    margin-bottom: 0;
}


/****************
** フローティングバナー
****************/
.footer-left,
.footer-right {
    display: none;
}

.footer-center,
.footer-mobile {
    padding: 0;
    height: 0;
}

.banner-btn {
    background-color: rgba(0,0,0,0);
    border:0px;
    padding: 6px 6px;
    position: fixed;
    right: 0;
    bottom: 32px;
    -webkit-animation-name:side;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;

    -moz-animation-name:side;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease;
}

.banner-btn:hover {
    opacity: 0.8;
}

@-webkit-keyframes side {
    0% {-webkit-transform:translate(0, 0);}
    50% {-webkit-transform:translate(0, -4px);}
    100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes side {
    0% {-moz-transform:translate(0, 0);}
    50% {-moz-transform:translate(0, -4px);}
    100% {-moz-transform:translate(0, 0);}
}


/****************
** トップページ
****************/
#post-40 h1.entry-title {
    display: none;
}

.top-btn img {
    transition:0.3s;
    margin: 0 auto;
    display:block;
}

.top-btn:hover img {
    opacity:0.8;
}


/****************
** トップ結果表示
****************/
.top-result {
    display: flex;
    overflow-x: scroll;
    margin: 0;
}

.tbl-result {
    margin: 1px;
}

.tbl-result th,
.tbl-result td {
    text-align: center;
    white-space: nowrap;
}

.tbl-result tr:last-child {
    height: 8rem;
}

.result-ttl {
    font-size: 0.7rem;
}

.result-lot {
    font-weight: bold;
} 

.result-num {
    font-weight: bold;
    font-size: 1.5rem;
}

/* 【LOTO7】 */
.tbl-loto7 tbody tr th,
.tbl-loto7 tbody tr td {
    border-color: #ff0000;
}

.tbl-loto7 tbody tr th {
    background-color: #ff9999;
}

.tbl-loto7 tbody tr:nth-child(odd) td {
    background-color: #ffdddd;
}

/* 【LOTO6】 */
.tbl-loto6 tbody tr th,
.tbl-loto6 tbody tr td {
    border-color: #0000ff;
}

.tbl-loto6 tbody tr th {
    background-color: #9999ff;
}

.tbl-loto6 tbody tr:nth-child(odd) td {
    background-color: #ddddff;
}

/* 【MINILOTO】 */
.tbl-miniloto tbody tr th,
.tbl-miniloto tbody tr td {
    border-color: #aaaa00;
}

.tbl-miniloto tbody tr th {
    background-color: #ffff55;
}

.tbl-miniloto tbody tr:nth-child(odd) td {
    background-color: #ffffaa;
}

/* 【BINGO5】 */
.tbl-bingo5 tbody tr th,
.tbl-bingo5 tbody tr td {
    border-color: #9900dd;
}

.tbl-bingo5 tbody tr th {
    background-color: #cc66dd;
}

.tbl-bingo5 tbody tr:nth-child(odd) td {
    background-color: #eeccff;
}

/* 【NUMBERS4】 */
.tbl-numbers4 tbody tr th,
.tbl-numbers4 tbody tr td {
    border-color: #009900;
}

.tbl-numbers4 tbody tr th {
    background-color: #00dd00;
}

.tbl-numbers4 tbody tr:nth-child(odd) td {
    background-color: #ccffcc;
}

/* 【NUMBERS3】 */
.tbl-numbers3 tbody tr th,
.tbl-numbers3 tbody tr td {
    border-color: #ffaa00;
}

.tbl-numbers3 tbody tr th {
    background-color: #ffcc00;
}

.tbl-numbers3 tbody tr:nth-child(odd) td {
    background-color: #ffeecc;
}


/****************
** ボックスメニュー
****************/
.box-menu-label,
.box-menu-description {
    display: none;
}

.box-menu {
    padding: 8px;
    min-height: 0;
    width: calc(100%/6);
}

.box-menu:hover {
	opacity: 0.8;
}

.box-menu-icon {
}

.box-menu-icon img {
    margin: 0;
    max-width: 120px;
    max-height: 60px;
	transition:0.3s all;
}

.box-menu-icon img:hover{
	transform: scale(1.1,1.1);
	transition: 0.8s all;
}


/****************
** 個別結果表示
****************/
.alnRight {
    text-align: right;
}

.detail-result {
    table-layout: fixed;
    text-align: center;
    margin-bottom: 16px;
}

.detail-result tbody tr th {
    width: 25%;
}

.detail-result tbody tr td {
    white-space: nowrap;
}

.backnumber-btn a {
    font-weight: bold;
    color: #333333;
    border: 3px solid;
}

/* 【LOTO7】 */
.detail-loto7 tbody tr th,
.detail-loto7 tbody tr td {
    border-color: #ff0000;
}

.detail-loto7 tbody tr th {
    background-color: #ffdddd;
}

.detail-loto7 tbody tr td {
    background-color: #ffffff;
}

.bn-btn-loto7 a {
    border-color: #ff0000;
    background-color: #ffdddd;
}

/* 【LOTO6】 */
.detail-loto6 tbody tr th,
.detail-loto6 tbody tr td {
    border-color: #0000ff;
}

.detail-loto6 tbody tr th {
    background-color: #ddddff;
}

.detail-loto6 tbody tr td {
    background-color: #ffffff;
}

.bn-btn-loto6 a {
    border-color: #0000ff;
    background-color: #ddddff;
}

/* 【MINILOTO】 */
.detail-miniloto tbody tr th,
.detail-miniloto tbody tr td {
    border-color: #aaaa00;
}

.detail-miniloto tbody tr th {
    background-color: #ffffaa;
}

.detail-miniloto tbody tr td{
    background-color: #ffffff;
}

.bn-btn-miniloto a {
    border-color: #aaaa00;
    background-color: #ffffaa;
}

/* 【BINGO5】 */
.detail-bingo5 tbody tr th,
.detail-bingo5 tbody tr td {
    border-color: #9900dd;
}

.detail-bingo5 tbody tr th {
    background-color: #eeccff;
}

.detail-bingo5 tbody tr td {
    background-color: #ffffff;
}

.bn-btn-bingo5 a {
    border-color: #9900dd;
    background-color: #eeccff;
}

/* 【NUMBERS4】 */
.detail-numbers4 tbody tr th,
.detail-numbers4 tbody tr td {
    border-color: #009900;
}

.detail-numbers4 tbody tr th {
    background-color: #ccffcc;
}

.detail-numbers4 tbody tr td {
    background-color: #ffffff;
}

.bn-btn-numbers4 a {
    border-color: #009900;
    background-color: #ccffcc;
}

/* 【NUMBERS3】 */
.detail-numbers3 tbody tr th,
.detail-numbers3 tbody tr td {
    border-color: #ffaa00;
}

.detail-numbers3 tbody tr th {
    background-color: #ffeecc;
}

.detail-numbers3 tbody tr td {
    background-color: #ffffff;
}

.bn-btn-numbers3 a {
    border-color: #ffaa00;
    background-color: #ffeecc;
}


/****************
** フォーム画面
****************/
#post-9 h1.entry-title {
    display: none;
}

.form-content {
    margin-bottom: 24px;
}

.form-content p {
    margin-bottom: 6px;
}

.form-btn {
    margin-top: 40px;
    text-align: center;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*835px以上*/
@media screen and (min-width: 835px){
    .mb-dsp {
        display: none;
    }
}

/*834px以下*/
@media screen and (max-width: 834px){
    .pc-dsp {
        display: none;
    }
    .mb-dsp tbody td {
        text-align: center;
    }
    .wp-block-button {
        white-space: nowrap;
    }
    .footer-bottom-logo .logo-image {
        max-width: 100%;
    }
    .footer-bottom-logo img {
     height: auto;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
}