@charset "utf-8";

.box_magazine {
    /* display: flex; */
}
.box_magazine a{
    display: block;
}
.box_magazine .atag {display: flex;margin-bottom: 10px;flex-direction: column;width: 100%;}

.box_magazine .atag .box_magazine_img img ,
.link_to_wise_magazine_viewer img{transition: all .1s linear;border: 1px solid #aaa;box-shadow: 0 0 2px #aaa;margin: 0;width: 100%;box-sizing: border-box;}
.link_to_wise_magazine_viewer img{
    border: none;
}
.box_magazine .atag:hover img,
.box_magazine .atag:active img,
.link_to_wise_magazine_viewer:hover img,
.link_to_wise_magazine_viewer:active img
{
opacity: 0.75;
}

.box_magazine .atag .box_magazine_img {float: none;width: 100%;margin: 0 0 10px;}

.box_magazine .box_magazine_txt {width: 100%;}
.box_magazine .box_magazine_txt .fade {
}
.box_magazine .box_magazine_txt .number {margin-bottom: 0;line-height: initial;}
.box_magazine .box_magazine_txt .date {
}
.box_magazine .box_magazine_txt .description {margin-bottom: 0;}
.box_magazine .box_magazine_txt .description.text_long {display: none;}
.box_magazine .box_magazine_txt .link_to_wise_magazine_viewer {
}
.box_magazine .box_magazine_txt .link_to_wise_magazine_viewer img {
}

.box_magazine:after{content:none;}




.home .box_magazine {}
.home .box_magazine a{}
.home .box_magazine .atag {flex-direction: row;justify-content: space-between;}

.home .box_magazine .atag .box_magazine_img img ,
.link_to_wise_magazine_viewer img{}
.link_to_wise_magazine_viewer img{}
.home .box_magazine .atag:hover img,
.home .box_magazine .atag:active img,
.link_to_wise_magazine_viewer:hover img,
.link_to_wise_magazine_viewer:active img
{}

.home .box_magazine .atag .box_magazine_img {
    width: 49%;
}

.home .box_magazine .box_magazine_txt {
    width: 46%;
}
.home .box_magazine .box_magazine_txt .fade {
}
.home .box_magazine .box_magazine_txt .number {}
.home .box_magazine .box_magazine_txt .date {
}
.home .box_magazine .box_magazine_txt .description {}
.home .box_magazine .box_magazine_txt .link_to_wise_magazine_viewer {
}
.home .box_magazine .box_magazine_txt .link_to_wise_magazine_viewer img {
}

.home .box_magazine:after{}

/*show small banner when desktop and home */
.link_to_wise_magazine_viewer.banner_S{display: none;}
.link_to_wise_magazine_viewer.banner_M{display: block;display: none;}

.home .link_to_wise_magazine_viewer.banner_S{display: block;display: none;}
.home .link_to_wise_magazine_viewer.banner_M{display: none;}


.wise_viewer_page #use_parts .col2 {
}
.wise_viewer_page #use_parts .col2 .col2_1 {
    width: calc(100% - 50px);
    margin: 0;
}
.wise_viewer_page #use_parts .col2 .col2_1 #wise_magazine_viewer_wrap {
}

.wise_viewer_page #use_parts .col2 .col2_2 {width: 50px;/* background: #eee; *//* border: 1px solid #777; *//* border-left: none; */display: flex;flex-direction: column;flex-flow: column;margin: 0;}
.wise_viewer_page #use_parts .col2 .col2_2 .tool_bar_box {
}
.wise_viewer_page #use_parts .col2 .col2_2 .tool_bar_box .navi {
}
.wise_viewer_page #use_parts .col2 .col2_2 .tool_bar_box .navi .navi_button {
    width: 50px;
    /* height: 50px; */
    /* border: 1px solid #777; */
    /* box-sizing: border-box; */
    display: flex;
    /* background: #000000; */
    /* color: #fff; */
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: 0 auto 10px;
    margin: auto;
    justify-content: center;
    align-items: center;
    padding: 10px 0 10px;
    cursor: pointer;
    max-height: none;
    /* border-left: none; */
}

.wise_viewer_page #use_parts .col2 .col2_2 .tool_bar_box .navi .navi_button::before {
    margin: 0px auto 10px;
}

.wise_viewer_page #use_parts .col2 .col2_2 .tool_bar_box .navi .navi_button:hover{

}

.wise_viewer_page #use_parts .col2 .col2_2 .tool_bar_box .navi .prev {
}
.wise_viewer_page #use_parts .col2 .col2_2 .tool_bar_box .navi .next {
}

.wise_viewer_page #use_parts .col2 .col2_2 .tool_bar_box .navi a {
    border: 1px solid #777;
    box-sizing: border-box;
    display: block;
    border-left: none;
}
.wise_viewer_page #use_parts .col2 .col2_2 .tool_bar_box .navi a:hover,
.wise_viewer_page #use_parts .col2 .col2_2 .tool_bar_box .navi a:active {
    text-decoration: none;
    background: #000;
    display: block;
    color: #fff;
    border: 1px solid #000;
    border-left: none;
}


.wise_viewer_page #use_parts .col2.wisepage {
    /* margin-bottom: 10px; */
    background: #000;
    color: #fff;
    padding: 10px 10px 0;
}
.wise_viewer_page #use_parts .col2.wisepage .col2_1 {
    width: auto;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
}
.wise_viewer_page #use_parts .col2.wisepage .col2_2 {
    width: auto;
    margin-bottom: 10px;
}
.wise_viewer_page #use_parts .col2.wisepage .col2_2 .icon_zoom{
    flex-direction: row;
    align-items: baseline;
    font-size: 80%;
    margin: 0;
}

/*============================
#global_menu
============================*/
#global_menu {
}
#global_menu .menu {
}
#global_menu .menu .menu-item.menu-item-has-children {/* margin-left: 20px; */}
#global_menu .menu .menu-item.menu-item-has-children a {}
#global_menu .menu .menu-item.menu-item-has-children.active a{border-color:#000;}


#global_menu .menu .menu-item.menu-item-has-children .sub-menu {background: #fff;/* box-shadow: 0 0 3px #fff; *//* border: 3px solid #000; */}
#global_menu .menu .menu-item.menu-item-has-children .sub-menu .menu-item {line-height: normal;}
#global_menu .menu .menu-item.menu-item-has-children .sub-menu .menu-item a {display: flex;align-items: center;height: auto;line-height: normal;background: #000;text-align: left;font-size: 13px;padding: 15px;background: transparent;color: initial;border-left: 3px solid transparent;}
#global_menu .menu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover{
    color: #f55;
    border-left: 3px solid #f55;
    box-sizing: border-box;
}
#global_menu .menu .menu-item a:hover{color: #f55;border-color: #000;}



/*
WiSE Biz
 */
.page-template-page-noside #main_contents,
/*.page-template-page-biz-top #main_contents,*/
.page-template-page-full-width #main_contents,
.page-template-page-noside #main_col,
/*.page-template-page-biz-top #main_col,*/
.page-template-page-full-width #main_col{
        width: 100% !important;
        margin: 0;
}