@charset "UTF-8";

/* -------------------------------------------

Base

------------------------------------------- */


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,
body {
    height: 100%;
}

body {
    font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a:link {
    color: #1681b2;
}

a:visited {
    color: #0b3f57;
}

@font-face {
    font-family: 'ico-advertimes';
    font-display: block;
    src: url("../fonts/ico-advertimes.eot");
    src: url("../fonts/ico-advertimes.eot?#iefix") format("embedded-opentype"), url("../fonts/ico-advertimes.woff") format("woff"), url("../fonts/ico-advertimes.ttf") format("truetype"), url("../fonts/ico-advertimes.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

b {
    font-weight: bold;
}


/* reCAPTCHA v3 */

.grecaptcha-badge {
    visibility: hidden;
}


/* -------------------------------------------

Object

------------------------------------------- */


/* Component */

hr.border {
    width: 100%;
    height: 0;
    border-top: 1px solid #111;
}

.container {
    width: 1080px;
    margin: auto;
}

.has-border {
    border-top: 1px solid #c1c1c1;
}

.decoration,
.decoration-lg {
    border-top: 1px solid #111;
    position: relative;
}

.decoration:before,
.decoration-lg:before {
    content: "";
    width: 100px;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    background: #111;
}

.decoration-lg:before {
    width: 170px;
}

.decoration-light {
    border-top: 1px solid #c1c1c1;
    position: relative;
}

.decoration-light:after {
    content: "";
    width: 100px;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    background: #c1c1c1;
}

.border {
    border-top: 1px solid #111;
    position: relative;
}

.pr {
    position: relative;
}

.pr:after {
    content: "PR";
    font-weight: bold;
    font-size: 12.0081px;
    border-bottom: 1px solid;
    padding-bottom: 4px;
    position: absolute;
    top: 140px;
    right: 10px;
}

.tag {
    border-bottom: 1px solid;
    padding-bottom: 4px;
    display: inline-block;
    font-weight: bold;
    font-size: 12.0081px;
    margin-bottom: 12px;
}

.tag-advertisement {
    color: #ff6666;
    border-bottom-color: #ff6666;
}

.tag-c-advertisement {
    color: #ff6666;
    border-bottom-color: #ff6666;
}

.tag-marketing {
    color: #ff5400;
    border-bottom-color: #ff5400;
}

.tag-c-marketing {
    color: #ff5400;
    border-bottom-color: #ff5400;
}

.tag-column {
    color: #5d94e7;
    border-bottom-color: #5d94e7;
}

.tag-creative {
    color: #A4A4A4;
    border-bottom-color: #A4A4A4;
}

.tag-c-creative {
    color: #A4A4A4;
    border-bottom-color: #A4A4A4;
}

.tag-public-relations {
    color: #04b1f3;
    border-bottom-color: #04b1f3;
}

.tag-c-public-relations {
    color: #04b1f3;
    border-bottom-color: #04b1f3;
}

.tag-promotion {
    color: #ff9933;
    border-bottom-color: #ff9933;
}

.tag-c-promotion {
    color: #ff9933;
    border-bottom-color: #ff9933;
}

.tag-c-global {
    color: #8f58ff;
    border-bottom-color: #8f58ff;
}

.tag-event {
    color: #111;
    border-bottom-color: #111;
}

.tag-c-event {
    color: #111;
    border-bottom-color: #111;
}

.tag-seminar {
    color: #111;
    border-bottom-color: #111;
}

.tag-c-seminar {
    color: #111;
    border-bottom-color: #111;
}

.txt-advertisement {
    color: #ff6666;
}

.txt-marketing {
    color: #ff5400;
}

.txt-column {
    color: #5d94e7;
}

.txt-creative {
    color: #A4A4A4;
}

.txt-public-relations {
    color: #04b1f3;
}

.txt-promotion {
    color: #ff9933;
}

.txt-cm {
    color: #004b7f;
}

.decoration-advertisement {
    border-top-color: #ff6666;
}

.decoration-advertisement:before {
    background: #ff6666;
}

.decoration-marketing {
    border-top-color: #ff5400;
}

.decoration-marketing:before {
    background: #ff5400;
}

.decoration-promotion {
    border-top-color: #ff9933;
}

.decoration-promotion:before {
    background: #ff9933;
}

.decoration-creative {
    border-top-color: #A4A4A4;
}

.decoration-creative:before {
    background: #A4A4A4;
}

.decoration-public-relations {
    border-top-color: #04b1f3;
}

.decoration-public-relations:before {
    background: #04b1f3;
}

.decoration-cm {
    border-top-color: #004b7f;
    border-bottom: 1px solid #004b7f;
    background: #f3faff;
}

.decoration-cm:before {
    background: #004b7f;
}

.decoration-column {
    background: #f8f8f8;
}

.like-bx-sm {
    font-size: 12.0081px;
    font-weight: bold;
    text-align: right;
    height: 23px;
    padding: 2px 5px 0 18px;
    color: black;
    position: relative;
}

.like-bx-sm:before {
    content: "";
    width: 9px;
    height: 12px;
    background: url(../images/bg-share-count-sm.svg) 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 5px;
}

.like_bx_sml_inline {
    font-size: 12.0081px;
    font-weight: bold;
    height: 23px;
    padding: 2px 5px 0 18px;
    color: black;
    position: relative;
}

.like_bx_sml_inline:before {
    content: "";
    width: 9px;
    height: 12px;
    background-image: url(../images/bg-share-count-sm.svg);
    position: absolute;
    left: 0;
    top: 5px;
}

.frame-tit {
    font-weight: bold;
    font-size: 13px;
    margin: 15px 0 10px 0;
    padding-left: 10px;
    display: block;
}

.category-tit {
    font-weight: bold;
    margin: 15px 0 10px 10px;
    font-size: 14.9994px;
}

.breadcrumb {
    padding: 15px 8px;
}

.breadcrumb,
.breadcrumb a {
    color: #a8a8a8;
    font-size: 9.9996px;
    text-decoration: none;
}

.action-buttons {
    text-align: right;
    padding-right: 8px;
}

.action-buttons li {
    display: inline-block;
    vertical-align: middle;
    height: 22px;
}

.action-buttons li+li {
    margin-left: 10px;
}

.action-buttons li:nth-child(2) {
    position: absolute;
    z-index: 1;
}

.action-buttons li:nth-child(3) {
    margin-left: 119px;
}

.social__button__print {
    background: none;
    border: none;
}

.img-max {
    max-width: 100%;
    height: auto;
    display: block;
}

.frame,
.lead {
    padding: 15px 20px;
    border: 1px solid #c1c1c1;
}

.lead {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #3a3a3a;
}

a.more {
    display: inline-block;
    float: right;
    margin-bottom: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #111;
    margin-right: 10px;
    transition: color .2s 0s ease;
}

a.more:hover {
    color: #0b3f57;
    transition: color .2s 0s ease;
}

a.btn,
.btn {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
}

a.btn .btn-ico,
.btn .btn-ico {
    display: inline-block;
    margin-right: 5px;
    font-size: 120%;
}

a.btn-gr,
.btn-gr {
    color: #fff !important;
    background: #5c5c5c;
    font-weight: bold;
    transition: all .1s 0s ease;
}

a.btn-gr:hover,
.btn-gr:hover {
    background: #4c4c4c;
}

a.btn-gr.disabled,
.btn-gr.disabled {
    color: #ececec !important;
    background: #a8a8a8 !important;
}

a.btn-twitter,
.btn-twitter {
    color: #fff;
    background: #55acee;
    font-weight: bold;
    transition: all .1s 0s ease;
}

a.btn-twitter:hover,
.btn-twitter:hover {
    background: #2795e9;
}

.btn-md {
    width: 200px;
    line-height: 52px;
    height: 52px;
    font-size: 14.9994px;
}

.long-text {
    width: auto;
    padding: 0 15px;
}

.btn-sm {
    height: 25px;
    line-height: 25px;
    font-size: 12.0081px;
    padding: 0 15px;
}

.cont-loud {
    background: #fff8f8;
}

.page-tit-sm {
    font-weight: bold;
    font-size: 20px;
}

.table-item {
    display: table;
}

.table-item>div {
    display: table-cell;
    vertical-align: top;
}

.thumb-frame {
    width: 100px;
    position: relative;
    margin-right: 20px;
}

.thumb-frame img {
    width: 100%;
}

.more-right {
    text-align: right;
}

.more-right a {
    color: #111;
    position: relative;
    display: inline-block;
    padding-left: 15px;
    font-size: 13.9997px;
    transition: all .2s 0s ease;
    text-decoration: none;
    border-bottom: 1px solid #111;
}

.more-right a:hover {
    color: #0b3f57;
}

.more-right a:before {
    content: "\f3d3";
    font-family: "Ionicons";
    position: absolute;
    left: 2px;
    top: 1px;
}

.more-right a:after {
    content: "\f3d3";
    font-family: "Ionicons";
    position: absolute;
    left: 7px;
    top: 1px;
}

.scrollbox {
    overflow: auto;
    padding: 5px;
    height: 120px;
}

.scrollbox-xs {
    height: 30px;
}

.scrollbox-sm {
    height: 60px;
}

.scrollbox-lg {
    height: 180px;
}

.scrollbox-border {
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}

.scrollbox-default {
    border-top-color: #9A9A9A;
    border-right-color: #9A9A9A;
    border-bottom-color: #9A9A9A;
    border-left-color: #9A9A9A;
}

.scrollbox>p {
    font-size: 12px !important;
    line-height: 120% !important;
}


/* Project */

.update-date {
    font-size: 12.0081px;
    display: inline-block;
    line-height: 25px;
    font-weight: normal;
}

.campany-name {
    font-size: 12.0081px;
    padding-right: 10px;
    margin-right: 10px;
    line-height: 1.3;
}

.campany-name+.update-date {
    border-left: 1px solid #111;
    display: inline-block;
    padding-left: 10px;
    margin-left: 10px;
}


/* article-list */

.article-list {
    border-top: 1px solid #c1c1c1;
}

.article-list li {
    border-bottom: 1px solid #c1c1c1;
    width: 100%;
}

.article-list li:nth-child(1) .article-list-rank:before {
    background: #ccab60;
}

.article-list li:nth-child(2) .article-list-rank:before {
    background: #a2a2a2;
}

.article-list li:nth-child(3) .article-list-rank:before {
    background: #cb8d5e;
}

.article-list>li,
.article-list li>a {
    display: table;
}

.article-list a {
    text-decoration: none;
    color: #111;
    transition: all .2s 0s ease;
}

.article-list a:hover {
    color: #0b3f57;
}

.article-list a:hover .article-list-txt {
    color: #0b3f57;
}

.article-list .article-list-thumb {
    display: table-cell;
    padding: 23px 10px;
    vertical-align: top;
}

.article-list .article-list-thumb img {
    width: 225px;
    height: 120px;
    border: 1px solid #c1c1c1;
    box-sizing: border-box;
}

.article-list .article-list-rank {
    padding-top: 30px;
    display: table-cell;
    color: #fff;
    font-weight: bold;
    position: relative;
    padding: 30px 15px 0 10px;
    text-align: center;
    width: 30px;
    text-shadow: 0px 0px 4px #888;
}

.article-list .article-list-rank:before {
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    left: 10px;
    width: 30px;
    height: 30px;
    background: #d8d8d8;
    z-index: -1;
    border-radius: 50%;
}

.article-list .article-list-txt {
    display: table-cell;
    padding: 23px 10px;
    vertical-align: top;
}

.article-list .article-list-tit {
    font-size: 13.9997px;
    font-weight: bold;
    margin-bottom: 7px;
    height: 42px;
}

.article-list .article-list-txt-body {
    color: #5c5c5c;
    font-size: 11.0045px;
    margin-bottom: 5px;
    height: 48px;
    overflow: hidden;
}


/* col-article-list */

.col-article-list {
    margin-left: -20px;
}

.col-article-list .OUTBRAIN {
    margin-left: 24px;
}

.col-article-list li {
    position: relative;
    width: 233.33333px;
    float: left;
    padding: 4.16667px;
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-left: 20px;
    height: 265px;
}

.col-article-list li a {
    display: block;
    text-decoration: none;
    transition: all .2s 0s ease;
    color: #111;
}

.col-article-list li a:hover {
    color: #0b3f57;
}

.col-article-list li a:hover .headline-tit,
.col-article-list li a:hover .col-article-list-tit,
.col-article-list li a:hover .sm-article-list-tit,
.col-article-list li a:hover .tit-list-rank {
    color: #0b3f57;
}

.col-article-list li a .headline-tit,
.col-article-list li a .col-article-list-tit,
.col-article-list li a .sm-article-list-tit,
.col-article-list li a .tit-list-rank {
    transition: all .2s 0s ease;
    color: #111;
}

.col-article-list-thumb {
    width: 225px;
    display: block;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #c1c1c1;
}

.col-article-list-tit {
    font-size: 15px;
    font-weight: bold;
    color: #111;
    margin-bottom: 5px;
    line-height: 1.6;
    overflow: hidden;
    height: 72px;
}

.col-article-cm-list li {
    height: 235px;
}


/* col-2-articles */

.col-2-articles-wide a,
.col-2-articles-narrow a {
    display: block;
    text-decoration: none;
    transition: all .2s 0s ease;
    color: #111;
}

.col-2-articles-wide a:hover,
.col-2-articles-narrow a:hover {
    color: #0b3f57;
}

.col-2-articles-wide a:hover .headline-tit,
.col-2-articles-wide a:hover .col-article-list-tit,
.col-2-articles-wide a:hover .sm-article-list-tit,
.col-2-articles-wide a:hover .tit-list-rank,
.col-2-articles-narrow a:hover .headline-tit,
.col-2-articles-narrow a:hover .col-article-list-tit,
.col-2-articles-narrow a:hover .sm-article-list-tit,
.col-2-articles-narrow a:hover .tit-list-rank {
    color: #0b3f57;
}

.col-2-articles-wide a .headline-tit,
.col-2-articles-wide a .col-article-list-tit,
.col-2-articles-wide a .sm-article-list-tit,
.col-2-articles-wide a .tit-list-rank,
.col-2-articles-narrow a .headline-tit,
.col-2-articles-narrow a .col-article-list-tit,
.col-2-articles-narrow a .sm-article-list-tit,
.col-2-articles-narrow a .tit-list-rank {
    transition: all .2s 0s ease;
    color: #111;
}

.col-2-articles-wide {
    margin-bottom: 15px;
}

.col-2-articles-wide .col-article-list-tit {
    height: 100px;
}

.article-wide-thumb {
    display: block;
    width: 230px;
    float: left;
    margin-right: 20px;
    border: 1px solid #c1c1c1;
    box-sizing: border-box;
}

.article-wide-txt {
    width: 230px;
    float: left;
}

.col-2-articles-narrow {
    border-top: 1px solid #c1c1c1;
}

.col-2-narrow-item {
    width: 230px;
    float: left;
}

.col-2-narrow-item a {
    padding: 20px 0 15px 0;
    transition: all .2s 0s ease;
    color: #111;
}

.col-2-narrow-item a:hover {
    color: #0b3f57;
}

.col-2-narrow-item a:hover .headline-tit,
.col-2-narrow-item a:hover .col-article-list-tit,
.col-2-narrow-item a:hover .sm-article-list-tit,
.col-2-narrow-item a:hover .tit-list-rank {
    color: #0b3f57;
}

.col-2-narrow-item a .headline-tit,
.col-2-narrow-item a .col-article-list-tit,
.col-2-narrow-item a .sm-article-list-tit,
.col-2-narrow-item a .tit-list-rank {
    transition: all .2s 0s ease;
    color: #111;
}

.col-2-narrow-item .col-article-list-tit {
    height: 72px;
}

.col-2-narrow-item:first-child {
    margin-right: 20px;
}


/* column-article-list-sm */

.column-article-list-sm {
    position: relative;
    top: -7px;
}

.column-article-list-sm li {
    border-bottom: 1px solid #c1c1c1;
}

.column-article-list-sm li a {
    display: block;
    text-decoration: none;
    padding: 17px 10px;
    transition: all .2s 0s ease;
    color: #111;
}

.column-article-list-sm li a:hover {
    color: #0b3f57;
}

.column-article-list-sm li a:hover .headline-tit,
.column-article-list-sm li a:hover .col-article-list-tit,
.column-article-list-sm li a:hover .sm-article-list-tit,
.column-article-list-sm li a:hover .tit-list-rank {
    color: #0b3f57;
}

.column-article-list-sm li a .headline-tit,
.column-article-list-sm li a .col-article-list-tit,
.column-article-list-sm li a .sm-article-list-tit,
.column-article-list-sm li a .tit-list-rank {
    transition: all .2s 0s ease;
    color: #111;
}

.meta-column-sm {
    display: table;
}

.thumb-column-sm,
.meta-txt-column-sm {
    display: table-cell;
    vertical-align: top;
}

.thumb-column-sm {
    width: 84px;
    height: 84px;
    box-sizing: border-box;
}

.thumb-column-sm img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border: 1px solid #c1c1c1;
}

.meta-txt-column-sm {
    color: #5c5c5c;
    padding-left: 10px;
}

.tit-column-sm {
    font-size: 11.0045px;
    line-height: 1.4;
    margin-bottom: 7px;
    height: 45px;
    overflow: hidden;
}

.author-column-sm {
    font-size: 13px;
    line-height: 1.4;
    font-weight: bold;
    height: 36px;
    overflow: hodden;
}

.article-tit-column-sm {
    font-size: 13px;
    font-weight: bold;
    color: #111;
    line-height: 1.4;
    margin: 10px 0;
}


/* plane-article-list */

.plane-article-list li {
    margin-bottom: 7px;
}

.plane-article-list li a {
    display: block;
    text-decoration: none;
    padding: 10px;
    transition: all .2s 0s ease;
    color: #111;
}

.plane-article-list li a:hover {
    color: #0b3f57;
}

.plane-article-list li a:hover .headline-tit,
.plane-article-list li a:hover .col-article-list-tit,
.plane-article-list li a:hover .sm-article-list-tit,
.plane-article-list li a:hover .tit-list-rank {
    color: #0b3f57;
}

.plane-article-list li a .headline-tit,
.plane-article-list li a .col-article-list-tit,
.plane-article-list li a .sm-article-list-tit,
.plane-article-list li a .tit-list-rank {
    transition: all .2s 0s ease;
    color: #111;
}

.date-time,
.place {
    color: #5c5c5c;
    line-height: 1.5;
    font-size: 11.0045px;
}


/* sm-article-list */

.sm-article-list {
    border-top: 1px solid #c1c1c1;
}

.sm-article-list li {
    border-bottom: 1px solid #c1c1c1;
}

.sm-article-list li a {
    display: block;
    text-decoration: none;
    padding: 10px;
    transition: all .2s 0s ease;
    color: #111;
}

.sm-article-list li a:hover {
    color: #0b3f57;
}

.sm-article-list li a:hover .headline-tit,
.sm-article-list li a:hover .col-article-list-tit,
.sm-article-list li a:hover .sm-article-list-tit,
.sm-article-list li a:hover .tit-list-rank {
    color: #0b3f57;
}

.sm-article-list li a .headline-tit,
.sm-article-list li a .col-article-list-tit,
.sm-article-list li a .sm-article-list-tit,
.sm-article-list li a .tit-list-rank {
    transition: all .2s 0s ease;
    color: #111;
}

.sm-article-list-tit {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
    color: #111;
    margin-bottom: 8px;
}


/* monthly-mag-list */

.monthly-mag-list li {
    width: 160px;
    float: left;
    margin-bottom: 10px;
    height: 206px;
}

.monthly-mag-list li a {
    display: block;
    text-decoration: none;
    padding: 10px 0;
    transition: all .2s 0s ease;
    color: #111;
}

.monthly-mag-list li a:hover {
    color: #0b3f57;
}

.monthly-mag-list li a:hover .headline-tit,
.monthly-mag-list li a:hover .col-article-list-tit,
.monthly-mag-list li a:hover .sm-article-list-tit,
.monthly-mag-list li a:hover .tit-list-rank {
    color: #0b3f57;
}

.monthly-mag-list li a .headline-tit,
.monthly-mag-list li a .col-article-list-tit,
.monthly-mag-list li a .sm-article-list-tit,
.monthly-mag-list li a .tit-list-rank {
    transition: all .2s 0s ease;
    color: #111;
}

.monthly-mag-thumb,
.monthly-mag-tit {
    width: 120px;
    margin: auto;
}

.monthly-mag-thumb {
    display: block;
    margin-bottom: 10px;
}

.monthly-mag-tit {
    font-size: 12.0081px;
    font-weight: bold;
    color: #111;
}


/* new-book-list */

.new-book-list li a {
    display: block;
    text-decoration: none;
    display: table;
    padding: 5px 0;
    color: #111;
    transition: all .2s 0s ease;
    color: #111;
}

.new-book-list li a:hover {
    color: #0b3f57;
}

.new-book-list li a:hover .headline-tit,
.new-book-list li a:hover .col-article-list-tit,
.new-book-list li a:hover .sm-article-list-tit,
.new-book-list li a:hover .tit-list-rank {
    color: #0b3f57;
}

.new-book-list li a .headline-tit,
.new-book-list li a .col-article-list-tit,
.new-book-list li a .sm-article-list-tit,
.new-book-list li a .tit-list-rank {
    transition: all .2s 0s ease;
    color: #111;
}

.new-book-thumb,
.new-book-meta {
    display: table-cell;
    vertical-align: top;
}

.new-book-thumb {
    padding-left: 10px;
}

.new-book-thumb img {
    width: 90px;
}

.new-book-meta {
    padding: 10px 0 0 10px;
}

.new-book-tit {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 30px;
}

.new-book-author {
    font-size: 11.0045px;
    font-weight: bold;
    margin-bottom: 10px;
}

.new-book-price {
    font-size: 11.0045px;
    font-weight: bold;
}


/* wide-article-list */

.bd-article-list,
.wide-article-list,
.wide-article-list-sm {
    border-top: 5px solid #111;
    border-bottom: 5px solid #111;
    overflow: hidden;
}

.bd-article-list li,
.wide-article-list li,
.wide-article-list-sm li {
    float: left;
}

.bd-article-list li a,
.wide-article-list li a,
.wide-article-list-sm li a {
    display: block;
    padding: 20px 10px;
    text-decoration: none;
    transition: all .2s 0s ease;
    color: #111;
}

.bd-article-list li a:hover,
.wide-article-list li a:hover,
.wide-article-list-sm li a:hover {
    color: #0b3f57;
}

.bd-article-list li a:hover .headline-tit,
.wide-article-list li a:hover .headline-tit,
.wide-article-list-sm li a:hover .headline-tit,
.bd-article-list li a:hover .col-article-list-tit,
.wide-article-list li a:hover .col-article-list-tit,
.wide-article-list-sm li a:hover .col-article-list-tit,
.bd-article-list li a:hover .sm-article-list-tit,
.wide-article-list li a:hover .sm-article-list-tit,
.wide-article-list-sm li a:hover .sm-article-list-tit,
.bd-article-list li a:hover .tit-list-rank,
.wide-article-list li a:hover .tit-list-rank,
.wide-article-list-sm li a:hover .tit-list-rank {
    color: #0b3f57;
}

.bd-article-list li a .headline-tit,
.wide-article-list li a .headline-tit,
.wide-article-list-sm li a .headline-tit,
.bd-article-list li a .col-article-list-tit,
.wide-article-list li a .col-article-list-tit,
.wide-article-list-sm li a .col-article-list-tit,
.bd-article-list li a .sm-article-list-tit,
.wide-article-list li a .sm-article-list-tit,
.wide-article-list-sm li a .sm-article-list-tit,
.bd-article-list li a .tit-list-rank,
.wide-article-list li a .tit-list-rank,
.wide-article-list-sm li a .tit-list-rank {
    transition: all .2s 0s ease;
    color: #111;
}

.wide-article-list li {
    width: 216px;
}

.wide-article-list .sm-article-list-tit {
    height: 54px;
}

.wide-article-list .col-article-list-desc {
    height: 96px;
}

.col-article-list-desc {
    color: #5c5c5c;
    font-size: 11.0045px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.wide-article-list-sm li {
    width: 246.66667px;
}

.wide-article-list-sm .sm-article-list-tit {
    height: 54px;
}

.wide-article-list-sm .col-article-list-desc {
    height: 80px;
}


/* column-list */

.column-list {
    overflow: hidden;
}

.column-list>li {
    width: 360px;
    float: left;
    border-top: 2px solid #111;
}

.column-list>li:nth-child(even) {
    margin-left: 20px;
}

.column-list>li:nth-child(1),
.column-list>li:nth-child(2) {
    border-top: none;
}

.column-list-meta {
    padding: 20px 0;
    height: 192px;
    box-sizing: border-box;
}

.column-list-meta-main {
    display: table;
    margin-bottom: 5px;
}

.column-list-thumb {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}

.column-list-thumb img {
    width: 85px;
}

.column-list-tit {
    display: table-cell;
    padding: 0 10px;
    vertical-align: top;
    font-weight: bold;
    font-size: 14.9994px;
    position: relative;
    top: -4px;
}

.column-list-tit a {
    text-decoration: none;
    color: #111;
    transition: color .2s 0s ease;
}

.column-list-tit a:hover {
    color: #0b3f57;
    transition: color .2s 0s ease;
}

.column-list-name,
.column-list-author-tit {
    color: #5c5c5c;
    font-size: 12.0081px;
    padding-left: 10px;
}

.column-list-name a {
    color: #5c5c5c;
    text-decoration: none;
}

.column-list-tit-list li {
    margin-bottom: 20px;
    padding-left: 10px;
    line-height: 1.8;
}

.column-list-tit-list li a {
    text-decoration: none;
    color: #111;
    transition: color .2s 0s ease;
}

.column-list-tit-list li a:hover {
    color: #0b3f57;
    transition: color .2s 0s ease;
}

.column-list-tit-list-base {
    border-top: 1px solid #ececec;
    padding-top: 20px;
    height: 300px;
}


/* columnist-list */

.columnist-list {
    overflow: hidden;
}

.columnist-list li {
    width: 233.33333px;
    float: left;
    margin-left: 20px;
    border-bottom: 1px solid #c1c1c1;
}

.columnist-list li:nth-child(3n+1) {
    margin-left: 0;
}

.columnist-list li a {
    display: block;
    text-decoration: none;
}

.columnist-list li a:hover .columnist-list-tit {
    color: #0b3f57;
    transition: color .2s 0s ease;
}

.columnist-list li .columnist-list-meta {
    height: 105px;
    overflow: hidden;
    padding-top: 20px;
}

.columnist-list li .columnist-list-thumb {
    float: left;
    margin-right: 10px;
    border: 1px solid #ececec;
    width: 85px;
    height: 85px;
    box-sizing: border-box;
}

.columnist-list li .columnist-list-author {
    position: relative;
    overflow: hidden;
    height: 85px;
}

.columnist-list li .columnist-list-name {
    color: #5c5c5c;
    font-weight: bold;
}

.columnist-list li .columnist-list-author-tit {
    color: #5c5c5c;
    font-size: 11.0045px;
    position: absolute;
    bottom: 3px;
    left: 0;
}

.columnist-list li .columnist-list-tit {
    color: #111;
    font-weight: bold;
    font-size: 14.9994px;
    padding: 10px 0;
    height: 95px;
    box-sizing: border-box;
}


/* column-detail-base */

.column-detail-base {
    border: 1px solid #c1c1c1;
    background: #f2f2f2;
    padding: 30px 30px 0 30px;
    margin: 0 10px;
    margin-bottom: 85px;
}

.column-detail-thumb {
    width: 85px;
    height: 85px;
    border: 1px solid #c1c1c1;
    float: left;
    margin-right: 15px;
}

.column-detail-thumb img {
    width: 100%;
}

.column-detail-txt {
    overflow: hidden;
}

.column-detail-name {
    font-weight: bold;
    font-size: 14.9994px;
    margin-bottom: 25px;
}

.column-detail-txt>.column-detail-subtit,
.column-detail-txt>p {
    color: #4c4c4c;
}

.column-detail-txt>.column-detail-subtit {
    font-weight: bold;
    font-size: 14.9994px;
}

.column-detail-txt>p {
    font-size: 12.0081px;
}

.border-thumb img {
    border: 1px solid #c1c1c1;
}

.pr-tag {
    font-weight: bold;
    font-size: 12.0081px;
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 1px solid #111;
}

.pr-tag-col {
    position: absolute;
    top: 135px;
    right: 10px;
}

.pr-tag-col-headLineMain {
    position: absolute;
    top: 258px;
    right: 0;
}

.pr-tag-col-headLineSide {
    position: absolute;
    top: 12px;
    right: 0;
}

.pr-tag-basic {
    height: 15px;
    position: relative;
    top: 5px;
}

.pr-tag-basic .pr-tag {
    position: relative;
    top: -6px;
}


/* side thumbnail article list */

.sm-article-list-thumb {
    float: left;
    margin-right: 10px;
}

.sm-article-list-thumb img {
    width: 76px;
    margin-right: 0;
    border: 1px solid #c1c1c1;
}

.sm-article-list-cont {
    overflow: hidden;
}

.sm-article-list-cont .sm-article-list-tit {
    margin-bottom: 0;
    line-height: 1.32;
}

.sm-article-list-cont .update-date {
    line-height: 1.5;
}

.link-more-bs {
    position: relative;
}

a.link-more {
    display: block;
    position: absolute;
    top: 14px;
    right: 14px;
    color: #111;
    padding-left: 24px;
    text-decoration: none;
}

.link-more:before {
    content: "\f3d3";
    font-family: "Ionicons";
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translate(0, -50%);
}

.link-more:after {
    content: "\f3d3";
    font-family: "Ionicons";
    position: absolute;
    right: 75px;
    top: 50%;
    transform: translate(0, -50%);
}

.list-rank {
    border-bottom: 1px solid #c1c1c1;
}

.tit-list-rank {
    margin: 5px 0;
    font-size: 13px;
    color: #111;
    font-weight: bold;
    line-height: 1.4;
}

.list-rank-item {
    border-top: 1px solid #c1c1c1;
}

.list-rank-item a {
    display: table;
    text-decoration: none;
    position: relative;
    color: #111;
    padding: 7px 5px 0 55px;
}

.list-rank-item a:before,
.list-rank-item a:after {
    content: "";
    position: absolute;
    font-weight: bold;
    top: 50%;
    left: 15px;
    width: 16px;
    height: 16px;
    line-height: 10px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 81.75%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.list-rank-item a:after {
    line-height: 1.3;
    text-shadow: 0px 0px 4px #888;
}

.list-rank li:nth-child(1) a:after {
    background: #ccab60;
}

.list-rank li:nth-child(2) a:after {
    background: #a2a2a2;
}

.list-rank li:nth-child(3) a:after {
    background: #cb8d5e;
}

.list-rank li:nth-child(4) a:after {
    background: #d8d8d8;
}

.list-rank li:nth-child(5) a:after {
    background: #d8d8d8;
}

.list-rank li:nth-child(1) a:after {
    content: "1";
}

.list-rank li:nth-child(2) a:after {
    content: "2";
}

.list-rank li:nth-child(3) a:after {
    content: "3";
}

.list-rank li:nth-child(4) a:after {
    content: "4";
}

.list-rank li:nth-child(5) a:after {
    content: "5";
}

.list-rank p {
    padding: 7px 5px 7px 40px;
    font-size: 100%;
    color: #000000;
    line-height: 1.3;
}

@font-face {
    font-family: 'share-icons';
    src: url("../fonts/share-icons.eot");
    src: url("../fonts/share-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/share-icons.woff") format("woff"), url("../fonts/share-icons.ttf") format("truetype"), url("../fonts/share-icons.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.article-meta-box {
    margin-bottom: 40px;
}

.page-tit,
.article-tit-wide {
    font-size: 29.99997px;
    line-height: 1.5;
    font-weight: bold;
    padding: 15px 125px 15px 0;
    margin-bottom: 30px;
}

.article-tit-wide {
    padding-right: 0;
    display: table;
}

.article-tit-thum,
.article-tit-txt {
    display: table-cell;
    vertical-align: top;
}

.article-tit-txt {
    padding-left: 20px;
}

.article-author {
    margin-bottom: 5px;
}

.article-author a {
    text-decoration: none;
}

.article-author,
.article-author a,
.article-update-date {
    font-size: 13.9997px;
    color: #111;
    font-weight: bold;
}

#entry-body {
    position: relative;
}

#entry-share-base {
    width: 110px;
    position: absolute;
    top: 0;
    left: 0;
}

.entry-share-tit {
    color: #a8a8a8;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 13.9997px;
}

#entry-share-buttons li {
    height: 25px;
}

#entry-share-buttons li+li {
    margin-top: 15px;
}

#entry-share-buttons a {
    text-decoration: none;
    position: relative;
    transition: all .2s 0s ease;
    padding-left: 30px;
}

