@charset "utf-8";

header {
    border-bottom: 1px solid #CDCDCD;
    /* padding-bottom: 7px; */
    margin: 0 10px 10px 10px;
    min-width: 1280px;
}

header>* {
    max-width: 1300px;
}

#headerTop {
    /* min-width: 1300px;
    max-width: 1300px;
    width: 100%;
    margin-left: auto;
    margin-right: auto; */
}

#headerTop .btn {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

#logo p {
    /* font-weight: bold;
    margin-bottom: 0px; */
}

/* 占い */
#header_uranai {
    background-image: url(../../images/202210/line2.png);
    background-repeat: no-repeat;
    background-position: right center;
}

#header_uranai figure {
    margin: 0 0 0.5rem !important;
}

#header_uranai dl dt,
#header_uranai dl dd {
    font-weight: bold;
    font-size: 0.750rem;
    white-space: nowrap;
    text-align: left;
}

.bootstrap .uranai_link {
    text-decoration: none;
}

/* ユーザメニュー */
#topNavi li {
    font-size: 0.6875rem;
    background-image: url(../../images/202210/line.png);
    background-repeat: no-repeat;
    background-position: right center;
}

#topNavi li a {
    color: #484848;
}

#topNavi li a:hover {
    text-decoration: underline;
}

#topNavi li:last-child {
    background-image: none;
}

/* 天気 */
#header_weather p,
#header_weather figure {

    /* padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 0px !important; */
    /* padding-top: 7px !important; */
    /* margin-bottom: 0px !important;
    margin-top: 0px !important; */
}

#header_weather a {
    font-size: 0.6875rem;
    /* margin-right: 10px; */
    /* text-decoration: none; */
}

#header_weather p {
    /* font-weight: bold; */
}

#header_weather span.max-temperature {
    color: #D05900;
}

#header_weather span.min-temperature {
    color: #0077D0;
}

/* ログインユーザ名 */
#headerTop #name {
    margin-top: 0.7rem;
    margin-bottom: 0.3rem;
}

/* メニュー */
#global {
    width: 100%;
    flex-wrap: nowrap;
    display: grid;
    grid-auto-flow: column;
    margin-right: 15px;
}

#global .nav-link {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

#global li {
    font-size: 0.750rem;
    font-weight: bold;
    background-image: url(../../images/202210/line.png);
    background-repeat: no-repeat;
    background-position: right center;
}

#global li:last-child {
    background-image: none;
}

#global li a {
    color: #484848;
    padding-right: 12px !important;
    padding-left: 12px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

#global li a:hover {
    color: #FFFFFF;
    background-color: #30699F;
}

#global-layout {
    /* max-width: 1324px;
    min-width: 1324px;
    width: 100%;
    margin-left: auto;
    margin-right: auto; */
}

#global-layout form {
    max-width: 168px;
    width: 100%;
    border: 1px solid #707070;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
}

#global-layout form input {
    border-width: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-radius: 0px;
    transition: background-color 10000s ease-in-out 0s;
}

#global-layout form input:focus {
    border-color: #fff;
    box-shadow:none;
}

.gnavi__list {
    position: relative;
    transition: all .3s;
}

.gnavi__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    transition: all .3s;
}

.gnavi__list:hover a {}

.gnavi__list:hover .dropdown__lists {
    display: block;
    /*Gナビメニューにホバーしたら表示*/
}

.dropdown__lists {
    display: none;
    /*デフォルトでは非表示の状態にしておく*/
    width: 390px;
    position: absolute;
    top: 30px;
    left: 0;
    background-color: #FFFFFF;
    z-index: 15;
    border: 2px solid #30699F;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.right_d {
    right: 0 !important;
    left: auto !important;
}

.dropdown__lists h2 {
    color: #30699F;
    font-weight: bold;
    font-size: 0.875rem;
    text-align: left;
    border-bottom: 2px dotted #30699F;
    margin-bottom: 9px;
}

.dropdown__lists p {
    font-size: 0.750rem;
    font-weight: bold;
    text-align: left;
    border-bottom: 2px dotted #30699F;
}

.dropdown__lists ul li,
.dropdown__lists ul,
.dropdown__lists ul li a {
    background-image: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}

.dropdown__lists ul {
    display: flex;
    flex-wrap: wrap;
    background-image: url(../../images/202210/yajirushi.png) !important;
    background-repeat: no-repeat !important;
    background-position: 15px 10px !important;
    padding-left: 20px !important;
    margin-bottom: 30px !important;
}

.dropdown__lists ul:last-child {
    margin-bottom: 0px !important;
}

.dropdown__lists ul li {
    line-height: 1.5 !important;
}

.dropdown__lists ul li a {
    background-color: #FFFFFF !important;
    color: #484848 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.dropdown__lists ul li a:hover {
    text-decoration: underline;
}

.dropdown__lists .margin_b_0 {
    /* margin-bottom: 0px !important; */
}

/* 検索 */
#search_form::-webkit-search-cancel-button,
#search_form::-webkit-search-decoration {
    -webkit-appearance: none;
}

.search_form_img {
    background-image: url(../../images/202210/megane.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.search_dropdown_noactive~#search_dropdown,
#search_form:not(:focus)~#search_dropdown:not(:hover) {
    display: none;
}

#search_dropdown {

    position: absolute;
    z-index: 10;
}

#search_dropdown ul li {
    list-style-type: none !important;
    margin: 0 0 -1px;
}

#search_dropdown ul li a {
    border: 2px solid #30699F;
    width: 168px;
    display: block;
    background-color: #FFFFFF;
    color: #30699F;
    font-weight: bold;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url(../../images/202210/yajirushi3.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
}

#search_dropdown ul li [aria-selected="true"] {
    border: 2px solid #30699F;
    background-image: url(../../images/202210/yajirushi3_w.png);
    width: 168px;
    display: block;
    background-color: #30699F;
    color: #FFFFFF;
    font-weight: bold;
}

#searchBlock {
    position: relative;
}

#search_dropdown {
    position: absolute;
    right: 0px;
    top: 30px;
}