div.margin_auto{
    margin:auto;
}
div.page_title {
    text-align: center;
}

div.div_oshirase_view{
    width:100%;
    padding-left:1rem;
    height:20rem;
    overflow-y:scroll;
    background-color: var(--white-col);
}
div.oshirase_content_title {
    text-align: center;
    font-size: 2rem;
    color: var(--emerald-col);
    margin: 2rem 0 1rem;
}
div.oshirase_content_title::before {
    content: url(../images/hd_news01.png);
    display: inline-flex;
    vertical-align: middle;
    transform: scale(0.9);
}
div.oshirase_date{
    margin-top:1rem;
    padding-left:1rem;
    width:calc(100% - 1rem);
    display: inline-block;
    background: var(--blue-col);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0;
    color: var(--white-col);
    font-size: 1.2rem;
    border-radius: 0.5rem;
}
div.white_line{
    border-right: 5px solid var(--white-col);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    display:inline-block;
}

div.oshirase_title{
    /*padding-left:2rem;*/
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    font-size: 1.2rem;
    cursor: pointer;
    border-top:1px solid var(--water-col);
    border-bottom:1px solid var(--water-col);
    width:calc(100% - 1rem);
}
div.oshirase_title:hover{
    font-size: 1.25rem;
    font-weight:bold;
    border-top:1px solid var(--gray-col);
    border-bottom:1px solid var(--gray-col);
}

div.highlight{
    color:red;
    display:inline-block;
    padding-left:1rem;
    padding-right:1rem;
}

table.oshirase_table {
    width: 100%;
    border-bottom: 2px dotted var(--emerald-col);
    background-color: var(--white-col);
}
table.detail_table tr:nth-child(2n+1) td {
    background-color: var(--celadon-col);
}
table.detail_table td {
    border-top: 2px dotted var(--emerald-col);
}
div.click_data {
    padding: 1rem;
    cursor: pointer;
}
div.click_data a {
    display: flex;
    font-size: 1.2rem;
    color: var(--emerald-col);
}
div.click_data a span.start_date {
    display: block;
    width: 7rem;
    font-size: 1.2rem;
    color: var(--emerald-col);
}
span.new_flg,
span.highlight_flg {
    margin-left: 0;
    margin-right: 0.5rem;
}

div.iframe_div{
    width:100%;
    padding-left:10%;
    padding-right:10%;
    margin-top: 2rem;
}
div.iframe_div > iframe{
    width:100%;
    border:none;
}

div.qrcode {
    border: 2px solid var(--yellow-col);
    margin: 2rem 0;
}

span.shinsei_nagare{
    font-size:1.2rem;
}

div.div_category_panel {
    margin-right: 2rem;
    width: 9rem !important;
/*    font-size: var(--default-font-size);*/
    border-radius: 1.5rem;
    box-shadow: 3px 3px 2px 0px var(--shadow-col);
    border: none;
    height: 9rem;
    padding: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 1.5rem;
}
div.div_category_panel > div {
    margin: 1rem;
}
div.div_category_panel:last-child {
    margin-right:0;
}

input.search_word {
    width: calc(100% - 9rem);
    border: solid 1px var(--emerald-col);
    padding: 0.5rem 1rem;
    margin: 0;
}
button.search_button {
    margin: 0 0 0 1rem;
    padding: 0.5rem 1.5rem 0.5rem 3rem;
    background-color: var(--emerald-col);
    background-image: url(../images/btn_search01.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 1.25rem;
    background-position-x: 1rem;
}
input.search_word,
button.search_button {
    border-radius: 2rem;
    height: auto;
    margin-bottom: 2rem;
}

div.meisho_buttons {
    box-shadow: 0 5px 10px -4px var(--header-shadow-col);
    margin-bottom: 0.5rem;
}

div.div_shinsei_select{
    font-size: 1.2rem;
    font-weight:bold;
    width: 60rem;
    background-color:var(--white-col);
    box-sizing:border-box;
    border-radius:0.5rem 0 0 0.5rem;
}
div.div_step{
    border-radius:0.5rem 0 0 0.5rem;
    border-top:1px solid var(--yellow-col);
    border-bottom:1px solid var(--yellow-col);
    background-color:var(--yellow-col);
    display: inline-block;
    padding-top:0.3rem;
    padding-bottom:0.3rem;
    padding-left:1rem;
    padding-right:1rem;
    width: 7rem;
    text-align: center;
}

div.shinsei_select{
    display: inline-block;

    /*background-color:var(--blue-col);*/
    /*color:var(--white-col);*/
    display: inline-block;
    padding-top:0.3rem;
    padding-bottom:0.3rem;
    padding-left:1rem;
    padding-right:1rem;

    /*width: 40rem;

    */
}


table.detail_table{
    width: 100%;
}