#entry-share-buttons a img {
    width: 25px;
    vertical-align: bottom;
}

#entry-share-buttons a:before {
    content: "";
    font-family: 'share-icons';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 25px;
    line-height: 1;
}

#entry-share-buttons a .entry-share-txt {
    color: #a8a8a8;
    opacity: 0;
    font-weight: bold;
    transition: all .1s 0s ease;
    line-height: 1.2em;
    font-size: 11.5px;
}

#entry-share-buttons a:hover span {
    opacity: 1;
}

#entry-share-buttons li:nth-child(1) a .entry-share-txt {
    padding-bottom: 2px;
}

#entry-share-buttons li:nth-child(1) a:before {
    content: "\e900";
    color: #7ac142;
}

#entry-share-buttons li:nth-child(1) a:hover span {
    color: #7ac142;
}

#entry-share-buttons li:nth-child(2) a .entry-share-txt {
    position: relative;
    top: 2px;
}

#entry-share-buttons li:nth-child(2) a:before {
    content: "\e905";
    color: #55acee;
}

#entry-share-buttons li:nth-child(2) a:hover span {
    color: #55acee;
}

#entry-share-buttons li:nth-child(3) a .entry-share-txt {
    position: relative;
    top: 2px;
}

#entry-share-buttons li:nth-child(3) a:before {
    content: "\e901";
    color: #3b5998;
}

