/*header*/
#menu_frame a {
    color: #444;
}
.frame_header {
    width: 100%;
    z-index: 10;
}

.head_login_name {
    font-size: 4.0625vw;
    font-weight: bold;
    text-align: right;
    display: none;
    height: 6.5625vw;
}

.head_login_name a {
    color: #444;
}
/*20170223 access*/
div.head_login_name {
    background-color:#f5f5ed;
    text-align:center;
    font-size:4.375vw;
    padding-top:2px;
}

div.head_login_name a.username {
    width:78.125vw;
/*    font-size:2.8125vw;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:inline-block;
}

div.head_login_name a.modifybtn {
    width:18.75vw;
    display:inline-block;
    font-size:2.5vw;
    float:right;
    margin:4px 8px 0px 0px;
    color:#FFFFFF;
    text-decoration:none;
    background-color:#eb6e8e;
    padding:0px 6px;
    border-radius:8px;
}

div.head_login_name a {
    color:#000000;
}
.head_login_name.logined {
    display: block;
}

.head_frame_btns {
    position: relative;
    height: 16.25vw;
}

.head_logo {
    position: absolute;
    margin-left: 3.75vw;
    top: 3.75vw;
}

.head_logo a {
    height: auto;
}

.head_logo img {
    width: 29.0625vw;
    height: auto;
}

.head_btn_regist {
    position: absolute;
    /*margin-left: 50vw;*/
    margin-left: 40.625vw;
    box-sizing: content-box;
    font-size: 0;
    text-align: center;
    top: 3.4375vw;
    /*width: 12.5vw;*/
    width: 15.625vw;
}

.head_btn_regist img {
    height: 6.25vw;
    width: auto;
}
.head_btn_regist div{
    font-size: 2.1875vw;
}

.head_btn_login {
    position: absolute;
    /*margin-left: 62.5vw;*/
    margin-left: 56.25vw;
    box-sizing: content-box;
    font-size: 0;
    text-align: center;
    top: 3.4375vw;
    /*width: 12.5vw;*/
    width: 15.625vw;
}

.head_btn_login img {
    height: 6.25vw;
    width: auto;
}
.head_btn_login div{
    font-size: 2.1875vw;
}

.head_btn_search {
    position: absolute;
    /*margin-left: 75vw;*/
    margin-left: 71.875vw;
    box-sizing: content-box;
    font-size: 0;
    text-align: center;
    top: 3.4375vw;
    /*width: 12.5vw;*/
    width: 15.625vw;
}

.head_btn_search img {
    width: 6.25vw;
    height: auto;
}
.head_btn_search div{
    font-size: 2.1875vw;
}

.head_btn_menu {
    position: absolute;
    margin-left: 87.5vw;
    border: 0.3125vw solid #ffffff;
    z-index: 400;
    top: 3.4375vw;
    box-sizing: content-box;
    border-radius: 0.9375vw;
    font-size: 0;
    opacity: 0.8;
}

.head_btn_menu.scrolled {
    position: fixed;
    top: 3.125vw;
}

.head_btn_menu img, .head_btn_menu_nav img {
    width: 9.375vw;
    height: auto;
    border-radius: 1.25vw;
}

.head_btn_menu_nav {
    position: absolute;
    margin-left: 87.5vw;
    border: 0.3125vw solid #ffffff;
    z-index: 1000;
    width: 9.375vw;
    height: 9.375vw;
    top: 3.4375vw;
    box-sizing: content-box;
    border-radius: 1.25vw;
}

/*サーチバー*/
.frame_searchbar {
    position: absolute;
    top: 13.75vw;
    width: 100vw;
    height: 0vw;
    background: url("/2026/front/common/img/search_bg2_80.png");
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 498;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    overflow: hidden;
}

.frame_searchbar.open {
    height: 23.4375vw;
}

#frame_searchbar_bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba( 0, 0, 0, 0);
    z-index: 497;
    top: 0;
    left: 0;
}

#frame_searchbar_bg.open {
    display: block;
}

.frame_inputbox {
    display: block;
    height: 10.46875vw;
    width: 93.75vw;
    margin-left: auto;
    margin-top: 4.53125vw;
    overflow: hidden;
    border-radius: 0.625vw;
    background: #dddddd;
    margin-right: auto;
    line-height: 10.46875vw;
}
.frame_radio {
    font-size: 3.4375vw;
    color: #fcfcfc;
    display: inline-block;
    margin-left: 1.875vw;
    line-height: 5.3125vw;
}
.frame_radio div {
    display: inline-block;
    padding: 0vw 1.875vw;
    border: 0.3125vw solid #fcfcfc;
    margin: 1.25vw;
    background: #fcfcfc;
    color: #4193e0;
    border-radius: 0.625vw;
}
.frame_radio div.active {
    color: #fcfcfc;
    background: #eb6e8e;
}

