@charset "utf-8";
/*
Theme Name:JMAG
Theme URI:https://www.jmag-international.com/
Version:22.5
Author:JSOL
*/


/* レイアウト追加
------------------------------------------------------------*/
#header--primary {position: relative;z-index: 2;font-size: .75rem;line-height: 10px;padding: 5px 1rem;background-color: #000000;color:#ffffff;}
#header_top .inner2 {min-height: 10px;}
.inner2 { width: 100%; max-width: 1200px; margin: 0 auto; position: relative;}
#toppage_menu { position:relative; z-index:20; margin:0 -28px 0 0; }
#toppage_menu a { color:#fff; text-decoration:none; }
#toppage_menu ul { font-size:0; position:relative; text-align:right; margin:0 auto; }
#toppage_menu ul > li { font-size:1%; position:relative; display:inline-block; }
#toppage_menu ul > li > a {
  font-size:13px; text-decoration:none; height:40px; line-height:40px; display:block; padding:0 20px;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#toppage_menu ul ul { display:none; }
#toppage_menu2 { display: none; }
#header_logo, #header_logo_fix {margin-top: 5px;}
@media only screen and (max-width: 1024px){
#header_logo, #header_logo_fix {margin-top: 0;}
#header--primary { display: none; }
#global_menu a, #global_menu > ul > li > a { color: #ffffff !important; }
#global_menu ul ul a { color: #ffffff !important; }
#toppage_menu2 { display: block; }
toppage_menu2 { position:relative; z-index:20; margin:0 -28px 0 0; }
#toppage_menu2 a { color:#fff; text-decoration:none; }
#toppage_menu2 ul { font-size:0; position:relative; text-align:right; margin:0 auto;display: grid; }
#toppage_menu2 ul > li { font-size:1%; position:relative; display:inline-block; }
#toppage_menu2 ul > li > a {
   position:relative; display:block; margin:0; padding:9.5px 14px; height:auto; min-height:40px; line-height:1.6; overflow:hidden; text-decoration:none; font-size:13px;color: #ffffff !important;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
}
#post_list2 .article #post_meta_bottom a{display: inline; padding: 0;}