#entry-share-buttons li:nth-child(3) a:hover span {
    color: #3b5998;
}

#entry-share-buttons li:nth-child(4) a .entry-share-txt {
    padding-bottom: 4px;
}

#entry-share-buttons li:nth-child(4) a:before {
    content: "\e902";
    color: #dc4e41;
}

#entry-share-buttons li:nth-child(4) a:hover span {
    color: #dc4e41;
}

#entry-share-buttons li:nth-child(5) a .entry-share-txt {
    line-height: 1.1;
    display: inline-block;
    position: absolute;
}

#entry-share-buttons li:nth-child(5) a:before {
    content: "\e903";
    color: #00a5de;
}

#entry-share-buttons li:nth-child(5) a:hover span {
    color: #00a5de;
}

#entry-share-buttons li:nth-child(6) a .entry-share-txt {
    padding-bottom: 2px;
}

#entry-share-buttons li:nth-child(6) a:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 2px;
    background-image: url(../images/share-ico-note.svg);
    background-size: contain;
    color: #41C9B4;
}

#entry-share-buttons li:nth-child(6) a:hover span {
    color: #41C9B4;
}

.entry-txt,
.page-txt {
    margin-bottom: 110px;
}

.entry-txt h2,
.page-txt h2 {
    display: inline-block;
    font-size: 22.00055px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #111;
    margin-bottom: 30px;
}

