@charset "UTF-8";
#ctf{overflow-y:auto;-ms-overflow-y:auto}#ctf .ctf-item{padding:15px 5px;border-top:1px solid #ddd;border-top:1px solid rgba(0,0,0,.1);overflow:hidden}#ctf .ctf-item:first-child{border-top:none}#ctf .ctf_remaining{display:none}#ctf .ctf_more{padding:1px;border:1px solid transparent;border-radius:3px;display:inline-block;line-height:1}#ctf .ctf_more:hover{cursor:pointer;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);text-decoration:none}#ctf .ctf-header{float:left;clear:both;margin:0;padding:5px 5px 15px 5px;line-height:1.2;width:100%;border-bottom:1px solid #ddd;border-bottom:1px solid rgba(0,0,0,.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#ctf .ctf-header a{float:left;display:block}#ctf .ctf-header-img{float:left;position:relative;width:48px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#ctf .ctf-header-img img{display:block;float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#ctf .ctf-author-avatar{clear:both;margin:3px 6px 0 -53px}#ctf .ctf-author-name{margin-left:6px}#ctf .ctf-author-box{margin-left:53px}#ctf .ctf-header-generic-icon,#ctf .ctf-header-img-hover{display:none;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:#1b95e0;background:rgba(27,149,224,.85);-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;z-index:999}#ctf .ctf-header-generic-icon .fa,#ctf .ctf-header-generic-icon svg,#ctf .ctf-header-img-hover .fa,#ctf .ctf-header-img-hover svg{position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-8px;font-size:20px;z-index:1000}#ctf .ctf-header-generic-icon svg,#ctf .ctf-header-img-hover svg{margin-top:-10px;margin-left:-10px}#ctf .ctf-header-text{float:left;width:100%;padding-top:5px}#ctf .ctf-no-bio .ctf-header-text{padding-top:13px}#ctf .ctf-header a{text-decoration:none}#ctf .ctf-header-text .ctf-header-user,#ctf .ctf-header-text p{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important}#ctf .ctf-header-name{font-weight:700;margin-right:6px}#ctf .ctf-header-text .ctf-header-bio{padding:0!important;word-break:break-word}#ctf .ctf-header-text .ctf-verified{margin-right:5px}#ctf .ctf-header .ctf-header-follow{display:inline-block;padding:3px 6px;margin:0 0 0 2px;position:relative;top:-2px;background:#1b95e0;color:#fff;font-size:11px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-transition:background .6s ease-in-out;-webkit-transition:background .6s ease-in-out;-o-transition:background .6s ease-in-out;transition:background .6s ease-in-out}#ctf .ctf-header .ctf-header-follow .fa,#ctf .ctf-header .ctf-header-follow svg{margin-right:3px;font-size:12px}#ctf .ctf-header a:hover .ctf-header-follow{background:#0c7abf;-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}#ctf .ctf-header-type-generic .ctf-header-img{color:#fff;width:48px;height:48px;position:relative}#ctf .ctf-header-type-generic .ctf-header-link:hover .ctf-header-generic-icon{background:#0c7abf}#ctf .ctf-header-type-generic .ctf-header-no-bio{padding-top:9px!important;font-size:16px;font-weight:700}#ctf .ctf-header-type-generic .ctf-header-generic-icon{display:block;color:#fff;background:#1b95e0;-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}#ctf .ctf-header-type-generic:hover .ctf-header-generic-icon{display:block;opacity:1}#ctf .ctf-header .ctf-header-user{font-size:16px;line-height:1.3;-ms-word-wrap:break-word;word-break:break-word}#ctf .ctf-header .ctf-header-screenname,#ctf .ctf-header p{font-size:13px;line-height:1.3}.ctf-screenreader{text-indent:-9999px!important;display:inline-block!important;width:0!important;height:0!important;line-height:0!important;text-align:left!important}#ctf .ctf-header-text.sbi-no-info .ctf-header-user{padding-top:9px!important}#ctf .ctf-header-text.sbi-no-bio .ctf-header-counts{clear:both}#ctf .ctf-context{width:100%;padding-left:42px;margin-bottom:2px}#ctf .ctf-with-logo .ctf-context{padding-right:30px}#ctf .ctf-retweet-icon{display:inline-block;font-size:inherit;line-height:1;margin:0 5px 0 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}#ctf.ctf-super-narrow .ctf-retweet-icon{margin:0 5px 0 0}#ctf .ctf-reply-icon{display:inline-block;font-size:inherit;padding:1px 3px 3px 3px;line-height:1;margin:0 3px 0 0}#ctf .ctf-author-box{margin-left:56px}#ctf .ctf-author-avatar{width:48px;height:48px;margin:3px 6px 0 -56px;float:left;overflow:hidden;border:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#ctf .ctf-author-avatar img{margin:0!important;padding:0}#ctf .ctf-author-name,#ctf .ctf-author-screenname,#ctf .ctf-tweet-meta,#ctf .ctf-verified{margin-left:4px;margin-right:4px;display:inline-block}#ctf .ctf-screename-sep{margin:0 2px;display:inline-block}#ctf .ctf-author-name{font-weight:700!important;margin-top:4px}#ctf .ctf-author-box-link{color:#000;text-decoration:none;display:inline;line-height:1.5!important}#ctf .ctf-quoted-verified,#ctf .ctf-verified{color:#77c7f7;margin-left:0}#ctf .ctf-quoted-verified{margin-right:4px}#ctf .ctf-tweet-meta{display:inline-block}#ctf .ctf-replied-to-text a{font-size:inherit;color:inherit;font-weight:inherit}#ctf p.ctf-media-link,#ctf p.ctf-tweet-text{padding:0!important;margin:0!important;line-height:1.4}#ctf .ctf-tweet-actions,#ctf .ctf-tweet-content{margin-left:58px;margin-top:3px;max-width:100%}#ctf .ctf-corner-logo{display:inline-block;float:right;color:#1b95e0;font-size:24px}#ctf.ctf-narrow .ctf-corner-logo{font-size:20px}#ctf .ctf-hide-avatar .ctf-author-box,#ctf .ctf-hide-avatar .ctf-author-name,#ctf .ctf-hide-avatar .ctf-context,#ctf .ctf-hide-avatar .ctf-quoted-tweet,#ctf .ctf-hide-avatar .ctf-tweet-actions,#ctf .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-narrow .ctf-hide-avatar .ctf-author-box,#ctf.ctf-narrow .ctf-hide-avatar .ctf-context,#ctf.ctf-narrow .ctf-hide-avatar .ctf-quoted-tweet,#ctf.ctf-narrow .ctf-hide-avatar .ctf-tweet-actions,#ctf.ctf-narrow .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-author-box,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-context,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-quoted-tweet,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-tweet-content{margin-left:0}#ctf .ctf-hide-avatar .ctf-context{padding-left:0}#ctf .ctf-header-img.ctf-no-consent,#ctf .ctf-header-img.ctf-no-consent .ctf-header-img-hover{display:block;opacity:1;height:48px}#ctf .ctf-quoted-tweet{display:block;clear:both;margin:7px 0 5px 58px;padding:8px 12px;border:1px solid #ddd;border:1px solid rgba(0,0,0,.1);text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf .ctf-quoted-tweet:focus,#ctf .ctf-quoted-tweet:hover{background:#eee;background:rgba(0,0,0,.05);border:1px solid #ddd;border:1px solid rgba(0,0,0,.05);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf .ctf-quoted-author-name{font-weight:700;margin-right:4px}#ctf .ctf-quoted-tweet p{margin:2px 0}#ctf .ctf-tweet-actions a{padding:2px 10px 2px 5px;float:left}#ctf .ctf-tweet-actions a.ctf-like,#ctf .ctf-tweet-actions a.ctf-reply,#ctf .ctf-tweet-actions a.ctf-retweet{color:#bbb;color:rgba(0,0,0,.35);text-decoration:none;border:none;-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}#ctf .ctf-tweet-actions a span.fa,#ctf .ctf-tweet-actions a svg{width:1.1em;height:1.1em;font-size:1.1em}#ctf .ctf-tweet-actions a span.fa.fa-retweet{width:1.2em;height:1.2em;font-size:1.2em}#ctf .ctf-tweet-actions .ctf-reply{margin-left:-5px}#ctf .ctf-tweet-actions a:focus,#ctf .ctf-tweet-actions a:hover{-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}#ctf .ctf-tweet-actions .ctf-reply:focus,#ctf .ctf-tweet-actions .ctf-reply:hover{color:#e34f0e!important}#ctf .ctf-tweet-actions .ctf-retweet:focus,#ctf .ctf-tweet-actions .ctf-retweet:hover{color:#19cf86!important}#ctf .ctf-tweet-actions .ctf-like:focus,#ctf .ctf-tweet-actions .ctf-like:hover{color:#e81c4f!important}#ctf .ctf-action-count{float:right;padding-left:3px;font-size:.9em;margin-top:.25em;line-height:1.2em}#ctf .ctf-twitterlink{margin-top:.3em;line-height:1.2em;font-size:.8em}#ctf .ctf-quoted-tweet-text-media-wrap,#ctf .ctf-tweet-text-media-wrap{margin-left:5px;padding:4px;display:inline-block;border:1px solid #ddd;border:1px solid rgba(0,0,0,.15);color:inherit;text-decoration:none;line-height:1;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf .ctf-tweet-text-media-wrap:focus,#ctf .ctf-tweet-text-media-wrap:hover{background:#eee;background:rgba(0,0,0,.05);border:1px solid #ddd;border:1px solid rgba(0,0,0,.1);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}.ctf-multi-media-icon .ctf-tweet-text-media,.ctf-quoted-tweet-text .ctf-tweet-text-media{margin-left:3px}#ctf #ctf-more{display:block;border:none;background:#eee;background:rgba(0,0,0,.05);width:100%;min-height:30px;padding:5px 0;margin:0;position:relative;text-align:center;box-sizing:border-box;outline:0;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf #ctf-more:hover{background:#ddd;background:rgba(0,0,0,.1);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf #ctf-more.ctf-loading span{-moz-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}#ctf #ctf-more.ctf-loading span{opacity:0}#ctf .ctf-loader{width:20px;height:20px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:unset;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:ctf-sk-scaleout 1s infinite ease-in-out;animation:ctf-sk-scaleout 1s infinite ease-in-out}@-webkit-keyframes ctf-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes ctf-sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ctf-credit-link{width:100%;clear:both;padding:5px 0;margin-top:5px;text-align:center;font-size:12px}.ctf-credit-link .fa,.ctf-credit-link svg{margin-right:4px}#ctf svg{box-sizing:unset}#ctf svg:not(:root).svg-inline--fa,#ctf_lightbox svg:not(:root).svg-inline--fa{box-sizing:unset;overflow:visible;width:1em}#ctf .svg-inline--fa.fa-w-16{width:16px}#ctf .svg-inline--fa.fa-w-20{width:20px}#ctf .ctf-context .ctf-retweet-icon svg{width:1.2em;height:1.2em}#ctf .svg-inline--fa,#ctf_lightbox .svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}#ctf #ctf .ctf-photo-hover span.fa-arrows-alt,#ctf .ctf-photo-hover svg.fa-arrows-alt{display:none}#ctf.ctf-styles .ctf-author-screenname,#ctf.ctf-styles .ctf-context,#ctf.ctf-styles .ctf-screename-sep,#ctf.ctf-styles .ctf-tweet-meta{font-size:12px}#ctf .ctf-error{width:100%;text-align:center}#ctf .ctf-error code,#ctf .ctf-error iframe,#ctf .ctf-error p{padding:0;margin:0 2px}#ctf .ctf-error-user p{padding-bottom:5px}#ctf .ctf-error-user{width:100%}#ctf .ctf-error-admin{margin-top:15px;display:inline-block}#ctf .ctf-error code{display:block;padding:4px}.ctf_smash_error{border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ctf_smash_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}.ctf_smash_error span{font-size:12px}#ctf .ctf-out-of-tweets{width:100%}#ctf .ctf-out-of-tweets{display:block;border:1px solid rgba(0,0,0,.1);background:0 0;background:0 0;width:100%;min-height:30px;padding:5px 0;margin:0;position:relative;text-align:center;box-sizing:border-box;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#ctf .ctf-out-of-tweets iframe,#ctf .ctf-out-of-tweets p{margin:0 2px;padding:0}#ctf .ctf-out-of-tweets p{padding:3px;display:none}#ctf.ctf-narrow .ctf-author-avatar,#ctf.ctf-narrow .ctf-author-avatar img{width:38px;height:38px}#ctf.ctf-narrow .ctf-quoted-tweet,#ctf.ctf-narrow .ctf-tweet-actions,#ctf.ctf-narrow .ctf-tweet-content{margin-left:48px}#ctf.ctf-narrow .ctf-context{margin-left:49px}#ctf.ctf-narrow .ctf-author-box{margin-left:46px}#ctf.ctf-narrow .ctf-author-avatar{margin-left:-46px}#ctf.ctf-narrow .ctf-tweet-content{padding:3px 0 5px 0}#ctf.ctf-narrow .ctf-tweet-actions{float:left;clear:both}#ctf.ctf-super-narrow .ctf-context,#ctf.ctf-super-narrow .ctf-quoted-tweet,#ctf.ctf-super-narrow .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-tweet-content{margin-left:0}#ctf.ctf-super-narrow .ctf-author-box{min-height:32px;margin-bottom:2px}#ctf.ctf-super-narrow .ctf-author-avatar,#ctf.ctf-super-narrow .ctf-author-avatar img{width:32px;height:32px}#ctf.ctf-super-narrow .ctf-author-box{margin-left:38px;float:left;clear:both}#ctf.ctf-super-narrow .ctf-author-avatar{margin-left:-38px;margin-top:0}#ctf.ctf-super-narrow .ctf-author-screenname,#ctf.ctf-super-narrow .ctf-screename-sep{display:none}#ctf.ctf-super-narrow .ctf-context{padding-bottom:5px}#ctf.ctf-super-narrow .ctf-author-name{display:inline-block}#ctf.ctf-super-narrow .ctf-tweet-content{float:left;clear:both}#ctf.ctf-super-narrow .ctf-credit-link{font-size:10px}#ctf.ctf-super-narrow .ctf-header-bio{margin:0!important;padding-top:5px}#ctf.ctf-super-narrow .ctf-header-user{min-height:48px}#ctf.ctf-super-narrow .ctf-header-text{padding-top:10px}#ctf.ctf-super-narrow .ctf-header-follow{margin-top:5px}#ctf.ctf-super-narrow .ctf-more span{display:block;margin-top:3px}@media all and (max-width:640px){#ctf.ctf-width-resp{width:100%!important}}.wpp-no-data {
} .wpp-list {
} .wpp-list li {
overflow: hidden;
float: none;
clear: both;
margin-bottom: 1rem;
}
.wpp-list li:last-of-type {
margin-bottom: 0;
} .wpp-list li.current {
} .wpp-thumbnail {
display: inline;
float: left;
margin: 0 1rem 0 0;
border: none;
} .wpp-post-title {
} .wpp-excerpt {
} .wpp-meta, .post-stats {
display: block;
font-size: 0.8em;
} .wpp-comments {
} .wpp-views {
} .wpp-author {
} .wpp-date {
} .wpp-category {
} .wpp-rating {
}