/* デフォルト変更
------------------------------------------------------------*/
#header_logo .logo, #header_logo_fix .logo{line-height: 58px;}
#post_list .article .image, #post_list2 .article .image {border: 1px #ccc solid;}
.cb_content-carousel .excerpt {color: #000;}
@media only screen and (max-width: 991px){#post_list2 .article .date {margin: 12px 0 0 0; padding: 0; line-height: 2;}}
.well2 div.su-row{margin-bottom: 0.5em;}
.post_content th {font-weight: bold;}
#article_header {margin: 0 0 40px 0 !important;}
#global_menu > ul > li > a {font-size: 12px;}
#index_header_search .searchandfilter li input[type="text"]{padding: 5px 10px;}
.su-accordion { margin-bottom: 0 !important; }
.well4 {margin: 1em 0 30px;padding: 1em 1.5em;line-height: 2;border: 1px solid #cdcdcd;background: #fff;box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3);}
.post_content p {line-height: 1.8;margin: 0 0 1.5em 0;}
.su-column {line-height: 2.0;}
.side_widget .menu li {border-top: 1px solid #e2e2e2; padding:10px 0 5px 5px;margin:5px 0 5px 0}
.side_widget .menu li:last-child{border-bottom: 1px solid #e2e2e2;padding-bottom: 10px;}
.side_widget .menu li ul li:last-child {border-bottom:none;margin-bottom:0;}
.side_widget .menu ul li:last-child{margin:5px 0;}
.side_widget .menu li a{color: #222222 !important;}
.tcdw_icon_menu_list_widget li a {color: #2e2e2e !important;}
@media only screen and (max-width: 767px){
    #header_slider {height: 200px;background-color: #000;}
    #header_slider .caption {top: 25%;}
    #header_slider .item img {height:auto !important; left:0 !important;-webkit-transform: translateX(0%) !important;-mox-transform: translateX(0%) !important;-ms-transform: translateX(0%) !important;-o-transform: translateX(0%) !important;transform: translateX(0%) !important;}
}
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 {line-height: 1.6;}
.post_content {line-height: 2.0;}

.cb_content-carousel .image {border: solid 1px #cccccc;}
.cb_content-carousel a:hover .image .title {color: #ffffff !important;}
h3.side_headline.rich_font{color: #022a74!important;font-weight:700;}
.introduce_list_col .info .more{font-size: 12px;}
.introduce_list_col .info .excerpt {line-height: 1.5;font-size: 13px;}
#header_slider {background-color: #000000;}
ul.meta li.text {display: block;margin: 10px 0 0 0;color: #999;line-height: 2.2;font-size: 14px;}
#header_top {border-bottom: 1px solid #dee2e6;}


/* TOP page(修正) */
.home-default #main_col {margin-top: 25px;}
.cb_content {margin: 0 0 25px 0;}
#introduce_list {margin: 36px 0 0 0;}
.card {margin-bottom: 20px!important;}
.card-header {padding: 0.75rem 1.25rem!important; margin-bottom: 0!important;}
.row-eq-height {display: -webkit-flex;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;}
.btn_more {position: absolute;right: 15px;bottom:15;}
.modal-header .post_content h3{padding: 0;}


/* 一覧(修正) */
#post_list2 { margin:25px 0; }
#post_list2 .article { border:1px solid #ddd; border-top:none; }
#post_list2 .article:first-child { border-top:1px solid #ddd; }
#post_list2 .article a { display:block; padding:30px; text-decoration:none; }
#post_list2 .article .image {float:left;width: 20%;overflow:hidden;position:relative;padding-bottom: 14.502%;}
#post_list2 .article .image:before {content:'';display:block;padding-top: 27.5%;}
#post_list2 .article .image img {display:block;width:150px;height:auto;position:absolute;top:5px;left:5px;}
#post_list2 .article .info { float:right; width:76.667%; color:#000; }
#post_list2 .article .meta { margin:0 0 16px 0; padding:0; }
#post_list2 .article .title { margin:0 0 12px 0; padding:0; font-size:15px; line-height:1.7; font-weight:700; }
#post_list2 .article .excerpt { margin:0 0 -0.5em 0; padding:0; font-size:13px; line-height:1.5; }
#post_list2 .article .date {margin: 12px 0 0 0; padding: 0; font-size:13px; line-height: 2;}

/* 新規追加
------------------------------------------------------------*/
.breaking-out {margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);}
.section-container {	padding-right: calc(50vw - 50%);padding-left: calc(50vw - 50%);}


/* 見出し追加
------------------------------------------------------------*/
@media (max-width: 768px) {
.post_content .style3b {font-size: 15px!important;}
.post_content .style3h {font-size: 30px;padding: 40px 0 20px;font-weight: 600;}

}

.post_content .style3b {font-size: 22px;border-top: 3px solid #616161!important;}
.post_content .style2c {font-size:1.5rem;color:#334D67;background:#F6F6F6;padding:1.5rem 0 1.5rem 1.2rem;border-left:8px solid #334D67;font-weight:normal;margin-bottom:2.4rem;margin-top:50px;}
.post_content .style3c {margin: 30px 0 20px; padding: 8px 0 8px 35px; color: #000040; font-size: 16px; font-weight: 700; border-bottom: 1px dotted #333; background: url(img/common/tit3.gif) top left no-repeat; background-position: 0; vertical-align: top;}
.post_content .style3d {font-size:16px;font-weight:700;margin-top:30px; margin-bottom: 30px;padding-left: 5px;position: relative; padding-bottom: .5em;border-bottom: 4px solid #ccc;line-height: 1.5!important;}
.post_content .style3d::after{position: absolute;bottom: -4px;left: 0;z-index: 2;content: '';width: 20%;height: 4px;background-color: #000;}
.post_content .style3e {margin: 30px 0;padding: 0 0 0.4em;border-bottom: solid 3px #000;font-weight: bold;}
.post_content .style3f {margin:3em 0 1.5em; padding:18px; font-size:20px; font-weight:500; border-left:10px solid #08348b; /*border-bottom:1px solid #ddd;*/ background:#fafafa; /*box-shadow:0px 1px 2px #f7f7f7;*/}
.post_content .style3g {margin:3em 0 1.5em; padding:1.1em .9em 1em; font-size:22px; font-weight:400; background:#fafafa; box-shadow:0px 1px 2px #f7f7f7;line-height: 1.6; }
.post_content .style3h {font-size: 22px;padding: 0 0 20px;font-weight: 600;}
.post_content .style3i {margin: 40px 0 30px 0;padding: 0 0 0.4em;border-bottom: solid 2px #000;font-weight: bold; font-size: 20px;}
.post_content .style3j {position: relative;font-size: 16px;font-weight: bold;background-color: #f5f5f5;padding: 15px 32px;overflow: hidden;margin: 60px 0 30px;}
.post_content .style3j::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 16px;background-color: #212121;-webkit-transform-origin: right top;transform-origin: right top;-webkit-transform: skew(-18deg);transform: skew(-18deg);}
.post_content .style3k {margin: 40px 0 10px; padding: 8px 0 5px 5px; font-size: 20px; font-weight: 500; border-bottom: 1px dotted #333;}
.post_content .style4h {font-size: 32px;padding: 20px 0;font-weight: 700;/*color: #1e73be;*/}
.post_content .style4c {margin: 30px 0 10px;padding: 5px 5px 5px 35px;color: #000040;font-size: 14px;font-weight: 700;background: url(img/common/tit4.gif) top left no-repeat;background-position-y: 8px; vertical-align: top;}
.post_content .style4d {margin:30px 0 10px;padding:5px 5px 5px 35px;color:#000040;font-size:14px;font-weight:700;background:url(img/common/tit4.gif) top left no-repeat;background-position-y:5px;vertical-align:top}

.line_dotted {border-bottom: 1px dotted #ccc;}

/* table scroll
------------------------------------------------------------*/
@media only screen and (max-width: 991px){
    .table-scroll {
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }
    /*table{border-collapse: collapse;}
    th,td{white-space:nowrap;overflow:auto;}*/
    .table-scroll::-webkit-scrollbar {height: 4px;} /* スクロールバーの高さ */
    .table-scroll::-webkit-scrollbar-thumb {background: #aaa;} /* スクロールバーの色 */
    .table-scroll::-webkit-scrollbar-track {background: #ccc;} /* スクロールバーの背景色 */
}
/* table event
------------------------------------------------------------*/
.row-head {border-collapse:collapse; vertical-align:middle; width:100%;}
.row-head th,.row-head td {border:1px solid #dbe1e8; padding:8px;}
.row-head th {background:#f9fafc;}
.row-head label {line-height:34px; margin:0;}


@media only screen and (max-width: 800px) {
    .row-head thead {display:none;}
    .row-head tr,.row-head td {display:block; width:auto;}
    .row-head tr {border: 1px solid #dbe1e8;border-radius: 5px;box-shadow: 3px 3px rgba(0, 0, 0, .1);margin-bottom: 20px;padding:8px 8px 0;}
    .row-head td {border: none;border-bottom:1px solid #dbe1e8;/*display:flex;*/justify-content:space-between;/*text-align:right;*/}
    .row-head td:last-child {border-bottom: none;}
    .row-head td::before {content:attr(aria-label);display:inline-block; font-weight:bold; float:left; text-align:left; padding-right:20px; white-space:nowrap;}
}

.table_event {border-collapse:collapse; vertical-align:middle; width:100%;}
.table_event th,.table_event td {border:1px solid #dbe1e8; padding: 8px!important;}
.table_event th {background:#f9fafc;}
.table_event label {line-height:34px; margin:0;}


/* news_area
------------------------------------------------------------*/
.c-btn, a:active, a:hover {
    outline: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2), (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

* {
    box-sizing: border-box
}

a {
    text-decoration: none;
    color: #173a9c;
    opacity: 1;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

a:hover {text-decoration: underline;color: #173a9c}
.c-btn, .c-btn:hover {text-decoration: none}
@media screen and (max-width:768px) { body {font-size: 1.3em}
}

.c-btn {line-height: 1.4}

.c-btn_ico--next::after {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg)}
.c-btn {position: relative;display: block;min-width: 190px;margin-top: 30px;border: 1px solid #173a9c;text-align: center;color: #173a9c;  -webkit-transition: .2s linear;transition: .2s linear}

.c-btn:hover {background: #173a9c;border-color: #173a9c;color: #fff}
.c-btn:hover .c-btn_ico--next::after {border-color: #fff}
.c-btn--flex {display: table}
.c-btn_label {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    padding: 9px
}

.c-btn_ico--next::after {position: absolute;content: ''; top: 1.1em; right: 1px; width: 5px; height: 5px;
    border-right: 1px solid #173a9c}
.c-btn_ico--next {padding-right: 16px}
.c-btn_ico--next::after {display: block;margin: auto 0;border-top: 1px solid #173a9c;transform: rotate(45deg)}

@media screen and (max-width:768px) {
    .c-btn--flex { width: 100%; display: block}
    .c-btn {
        min-width: 0
    }
    .c-btn {
        margin-top: 15px
    }
    .c-btn_label {
        display: block;
        margin: 0;
        padding: 15px
    }
    .c-btn_ico--next {
        padding-left: 30px;
        padding-right: 30px
    }
    .c-btn_ico--next:after {
        top: 0;
        bottom: 0;
        right: 15px
    }
}

@media all and (-ms-high-contrast:none) {
    ::-ms-backdrop {
        display: inline
    }
}

@media all and (-ms-high-contrast:none) {
    ::-ms-backdrop {
        display: inline
    }
}

.p-topicsTab_nav_item a.isActive::after {
    content: ''
}

.p-topicsTab {
    padding: 50px 0 0
}

.p-topicsTab_nav {
    display: table;
    width: 700px;
    max-width: 100%;
    table-layout: fixed;
    border: 1px solid #173a9c
}

.p-topicsTab_nav_outer {
    float: left;
    max-width: 68%;
    margin: 0
}

.p-topicsTab_nav_item {
    display: table-cell;
    text-align: center
}

.p-topicsTab_nav_item+.p-topicsTab_nav_item {
    border-left: 1px solid #173a9c
}

.p-topicsTab_nav_item a {
    position: relative;
    display: block;
    padding: 9px;
    color: #173a9c;
    font-size: 15px;
    /*font-size: 1.5rem*/
}

.p-topicsList_item_cat, .p-topicsTab_nav_item a.isActive, .p-topicsTab_nav_item a:hover {
    background: #173a9c;
    color: #fff!important;
    cursor: pointer;
}

.p-topicsTab_nav_item a:hover {
    text-decoration: none
}

.p-topicsTab_nav_item a.isActive::after {
    position: absolute;
    display: block;
    left: 50%;
    bottom: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0;
    border-color: #173a9c transparent transparent;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.p-topicsTab_btn {
    float: right;
    margin: 0 0 0 30px
}

.p-topicsTab_panels {
    clear: both;
    /*padding: 31px 0 0*/
}

@media screen and (max-width:1024px) {
    .p-topicsTab_nav {width: 600px  }
    #header_top .inner {width: 100%;}
    #global_menu {margin: 0;}
    /*#global_menu > ul > li {margin-left: -6px;*/
}

@media screen and (max-width:850px) {
    .p-topicsTab_nav {
        width: 500px;
        table-layout: auto
    }
    .p-topicsTab_nav_item {
        min-width: 6em
    }
}

@media screen and (max-width:768px) {
    .p-topicsTab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        padding: 40px 0 0
    }
    .p-topicsTab_nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: auto;
        max-width: none;
        border-bottom: none
    }
    .p-topicsTab_nav_outer {
        float: none;
        max-width: none
    }
    .p-topicsTab_nav_item {
        width: 33%;
        min-width: 0;
        border-bottom: 1px solid #173a9c
    }
    .p-topicsTab_nav_item+.p-topicsTab_nav_item {
        border-left: none
    }
    .p-topicsTab_nav_item:nth-child(even) {
        border-left: 1px solid #173a9c
    }
    .p-topicsTab_nav_item a {
        padding: 13px 15px;
        font-size: 13px;
        font-size: 1.3rem
    }
    .p-topicsTab_nav_item a.isActive::before {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        right: 7px;
        bottom: 0;
        width: 5px;
        height: 5px;
        margin: auto 0;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        vertical-align: .2em
    }
    .p-topicsTab_nav_item a.isActive::after {
        display: none
    }
    .p-topicsTab_btn {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        float: none;
        width: 100%;
        max-width: 290px;
        margin: 20px auto 0
    }
    .p-topicsTab_panels {
        padding: 20px 0 0
    }
}

.p-topicsList_item {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc
}

.p-topicsList_item_date {
    position: relative;
    display: table-cell;
    width: 21em;
    padding: 20px
}

.p-topicsList_item_cat {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
    min-width: 7em;
    padding: 5px 5px 6px;
    text-align: center;
    font-size: 14px;
    /*font-size: 1.2rem;*/
    line-height: 1
}

.p-topicsList_item_cat.ir {
    background: #00336f
}

.p-topicsList_item_cat.info {
    background: #00aace
}

.p-topicsList_item_cat.release {
    background: #0074ac
}

.p-topicsList_item_cat.cts {
    background: #1a9d95
}

.p-topicsList_item_text {
    display: table-cell;
    padding: 20px 0
}

.p-topicsList_item_text a {
    color: #1d1d1d
}

.p-topicsList_item_text a:hover {
    color: #173a9c
}

@media screen and (max-width:768px) {
    .p-topicsList {
        margin: 0 -18px;
        border-top: 1px solid #ccc
    }
    .p-topicsList_item {
        display: block;
        padding: 18px;
        cursor: pointer
    }
    .p-topicsList_item_date {
        position: relative;
        display: block;
        width: auto;
        padding: 0
    }
    .p-topicsList_item_cat {
        position: static;
        display: inline-block;
        min-width: 7em;
        margin-left: 15px;
        padding: 3px 5px;
        font-size: 10px;
        font-size: 1rem
    }
    .p-topicsList_item_text {
        display: block;
        padding: 5px 0 0
    }
}


/* Search & Filter Styles
------------------------------------------------------------*/
#side_col .searchandfilter ul:last-child {border-bottom:none;}
#side_col .searchandfilter li{list-style:none; width:100%; margin: 0 0 10px 0; padding:0;display:block; padding-right:0;border-top:none;}
#side_col .searchandfilter input{border: 1px solid #ddd;width: 50%;height: 40px;background: #f7f7f7;float: right;}
#side_col .searchandfilter input:hover{background-color:#000;border-color:#000;color:#fff;cursor:pointer;}
#side_col .searchandfilter ul select{width:100%; padding: 0 10px; height:40px; border:1px solid #ddd;}
#side_col .searchandfilter input:hover{background-color:#fff;border-color:#ddd;color: #000;}
#side_col .searchandfilter input::before{background: #fff;}
#side_col .searchandfilter input{border: 1px solid #ddd;width: 50%;height: 40px;background: #f7f7f7;float: right;}
#side_col .searchandfilter ul select{width:100%; padding: 0 10px; height:40px; border:1px solid #ddd;}
#side_col .searchandfilter ul input{width:100%; padding: 0 10px; height:40px; border:1px solid #ddd; margin-bottom:10px;}

/* login
------------------------------------------------------------*/
#loginform p, #loginform1 p {padding: 0 0 10px 0!important;}
#loginform p label,#loginform1 p label {padding:0 10px 0 0;}
#loginform p .input,#loginform1 p .input{padding:0 10px; height:40px; border:1px solid #ddd;width:215px;}
#loginform .submit input{border: 1px solid #ddd;width:210px;height:40px;background:#f7f7f7;}
#loginform1 .submit input{border: 1px solid #ddd;width:50%;height:40px;background:#f7f7f7;float: right;}
#loginform .submit input:hover, #loginform1 .submit input:hover{background-color:#000;border-color:#000;color:#fff;cursor:pointer;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
#spiral-member-login1 .sml-user-links li{border: 1px solid #ddd;width:50%;height:40px;background:#f7f7f7;}




/*ボタン*/
.free_btn { color: #FFFFFF; padding: 6px 16px;font-size: 13px;line-height: 20px; border-color: #71a2cd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; }

/* 紹介一覧 */
.introduce_list_col { width:17.333%;}
.introduce_list_col.show_info { width:35.888%; }
.introduce_list_col .info .excerpt {display:block!important; }
.introduce_list_col .info .more { padding:9px 0 0 0; background: white;}
.introduce_list_col .image img {border:1px #ccc solid;}

/*画像に文字載　左*/
.item-box-blog-date {position: absolute;z-index: 5;padding: 4px 20px;top: 0px;left: 0px;background-color: #000000;}
.item-box-blog-date span {color: #fff;display: block;text-align: center;line-height: 1.2;}

/*画像に文字載　右*/
.item-box-blog-date-r {position: absolute;z-index: 5;padding: 4px 20px;top: 0px;right: 0px;background-color: #000000;}
.item-box-blog-date-r span {color: #fff;display: block;text-align: center;line-height: 1.2;}

/* フッター */
.footer_widget {display:inline-block;font-size:12px;line-height:2.2;text-align: center !important;width: 100% !important;overflow:hidden;margin:0 0 30px 0;padding:0;vertical-align: top;position:relative;}
.footer_headline {margin:0 0 14px 0;font-size:24px;color: #ffffff !important;line-height:1.4;}
#footer_social_link li a {width:25px!important; height:25px!important;}
#footer_social_link li:before {font-size: 25px;}
#footer_social_link li {margin: 0 10px 0 0;}
#footer_social_link {top: 50%;}

#footer_bottom_menu .jmag-menu-login { display:none; }
#footer_info {padding: 20px 1% 60px;position:relative;text-align: right;}
#copyright {top: 80%;}
#footer_widget {grid-template-columns:auto;}
#footer_contents a:hover{color: #0056b3;}
#footer_content{font-size:19px;}
@media only screen and (max-width: 1024px) {
#footer_content{font-size:15px;line-height: 1.5;margin-top: 30px;}
#footer_contents {padding: 0!important;}
}
.footer_widget .post_content a:hover,.footer_widget .custom-html-widget a:hover{text-decoration: none!important;}

/*  sns  */
#footer_social_link li.linkedin:before { content: "\eaca"; }
#footer_social_link li.youtube:before { content:'\f167'; }

/* ページ上部へ戻るボタン */
#return_top {opacity:1!important;}

/*disabled download button*/
.btn-disabled,.btn-disabled[disabled] {opacity:0.4; cursor:default !important; pointer-events:none; cursor:not-allowed!important;}

/*トップページ検索*/
#index_header_search .searchandfilter div {width: 100%;}
#index_header_search .searchandfilter ul {width: 100%;text-align:center; display: block; padding-top: 0.5rem;}
#index_header_search .searchandfilter li {width: 20%;margin-right: 4.66%;}
#index_header_search .searchandfilter li.cat-item {width: 20%; margin-right: 0%; font-size: 14px;}
#index_header_search .searchandfilter li select{width: 100%;height:40px;padding:7px;font-size: 14px;line-height: 1;color: #000;background: #fff;border: none;border-radius: 3px; /*padding-right: 57px;*/}
#index_header_search .searchandfilter li input[type="submit"]{width:100%;height: 50px;margin-right: 0;padding: 0;color: #fff;background: transparent;border: 1px solid #fff;border-radius: 25px;cursor: pointer; background-color: rgba(0,0,0,0);}
#index_header_search .searchandfilter li input[type="submit"]:hover{color: black;cursor: pointer;background-color: white;}
#index_header_search .searchandfilter li input[type="text"]{height: 40px;width: 100%;border-radius: 5px;}
#index_header_search .searchandfilter li #ofapplications{width: 100%;}

@media only screen and (min-width:1024px){#index_header_search {/*height: 100px*/;}}
@media only screen and (max-width:1024px){#index_header_search .searchandfilter li {width: 22%;margin-right: 2.66%;}}
@media only screen and (max-width:768px){#index_header_search .searchandfilter li {width: 23%; margin-right: 1.66%;}}
@media only screen and (max-width:600px){
    #index_header_search .searchandfilter li {width: 100%;margin-top:6%;}
    #index_header_search .searchandfilter li input[type="submit"]{width: 50%;}}

/*top menu width*/
@media only screen and (min-width: 992px){
    #global_menu ul ul {width: 250px;}
}
@media only screen and (min-width: 992px){
    #global_menu > ul > li li:hover > ul {left: 250px;}
}
/*lequangluc menu-slide-search*/
@media only screen and (min-width: 992px){
    .has_header_content #header { position: relative !important;  }
    .has_header_content #index_header_search {margin-top: 0 !important;}
}

/*TOP PAGE*/
.c-tab_content{height:390px;overflow: auto;}
@media only screen and (max-width: 768px){
    .c-tab_content{height: 100%; overflow: hidden;}
}
span.new_area {
    padding: 0px;
    background-color: #f94f06;
    color: #ffffff;    
    font-weight: bold;    
    font-size: 80%;
    min-width: 4em;
    display: inline-block;
    text-align: center;}
.new_scroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
.new_scroll::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}
.new_scroll::-webkit-scrollbar-thumb{	border-radius: 10px;	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);	background-color: #555;}
.cb_content-carousel .carousel {padding: 0;}

/* carousel */
.carousel-control {left: -12px;height: 40px;width: 40px;background: none repeat scroll 0 0 #fff;border: 4px solid #FFFFFF;border-radius: 25px;margin-top: 90px;}
.carousel-control.right {right: -12px;}
/* The indicators */
.carousel-indicators {right: 50%;top: auto;bottom: -10px;margin-right: -19px;}
/* The colour of the indicators */
.carousel-indicators .active {background: #495057!important;}
.carousel-item .thumbnail img{width:200px;height:80px;}
.carousel-indicators li{background-color: #cecece!important;}
.uc-carousel{padding: 0 40px 1px 40px !important;}
.carousel-indicators li{height: 10px !important;}
.carousel-indicators li{cursor: pointer;}
.post_content ol.carousel-indicators{margin: 0;}
.banner-text-uc{position: absolute;z-index: 1;margin-top: -25%;}
.userconference-text-top{font-size: 50px;line-height: 120%;}
.userconference-text-top-date{font-size: 1.3rem;}

@media only screen and (max-width: 1024px){
    .userconference-text-top {font-size: 30px;}
    .userconference-text-top-date {font-size: 1.3rem;}
    .banner-text-uc{margin-top: -20%;}
#article_header {margin: 0 0 30px !important;border-width: 1px !important;}
}
@media only screen and (max-width: 768px){
    .banner-text-uc{margin-top: -25%;}
}
@media only screen and (max-width: 428px){
    .banner-text-uc{margin-top: -100%;}
}
@media only screen and (max-width: 414px){
    .userconference-text-top {font-size: 37px;}
    .userconference-text-top-date {font-size: 15px;}
    .banner-text-uc{margin-top: -80%;}
}
@media only screen and (max-width: 375px){
    .banner-text-uc{margin-top: -110%;}
}
@media only screen and (max-width: 320px){
    .banner-text-uc {margin-top: -90%;}
    .userconference-text-top-date-en{font-size: 19px;}
}
.uc-mark-pink{background-color: #f2dede; font-size:12px;}
.uc-mark-pink-a{background-color: #FCC5FA; font-size:12px;}
.uc-mark-blue{background-color: #d9edf7; font-size:12px;}
.uc-mark-green{background-color: #dff0d8; font-size:12px;}
.uc-mark-green-a{background-color: #56E477; font-size:12px;}
.uc-mark-yellow{background-color: #FAF7A0; font-size:12px;}
.uc-mark-thistle{background-color: #E6E6FA; font-size:12px;}
.uc-mark-anti{background-color: #FAEBD7; font-size:12px;}
.uc-mark-green-d{background-color: #4BACC6; font-size:12px;}
.uc-mark-green-l{background-color: #8DB4E2; font-size:12px;}
.uc-hide-label{display:none;}
@media only screen and (max-width: 575px){
    .uc-hide-label{display:block;}
    .uc-hide-label-mobile{display:none;}
}
.uc-name-box, .uc-title-box {    font-size: 1em;    font-weight: bold!important;}
.uc-company-box{font-size: 1em;    font-weight: bold;    color: #757575;    line-height: 2;}
.table_contact{width:50%!important;}
@media only screen and (max-width: 768px){
    .table_contact{width:100%!important;}
}
.carousel-indicators li{list-style:none;}
.pills_tab li{list-style:none;}
.max-w-popup{max-width:1200px!important;}
.scroll-popup{max-height: 650px;overflow: auto;}
.text-underline-0{text-decoration: none!important;}
.text-underline-0:hover{text-decoration: none!important;}
.table-border-0 td{border:none;}
.style_cursor{cursor: pointer;}
.style_cursor:hover{color:red!important;}
.uc-bg-purple{background: #D9E1F2;/*font-weight: bold;*/}
.uc-border-white{border: 1px solid #ccc!important;}

.s5-flow {  margin: 30px 0;  padding: 0px;  width: 100%;  float: none;  position: relative;  overflow: hidden;  border-top: solid 1px #e6eaee;  border-bottom: solid 1px #e6eaee;  border-right: solid 1px #e6eaee;  border-left: solid 1px #e6eaee;
    background: #fbfbfd;  display: table; }
@media screen and (max-width: 639px) {.s5-flow {      display: block; } }
.s5-flow div { background: #fbfbfd; padding: 8px; text-align: center;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    width: 28%;    height: 100%;    vertical-align: middle;    display: table-cell; }
@media screen and (min-width: 767px) {.s5-flow div br {        display: none; } }
@media screen and (max-width: 639px) {.s5-flow div {        display: block;        width: 100%;        padding: 15px; } }
.s5-flow div[class*="list1"] {      padding-right: 0;      padding-left: 2%; }
@media screen and (max-width: 639px) {
    .s5-flow div[class*="list1"] {          padding: 15px; } }
.s5-flow div[class*="list2"] {      padding-right: 2.2%;      padding-left: 0%; }
@media screen and (max-width: 639px) {
    .s5-flow div[class*="list2"] {          padding: 15px;          margin: -15px 0 0 0; } }
.s5-flow div[class*="list3"] {      padding-right: 2%;      padding-left: 0; }
@media screen and (max-width: 639px) {
    .s5-flow div[class*="list3"] {          padding: 15px;          margin: -15px 0 0 0; } }
.s5-flow .s5-flow__listArrow--gw {    background: url("https://www.jmag-international.com/spiral/img/icon_step_pc_01.png") left no-repeat;    display: table-cell;    width: 7%; }
@media screen and (max-width: 639px) {
    .s5-flow .s5-flow__listArrow--gw {        display: block;        width: 100%;        height: 16px;        padding: 0;        position: relative;        z-index: 2;        background: url("https://www.jmag-international.com/spiral/img/icon_step_sp_01.png") top center no-repeat; } }
.s5-flow .s5-flow__listArrow--ww {    background: url("https://www.jmag-international.com/spiral/img/icon_step_pc_02.png") left no-repeat;    display: table-cell;    width: 7%; }
@media screen and (max-width: 639px) {
    .s5-flow .s5-flow__listArrow--ww {        display: block;        width: 100%;        height: 16px;        background: none;        background: url("https://www.jmag-international.com/spiral/img/icon_step_sp_02.png") center no-repeat;
        padding: 0;        position: relative;        z-index: 2;        margin-top: -1px; } }
.s5-flow .s5-flow__listArrow--wg {    background: url("https://www.jmag-international.com/spiral/img/icon_step_pc_02b.png") left no-repeat;    display: table-cell;    width: 7%; }
@media screen and (max-width: 639px) {
    .s5-flow .s5-flow__listArrow--wg {        display: block;        width: 100%;        height: 16px;        padding: 0;        z-index: 2;        position: relative;        background: url("https://www.jmag-international.com/spiral/img/icon_step_sp_02.png") center no-repeat; } }
.s5-flow .s5-flow__list1,  .s5-flow .s5-flow__list2,  .s5-flow .s5-flow__list3 {    line-height: 1.3;    font-size: 90%; }
.s5-flow .s5-flow__list1 br,    .s5-flow .s5-flow__list2 br,    .s5-flow .s5-flow__list3 br {      display: none; }
.s5-flow .s5-flow__list3 {    background: none; }
.s5-flow .s5-flow__list1--ov,  .s5-flow .s5-flow__list2--ov,  .s5-flow .s5-flow__list3--ov {    background: #D5D6DD;    line-height: 1.2;    font-size: 90%; }
.s5-flow .s5-flow__list1--ov br,    .s5-flow .s5-flow__list2--ov br,    .s5-flow .s5-flow__list3--ov br {      display: none; }
.privacy_scroll{  height: 200px;  overflow: auto;}
.support_primary{text-decoration: none!important;}
.support_primary:hover{border: 1px solid #1e73be;}
.support_info{text-decoration: none!important;}
.support_info:hover{border: 1px solid #17a2b8;}

/* archive page */
.jmag-tag-search .cat-category{background-color:transparent!important;  color:#1e73be;}
.jmag-tag-search .cat-category:hover{ color:#0062cc!important;  background-color:transparent!important;}
.hover-text-jmag:hover{ color:#0062cc!important;}
.cat-category:hover{  background-color: #ccc !important;  color: #999B96 !important;}
.span_none{  background-color:transparent!important;  color:black!important;}
@media only screen and (max-width: 480px){
    .span_none{    display: none!important;  }
}
@media only screen and (max-width: 575px){
    .jmag-mobile-hide{display:none!important;}
}

#side_col .jmag-menu-login { display:none; }

@media only screen and (max-width: 575px){
    .jmag-mobile-hide{display:none!important;}
}

/*JMAG-RT Model Web Help*/
.disabled_image img {opacity: 0.4;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

/*disabled download button premium*/
.btn-premium {opacity:0.4; cursor:default !important; pointer-events:none; cursor:not-allowed!important;}

#user_login::-webkit-input-placeholder {    font-size: 13px!important;}
#user_login:-moz-placeholder {    font-size: 13px!important;}
#user_login::-moz-placeholder {    font-size: 13px!important;}
#user_login:-ms-input-placeholder {    font-size: 13px!important;}



.searchandfilter ul li ul{  background: white;  overflow: auto;  height: 400px;  border: 1px solid #ccc;  border-radius: 3px;  border-top: none;  margin-left: -10%;  position: absolute;  margin-top: -1%;  width: 25%!important;  z-index: 5;}
.searchandfilter ul li ul li{  width: 100%!important;  text-align: left;  padding-left: 5%;}
.searchandfilter ul li h4{  background: white;  padding: 12px;  text-align: left;  border-radius: 3px;  font-size: 14px;  font-weight: normal; cursor:default;}
@media only screen and (max-width: 736px){
    .searchandfilter ul li ul{    width: 88%!important;    margin-top: -4%!important;  }
}
@media only screen and (max-width: 667px){
    .searchandfilter ul li ul{    margin-top: -3%!important;  }
}
.textwidget .searchandfilter ul li ul{  width: 100%!important;  margin-top: 5px; padding-top: 0.5rem;}
.textwidget .searchandfilter ul li ul li input{  height: 15px!important;  float: left!important;  width: 10%!important;}
.textwidget .searchandfilter ul li h4{  border: 1px solid #ccc;  margin-bottom: -3px;  margin-top: 45px;}
#textwidget .searchandfilter li.cat-item {width: 20%; margin-right: 0%; font-size: 14px;}

/*----2019/07---*/
.userconference_info_scroll{height: 300px;overflow: auto;}
.userconference_info_scroll_en{height: 350px;overflow: auto;}
.userconference_info_scroll li{border-bottom: 1px solid #ccc;}
.userconference_info_scroll_en li{border-bottom: 1px solid #ccc;}
.rotate { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%;    -o-transform-origin: 50% 50%; transform-origin: 50% 50%; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.btn_side_contact {position: fixed; bottom: 100px; z-index:9;right: 20px;}
.btn_side_contact i{font-size:200%;padding-top:8px}
.btn-circle { width: 55px;  height: 55px;  text-align: center!important;  padding: 6px 0!important;  font-size: 12px!important;  line-height: 1.42!important;  border-radius: 50%!important;}

@media only screen and (max-width: 768px){
    .btn-circle {  width: 50px;  height: 50px;    top: 85%;  border-radius: 0%!important;}
    .btn_side_contact {right: 0px;}
    #header_image img{    left: -65%!important;}
}

.line_dashed{border-top: 1px dashed black;}
.slick-prev,.slick-next{  color: #6c757d!important;}
.cb_content-carousel .slick-prev:hover{  background-color: #6c757d!important;  color: white!important;  border-radius: 20px;  padding-left: 8px;}
.cb_content-carousel .slick-next:hover{  background-color: #6c757d!important;  color: white!important;  border-radius: 20px;  padding-right: 8px;}
.carousel-indicators li{border-top:none!important;border-bottom:none!important;}
/*.fa-file-pdf{background: url(/wp-content/uploads/sites/5/conference2019/document-pdf.png);}*/

.uc-top-padding{padding: 4rem;}
@media only screen and (max-width: 1024px){.uc-top-padding{padding: 1rem;}}
@media only screen and (max-width: 768px){.uc-top-padding h2{font-size: 100%;}}
@media only screen and (max-width: 414px){.uc-top-padding{padding: 2rem;}}
@media only screen and (max-width: 375px){.uc-top-padding{padding: 0rem;}}
.uc-gaiyou-label{width: 50px;height: 25px;}
.uc-gaiyou-labe-enl{width: 70px;}
.w-custom{width: 245px;}
.bt_ogrange {background-color: orange!important;}
.miller_width {width: 75%;}
@media only screen and (max-width: 414px){
.w-custom{width:100%;}
.miller_width {width: 100%!important;}
}

/*----newsletter用---*/
div.newsletter_backnumber{ line-height: 2.0;}
div.newsletter_backnumber span.background_01,
div.newsletter_backnumber span.background_02,
div.newsletter_backnumber span.background_03,
div.newsletter_backnumber span.background_04 {
	height: 100px;
	width: 100px;
	margin-right: 10px;
	line-height: 120%;
	float: left;
}
div.newsletter_backnumber span.background_01 { background-color: #000066; }
div.newsletter_backnumber span.background_02 { background-color: #373737; }
div.newsletter_backnumber span.background_03 { background-color: #666666; }
div.newsletter_backnumber span.background_04 { background-color: #A8A8A8; }

div.newsletter_backnumber span.year {
	color: #ffffff;
	font-weight: bold;
	display: block;
	font-size: 17px;
	text-align: center;
	margin-bottom: 5px;
}
div.newsletter_backnumber span.month {
	color: #ffffff;
	font-weight: bold;
	font-size: 45px;
	text-align: center;
	display: block;
}
div.newsletter_backnumber span.contents, div.newsletter_backnumber span.contents_br {color: #353535;font-size: 85%;}
div.newsletter_backnumber span.contents_br {margin-left: 85px;}
div.newsletter_backnumber A:hover > span:first-child {
	opacity:0.5;
	-ms-filter: "alpha(opacity=50)";	/* ie 8 */
	filter: alpha(opacity=50);			/* ie lt 8 */
	zoom:1;
	-moz-opacity:0.5;					/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;				/* Safari 1.x */
}
/*----prof_miller_seminar用---*/
div.prof_miller_seminar {line-height: 2.0;}
div.prof_miller_seminar span.background_01 {
	height: 100px;
	width: 100px;
	margin-right: 10px;
	line-height: 120%;
	float: left;
}
div.prof_miller_seminar span.background_01 {background-color: #000066;}
div.prof_miller_seminar span.year {
    color: #ffffff;
    font-weight: bold;
    display: block;
    font-size: 17px;
    text-align: center;
    margin-top: 15px;
}
div.prof_miller_seminar span.month {
    color: #ffffff;
    font-weight: bold;
    font-size: 45px;
    text-align: center;
    display: block;
    margin-top: 25px;
}


/*----UC用---*/
.case .card:hover{ color: #000; box-shadow: -1px 5px 25px -5px #bdbdbd!important; opacity: 1.0;}
.label-ribbon { position: absolute; top: 6px; left: -10px; z-index: 2; display: block; padding: 2px 2px 2px 12px; width: 98px; height: 36px;
    background-color: #dc3545; color: #fff; text-align: center; font-size: 15px;}
.label-ribbon::before { position: absolute; top: 36px; left: 0; display: block;  border-width: 5px; border-style: solid; border-color: #df4d4d #df4d4d transparent transparent; content: '';}
.label-ribbon::after {
    position: absolute; top: 0; right: -14px;
    display: block;
    border-width: 9px 7px;
    border-style: solid;
    border-color: #dc3545 transparent transparent #dc3545;
    content: '';
}
.label-ribbon > span::after {
    position: absolute;
    right: -14px;
    bottom: 0;
    display: block;
    border-width: 9px 7px;
    border-style: solid;
    border-color: transparent transparent #dc3545 #dc3545;
    content: '';
}
.jmag_button{color:#FFFFFF;background-color:#337ab8;border-color:#296293;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.wrapper{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}




#tab_top .active {background-color: #1e73be;}
#tab_bottom .active {background-color: #1e73be;}
#btn_uc_search{background-color: #1e73be;}
#allsession.active {background-color: #1e73be;}
#englishsession.active {background-color: #1e73be;}
#mysession.active {background-color: #1e73be;}
#uc-vi-submit {background-color: #1e73be;}
#uc-vi-regist {background-color: #1e73be;}
.btn_uc_login {background-color: #1e73be!important;}
.buttonload{position: fixed;top: 50%;left: 40%;z-index: 11;background: transparent;font-size: 50px;}
@media only screen and (max-width: 768px) {.buttonload{left: 40%;}}
@media only screen and (max-width: 414px) {.buttonload{left: 18%;}}
#user_tab{max-width: 350px;}


input::-ms-reveal,input::-ms-clear {display: none;}

/* hide reCaptcha v3*/
.grecaptcha-badge { 
     visibility: hidden; 
}

 /* Move reCAPTCHA v3 badge to the left */
 
 /* .grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 4px !important;
  }
  .grecaptcha-badge:hover {
    width: 256px !important;
  } */

/* padding be added after open model workaround  */
body{
    padding-right: 0!important;
}

[v-cloak] { display: none }