.entry-txt h3,
.page-txt h3 {
    font-size: 18.00045px;
    font-weight: bold;
    margin-bottom: 30px;
}

.entry-txt h4,
.page-txt h4 {
    font-size: 16.0004px;
    font-weight: bold;
    margin-bottom: 30px;
}

.entry-txt>p,
.page-txt>p {
    font-size: 16.0004px;
    margin-bottom: 30px;
}

.entry-txt ul,
.page-txt ul {
    margin-bottom: 30px;
}

.entry-txt ul li,
.page-txt ul li {
    padding-left: 12px;
    position: relative;
    font-size: 16.0004px;
}

.entry-txt ul li:before,
.page-txt ul li:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 2px;
    position: absolute;
    top: .6em;
    left: 0;
    background: #111;
}

.entry-txt ul li+li,
.page-txt ul li+li {
    margin-top: 10px;
}

.entry-txt ol,
.page-txt ol {
    margin-bottom: 30px;
    padding-left: 0;
}

.entry-txt ol li,
.page-txt ol li {
    list-style-type: decimal;
    margin-left: 20px;
    font-size: 16.0004px;
}

.entry-txt ol li+li,
.page-txt ol li+li {
    margin-top: 10px;
}

.entry-txt p,
.page-txt p {
    font-size: 16.0004px;
    line-height: 1.8;
}

.entry-txt blockquote,
.page-txt blockquote {
    margin-bottom: 30px;
    font-size: 16.0004px;
    padding: 60px 30px 60px 65px;
    position: relative;
    font-weight: bold;
    font-style: italic;
}

.entry-txt blockquote:before,
.page-txt blockquote:before {
    content: "";
    width: 27px;
    height: 21px;
    background: url(../images/bg-blockquote-before.png) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    top: 55px;
    left: 30px;
}

.entry-txt blockquote:after,
.page-txt blockquote:after {
    content: "";
    width: 27px;
    height: 21px;
    background: url(../images/bg-blockquote-after.png) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 50px;
    right: 0px;
}

.entry-txt .wp-caption-text,
.page-txt .wp-caption-text {
    color: #5c5c5c;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 30px;
}

.entry-txt small,
.page-txt small {
    font-size: 14px;
}

.entry-txt table,
.page-txt table {
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    margin: 0 0 30px 0 !important;
}

.entry-txt table th,
.entry-txt table td,
.page-txt table th,
.page-txt table td {
    padding: 20px !important;
    font-size: 13px !important;
}

.entry-txt table td+td,
.entry-txt table th+td,
.page-txt table td+td,
.page-txt table th+td {
    border-left: 1px solid #c1c1c1;
}

.entry-txt table tr+tr th,
.entry-txt table tr+tr td,
.page-txt table tr+tr th,
.page-txt table tr+tr td {
    border-top: 1px solid #c1c1c1;
}

.entry-txt {
    margin-left: 110px;
}

a.lnk-next-wrapper:link,
a.lnk-next-wrapper:visited,
a.lnk-next-wrapper:hover {
    color: #111;
    text-decoration: none;
}

.lnk-next {
    background: #ececec;
    padding: 10px;
    font-weight: bold;
    font-size: 12.0081px;
    text-align: center;
    color: #111;
    padding-left: 1em;
    position: relative;
    transition: all .2s 0s ease;
}

.lnk-next:hover {
    background: #e1e1e1;
}

.lnk-next a:link,
.lnk-next a:visited,
.lnk-next a:hover {
    color: #111;
    text-decoration: none;
}

.lnk-next:before {
    content: "\f3d3";
    font-family: "Ionicons";
    position: absolute;
    left: 19px;
    top: 50%;
    transform: translate(0, -50%);
}

.lnk-next:after {
    content: "\f3d3";
    font-family: "Ionicons";
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translate(0, -50%);
}

.lnk-next .lnk-next-inner {
    text-decoration: none;
}

p.txt-sm {
    font-size: 100%;
}


/* column */

.categiry-tit-base {
    margin-bottom: 45px;
}

.column-series-tit {
    margin-left: 110px;
    font-size: 19.994px;
    font-weight: bold;
    padding-top: 30px;
    margin-bottom: 25px;
}