.input_search {
    height: 100%;
    margin: auto;
    width: 76.5625vw;
    border-style: none;
    background-color: #ffffff;
    background-image: url("/2026/front/common/img/search_icon.png");
    background-position: 3.4375vw center;
    padding-left: 10.625vw;
    background-size: 4.6875vw;
    background-repeat: no-repeat;
    font-size: 3.75vw;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: inline;
    padding-right: 0;
}

.submit_search {
    color: #ffffff;
    background: #444444;
    border-style: none;
    width: 16.875vw;
    height: 100%;
    font-size: 3.75vw;
    padding: 0;
    border: 0;
    float: right;
    text-align: center;
}

.submit_search:after {
    clear: both;
}


/*オーバーレイメニュー*/

#menu_frame {
    display: none;
    width: 100vw;
    background: rgba( 0, 0, 0, 0.7);
    position: fixed;
    right: auto;
    top: 0;
    z-index: 500;
    overflow-y: auto;
    height: 100%;
    padding-top: 14.0625vw;
}

#menu_frame.open {
    display: block;
}

#menu_frame_bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba( 0, 0, 0, 0);
    z-index: 499;
    top: 0;
    left: 0;
}

#menu_frame_bg.open {
    display: block;
}

.menu_top a {
    display: block;
    color: #ffffff;
    text-align: center;
    line-height: 10.9375vw;
    font-size: 3.75vw;
    font-weight: bold;
}

.menu_select, .menu_2017, .menu_2018 {
    color: #ffffff;
    height: 10.9375vw;
    margin: 3.125vw;
    text-align: center;
    line-height: 10.9375vw;
    text-decoration: underline;
}

.menu_login {
    color: #ffffff;
    width: auto;
    height: 10.9375vw;
    background: #4193e0;
    margin: 2vw 3.125vw;
/*
    margin-top: 3.125vw;
    margin-left: 3.125vw;
    margin-right: 3.125vw;
*/
    text-align: center;
    line-height: 10.9375vw;
}

.menu_register {
    color: #ffffff;
    width: auto;
    height: 10.9375vw;
    background: #ff7070;
    margin: 2vw 3.125vw;
/*
    margin: 3.125vw;
*/
    text-align: center;
    line-height: 10.9375vw;
}

#acMenu {
    margin-bottom: 3.125vw;
}

#acMenu dd div {
    color: #333333;
    display: block;
    height: 9.375vw;
    width: auto;
    padding-left: 3.125vw;
}


#acMenu dt {
    display: block;
    font-size: 2.8125vw;
    color: #ffffff;
    background: #000000;
    width: auto;
    height: 9.375vw;
    line-height: 9.375vw;
    padding-left: 3.125vw;
    margin-left: 3.125vw;
    margin-right: 3.125vw;
}

#acMenu dt:after {
    content: "";
    float: right;
    margin-right: 3.125vw;
    margin-top: 2.34375vw;
    width: 4.6875vw;
    height: 4.6875vw;
    background-image: url("/2026/front/common/img/menu_ac_btn_down_icon.png");
    background-size: 4.6875vw;
    background-repeat: no-repeat;
}

#acMenu dt.open:after {
    content: "";
    float: right;
    margin-right: 3.125vw;
    margin-top: 2.34375vw;
    width: 4.6875vw;
    height: 4.6875vw;
    background-image: url("/2026/front/common/img/menu_ac_btn_up_icon.png");
    background-size: 4.6875vw;
    background-repeat: no-repeat;
}

#acMenu dd div {
    display: block;
    font-size: 2.8125vw;
    background: #ffffff;
    width: auto;
    height: 9.375vw;
    line-height: 9.375vw;
    border-bottom: 0.3125vw solid #ededed;
    margin-left: 3.125vw;
    margin-right: 3.125vw;
}

#acMenu dd div:before {
    content: "";
    float: right;
    margin-right: 3.125vw;
    margin-top: 2.8125vw;
    width: 1.875vw;
    height: 3.75vw;
    background-image: url("/2026/front/common/img/menu_next_icon.png");
    background-size: 1.875vw;
    background-repeat: no-repeat;
}

#menu_mypage_content {
    height: 0;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#menu_mypage_content.open {
    height: auto;
}

#menu_search_content {
    height: 0;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#menu_search_content.open {
    height: auto;
}

#menu_sight_content {
    height: 0;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#menu_sight_content.open {
    height: auto;
}

#menu_find_content {
    height: 0;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#menu_find_content.open {
    height: auto;
}

#menu_learn_content {
    height: 0;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#menu_learn_content.open {
    height: auto;
}

.menu_search {
    padding-left: 3.125vw;
}