@import url("https://fonts.googleapis.com/earlyaccess/mplus1p.css");
html {
font-size: 62.5% !important;
}
body {
margin: 0 auto;
width: 100%;
color: #333;
font: 1rem/1.6 "Mplus 1p", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: 0.05em;
font-size: 16px;
font-size: 1.6rem;
word-break: break-all;
}
@media screen and (max-width: 768px) {
body {
font-size: 14px;
font-size: 1.4rem;
}
} * html body {
font-size: 75%;
} *:first-child + html body {
font-size: 75%;
} a {
color: #666;
}
a.imgLink {
display: block;
width: 100%;
height: 100%;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
@media screen and (min-width: 769px) {
a {
color: #666;
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-ms-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
a:hover, a:active, a:focus {
color: #999999;
}
a img {
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-ms-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
a img:hover {
opacity: 0.75;
filter: alpha(opacity=75);
}
} @media screen and (max-width: 480px) {
img {
max-width: 100%;
}
} .text-caution {
color: #C31213;
}
.text-important {
color: #C31213;
}
.text-bold {
font-weight: bold;
} .pc_only {
display: inherit;
}
@media screen and (max-width: 480px) {
.pc_only {
display: none;
}
}
.sp_only {
display: none;
}
@media screen and (max-width: 480px) {
.sp_only {
display: inherit;
}
}
#header_wrap {
z-index: 2;
}
.slick-arrow {
z-index: 1;
} .flex_wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.flex_wrap.v_center {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.flex_wrap.vh_center {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
.flex_wrap.space_between {
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.flex_wrap.reverse {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex_wrap.wrap {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
dl.note dt {
position: relative;
}
dl.note dt span {
position: absolute;
}
dl.note dd {
padding-left: 1em;
}
p.note:before {
content: "※";
font-weight: 300;
}
#nav-toggle {
display: block;
width: 40px;
height: 26px;
cursor: pointer;
z-index: 101;
}
#nav-toggle div {
position: relative;
}
#nav-toggle span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #FFF;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 0;
}
#nav-toggle span:nth-child(2) {
top: 11px;
}
#nav-toggle span:nth-child(3) {
top: 22px;
}
.open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
}
.open #global-nav {
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
background-color: #FFF;
}
.video_wrap {
position: relative;
width: 100%;
height: 100%;
padding-top: 56.25%;
}
.video_wrap iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
} #header_wrap {
width: 100%;
background-color: rgba(37, 129, 78, 0.9);
position: fixed;
top: 0;
}
.l-header {
width: 100%;
height: 65px;
padding: 0;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.l-header h1 {
height: 42px;
margin-left: 20px; }
@media screen and (max-width: 480px) {
.l-header h1 {
margin-left: 10px;
}
}
.l-header h1 a {
padding-left: 50px;
display: block;
background: url(//dime-3x3.com/wp-content/themes/dime_theme/images/dime_logo_new.png) left center no-repeat;
background-size: contain;
line-height: 42px;
color: #FFF !important;
font-weight: normal;
font-size: 20px;
font-size: 2rem;
}
#global-nav {
font-size: 14px;
font-size: 1.4rem;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media screen and (max-width: 480px) {
#global-nav {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: black;
z-index: -1;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
font-size: 18px;
font-size: 1.8rem;
}
}
#global-nav.open {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
#global-nav .menu {
margin-right: 10px;
}
#global-nav .menu ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media screen and (max-width: 480px) {
#global-nav .menu ul {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
#global-nav li {
margin-right: 1.5em;
}
@media screen and (max-width: 480px) {
#global-nav li {
width: 100%;
margin: 0;
}
}
#global-nav a {
color: #FFF;
}
#global-nav a:hover, #global-nav a:active, #global-nav a:focus {
color: #cccccc;
}
@media screen and (max-width: 480px) {
#global-nav #menu-global-menu {
width: 100%;
display: block;
padding-top: 65px;
padding-bottom: 65px;
}
}
@media screen and (max-width: 480px) {
#global-nav #menu-global-menu li {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iYXJyb3dfcmlnaHRfYm94IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgdmlld0JveD0iMCAwIDI4My41IDI4My41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyODMuNSAyODMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3RfYXJyb3dfcmlnaHRfYm94MHtvcGFjaXR5OjAuNzU7fQ0KCS5zdF9hcnJvd19yaWdodF9ib3gxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHJlY3QgY2xhc3M9InN0X2Fycm93X3JpZ2h0X2JveDAiIHdpZHRoPSIyODMuNSIgaGVpZ2h0PSIyODMuNSIvPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0X2Fycm93X3JpZ2h0X2JveDEiIGQ9Ik0xOTMuNCwxNDYuM2MyLjUtMi41LDIuNS02LjUsMC05Yy0zMS4xLTMwLjYtNjIuNi02MS4xLTk0LjItOTEuN2MtNi01LjUtMTUsMy41LTksOQ0KCQljMzAsMjkuMSw1OS42LDU4LjEsODkuNyw4Ny4yYy0zMCwyOS4xLTU5LjYsNTguMS04OS43LDg3LjJjLTUuNSw2LDMsMTQuNSw5LDlDMTMwLjgsMjA3LjMsMTYyLjMsMTc2LjgsMTkzLjQsMTQ2LjN6Ii8+DQo8L2c+DQo8L3N2Zz4=) 1.3em center no-repeat;
background-size: 16px;
}
}
#global-nav #menu-global-menu > li {
position: relative;
}
@media screen and (max-width: 480px) {
#global-nav #menu-global-menu > li {
margin-bottom: 1px;
background-color: #222;
background-image: none;
}
}
#global-nav #menu-global-menu > li a {
padding: 22px 0;
}
@media screen and (max-width: 480px) {
#global-nav #menu-global-menu > li a {
padding: 22px 20px;
}
}
#global-nav #menu-global-menu .toggle_button {
position: absolute;
width: 72px;
height: 72px;
top: 0;
right: 0;
color: #FFF;
font-size: 24px;
font-size: 2.4rem;
line-height: 1;
background-color: #000;
border-top: 1px solid #222;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
#global-nav #menu-global-menu .sub-menu {
display: none;
width: 100%;
padding: 22px 22px 22px 62px;
position: fixed;
top: 65px;
left: 0;
font-size: 16px;
font-size: 1.6rem;
background-color: rgba(0, 0, 0, 0.75);
text-align: center;
}
@media screen and (max-width: 480px) {
#global-nav #menu-global-menu .sub-menu {
display: none;
width: 100%;
padding: 0 0 0 10px;
position: relative;
top: auto;
font-size: 14px;
font-size: 1.4rem;
text-align: left;
}
}
#global-nav #menu-global-menu .sub-menu li {
margin: 0 1em;
display: inline-block;
}
@media screen and (max-width: 480px) {
#global-nav #menu-global-menu .sub-menu li {
margin: 0;
}
}
@media screen and (max-width: 480px) {
#global-nav #menu-global-menu .sub-menu li a {
padding: 22px 45px;
}
}
@media screen and (max-width: 480px) {
#global-nav #menu-global-menu a {
padding: 1.3em 1.3em 1.3em 2.6em;
display: block;
}
}
@media screen and (max-width: 480px) {
#global-nav .sns_menu {
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
}
#global-nav .sns_menu li {
width: 65px;
height: 65px;
margin: 0;
}
@media screen and (max-width: 480px) {
#global-nav .sns_menu li {
width: 33.33%;
}
}
#global-nav .sns_menu li.instagram {
background-color: #FFF;
}
#global-nav .sns_menu li.instagram svg {
width: 30px;
height: 30px;
fill: #555555;
}
#global-nav .sns_menu li.twitter {
background-color: #55acee;
}
#global-nav .sns_menu li.twitter svg {
width: 30px;
height: 24px;
fill: #FFF;
}
#global-nav .sns_menu li.facebook {
background-color: #3b5998;
}
#global-nav .sns_menu li.facebook svg {
width: 16px;
height: 32px;
fill: #FFF;
}
#global-nav .sns_menu li.tiktok {
background-color: #000;
}
#global-nav .sns_menu li.tiktok svg {
width: 30px;
height: 32px;
fill: #FFF;
}
#global-nav .sns_menu li.tiktok .st0 {
fill-rule:evenodd;clip-rule:evenodd;fill:#00F7EF;
}
#global-nav .sns_menu li.tiktok .st1 {
fill-rule:evenodd;clip-rule:evenodd;
}
#global-nav .sns_menu li.tiktok .st2 {
fill-rule:evenodd;clip-rule:evenodd;fill:#FF004F;
}
#global-nav .sns_menu a {
width: 100%;
height: 100%;
display: block;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
.hamburger_icon {
margin-right: 10px;
}
.sp-fixed {
height: 100%;
overflow: hidden;
} .navigation .screen-reader-text {
display: none;
}
.navigation .nav-links {
margin-top: 30px;
padding-top: 30px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
border-top: 1px solid #f1f1f1;
}
.navigation .nav-links > div {
background-color: #000;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
}
.navigation .nav-links > div a {
padding: 1em 1.2em;
display: block;
color: #FFF !important;
}
.pager_number {
width: 100%;
margin: 30px 0 30px;
font-size: 14px;
font-size: 1.4rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
.pager_number .page-numbers {
margin: 0 .5em;
padding: .5em 1em;
border: 1px solid #e4ddce;
background-color: #FFF;
}
.pager_number .page-numbers.dots {
padding: .5em 0;
border: none;
}
@media screen and (max-width: 480px) {
.pager_number {
margin: 30px 0 15px;
font-size: 11px;
font-size: 1.1rem;
}
} #main_visual {
width: 100%;
min-width: 1002px;
height: 700px;
position: relative;
}
@media screen and (max-width: 768px) {
#main_visual {
min-width: 100%;
height: 465px;
}
}
#main_visual .main_slider {
width: 100%;
}
#main_visual .slick-list li {
height: 700px;
overflow: hidden;
}
@media screen and (max-width: 768px) {
#main_visual .slick-list li {
height: 465px;
}
}
#main_visual .slick-dots {
bottom: 22px;
}
#main_visual .slick-dots li button:before {
content: '■';
color: #FFF;
font-size: 12px;
font-size: 1.2rem;
}
#main_visual img {
min-width: 100%;
min-height: 100%;
}
@media screen and (max-width: 768px) {
#main_visual img {
max-width: none;
height: 100%;
}
}
#main_visual img.pc {
display: block;
}
@media screen and (max-width: 480px) {
#main_visual img.pc {
display: none;
}
}
#main_visual img.sp {
display: none;
}
@media screen and (max-width: 480px) {
#main_visual img.sp {
display: block;
}
}
#main_visual .vision_wrap {
width: 100%;
position: absolute;
top: 50%;
}
#main_visual .vision_wrap .inner {
width: 1002px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
#main_visual .vision_wrap .inner {
width: 100%;
}
}
@media screen and (max-width: 480px) {
#main_visual .vision_wrap .inner {
padding: 0 10%;
}
}
#main_visual .vision_wrap img {
width: auto;
min-width: auto;
min-height: auto;
height: auto;
margin-top: -9px;
}
@media screen and (max-width: 480px) {
#main_visual .vision_wrap img {
width: 100%;
margin-top: -35px;
}
} .section_wrap {
width: 100%;
}
@media screen and (max-width: 768px) {
.section_wrap {
padding: 0 10px;
}
}
.section_wrap .content {
width: 1002px;
margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
.section_wrap .content {
width: 100%;
margin: 0 auto 30px;
}
} #main_contents {
padding-top: 60px;
background-color: #f1f1f1;
}
#main_contents.ul {
padding-top: 0;
}
@media screen and (max-width: 768px) {
#main_contents {
padding-top: 30px;
}
} #news .category_tab {
margin-bottom: 30px;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
@media screen and (max-width: 480px) {
#news .category_tab {
margin-bottom: 15px;
}
}
#news .category_tab li {
width: 23%;
}
#news .category_tab a {
width: 100%;
padding: 1em;
display: block;
background-color: #FFF;
border: 1px solid #e6e6e6;
text-align: center;
}
@media screen and (max-width: 480px) {
#news .category_tab a {
font-size: 12px;
font-size: 1.2rem;
}
}
#news .category.news {
background-color: #cc3d33;
}
#news .category.game {
background-color: #1e824c;
}
#news .category.events {
background-color: #e5b845;
}
#news .category.media {
background-color: #3487bf;
} #game_info {
margin-bottom: 60px;
padding: 60px 0;
background: url(//dime-3x3.com/wp-content/themes/dime_theme/images/bg_report.jpg) center no-repeat;
background-size: cover;
}
@media screen and (max-width: 480px) {
#game_info {
margin-bottom: 30px;
padding: 30px 10px;
}
}
#game_info .content {
margin-bottom: 0;
}
#game_info h1 {
color: #FFF;
}
#game_info .widget_wrap {
width: 100%;
height: 300px;
position: relative;
border: 1px solid #e6e6e6;
}
#game_info .widget_wrap:after {
content: url(//dime-3x3.com/wp-content/themes/dime_theme/images/wanny.png);
position: absolute;
top: -151px;
right: 0;
}
@media screen and (max-width: 480px) {
#game_info .widget_wrap:after {
transform: scale(0.5, 0.5);
top: -115px;
right: -50px;
}
}
#game_info .powered_link {
margin-top: 12px;
text-align: right;
}
#game_info .powered_link a {
color: #FFF;
font-size: 12px;
font-size: 1.2rem;
}
#game_info .powered_link a:hover, #game_info .powered_link a:active, #game_info .powered_link a:focus {
color: white;
} #member .member_slider {
margin: 0 -15px 30px;
}
@media screen and (max-width: 480px) {
#member .member_slider {
margin: 0 0 15px;
}
}
#member .member_slider li {
width: 228px;
height: 228px;
margin: 0 15px;
background-color: #FFF;
overflow: hidden;
border: 1px solid #e5e5e5;
position: relative;
}
@media screen and (max-width: 480px) {
#member .member_slider li {
height: auto;
margin: 0 5px;
}
}
#member img {
width: 100%;
}
#member .name {
width: 100%;
padding: .5em .8em;
position: absolute;
display: block;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.75);
font-size: 14px;
font-size: 1.4rem;
color: #FFF;
overflow: hidden;
z-index: 1;
}
@media screen and (max-width: 480px) {
#member .name {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.5;
}
}
#member .name:after {
width: 60px;
border-bottom: 55px solid rgba(30, 130, 76, 0.75);
border-left: 20px solid transparent;
display: block;
content: '';
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
}
#member .name span {
display: block;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 480px) {
#member .name span { font-size: 10px;
font-size: 1.0rem;
}
}
#member .slick-prev {
left: -25px;
}
@media screen and (max-width: 480px) {
#member .slick-prev {
left: -10px;
}
}
#member .slick-next {
right: -25px;
}
@media screen and (max-width: 480px) {
#member .slick-next {
right: -10px;
}
} #goods .goods_slider {
margin: 0 -15px 30px;
}
@media screen and (max-width: 480px) {
#goods .goods_slider {
margin: 0 0 15px;
}
}
#goods .goods_slider li {
width: 228px;
height: 228px;
margin: 0 15px;
background-color: #FFF;
overflow: hidden;
border: 1px solid #e5e5e5;
position: relative;
}
@media screen and (max-width: 480px) {
#goods .goods_slider li {
height: auto;
margin: 0 5px;
}
}
#goods img {
width: 100%;
}
#goods .slick-prev {
left: -25px;
}
@media screen and (max-width: 480px) {
#goods .slick-prev {
left: -10px;
}
}
#goods .slick-next {
right: -25px;
}
@media screen and (max-width: 480px) {
#goods .slick-next {
right: -10px;
}
}
#goods .name {
width: 100%;
height: 36px;
padding: 0 .8em;
position: absolute;
display: block;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.75);
font-size: 14px;
font-size: 1.4rem;
line-height: 36px;
color: #FFF;
overflow: hidden;
z-index: 1;
}
#goods .name:after {
width: 60px;
border-bottom: 40px solid rgba(30, 130, 76, 0.75);
border-left: 20px solid transparent;
height: 2.6em;
display: block;
content: '';
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
} #interview .interview_slider {
margin: 0 -15px 30px;
}
@media screen and (max-width: 480px) {
#interview .interview_slider {
margin: 0 0 15px;
}
}
#interview .interview_slider li {
width: 228px;
height: 228px;
margin: 0 15px;
background-color: #FFF;
overflow: hidden;
border: 1px solid #e5e5e5;
position: relative;
}
@media screen and (max-width: 480px) {
#interview .interview_slider li {
height: auto;
margin: 0 5px;
}
}
#interview img {
width: 100%;
}
#interview .name {
width: 100%;
padding: .5em .8em;
position: absolute;
display: block;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.75);
font-size: 14px;
font-size: 1.4rem;
color: #FFF;
overflow: hidden;
z-index: 1;
}
@media screen and (max-width: 480px) {
#interview .name {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.5;
}
}
#interview .name:after {
width: 60px;
border-bottom: 55px solid rgba(30, 130, 76, 0.75);
border-left: 20px solid transparent;
display: block;
content: '';
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
}
#interview .name span {
display: block;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 480px) {
#interview .name span { font-size: 10px;
font-size: 1.0rem;
}
}
#interview .slick-prev {
left: -25px;
}
@media screen and (max-width: 480px) {
#interview .slick-prev {
left: -10px;
}
}
#interview .slick-next {
right: -25px;
}
@media screen and (max-width: 480px) {
#interview .slick-next {
right: -10px;
}
} .movie_slider .caption {
margin-top: 1em;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
}
.movie_slider .slick-prev {
left: -40px;
}
@media screen and (max-width: 480px) {
.movie_slider .slick-prev {
left: -10px;
}
}
.movie_slider .slick-next {
right: -40px;
}
@media screen and (max-width: 480px) {
.movie_slider .slick-next {
right: -10px;
}
} #photo .photo_slide {
margin: 0 -15px 30px;
}
@media screen and (max-width: 480px) {
#photo .photo_slide {
margin: 0 0 15px;
}
}
#photo li {
width: 228px;
height: 228px;
margin: 0 15px;
background-color: #FFF;
overflow: hidden;
border: 1px solid #e5e5e5;
position: relative;
}
@media screen and (max-width: 480px) {
#photo li {
height: auto;
margin: 0 5px;
}
}
#photo img {
width: 100%;
}
#photo .slick-prev {
left: -25px;
}
@media screen and (max-width: 480px) {
#photo .slick-prev {
left: -10px;
}
}
#photo .slick-next {
right: -25px;
}
@media screen and (max-width: 480px) {
#photo .slick-next {
right: -10px;
}
} @media screen and (max-width: 480px) {
#sns .l-column_wrap a {
width: 48.5%;
height: 50px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
#sns .l-column_wrap a:first-child {
margin-right: 3%;
}
#sns .l-column_wrap .btn-facebook svg {
width: 79px;
fill: #FFFFFF;
}
#sns .l-column_wrap .btn-twitter svg {
width: 91px;
fill: #FFFFFF;
}
}
#sns .twitter_widget iframe {
height: 500px !important;
} #sponsor {
padding: 60px 0 30px;
background: url(//dime-3x3.com/wp-content/themes/dime_theme/images/bg_sponsor.jpg) center no-repeat;
background-size: cover;
}
#sponsor .content {
margin: 0 auto 30px;
}
#sponsor h1 {
color: #FFF;
}
#sponsor img {
width: 100%;
}
@media screen and (max-width: 768px) {
#sponsor {
padding: 30px 10px 15px;
}
#sponsor .content {
margin: 0 auto 15px;
}
} #official {
background-color: #FFF;
}
#official .content {
margin: 0 auto;
padding: 10px 0;
text-align: center;
} .entry-content .content_box:not(:last-child) {
margin-bottom: 40px;
}
.entry-content img {
max-width: 100%;
height: auto;
}
.entry-content hr {
border-top: 1px solid #f1f1f1;
margin: 40px auto;
}
.entry-content p {
line-height: 1.8;
}
.entry-content p:not(:last-child) {
margin-bottom: 1.5em;
}
.entry-content .pagesText p {
line-height: 1.8;
}
.entry-content .pagesText p:not(:last-child) {
margin-bottom: 1.5em;
}
.entry-content ul {
margin-left: 1.5em;
margin-bottom: 3em;
}
.entry-content ul li:not(:last-child) {
margin-bottom: 1.5em;
}
.entry-content ol {
margin-left: 1.5em;
margin-bottom: 3em;
}
.entry-content ol.line_box {
margin-bottom: 30px;
margin-left: 0;
padding: 30px 30px 30px 50px;
border: 1px solid #f1f1f1;
}
@media screen and (max-width: 480px) {
.entry-content ol.line_box {
padding: 30px 20px 30px 40px;
}
}
.entry-content ol li:not(:last-child) {
margin-bottom: 1.5em;
} body.single a:not(.btn) {
color: #25814E;
}
body.single a:not(.btn):hover, body.single a:not(.btn):active, body.single a:not(.btn):focus {
color: #43c97f;
}
body.single #main_contents.ul {
padding-top: 65px;
}
body.single .entry-header {
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #f1f1f1;
}
body.single .entry-title {
font-size: 24px;
font-size: 2.4rem;
font-weight: 400;
}
@media screen and (max-width: 480px) {
body.single .entry-title {
font-size: 20px;
font-size: 2rem;
}
} body.page a:not(.btn) {
color: #25814E;
}
body.page a:not(.btn):hover, body.page a:not(.btn):active, body.page a:not(.btn):focus {
color: #43c97f;
}
body.page .col2 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
@media screen and (max-width: 480px) {
body.page .col2 {
display: block;
}
}
body.page .col2.reverse {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
body.page .col2 .text_area {
width: 60%;
margin-bottom: 1.5em;
}
@media screen and (max-width: 480px) {
body.page .col2 .text_area {
width: 100%;
}
}
body.page .col2 .image_area {
width: 36%;
}
@media screen and (max-width: 480px) {
body.page .col2 .image_area {
width: 100%;
}
}
body.page .col2 .image_area .sub {
margin-top: .5em;
font-size: 12px;
font-size: 1.2rem;
}
#title_visual {
width: 100%;
height: 380px;
overflow: hidden;
position: relative;
background-color: #1e824c;
background-position: center center;
background-size: cover;
}
@media screen and (max-width: 480px) {
#title_visual {
height: 200px;
}
}
#title_visual .text_wrap {
width: 100%;
height: 100%;
padding-top: 65px;
position: absolute;
top: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
#title_visual .text_wrap h1 {
color: #FFF;
font-size: 50px;
font-size: 5rem;
font-weight: 100;
text-transform: uppercase;
}
@media screen and (max-width: 480px) {
#title_visual .text_wrap h1 {
padding: 0 1em;
font-size: 30px;
font-size: 3rem;
}
} #member_title_visual {
width: 100%;
height: 340px;
margin-top: -65px;
position: relative;
background: url(//dime-3x3.com/wp-content/themes/dime_theme/images/bg_member.jpg) center center no-repeat;
background-size: cover;
}
@media screen and (max-width: 480px) {
#member_title_visual {
height: 240px;
}
}
#member_title_visual:after {
content: '';
width: 100%;
height: 180px;
background-color: rgba(30, 130, 76, 0.75);
display: block;
position: absolute;
bottom: 0;
z-index: 0;
}
@media screen and (max-width: 480px) {
#member_title_visual:after {
height: 50%;
}
}
#member_title_visual .inner {
width: 1002px;
height: 100%;
margin: 0 auto;
z-index: 1;
position: relative;
}
@media screen and (max-width: 480px) {
#member_title_visual .inner {
width: 100%;
}
}
#member_title_visual .member_photo {
width: 228px;
position: absolute;
bottom: 0;
left: 0;
}
@media screen and (max-width: 480px) {
#member_title_visual .member_photo {
width: 40%;
left: 10px;
}
}
#member_title_visual .member_photo img {
width: 100%;
}
#member_title_visual .text_wrap {
width: 100%;
height: 180px;
padding-left: 300px;
position: absolute;
bottom: 0;
z-index: 2;
color: #FFF;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media screen and (max-width: 480px) {
#member_title_visual .text_wrap {
height: 50%;
padding-left: 48%;
}
}
#member_title_visual .text_wrap h1 {
margin-bottom: 10px;
font-size: 50px;
font-size: 5rem;
font-weight: 300;
line-height: 1;
}
@media screen and (max-width: 480px) {
#member_title_visual .text_wrap h1 {
font-size: 25px;
font-size: 2.5rem;
}
}
#member_title_visual .text_wrap .sub {
font-size: 22px;
font-size: 2.2rem;
font-weight: 200;
letter-spacing: .2em;
}
@media screen and (max-width: 480px) {
#member_title_visual .text_wrap .sub {
font-size: 12px;
font-size: 1.2rem;
}
}
.sponsor_banner_wrap img {
border: 1px solid #f1f1f1;
}
.sponsor_banner_wrap.l-column_wrap.col4 .l-column_inner {
margin: 0 14px 14px 0;
width: 220px;
}
@media screen and (max-width: 480px) {
.sponsor_banner_wrap.l-column_wrap.col4 .l-column_inner {
margin: 0 3% 3% 0;
width: 48.5%;
}
}
@media screen and (max-width: 480px) {
.sponsor_banner_wrap.l-column_wrap.col4 .l-column_inner:nth-of-type(2n) {
margin: 0 0 3% 0;
}
}
.sponsor_banner_wrap.l-column_wrap.col4 .l-column_inner:nth-of-type(4n) {
margin: 0 0 14px 0;
}
@media screen and (max-width: 480px) {
.sponsor_banner_wrap.l-column_wrap.col4 .l-column_inner:nth-of-type(4n) {
margin: 0 0 3% 0;
}
}
#news.ul .category_tab {
margin: 40px auto;
}
@media screen and (max-width: 480px) {
#news.ul .category_tab {
margin: 20px auto;
}
}
#member.archive {
padding-top: 60px;
}
@media screen and (max-width: 480px) {
#member.archive {
padding-top: 30px;
}
}
#member.archive .member_list {
margin: 30px auto;
list-style-type: none;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#member.archive .member_list li {
width: 314px;
height: auto;
margin: 0 30px 30px 0;
position: relative;
}
@media screen and (max-width: 480px) {
#member.archive .member_list li {
width: 100%;
margin: 0 0 15px 0;
}
}
#member.archive .member_list li:nth-child(3n) {
margin: 0 0 30px 0;
}
@media screen and (max-width: 480px) {
#member.archive .member_list li:nth-child(3n) {
margin: 0 0 15px 0;
}
}
#member.archive img {
width: 100%;
}
#member.archive .name {
width: 100%;
height: 36px;
padding: 0 .8em;
position: absolute;
display: block;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.75);
font-size: 16px;
font-size: 1.6rem;
line-height: 36px;
color: #FFF;
overflow: hidden;
z-index: 1;
}
@media screen and (max-width: 480px) {
#member.archive .name {
height: 50px;
line-height: 50px;
font-size: 20px;
font-size: 2rem;
}
}
#member.archive .name:after {
width: 60px;
border-bottom: 40px solid rgba(30, 130, 76, 0.75);
border-left: 20px solid transparent;
height: 2.6em;
display: block;
content: '';
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
}
@media screen and (max-width: 480px) {
#member.archive .name:after {
border-bottom: 50px solid rgba(30, 130, 76, 0.75);
}
}
#member.archive .name span {
display: inline;
margin-left: 1em;
font-size: 12px;
font-size: 1.2rem;
}
#member.archive .slick-prev {
left: -25px;
}
@media screen and (max-width: 480px) {
#member.archive .slick-prev {
left: -10px;
}
}
#member.archive .slick-next {
right: -25px;
}
@media screen and (max-width: 480px) {
#member.archive .slick-next {
right: -10px;
}
} #member_profile {
margin-bottom: 30px;
}
#member_profile .photo {
width: 228px;
}
#member_profile .td {
padding: 1.5em 1em;
}
.powered_link {
margin-top: 12px;
text-align: right;
}
.powered_link a {
font-size: 12px;
font-size: 1.2rem;
} #schedule_parts .schedule_box {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
@media screen and (max-width: 480px) {
#schedule_parts .schedule_box {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
#schedule_parts .schedule_box:not(:last-child) {
margin-bottom: 15px;
}
#schedule_parts .schedule_box .detail {
width: 100%;
}
@media screen and (max-width: 480px) {
#schedule_parts .schedule_box .detail {
width: 100%;
}
}
#schedule_parts .schedule_box .table {
font-size: 15px;
font-size: 1.5rem;
}
#schedule_parts .schedule_box .table .th {
width: 40%;
padding: 1em 1.5em;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media screen and (max-width: 480px) {
#schedule_parts .schedule_box .table .th {
width: 100%;
}
}
#schedule_parts .schedule_box .table .th .title {
font-size: 16px;
font-weight: bold;
}
#schedule_parts .schedule_box .table .th .date {
font-size: 13px;
}
#schedule_parts .schedule_box .table .th p {
margin-bottom: .5em;
}
#schedule_parts .schedule_box .table .th p:last-child {
margin-bottom: 0;
}
#schedule_parts .schedule_box .table .td {
width: 60%;
padding: 1em 1.5em;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media screen and (max-width: 480px) {
#schedule_parts .schedule_box .table .td {
width: 100%;
}
}
#schedule_parts .schedule_box .table .td .bikou {
font-size: 13px;
}
#schedule_parts .schedule_box .table .td p {
margin-bottom: .5em;
}
#schedule_parts .schedule_box .table .td p:last-child {
margin-bottom: 0;
}
#schedule_parts .schedule_box .acf-map {
width: 38%;
height: 210px;
margin: 0;
}
@media screen and (max-width: 480px) {
#schedule_parts .schedule_box .acf-map {
width: 100%;
}
} #rinen .line_box {
font-weight: bold;
}
#vision dt {
margin-bottom: 5px;
font-weight: bold;
color: #25814E;
} #parts_goods .image {
width: 286px;
height: 286px;
padding: 15px;
overflow: hidden;
background-color: #FFF;
border: 1px solid #f1f1f1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
@media screen and (max-width: 480px) {
#parts_goods .image {
width: 100%;
height: auto;
min-height: 172px;
}
}
#parts_goods .name {
margin-top: 1em;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (max-width: 480px) {
#parts_goods .name {
font-size: 12px;
font-size: 1.2rem;
}
} .edit-link {
display: none;
}
.l-column_wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.l-column_wrap.col2 .l-column_inner {
margin: 0 30px 30px 0;
width: 486px;
}
.l-column_wrap.col2 .l-column_inner:nth-of-type(2n) {
margin: 0 0 30px 0;
}
.l-column_wrap.col3 .l-column_inner {
margin: 0 30px 30px 0;
width: 314px;
}
.l-column_wrap.col3 .l-column_inner:nth-of-type(3n) {
margin: 0 0 30px 0;
}
.l-column_wrap.col4 .l-column_inner {
margin: 0 30px 30px 0;
width: 228px;
}
.l-column_wrap.col4 .l-column_inner:nth-of-type(4n) {
margin: 0 0 30px 0;
}
.l-column_wrap.page_ul.col3 .l-column_inner {
margin: 0 32px 32px 0;
width: 286px;
}
.l-column_wrap.page_ul.col3 .l-column_inner:nth-of-type(3n) {
margin: 0 0 32px 0;
}
@media screen and (max-width: 768px) {
.l-column_wrap.col2 .l-column_inner {
margin: 0 0 15px 0;
width: 100%;
}
.l-column_wrap.col2 .l-column_inner:nth-of-type(2n) {
margin: 0 0 15px 0;
}
.l-column_wrap.col3 .l-column_inner {
margin: 0 0 15px 0;
width: 100%;
}
.l-column_wrap.col3 .l-column_inner:nth-of-type(3n) {
margin: 0 0 15px 0;
}
.l-column_wrap.col4 .l-column_inner {
margin: 0 0 15px 0;
width: 100%;
}
.l-column_wrap.col4 .l-column_inner:nth-of-type(4n) {
margin: 0 0 15px 0;
}
.l-column_wrap.page_ul.sp_col2.col3 .l-column_inner {
margin: 0 3% 3% 0;
width: 48.5%;
}
.l-column_wrap.page_ul.sp_col2.col3 .l-column_inner:nth-of-type(2n) {
margin: 0 0 3% 0;
}
.l-column_wrap.page_ul.sp_col2.col3 .l-column_inner:nth-of-type(3n) {
margin: 0 auto 3% 0;
}
.sp_col2.col2 .l-column_inner {
margin: 0 3% 3% 0;
width: 48.5%;
}
.sp_col2.col2 .l-column_inner:nth-of-type(2n) {
margin: 0 0 3% 0;
}
.sp_col2.col3 .l-column_inner {
margin: 0 3% 3% 0;
width: 48.5%;
}
.sp_col2.col3 .l-column_inner:nth-of-type(2n) {
margin: 0 0 3% 0;
}
.sp_col2.col3 .l-column_inner:nth-of-type(3n) {
margin: 0 auto 3% 0;
}
.sp_col2.col4 .l-column_inner {
margin: 0 3% 3% 0;
width: 48.5%;
}
.sp_col2.col4 .l-column_inner:nth-of-type(2n) {
margin: 0 0 3% 0;
}
.sp_col2.col4 .l-column_inner:nth-of-type(4n) {
margin: 0 0 3% 0;
}
}
.content_wrap.ul {
width: 1002px;
margin: 0 auto;
padding: 60px 40px;
background-color: #FFF;
}
.singlewrap .ul {
width: 100%;
float: left;
}
.singlewrap {
width: 1200px;
box-sizing: border-box;
margin: 0 auto;
overflow: hidden;
position: relative;
zoom: 1;
}
.singlewrap .main-inner {
margin-right: 358px;
margin-left: 0;
}
.left-content {
width: 340px;
float: left;
margin-left: -340px;
padding-top: 60px;
padding-right:40px;
}
.wpp-thumbnail {
margin: 0 15px 0 0;
}
.wpp-list li {
margin-bottom:0.7em;
}
@media screen and (max-width: 480px) {
.content_wrap.ul {
width: 100%;
padding: 30px 10px;
}
.singlewrap {
width: 100%;
padding: 0 10px;
}
.singlewrap .main-inner {
margin:inherit;
}
.left-content {
width:100%;
margin-left:inherit;
margin-top:20px;
padding-top:20px;
padding-right:inherit;
float:inherit;
}
} #footer_wrap {
width: 100%;
background-color: #1e824c;
}
.l-footer {
width: 1002px;
margin: 0 auto;
padding: 30px 0;
color: #FFF;
}
@media screen and (max-width: 768px) {
.l-footer {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.l-footer {
padding: 0 0 1em;
}
}
.l-footer .copyright {
font-size: 12px;
font-size: 1.2rem;
text-align: center;
line-height: 1;
}
#footer-nav {
margin-bottom: 30px;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (max-width: 480px) {
#footer-nav {
margin-bottom: 1em;
}
}
#footer-nav .menu {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
line-height: 1;
}
@media screen and (max-width: 480px) {
#footer-nav .menu {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
#footer-nav li {
padding: 0 1.5em;
}
@media screen and (max-width: 480px) {
#footer-nav li {
width: 50%;
border-bottom: 1px solid #FFF;
text-align: center;
}
}
#footer-nav li:not(:last-child) {
border-right: 1px solid #FFF;
}
@media screen and (max-width: 480px) {
#footer-nav li:nth-child(2n) {
border-right: 0;
}
}
@media screen and (max-width: 480px) {
#footer-nav li:last-child {
width: 100%;
}
}
#footer-nav a {
color: #FFF;
}
#footer-nav a:hover, #footer-nav a:active, #footer-nav a:focus {
color: #cccccc;
}
@media screen and (max-width: 480px) {
#footer-nav a {
padding: 1.5em 0;
display: block;
}
}
.contact_table {
width: 100%;
border-bottom: 1px solid #EBE8E1;
}
.contact_table .attention {
color: #cf462e;
}
.contact_table.no_form .td {
padding: 1.5em 1em;
}
.contact_table .tr {
background: #fff;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.contact_table .tr.reset_style .td {
padding: 1.5em 1em;
}
.contact_table .th {
width: 30%;
padding: 1.5em 1em;
background: #F4F3F0;
border-left: 1px solid #EBE8E1;
border-right: 1px solid #EBE8E1;
border-top: 1px solid #EBE8E1;
font-weight: normal;
text-align: left;
}
.contact_table .td {
width: 70%;
padding: 1em;
border-right: 1px solid #EBE8E1;
border-top: 1px solid #EBE8E1;
text-align: left;
}
.contact_table .td span {
width: 100%;
display: inline-block;
}
.contact_table .td span:not(:last-child) {
margin-bottom: 1em;
}
.contact_table .td ul, .contact_table .td ol {
margin-bottom: 0;
}
.contact_table input, .contact_table select, .contact_table textarea {
width: 100%;
padding: .5em .8em;
border: 1px solid #EBE8E1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.contact_table textarea {
height: 100%;
}
.contact_table #date span {
width: 30%;
margin-bottom: 0;
}
.contact_table #date span:first-child {
margin-right: 1em;
}
.contact_table #option span {
width: 30%;
margin-right: 5px;
}
.contact_table #postal_code span {
width: 30%;
}
.contact_table .caution {
margin-top: .5em;
color: #cf462e;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (max-width: 480px) {
.contact_table {
font-size: 16px;
font-size: 1.6rem;
}
.contact_table .tr {
display: block;
}
.contact_table .th {
width: 100%;
background: #F4F3F0;
padding: 1em;
}
.contact_table .td {
width: 100%;
border-left: 1px solid #EBE8E1;
}
.contact_table input, .contact_table select, .contact_table textarea {
padding: .8em .8em;
}
.contact_table textarea {
height: 100%;
}
.contact_table #date span {
width: 100%;
}
.contact_table #date span:first-child {
margin-right: 0;
margin-bottom: 1em;
}
.contact_table #option span {
width: 100%;
margin-right: 0;
}
.contact_table .caution {
margin-top: 1em;
font-size: 14px;
font-size: 1.4rem;
}
.contact_table #comment span {
height: 200px;
}
}
.button_submit {
margin-top: 30px;
}
.acf-map {
width: 100%;
height: 400px;
border: 1px solid #f1f1f1;
} h1.headline-type1 {
margin-bottom: 20px;
padding: 0 0 0 12px;
font-size: 24px;
font-size: 2.4rem;
border-left: 4px solid #1e824c;
line-height: 1.4;
font-weight: 400;
}
@media screen and (max-width: 768px) {
h1.headline-type1 {
margin-bottom: 12px;
padding: 4px 0 4px 8px;
font-size: 16px;
font-size: 1.6rem;
}
}
h1.headline-type1 span {
font-size: 14px;
font-size: 1.4rem;
margin-left: 10px;
}
h1.headline-type2 {
margin-bottom: 20px;
padding: 4px 0 4px 14px;
font-size: 20px;
font-size: 2rem;
border-left: 4px solid #ad8b58;
border-bottom: 1px solid #e4ddce;
}
@media screen and (max-width: 768px) {
h1.headline-type2 {
margin-bottom: 12px;
padding: 4px 0 4px 8px;
font-size: 16px;
font-size: 1.6rem;
}
}
.entry-content h2 {
margin-bottom: .5em;
}
.entry-content h3 {
margin-bottom: .5em;
}
.entry-content h4 {
margin-bottom: .5em;
}
.entry-content h5 {
margin-bottom: .5em;
} .btn {
display: inline-block;
text-align: center;
}
.btn-green {
background-color: #25814E;
color: #FFF;
}
.btn-black {
background-color: #000000;
color: #FFF;
}
.btn-facebook {
background-color: #3b5998;
color: #FFF;
}
.btn-twitter {
background-color: #55acee;
color: #FFF;
}
.btn-full {
width: 100%;
}
.btn-large {
width: 300px;
}
.btn-mid {
width: 226px;
padding: 12px 12px 13px;
}
.btn-small {
width: 100px;
}
.btn-more {
display: block;
margin: 0 auto;
}
.btn-text_large {
font-size: 28px;
font-size: 2.8rem;
padding: .8em 1em;
}
@media screen and (max-width: 480px) {
.btn-text_large {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 768px) {
.btn-more {
margin: 5px auto 0;
}
} *:focus {
outline: none;
}
input::-webkit-input-placeholder {
color: #999999;
}
input:-ms-input-placeholder {
color: #999999;
}
input::-moz-placeholder {
color: #999999;
}
textarea::-webkit-input-placeholder {
color: #999999;
}
textarea:-ms-input-placeholder {
color: #999999;
}
textarea::-moz-placeholder {
color: #999999;
}
.checkbox {
display: none;
}
.checkbox + .checkbox-icon {
position: relative;
vertical-align: middle;
}
.checkbox + .checkbox-icon:before {
content: "\f096";
font-family: "FontAwesome";
color: #ccc;
font-size: 22px;
}
.checkbox:checked + .checkbox-icon:before {
content: "\f14a";
color: #cf462e;
}
input[type="submit"] {
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
} ul.list_style_none {
list-style-type: none;
} .m-pannel {
background-color: #FFF;
border: 1px solid #e5e5e5;
}
.m-pannel .pannel_thumb {
width: 100%;
height: 210px;
overflow: hidden;
}
.m-pannel .pannel_thumb img {
width: 100%;
min-height: 100%;
height: auto;
}
.m-pannel .pannel_text {
margin: 20px;
}
.m-pannel .category {
padding: 8px 8px;
display: inline-block;
background-color: #1d1d1d;
color: #FFF;
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
letter-spacing: 0.1em;
}
.m-pannel .date {
position: relative;
top: 2px;
margin-left: 5px;
font-size: 14px;
font-size: 1.4rem;
}
.m-pannel .comment {
height: 4.5em;
margin-top: 10px;
overflow: hidden;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
.m-pannel {
padding: 10px;
}
.m-pannel a {
min-height: 100px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.m-pannel .pannel_thumb {
width: 100px;
height: auto;
max-height: 100px;
margin-right: 1em;
}
.m-pannel .pannel_text {
width: 66%;
margin: 0;
}
.m-pannel .category {
padding: 6px 6px;
}
.m-pannel .date {
top: 2px;
margin-left: 5px;
font-size: 12px;
font-size: 1.2rem;
}
.m-pannel .comment {
height: auto;
margin-top: 10px;
font-size: 12px;
font-size: 1.2rem;
}
}
@media screen and (max-width: 768px) {
.fixed {
position: fixed;
width: 100%;
height: 100%;
}
} body .slick-prev {
left: 40px;
}
@media screen and (max-width: 480px) {
body .slick-prev {
width: 40px;
height: 40px;
}
}
body .slick-prev:before {
content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iYXJyb3dfbGVmdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMDYuMyAzNzcuNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjA2LjMgMzc3LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0X2Fycm93X2xlZnR7ZmlsbDojMUU4MjRDO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3RfYXJyb3dfbGVmdCIgZD0iTTE4NS4xLDM3NGMxMS42LDEwLjYsMjgtNS44LDE3LjQtMTcuNGMtNTcuOS01Ni0xMTQuOS0xMTItMTcyLjgtMTY4YzU3LjktNTYsMTE0LjktMTEyLDE3Mi44LTE2OA0KCQljMTEuNi0xMC42LTUuOC0yOC0xNy40LTE3LjRDMTI0LjMsNjIuMiw2My41LDEyMS4xLDMuNiwxODBjLTQuOCw0LjgtNC44LDEyLjUsMCwxNy40QzYzLjUsMjU2LjIsMTI0LjMsMzE1LjEsMTg1LjEsMzc0eiIvPg0KPC9nPg0KPC9zdmc+);
}
@media screen and (max-width: 480px) {
body .slick-prev:before {
content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iYXJyb3dfbGVmdF9ib3giIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjgzLjUgMjgzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4My41IDI4My41OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdF9hcnJvd19sZWZ0X2JveDB7b3BhY2l0eTowLjc1O30NCgkuc3RfYXJyb3dfbGVmdF9ib3gxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHJlY3QgY2xhc3M9InN0X2Fycm93X2xlZnRfYm94MCIgd2lkdGg9IjI4My41IiBoZWlnaHQ9IjI4My41Ii8+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3RfYXJyb3dfbGVmdF9ib3gxIiBkPSJNMTg0LjIsMjM3LjljNiw1LjUsMTQuNS0zLDktOWMtMzAtMjkuMS01OS42LTU4LjEtODkuNy04Ny4yYzMwLTI5LjEsNTkuNi01OC4xLDg5LjctODcuMmM2LTUuNS0zLTE0LjUtOS05DQoJCWMtMzEuNSwzMC42LTYzLjEsNjEuMi05NC4yLDkxLjdjLTIuNSwyLjUtMi41LDYuNSwwLDlDMTIxLjEsMTc2LjgsMTUyLjcsMjA3LjMsMTg0LjIsMjM3Ljl6Ii8+DQo8L2c+DQo8L3N2Zz4=);
}
}
body .slick-next {
right: 40px;
}
@media screen and (max-width: 480px) {
body .slick-next {
width: 40px;
height: 40px;
}
}
body .slick-next:before {
content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iYXJyb3dfcmlnaHQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjA2LjMgMzc3LjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwNi4zIDM3Ny40OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdF9hcnJvd19yaWdodHtmaWxsOiMxRTgyNEM7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdF9hcnJvd19yaWdodCIgZD0iTTIwMi43LDE5Ny40YzQuOC00LjksNC44LTEyLjYsMC0xNy40QzE0Mi44LDEyMS4xLDgyLDYyLjIsMjEuMiwzLjJDOS42LTcuNC03LjgsMTAsMy44LDIwLjYNCgkJYzU3LjksNTYsMTE0LjksMTEyLDE3Mi44LDE2OGMtNTcuOSw1Ni0xMTQuOSwxMTItMTcyLjgsMTY4Yy0xMC42LDExLjYsNS44LDI4LDE3LjQsMTcuNEM4MiwzMTUuMSwxNDIuOCwyNTYuMiwyMDIuNywxOTcuNHoiLz4NCjwvZz4NCjwvc3ZnPg==);
}
@media screen and (max-width: 480px) {
body .slick-next:before {
content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iYXJyb3dfcmlnaHRfYm94IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgdmlld0JveD0iMCAwIDI4My41IDI4My41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyODMuNSAyODMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3RfYXJyb3dfcmlnaHRfYm94MHtvcGFjaXR5OjAuNzU7fQ0KCS5zdF9hcnJvd19yaWdodF9ib3gxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHJlY3QgY2xhc3M9InN0X2Fycm93X3JpZ2h0X2JveDAiIHdpZHRoPSIyODMuNSIgaGVpZ2h0PSIyODMuNSIvPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0X2Fycm93X3JpZ2h0X2JveDEiIGQ9Ik0xOTMuNCwxNDYuM2MyLjUtMi41LDIuNS02LjUsMC05Yy0zMS4xLTMwLjYtNjIuNi02MS4xLTk0LjItOTEuN2MtNi01LjUtMTUsMy41LTksOQ0KCQljMzAsMjkuMSw1OS42LDU4LjEsODkuNyw4Ny4yYy0zMCwyOS4xLTU5LjYsNTguMS04OS43LDg3LjJjLTUuNSw2LDMsMTQuNSw5LDlDMTMwLjgsMjA3LjMsMTYyLjMsMTc2LjgsMTkzLjQsMTQ2LjN6Ii8+DQo8L2c+DQo8L3N2Zz4=);
}
} .page_guide {
list-style-type: none;
text-align: center;
}
.page_guide li {
display: inline-block;
margin: 0 1.5em;
}
.page_guide li:before {
content: '▶';
margin-right: 5px;
font-size: 10px;
position: relative;
top: -1px;
} .dimetag {
padding:1em 0;
}
.dimetag a {
background:#eee;
display:inline-block;
padding:3px 5px;
} .wpp-list {
position:relative;
}
.wpp-list li {
position:relative;
}
.wpp-list li:before {
position: absolute;
top: 0;
left: 0;
color: #FFF;
content: counter(ranking,decimal);
counter-increment: ranking;
text-align: center;
width: 28px;
height: 28px;
line-height: 28px;
background-color: #222;
font-size: 17px;
z-index: 1;
font-family: DINCondensed;
padding-top: 2px;
}
.wpp-list li:nth-child(1)::before {
background: #e7bc3a;
}
.wpp-list li:nth-child(2)::before {
background: #9a9893;
}
.wpp-list li:nth-child(3)::before {
background: #a0783f;
}
body{counter-reset:ranking;}.col_harf {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.col_harf.reverse {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media screen and (max-width: 480px) {
.col_harf:not(.sp_col2) {
display: block;
}
}
@media screen and (max-width: 480px) {
.col_harf:not(.sp_col2) .inner {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.col_harf:not(.sp_col2) .inner:not(:last-child) {
margin-bottom: 5%;
}
}
.col_harf .inner {
width: 48%;
}
.col_harf h2 {
margin-bottom: 1em;
font-size: 125%;
color: #20814c;
}
#school_page .v_center {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
#school_page .v_center ol {
margin-bottom: 0;
}
#user_voice .inner:not(:last-child) {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px dashed #f1f1f1;
}
#user_voice .image {
width: 20%;
}
@media screen and (max-width: 480px) {
#user_voice .image {
width: 50%;
margin: 0 auto 5%;
}
}
#user_voice .comment {
width: 76%;
}
@media screen and (max-width: 480px) {
#user_voice .comment {
width: 100%;
}
}
#user_voice .comment p:not(:last-child) {
margin-bottom: .8em;
} .Bnr{
position: fixed;
bottom: 0;
left: 0;
margin: 0 auto;
width: 100%;
display: none;
z-index: 9;
}
.Bnr .Bnr__img{
position: fixed;
bottom: 0;
z-index: 88;
width:100%;
background-color: rgba(244,244,244,0.9);
border-top: 1px solid #EBEBEB;
}
.Bnr__img__inner{
height: auto;
box-sizing:border-box;
padding: 20px 15px;
margin:auto;
width:90%;
}
.Bnr .Bnr__img__inner a{
display: block;
color:#fff !important;
}
.Bnr .Bnr__img p.close{
position: absolute;
left: 10px;
top:10px;
}
.Bnr .Bnr__img p.close a{
display: block;
width: 20px;
height: 25px;
text-align: center;
}
.Bnr .Bnr__img p.close a span{
display: block;
width: 1px;
height: 1px;
overflow: hidden;
}
.Bnr .Bnr__img p.close a i{
font-size: 20px;
z-index: 888;
color: #222;
}
.Bnr .text-center {
text-align:center;
}
.Bnr .btn {
white-space: normal;
width:33%;
border-radius:5px;
padding:10px 5px;
font-size:.75em;
}
.Bnr .btn:hover {
opacity:0.7;
}
@media screen and (max-width: 768px) {
.Bnr__img__inner {
padding: 10px 10px 10px 30px;
width: inherit;
}
.Bnr .btn {
width: 32%;
padding: 5px;
}
}pre,textarea{overflow:auto}
[hidden],audio:not([controls]),template{display:none}
details,main,summary{display:block}
input[type=number]{width:auto}
input[type=search]{-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
progress{display:inline-block}
small{font-size:75%}
textarea{resize:vertical}
[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
*,::after,::before{box-sizing:inherit;border-style:solid;border-width:0}
*{font-size:inherit;line-height:inherit;margin:0;padding:0}
::after,::before{text-decoration:inherit;vertical-align:inherit}
:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box;cursor:default;font:16px/1.5 sans-serif;text-rendering:optimizeLegibility}
a{text-decoration:none}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;min-height:1.5em}
code,kbd,pre,samp{font-family:monospace,monospace}
nav ol,nav ul{list-style:none}
select{-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
select::-ms-value{color:currentColor}
table{border-collapse:collapse;border-spacing:0}
::-moz-selection{background-color:#B3D4FC;text-shadow:none}
::selection{background-color:#B3D4FC;text-shadow:none}
@media screen{[hidden~=screen]{display:inherit}
[hidden~=screen]:not(:active):not(:focus):not(:target){clip:rect(0 0 0 0)!important;position:absolute!important}
}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(https://dime-3x3.com/wp-content/themes/dime_theme/common/css/slick-theme/ajax-loader.gif) center center no-repeat}@font-face{font-family:"slick";src:url(https://dime-3x3.com/wp-content/themes/dime_theme/common/css/slick-theme/fonts/slick.eot);src:url(https://dime-3x3.com/wp-content/themes/dime_theme/common/css/slick-theme/fonts/slick.eot?#iefix) format("embedded-opentype"),url(https://dime-3x3.com/wp-content/themes/dime_theme/common/css/slick-theme/fonts/slick.woff) format("woff"),url(https://dime-3x3.com/wp-content/themes/dime_theme/common/css/slick-theme/fonts/slick.ttf) format("truetype"),url(https://dime-3x3.com/wp-content/themes/dime_theme/common/css/slick-theme/fonts/slick.svg#slick) format("svg");font-weight:normal;font-style:normal}.slick-prev,.slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0px;font-size:0px;cursor:pointer;background:transparent;color:transparent;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);padding:0;border:none;outline:none}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:transparent;color:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:"slick";font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir="rtl"] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir="rtl"] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir="rtl"] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir="rtl"] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0px;font-size:0px;color:transparent;padding:5px;cursor:pointer}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#000;opacity:.75}.cff-wrapper:after{content:"";display:table;clear:both}#cff{float:left;width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cff-wrapper-ctn{overflow:hidden;box-sizing:border-box}.cff-wrapper-ctn.cff-wrapper-fixed-height{overflow:auto;overflow-x:hidden}#cff .cff-masonry-posts,#cff .cff-posts-wrap,.cff-wrapper-ctn{position:relative;clear:both;height:100%;top:0;bottom:0;width:100%}#cff .cff-posts-wrap-box-shadow{padding:5px}#cff .cff-item{float:left;width:100%;clear:both;padding:20px 0 15px 0;margin:0;border-bottom:1px solid #ddd}#cff .cff-item:first-child{padding-top:0}#cff .cff-item.cff-box,#cff .cff-item.cff-box:first-child{padding:15px;margin:8px 0;background:rgba(255,255,255,.5);border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cff .cff-item.cff-box:first-child{margin-top:0}#cff .cff-item.cff-box:last-child{margin-bottom:0}#cff .cff-item.cff-shadow{box-shadow:0 0 10px 0 rgba(0,0,0,.15);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.15)}.cff-header{width:100%;margin:0 0 15px 0;padding:0;line-height:1;-webkit-box-sizing:border-box;box-sizing:border-box;display:flex;align-items:center}.cff-header .fa,.cff-header svg{margin:0 10px 0 0;padding:0}.cff-visual-header{margin-bottom:24px!important}.cff-visual-header .cff-header-hero{width:100%;height:300px;position:relative;overflow:hidden}.cff-visual-header .cff-header-hero img{width:100%;display:none}.cff-visual-header .cff-likes-box{position:absolute;bottom:10px;right:10px;padding:5px;background:#eee;line-height:1;border-radius:2px;color:#445790}.cff-visual-header .cff-likes-box .cff-square-logo{float:left;display:inline-block;line-height:0}.cff-visual-header .cff-likes-box .cff-square-logo svg{width:18px;vertical-align:top}.cff-visual-header .cff-likes-box .cff-likes-count{float:left;display:inline-block;margin-left:8px;vertical-align:top;font-size:15px;line-height:20px}.cff-visual-header .cff-header-inner-wrap{position:relative;display:block;text-decoration:none!important}.cff-visual-header .cff-header-inner-wrap a{color:inherit!important;border:0}.cff-visual-header .cff-header-img img{display:block;width:100px;border-radius:3px;padding:0;margin:0}.cff-visual-header.cff-has-cover .cff-header-img img{border:2px solid #fff}.cff-visual-header .cff-header-img{position:absolute;display:inline-block;line-height:1}.cff-visual-header.cff-has-cover .cff-header-img{top:-25px;left:10px}.cff-visual-header .cff-header-text{display:inline-block;float:left;margin:20px 0 0 120px}#cff .cff-visual-header .cff-header-text h3,.cff-visual-header .cff-header-text h3{display:inline-block;width:auto;margin:0 8px 0 0;padding:0;font-size:1.2em;line-height:1.2em}.cff-visual-header .cff-header-text{padding-top:10px;margin:0}.cff-visual-header.cff-has-name{min-height:100px}.cff-visual-header.cff-has-cover.cff-has-name .cff-header-text{min-height:75px}.cff-visual-header.cff-has-name .cff-header-text{margin-left:120px}.cff-visual-header.cff-has-cover.cff-has-name .cff-header-text{margin-left:125px}.cff-visual-header.cff-has-name .cff-header-text{padding-top:30px}.cff-visual-header.cff-has-name.cff-has-about .cff-header-text,.cff-visual-header.cff-has-name.cff-has-cover .cff-header-text{padding-top:10px}#cff .cff-visual-header .cff-header-inner-wrap .cff-bio,.cff-visual-header .cff-header-inner-wrap .cff-bio{display:block;width:100%;clear:both;margin:3px 0 0 0;padding:0;line-height:1.2em}.cff-visual-header .cff-header-name{float:left;padding:0 5px 2px 0}.cff-visual-header .cff-bio-info{font-size:.9em;line-height:1.7}.cff-visual-header .cff-bio-info svg{display:inline-block;width:1em;vertical-align:middle;position:relative;top:-2px}.cff-posts-count svg{padding-right:3px}.cff-header-inner-wrap:after,.cff-header-text:after{display:table;clear:both;content:" "}#cff .cff-less{display:none}#cff.cff-default-styles a{text-decoration:none}#cff.cff-default-styles a:focus,#cff.cff-default-styles a:hover{text-decoration:underline}#cff .cff-post-text-link{display:block}.cff-post-text{width:100%;float:left}#cff .cff-post-desc,#cff h3,#cff h4,#cff h5,#cff h6,#cff p{float:left;width:100%;clear:both;padding:0;margin:5px 0;word-wrap:break-word}#cff.cff-default-styles .cff-post-desc,#cff.cff-default-styles h3,#cff.cff-default-styles h4,#cff.cff-default-styles h5,#cff.cff-default-styles h6,#cff.cff-default-styles p{line-height:1.4}#cff .cff-date{float:left;min-width:50px;width:auto}#cff.cff-default-styles .cff-date{font-size:11px}#cff .cff-author{float:left;clear:both;margin:0 0 15px 0;padding:0;line-height:1.2;width:100%}#cff .cff-author a{text-decoration:none;border:none}#cff .cff-author-img{float:left;width:40px;height:40px;margin:0 0 0 -100%!important;font-size:0;background:#eee;background:url(//dime-3x3.com/wp-content/plugins/custom-facebook-feed/assets/img/cff-avatar.png) no-repeat;background-size:100%;border-radius:50%}#cff .cff-author img{float:left;margin:0!important;padding:0!important;border:none!important;font-size:0;border-radius:50%}#cff .cff-author-img.cff-no-consent img{display:none}.cff-no-consent .cff-header-text{margin-left:0!important}.cff-no-consent .cff-header-hero,.cff-no-consent .cff-header-img{display:none!important}#cff .cff-author .cff-author-text span.cff-page-name{display:table-cell;vertical-align:middle;height:40px;margin:0;font-weight:700;padding-left:50px;float:none}#cff .cff-author .cff-story{font-weight:400}#cff.cff-default-styles .cff-author a{text-decoration:none}#cff .cff-author.cff-no-author-info .cff-date{margin-top:12px!important}#cff .cff-author.cff-no-author-info .cff-author-img{width:40px;height:40px;background:url(//dime-3x3.com/wp-content/plugins/custom-facebook-feed/assets/img/cff-avatar.png) no-repeat;margin:0!important}#cff .cff-author .cff-author-text{float:left;width:100%}#cff .cff-author .cff-date,#cff .cff-author .cff-page-name{float:left;clear:both;width:auto;margin:0 0 0 50px!important}#cff.cff-default-styles .cff-author .cff-author-text *{font-weight:700;line-height:1.2}#cff .cff-author .cff-date{color:#9197a3;font-size:11px;margin-top:2px!important;margin-bottom:0!important}#cff.cff-default-styles .cff-author .cff-date{font-weight:400}#cff .cff-author .cff-page-name.cff-author-date{float:left;padding:3px 0 0 0;font-size:14px}#cff .cff-cta-link a,.cff-media-link .fa{display:inline-block;width:auto;padding:5px 7px 5px 6px;margin-right:6px;border:1px solid #eee;border:1px solid rgba(0,0,0,.1);border-radius:3px;background:rgba(0,0,0,.02)}#cff .cff-cta-link a:hover,.cff-media-link .fa:hover{background:#f9f9f9;background:rgba(0,0,0,.03);text-decoration:none}#cff .cff-cta-link a{padding:5px 15px}#cff .cff-break-word{word-break:break-all}#cff .cff-expand{display:none}#cff.cff-default-styles .cff-expand a{font-size:11px;font-weight:400}#cff .cff-shared-link{float:left;clear:both;width:100%;padding:5px 10px;margin:10px 0 5px 0;background:#f9f9f9;border:1px solid #d9d9d9;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.07);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cff .cff-no-styles{background:0 0;border:none;padding:0}#cff .cff-link{float:left;clear:both;max-width:20%;margin:10px 0 0 0}#cff .cff-link img{max-width:100%}#cff .cff-link-title{float:left;clear:both;width:100%;display:block}#cff.cff-default-styles .cff-link-title{font-weight:700}#cff p.cff-link-title{margin:5px 0 0 0}#cff .cff-text-link{float:left;clear:none;width:72%;margin-left:3%;padding:0 0 5px 0}#cff .cff-link-caption{margin:0}#cff.cff-default-styles .cff-link-caption{font-size:12px}#cff .cff-text-link.cff-no-image{width:100%;margin-left:0}#cff .cff-post-desc{margin:5px 0 0 0}#cff .cff-details{float:left;clear:none;width:100%;margin:0;padding:0}#cff .cff-details h5{margin:0 0 5px 0}#cff.cff-default-styles .cff-details h5{padding:0;font-size:16px}#cff.cff-default-styles .cff-details p{font-size:14px}#cff .cff-timeline-event .cff-date,#cff .cff-timeline-event .cff-info,#cff .cff-timeline-event .cff-timeline-event-title,#cff .cff-timeline-event .cff-where{display:block;width:100%;clear:both}#cff .cff-details .cff-info{padding:10px 0 0 0}#cff.cff-default-styles .cff-details .cff-info{line-height:1.2}#cff .cff-desc-wrap{float:left;width:100%}#cff .cff-note-title{display:block;font-weight:700;padding-bottom:5px}#cff .cff-post-links{float:left;clear:none;padding:5px 0 0 0;margin:0}#cff.cff-default-styles .cff-post-links{font-size:11px}#cff .cff-post-links.cff-left{float:left;margin:8px 0}#cff.cff-default-styles .cff-post-links a{font-size:11px}#cff .cff-post-links a:first-child{padding-left:0;margin:0}#cff .cff-dot{padding:0 5px}#cff .cff-share-container{position:relative;display:inline}#cff .cff-share-tooltip{display:none;position:absolute;z-index:1000;bottom:22px;right:-40px;width:110px;padding:3px 5px 4px 5px;margin:0;background:#333;color:#eee;font-size:12px;line-height:1.3;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cff .cff-share-tooltip .fa-play{position:absolute;font-size:8px;bottom:-6px;left:50%;margin-left:-3px;color:#333}#cff .cff-share-tooltip a .fa,#cff .cff-share-tooltip a svg{font-size:16px;margin:0;padding:5px}#cff .cff-share-tooltip a{display:block;float:left;margin:0!important;padding:0!important;color:#eee!important;opacity:0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#cff .cff-share-tooltip a:hover{color:#fff!important}#cff .cff-share-tooltip .cff-facebook-icon:hover{background:#3b5998}#cff .cff-share-tooltip .cff-twitter-icon:hover{background:#00aced}#cff .cff-share-tooltip .cff-google-icon:hover{background:#dd4b39}#cff .cff-share-tooltip .cff-linkedin-icon:hover{background:#007bb6}#cff .cff-share-tooltip .cff-pinterest-icon:hover{background:#cb2027}#cff .cff-share-tooltip .cff-email-icon:hover{background:#dd4b39}#cff .cff-share-tooltip a.cff-show{opacity:1;transition:opacity .2s ease}.cff-likebox{float:left;width:100%;position:relative;margin:20px 0 0 0}.fb_iframe_widget{border:none;overflow:hidden}.cff-likebox .fb_iframe_widget{width:100%}.cff-likebox .fb_iframe_widget span{width:100%!important}.cff-likebox .fb_iframe_widget iframe{margin:0;position:relative;top:0;left:0;width:100%!important;height:100%}.cff-likebox.cff-top.cff-outside{margin-bottom:10px}.cff-likebox.cff-bottom.cff-outside{margin-top:10px}#cff.cff-fixed-height{padding:5px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cff .cff-error-msg{display:none;position:relative;font-size:12px;font-family:sans-serif;padding:8px 12px;border:1px solid #ddd;margin-bottom:10px;clear:both;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}#cff .cff-error-msg p{float:none}#cff .cff-error-msg .cff_notice_dismiss{position:absolute;top:4px;right:8px}#cff #cff-error-reason{display:none;padding:5px 0 0 0;clear:both}#cff.cff-default-styles .cff-credit{font-size:11px}#cff.cff-default-styles .cff-credit a{text-decoration:none}#cff .cff-credit img{float:left;margin:-2px 5px 0 0}#cff .cff-credit .fa{padding-right:5px;font-size:13px}.cff-credit a{display:flex;align-items:center}.cff-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important}@media all and (max-width:640px){#cff.cff-width-resp{width:100%!important}.cff-wrapper .cff-visual-header .cff-header-img img{width:80px}.cff-wrapper .cff-visual-header.cff-has-name .cff-header-text{margin-left:95px}.cff-wrapper .cff-visual-header.cff-has-cover.cff-has-name .cff-header-text{margin-left:105px}}#cff .cff-comment .cff-comment-text img,#cff img.emoji,#cff-lightbox-wrapper .cff-comment .cff-comment-text img,#cff-lightbox-wrapper img.emoji{float:none;max-width:100%}#cff .cff-linebreak{display:block;height:5px}#cff.cff-masonry .cff-item.cff-box{margin-left:1.5%;margin-right:1.5%}#cff.cff-masonry{box-sizing:border-box}#cff.cff-masonry .cff-item,#cff.cff-masonry .cff-item:first-child{padding-top:20px;margin-top:0}#cff.cff-masonry .cff-item,#cff.cff-masonry .cff-likebox{float:none;display:inline-block;width:30.3%;margin:0 1.5%;margin-bottom:20px}#cff.cff-masonry.cff-opaque-comments .cff-item{z-index:1}#cff.cff-masonry.masonry-2-desktop .cff-item{width:47%;margin:0 1.5%}#cff.cff-masonry.masonry-4-desktop .cff-item{width:22%;margin:0 1.5%}#cff.cff-masonry.masonry-5-desktop .cff-item{width:17%;margin:0 1.5%}#cff.cff-masonry.masonry-6-desktop .cff-item{width:13.516%;margin:0 1.5%}@media (min-width:481px) and (max-width:800px){#cff.cff-masonry .cff-item,#cff.cff-masonry .cff-likebox,#cff.cff-masonry.masonry-2-desktop .cff-item,#cff.cff-masonry.masonry-3-desktop .cff-item,#cff.cff-masonry.masonry-4-desktop .cff-item,#cff.cff-masonry.masonry-5-desktop .cff-item,#cff.cff-masonry.masonry-6-desktop .cff-item{width:100%;margin:0}#cff.cff-masonry.masonry-2-tablet .cff-posts-wrap .cff-item,#cff.cff-masonry.masonry-2-tablet .cff-posts-wrap .cff-likebox{width:47%;margin-left:1.5%;margin-right:1.5%}#cff.cff-masonry.masonry-3-tablet .cff-posts-wrap .cff-item,#cff.cff-masonry.masonry-3-tablet .cff-posts-wrap .cff-likebox{width:30.3%;margin-left:1.5%;margin-right:1.5%}#cff.cff-masonry.masonry-4-tablet .cff-item,#cff.cff-masonry.masonry-4-tablet .cff-likebox{width:22%;margin-left:1.5%;margin-right:1.5%}}@media (max-width:480px){#cff.cff-masonry .cff-item,#cff.cff-masonry .cff-likebox,#cff.cff-masonry.masonry-2-desktop .cff-item,#cff.cff-masonry.masonry-3-desktop .cff-item,#cff.cff-masonry.masonry-4-desktop .cff-item,#cff.cff-masonry.masonry-5-desktop .cff-item,#cff.cff-masonry.masonry-6-desktop .cff-item{width:100%;margin:0}#cff.cff-masonry.masonry-2-mobile .cff-posts-wrap .cff-item,#cff.cff-masonry.masonry-2-mobile .cff-posts-wrap .cff-likebox{width:47%;margin-left:1.5%;margin-right:1.5%}#cff.cff-masonry.masonry-3-mobile .cff-posts-wrap .cff-item,#cff.cff-masonry.masonry-3-mobile .cff-posts-wrap .cff-likebox{width:30.3%;margin-left:1.5%;margin-right:1.5%}#cff.cff-masonry.cff-mob-cols-1 .cff-posts-wrap .cff-item{width:100%}}#cff.cff-masonry .cff-comments-box{position:relative;z-index:999}#cff.cff-masonry .cff-comment-attachment,#cff.cff-masonry .cff-comment-replies-box{max-width:100%}#cff.cff-masonry .cff-load-more{display:block;float:left;clear:both}#cff.cff-masonry.cff-masonry-css{width:100%;overflow:hidden;margin-bottom:20px}#cff.cff-masonry.cff-masonry-css{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;-webkit-column-fill:auto;column-fill:unset;-webkit-column-count:3;-moz-column-count:3;column-count:3;margin:0}#cff.cff-masonry.cff-masonry-css.masonry-2-desktop{-webkit-column-count:2;-moz-column-count:2;column-count:2;margin:0}#cff.cff-masonry.cff-masonry-css.masonry-4-desktop{-webkit-column-count:4;-moz-column-count:4;column-count:4;margin:0}#cff.cff-masonry.cff-masonry-css.masonry-5-desktop{-webkit-column-count:5;-moz-column-count:5;column-count:5;margin:0}#cff.cff-masonry.cff-masonry-css.masonry-6-desktop{-webkit-column-count:6;-moz-column-count:6;column-count:6;margin:0}#cff.cff-masonry.cff-masonry-css .cff-item,#cff.cff-masonry.cff-masonry-css .cff-likebox,#cff.cff-masonry.cff-masonry-css.masonry-2-desktop .cff-item,#cff.cff-masonry.cff-masonry-css.masonry-4-desktop .cff-item,#cff.cff-masonry.cff-masonry-css.masonry-5-desktop .cff-item,#cff.cff-masonry.cff-masonry-css.masonry-6-desktop .cff-item{float:none;display:inline-block;width:100%;margin:0 0 12px 0}#cff.cff-masonry.cff-masonry-css .cff-likebox{width:99.5%}#cff.cff-masonry.cff-masonry-css .cff-load-more{margin:0 0 10px 0;position:relative;bottom:0}@media only screen and (max-width:780px){#cff.cff-masonry.cff-masonry-css,#cff.cff-masonry.cff-masonry-css.masonry-2-desktop,#cff.cff-masonry.cff-masonry-css.masonry-4-desktop,#cff.cff-masonry.cff-masonry-css.masonry-5-desktop,#cff.cff-masonry.cff-masonry-css.masonry-6-desktop{-webkit-column-count:1;-moz-column-count:1;column-count:1}#cff.cff-masonry.cff-masonry-css.masonry-2-mobile{-webkit-column-count:2;-moz-column-count:2;column-count:2;margin:0}#cff.cff-masonry.cff-masonry-css.masonry-2-mobile,#cff.cff-masonry.cff-masonry-css.masonry-2-mobile .cff-item{width:100%}}#cff.cff-disable-masonry{height:auto!important}#cff.cff-disable-masonry .cff-item,#cff.cff-disable-masonry .cff-likebox{position:relative!important;top:auto!important}#cff.cff-dark .cff-album-item,#cff.cff-dark .cff-item,#cff.cff-dark .cff-item.cff-box,#cff.cff-dark .cff-item.cff-box:first-child{background-color:rgba(0,0,0,.85);color:rgba(255,255,255,.75)}#cff.cff-dark .cff-item a{color:#fff;text-decoration:underline}#cff.cff-dark .cff-date{color:rgba(255,255,255,.5)}#cff.cff-dark .cff-album-info a,#cff.cff-dark .cff-author-date,#cff.cff-dark .cff-post-links a{color:#fff}#cff.cff-dark .cff-album-info p{color:rgba(255,255,255,.75)}#cff.cff-light .cff-album-item,#cff.cff-light .cff-item,#cff.cff-light .cff-item.cff-box,#cff.cff-light .cff-item.cff-box:first-child{background-color:rgba(255,255,255,.95);color:rgba(0,0,0,.8)}#cff.cff-light .cff-item a{color:#000;text-decoration:underline}#cff.cff-light .cff-date{color:rgba(0,0,0,.5)}#cff.cff-light .cff-album-info a,#cff.cff-light .cff-author-date,#cff.cff-light .cff-post-links a{color:#000}#cff.cff-light .cff-album-info p{color:rgba(0,0,0,.7)}.cff-num-diff-hide{display:none!important}.cff-gdpr-notice{max-width:100%;box-sizing:border-box;padding:8px 15px;margin:0;font-size:12px;background:#fdf7f7;display:inline-block;border-radius:5px;border:1px solid #e4b1b1;line-height:1.3;display:none}