.page-links {
    text-align: center;
    margin: 32px 10px 52px 10px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-links a {
    display: inline-block;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid #a8a8a8;
    color: #000000;
    text-decoration: none;
    line-height: 30px;
    margin-left: 10px;
    font-weight: bold;
}

.page-links a span {
    display: inline-block;
    position: relative;
    top: -1px;
}

.page-links a.previouspostslink {
    position: relative;
    color: #ececec;
    background: #ececec;
    width: 30px;
    height: 30px;
}

.page-links a.previouspostslink span {
    display: none;
}

.page-links a.previouspostslink:before {
    content: "\f3cf";
    font-family: "Ionicons";
    font-weight: normal;
    font-size: 200%;
    position: absolute;
    color: #5c5c5c;
    top: 50%;
    left: 12px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page-links a.previouspostslink+span,
.page-links a.previouspostslink+a,
.page-links a+.extend,
.page-links span+.extend,
.page-links .extend+a,
.page-links .extend+span,
.page-links .current {
    margin-left: 10px;
}

.page-links a.nextpostslink {
    margin-left: 10px;
    position: relative;
    color: #ececec;
    background: #ececec;
    width: 30px;
    height: 30px;
}

.page-links a.nextpostslink span {
    display: none;
}

.page-links a.nextpostslink:before {
    content: "\f3d1";
    font-family: "Ionicons";
    font-weight: normal;
    font-size: 200%;
    position: absolute;
    color: #5c5c5c;
    top: 50%;
    left: 15px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bk-area {
    border: 1px solid #a8a8a8;
    margin-top: 30px;
}

h2.tit-bk {
    background: #ececec;
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px solid #a8a8a8;
    display: block;
}

ul.list-bk {
    padding-left: 0;
    padding: 0 20px 0 10px;
}

ul.list-bk li {
    padding-left: 15px;
    position: relative;
    font-size: 13px;
}

ul.list-bk li a {
    display: inline-block;
    margin-left: 1em;
    text-decoration: none;
    color: #111;
    line-height: 1.8;
    transition: all .2s 0s ease;
}

ul.list-bk li a:hover {
    color: #0b3f57;
}

ul.list-bk li:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #111;
    top: .9em;
    left: 10px;
}

ul.list-bk li+li {
    margin-top: 10px;
}

.read-more {
    text-align: right;
    position: relative;
    margin: 10px 27px 25px 0;
}

.read-more:before {
    content: "\f3d3";
    font-family: "Ionicons";
    position: absolute;
    right: 72px;
    top: 50%;
    transform: translate(0, -50%);
}

.read-more:after {
    content: "\f3d3";
    font-family: "Ionicons";
    position: absolute;
    right: 77px;
    top: 50%;
    transform: translate(0, -50%);
}

.read-more a {
    color: #111;
    font-weight: bold;
    text-decoration: none;
}

.mcp-gt-l {
    margin-left: 110px;
}

.sign-up-btn {
    display: block;
    width: 176px;
    height: 47px;
    margin: auto;
    background: url(../images/sign-up-btn.png) no-repeat;
    background-position: 0 0;
    color: #fff;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.sign-up-btn:hover {
    background-position: 0 -47px;
}

.guide_to_limited {
    border: 3px solid #eee;
    padding: 5px 15px 20px 10px;
    margin-bottom: 20px;
}

.bs-profile {
    position: relative;
    overflow: hidden;
    padding-top: 28px;
    font-weight: normal;
    font-size: 13px;
}

.bs-profile:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 5px;
    background: #111;
    left: 0;
    top: 0;
}

.bs-profile .thumb-profile {
    width: 150px;
    float: left;
    margin-right: 15px;
}

.bs-profile .thumb-profile img {
    width: 100%;
}

.bs-profile .txt-profile {
    overflow: hidden;
}

.bs-profile .txt-profile .name-profile {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

.bs-profile .txt-profile p {
    font-size: 12.8px;
}

.default-table {
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    margin: 0 0 30px 0 !important;
}

.default-table th,
.default-table td {
    padding: 20px !important;
    font-size: 13px !important;
}

.default-table td+td,
.default-table th+td {
    border-left: 1px solid #c1c1c1;
}

.default-table tr+tr th,
.default-table tr+tr td {
    border-top: 1px solid #c1c1c1;
}

.form-table {
    width: 90%;
    margin-right: auto !important;
    margin-left: auto !important;
}

.form-table .last_name {
    margin-right: 10px;
}

.form-table .last_name_kana {
    margin-right: 10px;
}

.form-table .corp .input-default,
.form-table .unit .input-default,
.form-table .post .input-default,
.form-table .email .input-default,
.form-table .email_confirm .input-default {
    width: 100%;
}

.form-table .zip01 {
    margin-bottom: 18px;
    margin-left: 10px;
    display: inline-block;
}

.form-table .zip02 {
    margin-bottom: 18px;
    display: inline-block;
}

.form-table .pref {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 15px;
}

.form-table .address01 {
    display: inline-block;
    margin-bottom: 15px;
}

.form-table .email {
    margin-bottom: 15px;
    width: 100%;
}

.form-table .email_confirm {
    margin-bottom: 5px;
    width: 100%;
}

.form-table .required-label {
    display: inline-block;
    background: #be0000;
    color: #fff;
    padding: 2px 5px;
    font-size: 10px;
    line-height: 1;
    font-weight: bold;
    margin-left: 3px;
    border-radius: 3px;
}

.form-table .wpcf7-form-control-wrap {
    display: inline-block;
}

.form-table .input-default {
    box-sizing: border-box;
}

.form-table th {
    width: 130px;
    text-align: left;
}

.form-table .sub-input-group {
    display: block;
}

.btn-sns-login-box {
    text-align: center;
    border: 3px solid #eee;
    padding: 10px;
    margin: 10px 0 60px 0;
}

.entry-txt .btn-sns-login-table {
    border: none !important;
    margin: 0 !important;
    width: 100%;
}

.entry-txt .btn-sns-login-table td {
    padding: 0 !important;
}

.entry-txt .btn-sns-login-table .first-item {
    padding: 10px 5px 10px 0 !important;
    width: 460px;
    box-sizing: border-box;
}

.entry-txt .btn-sns-login-table .second-item {
    position: relative;
    width: 0;
    border-right: 1px solid #eee;
    border-left: none;
}

.entry-txt .btn-sns-login-table .second-item span {
    position: absolute;
    background: #fff;
    top: 46px;
    left: -14px;
    line-height: 28px;
    color: #666;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
}

.entry-txt .btn-sns-login-table .third-item {
    vertical-align: middle;
    padding: 20px 0 20px 12px !important;
    border: none;
}

.entry-txt .btn-sns-login-table .third-item a {
    font-weight: bold;
    text-decoration: underline;
}

.entry-txt p.btn-sns-login-tit-main {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin: 5px auto 2px auto;
    line-height: 1.2;
}

.entry-txt p.btn-sns-login-tit-sub {
    text-align: center;
    font-size: 12px;
    margin-bottom: 0;
    color: #666;
}

.sns-login-list {
    list-style: none;
    margin-bottom: 0 !important;
}

.sns-login-list li {
    display: inline-block;
    padding-left: 0 !important;
    margin: 7px 3px;
}

.sns-login-list li:before {
    content: none !important;
}

.sns-login-list li a {
    display: block;
    width: 104px;
    height: 34px;
    border-radius: 2px;
    padding: 7px 5px 5px 5px;
    color: #fff;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}

.sns-login-list li a img {
    margin: 0 8px 0 0;
    display: inline-block;
    vertical-align: bottom;
}

.sns-login-list li a:hover {
    text-decoration: none;
}

.sns-login-list .facebook-login {
    margin-top: 0;
    margin-bottom: 10px;
}

.sns-login-list .facebook-login a {
    background: #3b5998;
}

.sns-login-list .facebook-login a:hover {
    background: #2f4d8b;
}

.sns-login-list .facebook-login img {
    width: 14px;
    position: relative;
    top: -1px;
}

.sns-login-list .twitter-login {
    margin-bottom: 10px;
}

.sns-login-list .twitter-login a {
    background: #55acee;
}

.sns-login-list .twitter-login a:hover {
    background: #459cdd;
}

.sns-login-list .twitter-login img {
    width: 15px;
    position: relative;
    top: -2px;
}

.sns-login-list .google-login a {
    background: #dc4e41;
}

.sns-login-list .google-login a:hover {
    background: #cf4235;
}

.sns-login-list .google-login img {
    width: 14px;
    position: relative;
    top: -1px;
    left: -10px;
}

.sns-login-list .yahoo-login a {
    background: #ff0033;
}

.sns-login-list .yahoo-login a:hover {
    background: #e4012e;
}

.sns-login-list .yahoo-login img {
    width: 22px;
    position: relative;
    top: -2px;
}

a.mail-login {
    display: block;
    text-decoration: none;
    color: #fff !important;
    background: #2f4867;
    width: 447px;
    height: 34px;
    margin: 10px auto 15px auto;
    font-size: 12px;
    border-radius: 2px;
    line-height: 34px;
    font-weight: bold;
    position: relative;
    padding-left: 22px;
    box-sizing: border-box;
    transition: background .2s 0s ease;
}

a.mail-login:hober {
    background: #213e64;
    transition: background .2s 0s ease;
}

a.mail-login:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 12px;
    background: url(../imgges/g-mail.png) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 12px;
    left: 21px;
}

.hr-txt {
    text-align: center;
    position: relative;
    margin-bottom: 7px;
}

.hr-txt span {
    display: inline-block;
    padding: 0 10px;
    background: #fff;
    color: #666;
    font-size: 12px;
}

.hr-txt:before {
    content: "";
    display: block;
    width: 447px;
    height: 1px;
    background: #eee;
    position: absolute;
    left: 78px;
    top: 50%;
    z-index: -1;
}

.box-helper {
    background: #f2f2f2;
    padding: 45px 30px;
}

.box-helper .tit-helper {
    border-bottom: none;
    margin-bottom: 10px;
    padding-left: 30px;
}

.staff-list {
    clear: both;
    margin-top: 10px;
    overflow: hidden;
}

.staff-list dt {
    width: 100px;
    float: left;
    padding-left: 30px;
    line-height: 1.3;
}

.staff-list dd {
    overflow: hidden;
    padding-left: 20px;
    line-height: 1.3;
}

.border-helper {
    margin: 30px 0;
    border-top: 1px solid #ccc;
    border-left: none;
}

.small-helper {
    color: #848484;
    line-height: 1.8;
}

.answer-button-container {
    -ms-display: flex;
    -webkit-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 500px;
}

.answer-button-container .answer-button {
    margin: 0 auto;
}

.answer-button-container .answer-button .multi-line-text {
    line-height: normal;
    padding: 3px;
}

.wpdl-form-name-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.wpdl-form-name-container .wpdl-form-name-label {
    margin-bottom: 8px;
}

.wpdl-form-name-kana-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.wpdl-form-name-kana-container .wpdl-form-name-kana-label {
    margin-bottom: 8px;
}

.wpdl-form-recaptcha {
    margin: 0 0 30px 0;
}

.wpdl-form-recaptcha .wpcf7-recaptcha div {
    margin: 0 auto;
}

@font-face {
    font-family: 'ico-advertimes';
    src: url("../fonts/ico-advertimes.eot");
    src: url("../fonts/ico-advertimes.eot?#iefix") format("embedded-opentype"), url("../fonts/ico-advertimes.woff") format("woff"), url("../fonts/ico-advertimes.ttf") format("truetype"), url("../fonts/ico-advertimes.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.nav-mcp {
    width: 210px;
    margin: 0 15px;
}

.nav-mcp li {
    width: 100px;
    float: left;
    margin-bottom: 9px;
}

.nav-mcp li:nth-child(odd) {
    margin-right: 9px;
}

.nav-mcp a {
    display: block;
    position: relative;
    background: #f8f8f8;
    border: 1px solid #ececec;
    color: #111;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    padding: 29px 0 3px 0;
    font-size: 9.9996px;
    transition: all .1s 0s ease;
}

.nav-mcp a:hover,
.nav-mcp a.is-active {
    border-radius: 0;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    background: #ececec;
}

.nav-mcp a:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 2px;
    font-family: 'ico-advertimes';
    font-size: 19px;
    transform: translate(-50%, 0);
}

.nav-mcp .mcp-ec:before {
    content: "\e618";
}

.nav-mcp .mcp-ir-csr:before {
    content: "\e62d";
}

.nav-mcp .mcp-o2o:before {
    content: "\e62e";
}

.nav-mcp .mcp-sp-tool:before {
    content: "\e60b";
}

.nav-mcp .mcp-web-site:before {
    content: "\e604";
}

.nav-mcp .mcp-ad-technology:before {
    content: "\e607";
}

.nav-mcp .mcp-event-2:before {
    content: "\e605";
}

.nav-mcp .mcp-clipping:before {
    content: "\e60d";
}

.nav-mcp .mcp-graphic:before {
    content: "\e610";
}

.nav-mcp .mcp-system:before {
    content: "\e616";
}

.nav-mcp .mcp-smart-phone:before {
    content: "\e60c";
}

.nav-mcp .mcp-social_media:before {
    content: "\e617";
}

.nav-mcp .mcp-news-release:before {
    content: "\e612";
}

.nav-mcp .mcp-novelty:before {
    content: "\e606";
}

.nav-mcp .mcp-big-data:before {
    content: "\e614";
}

.nav-mcp .mcp-monitoring:before {
    content: "\e602";
}

.nav-mcp .mcp-research:before {
    content: "\e60a";
}

.nav-mcp .mcp-risk-management:before {
    content: "\e613";
}

.nav-mcp .mcp-print-dm:before {
    content: "\e611";
}

.nav-mcp .mcp-pr-2:before {
    content: "\e600";
}

.nav-mcp .mcp-movie:before {
    content: "\e61c";
}

.nav-mcp .mcp-overseas-strategy:before {
    content: "\e601";
}

.nav-mcp .mcp-workplace-communication:before {
    content: "\e603";
}

.nav-mcp .mcp-review:before {
    content: "";
    background: url(../images/mcp/pencil.svg) 0 0 no-repeat transparent;
    position: absolute;
    top: 2px;
    width: 19px;
    height: 28px;
    background-size: 19px 28px;
}

.nav-mcp .mcp-tool-production:before {
    content: "";
    background: url(../images/mcp/memo.svg) 0 0 no-repeat transparent;
    position: absolute;
    top: 2px;
    width: 19px;
    height: 28px;
    background-size: 19px 28px;
}

.nav-mcp .mcp-other:before {
    content: "";
    background: url(../images/mcp/folder.svg) 0 0 no-repeat transparent;
    position: absolute;
    top: 2px;
    width: 19px;
    height: 28px;
    background-size: 19px 28px;
}

.tag-list {
    margin-top: 5px;
}

.tag-list li {
    width: 33px;
    height: 33px;
    float: left;
    position: relative;
    background: #f8f8f8;
    border: 1px solid #ececec;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.9) inset;
    margin: 9px 0 0 9px;
}

.tag-list li:before {
    content: "";
    display: block;
    position: absolute;
    font-family: 'ico-advertimes';
    font-size: 20px;
    line-height: 1em;
    text-indent: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tag-list .tag-ec:before {
    content: "\e618";
    transform: translate(-53%, -50%);
}

.tag-list .tag-ir-csr:before {
    content: "\e62d";
}

.tag-list .tag-o2o:before {
    content: "\e62e";
}

.tag-list .tag-sp-tool:before {
    content: "\e60b";
}

.tag-list .tag-web-site:before {
    content: "\e604";
}

.tag-list .tag-ad-technology:before {
    content: "\e607";
}

.tag-list .tag-event-2:before {
    content: "\e605";
}

.tag-list .tag-clipping:before {
    content: "\e60d";
}

.tag-list .tag-graphic:before {
    content: "\e610";
}

.tag-list .tag-system:before {
    content: "\e616";
}

.tag-list .tag-smart-phone:before {
    content: "\e60c";
}

.tag-list .tag-social_media:before {
    content: "\e617";
}

.tag-list .tag-news-release:before {
    content: "\e612";
}

.tag-list .tag-novelty:before {
    content: "\e606";
}

.tag-list .tag-big-data:before {
    content: "\e614";
}

.tag-list .tag-monitoring:before {
    content: "\e602";
}

.tag-list .tag-research:before {
    content: "\e60a";
}

.tag-list .tag-risk-management:before {
    content: "\e613";
}

.tag-list .tag-print-dm:before {
    content: "\e611";
}

.tag-list .tag-pr-2:before {
    content: "\e600";
}

.tag-list .tag-movie:before {
    content: "\e61c";
}

.tag-list .tag-overseas-strategy:before {
    content: "\e601";
}

.tag-list .tag-workplace-communication:before {
    content: "\e603";
}

.tag-list .tag-review:before {
    content: "";
    background: url(../images/mcp/pencil.svg) 0 0 no-repeat transparent;
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}

.tag-list .tag-tool-production:before {
    content: "";
    background: url(../images/mcp/memo.svg) 0 0 no-repeat transparent;
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}

.tag-list .tag-other:before {
    content: "";
    background: url(../images/mcp/folder.svg) 0 0 no-repeat transparent;
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}

.tag-inner {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.newarrival-list {
    margin-left: 12px;
}

.newarrival-list a {
    text-decoration: none;
    color: #111;
    transition: all .2s 0s ease;
}

.newarrival-list a:hover {
    color: #0b3f57;
}

.search-bs {
    margin: 10px 0 25px 0;
}

.input-search {
    width: 440px;
    height: 48px;
    padding: 10px 5px;
    font-size: 24px;
    border-top: none;
    border-right: none;
    border-left: none;
    box-sizing: border-box;
    border-bottom: 1px solid #c1c1c1;
}

.input-search:focus {
    outline: none;
    border-bottom: 1px solid #111;
}

a.search-btn-lg {
    text-decoration: none;
    font-size: 14.9994px;
    color: #111 !important;
    margin-left: 10px;
    cursor: pointer;
}

.search-btn-lg-ico {
    font-size: 160%;
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: 3px;
}

.search-result-tit {
    padding-left: 5px;
    font-size: 14.9994px;
    font-weight: bold;
    margin-bottom: 25px;
}

.search-result-tit strong {
    border-bottom: 1px solid #a8a8a8;
    display: inline-block;
    padding-bottom: 3px;
    margin-right: 3px;
}

#top-spacial-banner-base {
    margin-top: 35px;
}

.special-author {
    padding: 15px 20px;
    border: 1px solid #c1c1c1;
}

.marketing-lab-category-list {
    overflow: hidden;
}

.marketing-lab-category-list li {
    width: 370px;
    float: left;
}

.marketing-lab-category-list li a {
    display: block;
    text-decoration: none;
    padding: 20px 10px;
    transition: all .2s 0s ease;
}

.marketing-lab-category-list li a:hover {
    background: #f8f8f8;
}

.marketing-lab-tit {
    display: inline-block;
    border-top: 2px solid;
    padding: 7px 2px 0 2px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.marketing-lab-tit-marketing {
    color: #04b572;
    border-top-color: #04b572;
}

.marketing-lab-tit-business {
    color: #1ca9e1;
    border-top-color: #1ca9e1;
}

.marketing-lab-tit-promotion {
    color: #d660a5;
    border-top-color: #d660a5;
}

.marketing-lab-tit-world {
    color: #a5642e;
    border-top-color: #a5642e;
}

.marketing-lab-description {
    font-size: 13.9997px;
    color: #4c4c4c;
    height: 105px;
}

.marketing-lab-more {
    display: block;
    text-align: right;
    color: #4c4c4c;
    font-weight: bold;
    position: relative;
}

.marketing-lab-more:before {
    content: "\f3d3";
    font-family: "Ionicons";
    position: absolute;
    right: 75px;
    top: 1px;
}

.marketing-lab-more:after {
    content: "\f3d3";
    font-family: "Ionicons";
    position: absolute;
    right: 70px;
    top: 1px;
}

.newarrival-list li+li {
    margin-top: 8px;
}

.special-articlel-list-grid {
    -ms-display: flex;
    -webkit-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.special-articlel-list-grid li {
    width: 343px;
    margin-right: 25px;
    margin-bottom: 25px;
}

.special-articlel-list-grid li:nth-child(3n) {
    margin-right: 0;
}

.special-articlel-list-grid li a {
    display: block;
    text-decoration: none;
}

.special-articlel-list-grid li a .tit {
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 1.3;
    height: 38px;
    overflow: hidden;
    color: #111;
}

.special-articlel-list-grid li a img {
    width: 343px;
}

.special-articlel-list-grid li a .meta-bottom {
    color: #888;
}

.special-articlel-list-grid li a .like-bx-sm {
    color: #888;
}

.special-articlel-list-grid li a .like-bx-sm:before {
    background: url(../images/bg-share-count-sm-gray.svg) 0 0 no-repeat;
}

.special-articlel-list-grid li.banner .icon-in-banner {
    color: #888;
    margin-left: 5px;
    display: inline-block;
}

.article-list-thum {
    width: 343px;
    height: 183px;
    overflow: hidden;
    margin-bottom: 10px;
}

@font-face {
    font-family: 'share-icons';
    src: url("../fonts/share-icons.eot");
    src: url("../fonts/share-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/share-icons.woff") format("woff"), url("../fonts/share-icons.ttf") format("truetype"), url("../fonts/share-icons.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

#page-body {
    margin-bottom: 110px;
}

#page-body h2 {
    display: inline-block;
    font-size: 22.00055px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #111;
    margin-bottom: 30px;
}

#page-body h3 {
    font-size: 18.00045px;
    font-weight: bold;
    margin-bottom: 30px;
}

#page-body h4 {
    font-size: 16.0004px;
    font-weight: bold;
    margin-bottom: 30px;
}

#page-body p {
    font-size: 16.0004px;
    margin-bottom: 30px;
}

#page-body ul {
    margin-bottom: 30px;
}

#page-body ul li {
    padding-left: 12px;
    position: relative;
    font-size: 16.0004px;
}

#page-body ul li:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 2px;
    position: absolute;
    top: .6em;
    left: 0;
    background: #111;
}

#page-body ul li+li {
    margin-top: 10px;
}

#page-body ol {
    margin-bottom: 30px;
    padding-left: 0;
}

#page-body ol li {
    list-style-type: decimal;
    margin-left: 20px;
    font-size: 16.0004px;
}

#page-body ol li+li {
    margin-top: 10px;
}

#page-body p {
    line-height: 1.8;
}

#page-body blockquote {
    margin-bottom: 30px;
}

#page-body .wp-caption-text {
    color: #5c5c5c;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 10px;
}

#page-body table {
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    margin: 0 0 30px 0 !important;
}

#page-body table th,
#page-body table td {
    padding: 20px !important;
    font-size: 13px !important;
}

#page-body table td+td,
#page-body table th+td {
    border-left: 1px solid #c1c1c1;
}

#page-body table tr+tr th,
#page-body table tr+tr td {
    border-top: 1px solid #c1c1c1;
}

.input-default {
    padding: 5px;
    border-radius: 2px;
    border: 1px solid #ececec;
    font-size: 13px;
}

#welcome-content {
    min-height: 100%;
    height: auto;
    background: #f2f2f2;
    margin-bottom: -50px;
}

#header-wecome {
    padding: 22px 0 0 0;
    border-bottom: 1px solid #c1c1c1;
    background: #fff;
    height: 75px;
    box-sizing: border-box;
}

.header-wecome-inner {
    width: 640px;
    margin: auto;
}

#logo-welcome-ad img {
    width: 210px;
}

#logo-welcome-sd {
    color: #5c5c5c;
    font-size: 9px;
    margin-top: 12px;
}

#logo-welcome-sd img {
    width: 65px;
    height: 16px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 3px;
}

#welcome-banner-base {
    text-align: center;
    margin-top: 25px;
}

.footer-space {
    height: 50px;
}

#footer-welome {
    border-top: 1px solid #c1c1c1;
    width: 100%;
    padding: 16px 0;
    background: #fff;
    height: 50px;
    box-sizing: border-box;
}

#footer-welome p {
    font-size: 9.9996px;
}


/* Utility */

.clearfix {
    overflow: hidden;
    *zoom: 1;
}

.fl-l {
    float: left !important;
}

.fl-r {
    float: right !important;
}

.center {
    text-align: center !important;
}

.auto {
    margin-right: auto;
    margin-left: auto;
}

.txt-loud {
    font-weight: bold;
}

.txt-mute {
    color: #5c5c5c;
}

.txt-lg {
    font-size: 13.9997px;
}

.txt-xs {
    font-size: 11.0045px;
}

.txt-sm,
.entry-txt .txt-sm {
    font-size: 13px !important;
}


/* Space */

.mgb-xs {
    margin-bottom: 5px !important;
}

.mgb-sm {
    margin-bottom: 10px !important;
}

.mgb-rg {
    margin-bottom: 15px !important;
}

.mgb-md {
    margin-bottom: 20px !important;
}

.mgb-lg {
    margin-bottom: 25px !important;
}

.mgb-xl {
    margin-bottom: 30px !important;
}

.mgb-2l {
    margin-bottom: 35px !important;
}

.mgb-3l {
    margin-bottom: 40px !important;
}

.mgb-4l {
    margin-bottom: 45px !important;
}

.mgb-5l {
    margin-bottom: 50px !important;
}

.mgb-6l {
    margin-bottom: 55px !important;
}

.mgt-xs {
    margin-top: 5px !important;
}

.mgt-sm {
    margin-top: 10px !important;
}

.mgt-rg {
    margin-top: 15px !important;
}

.mgt-md {
    margin-top: 20px !important;
}

.mgt-lg {
    margin-top: 25px !important;
}

.mgt-xl {
    margin-top: 30px !important;
}

.mgt-2l {
    margin-top: 35px !important;
}

.mgt-3l {
    margin-top: 40px !important;
}

.mgt-4l {
    margin-top: 45px !important;
}

.mgt-5l {
    margin-top: 50px !important;
}

.gt-r {
    margin-right: 20px;
}

.gt-r-sm {
    margin-right: 10px;
}

.gt-r-xs {
    margin-right: 5px;
}

.gt-l {
    margin-left: 20px;
}

.gt-l-sm {
    margin-left: 10px;
}

.photo-l {
    float: left;
    margin: 0 15px 10px 0;
}

.photo-r {
    float: right;
    margin: 0 0 10px 15px;
}

.photo-md {
    width: 300px !important;
}

.photo-md img {
    width: 300px !important;
    height: auto;
}

.photo-sm {
    width: 150px !important;
}

.photo-sm img {
    width: 150px !important;
    height: auto;
}

.img-max {
    width: 100%;
}

.info,
.error,
.warning,
.flash-notice,
.flash-error,
.flash-alert,
.success {
    padding: 15px;
    margin-bottom: 10px;
}

.info {
    background: #d1ecf7;
    border: 3px solid #bcdfef;
    color: #11689e;
}

.error,
.flash-error,
.flash-alert {
    background: #fad0d0;
    border: 3px solid #f6abab;
    color: #b01717;
}


/* -------------------------------------------

Layout

------------------------------------------- */

#back-top {
    position: fixed;
    display: block;
    bottom: 0;
    right: 15px;
    width: 80px;
    height: 80px;
    background: #ececec;
    text-align: center;
}

#back-top span {
    color: #111;
    font-size: 48px;
}


/* header */

#header {
    position: relative;
    left: 0;
    z-index: 2;
    width: 100%;
    background: #fff;
}

#header.is-fixed {
    position: fixed;
    transition: top .5s 0s ease;
    top: 0;
    box-shadow: 1px 1px 8px rgba(102, 102, 102, 0.3);
}

#header.is-fixed.is-fixed-pre {
    top: -370px;
    transition: top .5s 0s ease;
}


/* header-cap */

#header-cap {
    display: block;
}

#header-cap .container {
    position: relative;
    height: 40px;
}

#header-cap .header-search {
    position: absolute;
    top: 7px;
    left: 100px;
}

#header-cap.is-fixed {
    display: none;
}

#header-cap-mini {
    display: none;
}

#header-cap-mini .container {
    position: relative;
    height: 34px;
}

#header-cap-mini #header-logo-ad-mini {
    position: absolute;
    top: 8px;
    left: 13px;
}

#header-cap-mini #header-logo-ad-mini img {
    width: 95px;
    height: 12px;
}

#header-cap-mini .header-search {
    position: absolute;
    top: 7px;
    left: 120px;
}

#header-cap-mini.is-fixed {
    display: block;
}

#header-logo-senden {
    position: absolute;
    top: 10px;
    left: 15px;
}

#header-logo-senden img {
    width: 71px;
    height: 16px;
}

.header-search .search-txt-field {
    width: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding: 2px 0px 5px 0px;
    box-sizing: border-box;
    transition: all .3s 0s ease-in-out;
}

.header-search .search-txt-field:focus {
    outline: none;
}

.header-search .search-txt-field.is-open {
    width: 340px;
    padding: 2px 5px 5px 5px;
    border-bottom: 1px solid #ececec;
}

.header-search a.search-btn {
    text-decoration: none;
    font-size: 12.0081px;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    color: #222;
}

.header-search a.search-btn span {
    font-size: 160%;
    line-height: 1em;
    display: inline-block;
    margin: -2px 5px 0 0;
    vertical-align: bottom;
}

.header-search a.search-btn:hover {
    color: #111;
}

.header-search-right {
    float: right;
    margin: 35px 16px 0 0;
    position: relative;
}

.header-search-right .header-search-input {
    padding: 5px 30px 5px 5px;
    border-radius: 2px;
    border: 1px solid #c1c1c1;
    font-size: 13px;
    width: 162px;
}

.header-search-right .header-search-input:focus {
    outline: none;
    border: 1px solid #818181;
}

.header-search-right .header-search-btn {
    position: absolute;
    top: 0;
    right: 0px;
    display: block;
    width: 30px;
    height: 30px;
}

.header-search-right .header-search-btn:before {
    content: "\f4a4";
    font-family: "Ionicons";
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 20px;
    color: #666;
}

#header-logo-ad img {
    width: 322px;
    height: 41px;
}

.entrance-links {
    position: absolute;
    top: 10px;
    right: 0;
}

.entrance-links a {
    font-size: 11.0045px;
    font-weight: bold;
    color: #111;
    text-decoration: none;
    vertical-align: top;
}

.entrance-links li {
    padding: 0 15px;
    display: inline-block;
    line-height: 1.2;
}

.entrance-links li+li {
    border-left: 1px solid #5c5c5c;
}


/* header-main */

#header-main {
    display: block;
    height: 70px;
}

#header-main.is-fixed {
    display: none;
}

#header-logo-ad {
    display: block;
    float: left;
    margin: 10px 0 0 15px;
}

#header-date {
    float: left;
    font-size: 13px;
    margin: 37px 0 0 40px;
}

.sns-links-sm.in-header {
    margin: 39px 10px 0 0;
}

.sns-links-sm li {
    display: block;
    float: left;
}

.sns-links-sm li+li {
    margin-left: 3px;
}

.sns-links-sm li a {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
    color: #fff;
    border-radius: 1px;
}

.sns-links-sm li a.ion-social-rss {
    background: #ff6f1b;
}

.sns-links-sm li a.ion-social-twitter {
    background: #55acee;
}

.sns-links-sm li a.ion-social-facebook {
    background: #3b5998;
}

.sns-links-sm li a.sns-social-instagram {
    background: url(../images/sns-social-instagram.jpg) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}


/* header-announcement */

#header-announcement {
    border-top: 3px solid #be0000;
    border-bottom: 1px solid #be0000;
    height: 48px;
    box-sizing: border-box;
    padding: 12px 0 0 0;
}

#header-announcement.is-fixed {
    display: none;
}

.announcement-label {
    float: left;
    color: #be0000;
    font-size: 13px;
    font-weight: bold;
    padding: 0 10px;
}

.announcement-cont {
    float: left;
    font-size: 12.0081px;
}


/* header-nav-bace */

#header-nav-bace {
    border-top: 3px solid #111;
    border-bottom: 1px solid #c1c1c1;
}

#header-nav-bace.is-fixed {
    border-top: 1px solid #eee;
    border-bottom: none;
}

#header-nav-bace.has-announcement {
    border-top: none;
}

#header-nav-bace.has-announcement #heaner-nav {
    padding: 16px 0;
}

#heaner-nav {
    padding: 15px 0;
    display: flex;
}

#heaner-nav.is-fixed {
    padding: 10px 0;
}

#heaner-nav li a {
    font-size: 12.0081px;
    font-weight: bold;
    padding: 0 15px;
    color: #111;
    text-decoration: none;
    display: block;
    cursor: pointer;
}

#heaner-nav li+li a {
    border-left: 1px solid #111;
}

#header-special {
    height: 53px;
    border-bottom: 1px solid #c1c1c1;
}

#header-special.is-fixed {
    border-bottom: none;
}

#header-logo-senden-special {
    display: inline-block;
    margin-left: 10px;
    color: #5c5c5c;
    font-size: 9.9996px;
    text-decoration: none;
}

#header-logo-ad-special {
    display: inline-block;
    margin-top: 16px;
}

#header-logo-ad-special img {
    width: 168px;
}

#header-logo-senden-special img {
    display: inline-block;
    width: 71px;
    margin-left: 5px;
    vertical-align: bottom;
}

#header-print {
    display: none;
}

a.link-register-mailmagazine {
    display: block;
    text-decoration: none;
    color: #fff !important;
    background: #2f4867;
    width: 89px;
    height: 20px;
    margin: 39px 16px 0 0;
    font-size: 10px;
    border-radius: 1px;
    line-height: 20px;
    font-weight: bold;
    position: relative;
    padding-left: 22px;
    box-sizing: border-box;
    transition: background .2s 0s ease;
}

a.link-register-mailmagazine:hover {
    background: #213e64;
    transition: background .2s 0s ease;
}

a.link-register-mailmagazine:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 9px;
    background: url(../images/bg-mail.png) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 6px;
    left: 6px;
}

#top-banner-base {
    padding: 14px 0;
}

#top-banner-base img {
    vertical-align: bottom;
}

#top-spacial-banner-base img {
    width: 100%;
}

#main-container {
    width: 1080px;
    margin: 0 auto auto auto;
}

.main {
    width: 740px;
    float: left;
}

.col-2-base {
    width: 480px;
}

.col-1-base {
    width: 240px;
}

.col-2-wide {
    width: 520px;
    float: left;
}

.col-1-wide {
    width: 260px;
    float: left;
}

.col-2-wide-child {
    width: 250px;
    float: left;
}


/* headline */

.headline {
    margin-top: 30px;
    padding: 0 0 24px 0;
}

.headline-main {
    position: relative;
    width: 460px;
    float: left;
    margin-right: 16px;
}

.headline-main a {
    text-decoration: none;
    transition: all .2s 0s ease;
    color: #111;
}

.headline-main a:hover {
    color: #0b3f57;
}

.headline-main a:hover .headline-tit,
.headline-main a:hover .col-article-list-tit,
.headline-main a:hover .sm-article-list-tit,
.headline-main a:hover .tit-list-rank {
    color: #0b3f57;
}

.headline-main a .headline-tit,
.headline-main a .col-article-list-tit,
.headline-main a .sm-article-list-tit,
.headline-main a .tit-list-rank {
    transition: all .2s 0s ease;
    color: #111;
}

.headline-thumb {
    width: 460px;
    margin-bottom: 10px;
    border: 1px solid #c1c1c1;
    box-sizing: border-box;
}

.headline-side {
    border-top: 1px solid #c1c1c1;
    overflow: hidden;
}

.headline-side-item {
    position: relative;
}

.headline-side-item+.headline-side-item {
    border-top: 1px solid #c1c1c1;
}

.headline-side-item a {
    display: block;
    text-decoration: none;
    padding: 10px 0;
    transition: all .2s 0s ease;
    color: #111;
}

.headline-side-item a:hover {
    color: #0b3f57;
}

.headline-side-item a:hover .headline-tit,
.headline-side-item a:hover .col-article-list-tit,
.headline-side-item a:hover .sm-article-list-tit,
.headline-side-item a:hover .tit-list-rank {
    color: #0b3f57;
}

.headline-side-item a .headline-tit,
.headline-side-item a .col-article-list-tit,
.headline-side-item a .sm-article-list-tit,
.headline-side-item a .tit-list-rank {
    transition: all .2s 0s ease;
    color: #111;
}

.headline-tit {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 3px;
    color: #111;
}

.side {
    width: 320px;
    float: left;
    margin-left: 20px;
}

.side {
    position: relative;
}

.side-banner {
    width: 300px;
    margin-right: auto;
    margin-left: auto;
}

.follow-us-base {
    border: 1px solid #c1c1c1;
    border-top: 3px solid #c1c1c1;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    position: relative;
}

.follow-us-tit {
    font-weight: bold;
    margin: 10px 0;
    text-align: center;
}

.follow-us-list {
    position: relative;
    margin: 0 0 22px 0;
    top: -5px;
    text-align: center;
}

.follow-us-list li {
    display: inline-block;
}

.follow-us-list li a {
    text-decoration: none;
    color: #111;
    font-size: 14.9994px;
    vertical-align: middle;
}

.follow-us-list li a span {
    font-size: 180%;
}

.follow-us-list li a .follow-us-icon:before {
    content: "";
    font-family: 'share-icons';
    display: inline-block;
    width: 25px;
    height: 25px;
}

.follow-us-list li a .follow-us-icon-facebook:before {
    content: "\e906";
    color: #3b5998;
}

.follow-us-list li a .follow-us-icon-twitter:before {
    content: "\e905";
    color: #55acee;
}

.follow-us-list li a .follow-us-icon-instagram:before {
    content: "\e907";
    color: #3f729b;
}

.follow-us-list li a .follow-us-icon-email:before {
    content: "\e908";
    color: #5c5c5c;
}

.follow-us-list li a span.mm-txt {
    position: relative;
    top: -6px;
    font-size: 14.9994px;
    display: inline-block;
    margin-left: 5px;
}

.follow-us-list li+li {
    margin-left: 20px;
}

img.AlpinePhotoTiles-img-corners {
    border-radius: 3px !important;
    padding: 0 !important;
    border: 1px solid #c1c1c1;
}

#footer {
    padding-bottom: 50px;
}

#footer-cap {
    border-top: 3px solid #111;
    padding: 16px;
    margin-bottom: 30px;
}

#footer-logo-ad {
    width: 185px;
    height: 24px;
    display: inline-block;
    margin-right: 13px;
}

#footer-logo-senden {
    display: inline-block;
    color: #5c5c5c;
    font-size: 9.9996px;
}

#footer-logo-senden img {
    width: 71px;
    height: 16px;
    position: relative;
    bottom: -3px;
}

.footer-col {
    width: 200px;
    float: left;
    padding-left: 16px;
    box-sizing: border-box;
}

.footer-col+.footer-col {
    margin-left: 20px;
}

.footer-nav-tit {
    font-size: 12.0081px;
    font-weight: bold;
    margin-bottom: 15px;
}

.footer-nav-list li {
    margin-bottom: 15px;
}

.footer-nav-list li a {
    text-decoration: none;
    font-size: 12.0081px;
    color: #111;
}

.copyright {
    font-size: 9.9996px;
    color: #5c5c5c;
    line-height: 1.7;
}


/* webinar */

.webinar-txt-release {
    text-align: center;
    font-size: 25px;
    margin: 100px 0;
}

.webinar-list li a {
    transition: all .2s 0s ease;
}

.webinar-list .tag {
    color: #111;
}

.webinar-list li .tit,
.webinar-list li .update-date,
.webinar-list li a:hover .tag {
    transition: all .2s 0s ease;
}

.webinar-list li a:hover,
.webinar-list li a:hover .tit,
.webinar-list li a:hover .update-date,
.webinar-list li a:hover .tag {
    color: #0b3f57;
    transition: all .2s 0s ease;
}

p.webinar-closed-txt {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
}

.webinar-watch-company-ttl {
    font-size: 30px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 5px;
}

.webinar-watch-ttl {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}

.webinar-watch-excerpt {
    font-size: 16.0004px;
    line-height: 1.8;
}

.webinar-watch-closed {
    display: flex;
    flex-direction: column;
    margin: 50px 0 100px;
    font-size: 20px;
}

.webinar-watch-closed-link:hover {
    text-decoration: none;
}

.answer-button-container .answer-button .webinar-btn {
    line-height: 52px;
}

.answer-button-container .answer-button .webinar-btn:disabled {
    background-color: lightgrey;
}

.webinar-login-watchLink {
    font-size: 14.9994px;
}

.webinar-article-list .update-date+.campany-name {
    border-left: 1px solid #111;
    display: inline-block;
    padding-left: 10px;
    margin-left: 10px;
}

.webinar-articlel-list-grid .update-date+.campany-name {
    border-left: 1px solid #888;
    display: inline-block;
    padding-left: 10px;
    margin-left: 10px;
}

.js_webinarWtach_btn.is_action {
    position: relative;
    pointer-events: none;
    background-color: #ccc;
}

.js_webinarWtach_btn.is_action::after {
    content: url(../images/loading.gif);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 60%;
}

.entry-txt .webinar-error-text {
    color: #FF0000;
    font-size: 14.0004px;
    line-height: 1.8;
    font-weight: bold;
}

.entry-txt #download-button.center .webinar-thanks-message-txt {
    font-size: 13px;
}
.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

.question-bs {

}

.wp-polls, .wp-polls-form {
    margin-bottom: 1em;
}

.entry-txt ul li:before,
.page-txt ul li:before{
    width: 0;
    height: 0;
}

.entry-txt .question-label,
.entry-txt h3.question-label,
.page-txt h3.question-label {
    text-align: left;
    font-weight: bold;
    font-size: 17px;
    margin: 10px 20px;
    padding: 10px 0;
}
.entry-txt .answer-bs > ul > li,
.page-txt .answer-bs > ul > li {
    font-weight: bold;
    font-size: 17px;
    margin: 10px 20px;
    padding: 10px 0;
}
.question-cont, .answer-cont {
    border: 1px solid #ececec;
    padding: 0 20px 20px 20px;
}
.wp-polls-ul {
    margin: 10px 30px;
}
.wp-polls-ul > li {
    margin: 10px 30px;
}
.wp-polls-footer {
    text-align: center;
}
.wp-polls-results {
    width: 95%;
    margin: 0 auto;
    border-top-style: solid;
    border-top-color: #ececec;
    border-top-width: 2px;
}
.wp-polls-votes {
    padding: 7px;
    font-size: 14px;
    color: #A8A8A8;
}
.wp-polls-answer {
    font-size: 20px;
}
.wp-polls-answer-num {
    font-size: 40px;
    padding: 4px;
}
.wp-polls .pollbar {
    height: 15px;
}

/*# sourceMappingURL=main.css.map */