@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,300italic,400italic,500,500italic,600,600italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 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 {
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
vertical-align: baseline;
}
hr.style1{
border-top: 1px solid #8c8b8b;
}
hr.style2 {
border-top: 3px double #8c8b8b;
}
hr.style3 {
border-top: 1px dashed #8c8b8b;
}
hr.style4 {
border-top: 1px dotted #8c8b8b;
}
hr.style5 {
background-color: #fff;
border-top: 2px dashed #8c8b8b;
}
hr.style6 {
background-color: #fff;
border-top: 2px dotted #8c8b8b;
}
.center{
width: 100%;
text-align: center;
}
@media screen and (min-width: 650px){
.br-pc { display:block; }
.br-sp { display:none; }
}
@media screen and (max-width: 650px){
.br-pc { display:none; }
.br-sp { display:block; }
}
html {
line-height: 1
}
ol, ul {
list-style: square;
}
q, blockquote {
quotes: none
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup,
main, menu, nav, section, summary {
display: block
}
p {
font-size: 12px;
line-height: 18px;
padding-bottom: 0px;
color: #414A52;
text-align: left;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
p {
font-size: 12px;
line-height: 21px;
padding-bottom: 0px;
color: #414A52;
text-align: left;
margin-left: auto;
margin-right: auto;
}
}
h1 {
font-size: 60px;
font-weight: 600;
line-height: 65px;
margin-top: 50px;
margin-bottom: 20px;
text-align: center;
}
h2 {
font-size: 15px;
font-weight: 700;
color: #464646;
}
h3 {
font-size: 1.3rem;
color: #444;
letter-spacing: 0px;
font-weight: 300;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
padding: 5px 0px 0px 0px;
font-family: 'ﾃδ｣ﾃ�凖｢竄ｬ邃｢ﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｮﾃδ｣ﾃ�凖�ｽﾃδ､ﾃつｸﾃつｸﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｴ ProN','Hiragino Maru Gothic ProN',sans-serif;
}
@media (max-width: 767px) {
h3 {
font-size: 0.9rem;
color: #444;
letter-spacing: 0px;
font-weight: 300;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
padding: 5px 0px 0px 0px;
font-family: 'ﾃδ｣ﾃ�凖｢竄ｬ邃｢ﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｮﾃδ｣ﾃ�凖�ｽﾃδ､ﾃつｸﾃつｸﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｴ ProN','Hiragino Maru Gothic ProN',sans-serif;
}
}
h4 {
font-size: 15px;
font-weight: 600;
margin-top: 20px;
margin-right: 0;
margin-left: 7px;
margin-bottom: 7px;
text-transform: capitalize
}
h4:after {
display: block;
width: 30px;
height: 2px;
margin-top: 15px;
content: '';
background-color: #7AE2DE
}
h5 {
font-size: 40px;
font-weight: 600;
display: inline-block;
text-transform: none;
color: #ffffff;
text-align: center;
margin-top: 15px;
}
h7 {
font-size: 2.5em;
line-height: 23px;
margin-bottom: 10px;
color: #414A52;
text-align: center;
padding: 10px 0px 0px 0px;
}
.bold-italic {
font-weight: 600;
font-style: italic
}
.btn.primary {
display: inline-block;
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
background-color: #f46464;
padding-top: 1.5px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 1.5px;
text-decoration: none;
line-height: 2;
border-radius: 20px;
}
.btn.primary:hover {
background-color: #e0b82d;
color: #fff;
}
.btn.secondary {
display: inline-block;
font-size: 15px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
background-color: #e25b4e;
padding: 0px 20px 0px 20px;
text-decoration: none;
line-height: 2;
margin: 10px 10px 10px 10px;
border-radius: 5px;
text-transform:none;
}
.btn.secondary:hover {
color: #fff;
background-color: #d57f4b;
}
.btn.secondary:focus {
color: #fff;
background-color: #7AE2DE;
border-color: #07E1D9
}
.btn.secondary_onclick {
display: inline-block;
font-size: 15px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
color: #c1972e;
background-color: #debb43;
padding: 0px 20px 0px 20px;
text-decoration: none;
line-height: 2;
margin: 10px 10px 10px 10px;
border-radius: 5px;
text-transform:none;
pointer-events: none;
}
.btn.secondary-white {
display: inline-block;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
font-weight: 400;
border: 2px solid #fff;
padding: 15px 20px;
text-decoration: none;
line-height: 1
}
.btn.secondary-white:hover {
color: #7AE2DE;
background-color: #fff;
border-color: #fff
}
.btn.secondary-white:focus {
color: #7AE2DE;
background-color: #fff;
border-color: #fff
}
.view-more {
margin-top: 0px
}
a.text-link {
color: #fff;
margin-left: 30px;
display: inline-block;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase
}
a.text-link:focus {
color: #fff
}
a.text-link:after {
font-family: FontAwesome;
content: "\f105";
opacity: 0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-ms-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms
}
a.text-link:hover {
color: #fff
}
a.text-link:hover:after {
opacity: 1;
margin-left: 10px
}
.has-padding {
padding: 0px 10px 80px 10px;
}
.has-padding-tall {
padding: 160px 0
}
.alternate-bg {
background-color: #F4F6F9;
bottom: auto;
top: auto;
}
.footer-bg {
background-color: #595959;
}
.is-centered {
text-align: center
}
.vjs-default-skin .vjs-mute-control {
position: absolute;
bottom: 13px;
left: 50%;
font-size: 20px;
cursor: pointer;
transform: translateX(-154px)
}
.vjs-default-skin .vjs-mute-control:before {
content: "\e617"
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before {
content: "\e615"
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before {
content: "\e616"
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before {
content: "\e618"
}
.vjs-default-skin .vjs-volume-control {
position: absolute;
right: 49%;
bottom: 40px;
width: 16rem;
transform: translateX(50%)
}
.vjs-default-skin .vjs-volume-bar {
margin: 0;
width: 16rem;
height: 5px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 2px
}
.vjs-default-skin .vjs-volume-level {
position: absolute;
top: 0;
left: 0;
height: 0.3125rem;
width: 100%;
background-color: #fff;
border-radius: 2px
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
position: absolute;
left: 15rem
}
.vjs-default-skin .vjs-volume-handle:before {
display: block;
width: 1.25rem;
height: 1.25rem;
content: "";
position: relative;
top: -8px;
left: 0px;
background-color: #fff;
border-radius: 50%
}
.video-js .vjs-big-play-button:before, .video-js .vjs-control:before,
.video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
text-align: center
}
.video iframe{
widows: inherit
}
@font-face {
font-family: VideoJS;
src: url(../font/1.4.0/VideoJS.eot?#iefix) format("eot")
}
.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
content: ""
}
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-play-circle:before {
content: ""
}
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
content: ""
}
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0, .video-js .vjs-volume-menu-button.vjs-vol-0 {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
content: ""
}
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1, .video-js .vjs-volume-menu-button.vjs-vol-1 {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
content: ""
}
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2, .video-js .vjs-volume-menu-button.vjs-vol-2 {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
content: ""
}
.vjs-icon-volume-high, .video-js .vjs-mute-control, .video-js .vjs-volume-menu-button {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
content: ""
}
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
content: ""
}
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
content: ""
}
.vjs-icon-square {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-square:before {
content: ""
}
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-spinner:before {
content: ""
}
.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
content: ""
}
.vjs-icon-captions, .video-js .vjs-captions-button {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-captions:before, .video-js .vjs-captions-button:before {
content: ""
}
.vjs-icon-chapters, .video-js .vjs-chapters-button {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
content: ""
}
.vjs-icon-share {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-share:before {
content: ""
}
.vjs-icon-cog {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-cog:before {
content: ""
}
.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress,
.video-js .vjs-volume-level {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before {
content: " "
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
position: absolute;
left: 15rem
}
.vjs-default-skin .vjs-volume-handle:before {
display: block;
width: 1.25rem;
height: 1.25rem;
content: "";
position: relative;
top: -8px;
left: 0px;
background-color: #fff;
border-radius: 50%
}
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-circle-outline:before {
content: ""
}
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-circle-inner-circle:before {
content: ""
}
.vjs-icon-hd {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-hd:before {
content: ""
}
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before {
content: ""
}
.vjs-icon-replay {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-replay:before {
content: ""
}
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-facebook:before {
content: ""
}
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-gplus:before {
content: ""
}
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-linkedin:before {
content: ""
}
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-twitter:before {
content: ""
}
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-tumblr:before {
content: ""
}
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-pinterest:before {
content: ""
}
.vjs-icon-audio-description {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-audio-description:before {
content: ""
}
.video-js {
display: block;
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: 400;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.video-js:-moz-full-screen {
position: absolute
}
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important
}
.video-js * , .video-js:before, .video-js:after {
box-sizing: inherit
}
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0
}
.video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 {
width: 100%;
max-width: 100%;
height: 0
}
.video-js.vjs-16-9 {
padding-top: 56.25%
}
.video-js.vjs-4-3 {
padding-top: 75%
}
.video-js.vjs-fill {
width: 100%;
height: 100%
}
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
overflow-y: auto
}
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0
}
.video-js.vjs-fullscreen {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none
}
.vjs-hidden {
display: none !important
}
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px
}
.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible
}
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0 auto
}
.vjs-no-js a, .vjs-no-js a:visited {
color: #66A8CC
}
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 60px;
height: 60px;
width: 60px;
display: block;
position: absolute;
top: 10px;
left: 10px;
padding: 0;
cursor: pointer;
opacity: 1;
background-color: #FFF;
background-color: rgba(255, 255, 255, 0.5);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.vjs-paused.vjs-has-started .vjs-big-play-button {
display: block
}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
outline: 0;
border-color: #fff;
background-color: #FFF;
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s
}
.vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button {
display: none
}
.video-js button {
background: 0 0;
border: 0;
color: inherit;
display: inline-block;
overflow: visible;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: .5em;
z-index: 2
}
.vjs-menu-button {
cursor: pointer
}
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
overflow: auto
}
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
display: none
}
.vjs-menu li {
list-style: none;
margin: 0;
padding: .2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase
}
.vjs-menu li:focus, .vjs-menu li:hover {
outline: 0;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5)
}
.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2B333F
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 .3em;
font-weight: 700;
cursor: default
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7)
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em
}
.vjs-menu-button-popup:hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
display: block
}
.video-js .vjs-menu-button-inline {
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
overflow: hidden
}
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em
}
.video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em
}
.video-js .vjs-menu-button-inline.vjs-slider-active {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none
}
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
display: block;
opacity: 1
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
width: auto
}
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden
}
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 51px;
background-color: transparent
}
.vjs-has-started .vjs-control-bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
visibility: visible;
opacity: 1;
-webkit-transition: visibility .1s, opacity .1s;
-moz-transition: visibility .1s, opacity .1s;
-o-transition: visibility .1s, opacity .1s;
transition: visibility .1s, opacity .1s
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 1s, opacity 1s;
-moz-transition: visibility 1s, opacity 1s;
-o-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s
}
.vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
display: none !important
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible
}
@media ﾃδｯﾃつｿﾃつｽscreen {
.vjs-user-inactive.vjs-playing .vjs-control-bar:before {
content: ""
}
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table
}
.video-js .vjs-control {
outline: 0;
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none
}
.video-js .vjs-control:before {
font-size: 1.8em;
line-height: 1.67
}
.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
text-shadow: none
}
.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
display: none
}
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle
}
.video-js .vjs-custom-control-spacer {
display: none
}
.video-js .vjs-progress-control {
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: 8px;
font-size: 0.3em
}
.vjs-live .vjs-progress-control {
display: none
}
.video-js .vjs-progress-holder {
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
height: 8px
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.666666666666666666em
}
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
display: none;
font-size: .6em
}
.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
position: absolute;
display: block;
height: 8px;
margin: 0;
padding: 0;
width: 0;
left: 0;
top: 0
}
.video-js .vjs-mouse-display:before {
display: none
}
.video-js .vjs-play-progress {
background-color: rgba(122, 226, 222, 0.75)
}
.video-js .vjs-play-progress:before {
position: absolute;
top: -.333333333333333em;
right: -.5em;
font-size: .9em
}
.video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after {
display: none;
position: absolute;
top: -2.4em;
right: -1.5em;
font-size: .9em;
color: #000;
content: attr(data-current-time);
padding: .2em .5em;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em
}
.video-js .vjs-play-progress:before, .video-js .vjs-play-progress:after {
z-index: 1
}
.video-js .vjs-load-progress {
background: ligthen(#FFF, 25%);
background: rgba(255, 255, 255, 0.5)
}
.video-js .vjs-load-progress div {
background: ligthen(#73859f, 50%);
background: rgba(115, 133, 159, 0.75)
}
.video-js.vjs-no-flex .vjs-progress-control {
width: auto
}
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: none
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 1s, opacity 1s;
-moz-transition: visibility 1s, opacity 1s;
-o-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
display: none
}
.video-js .vjs-progress-control .vjs-mouse-display:after {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8)
}
.video-js .vjs-slider {
outline: 0;
position: relative;
cursor: pointer;
padding: 0;
margin: 0;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5)
}
.video-js .vjs-slider:focus {
text-shadow: 0 0 1em #fff;
-webkit-box-shadow: 0 0 1em #fff;
-moz-box-shadow: 0 0 1em #fff;
box-shadow: 0 0 1em #fff
}
.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button {
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
position: absolute;
left: 50%;
right: 50%;
transform: translateX(-50%)
}
.video-js .vjs-volume-control {
width: 5em;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.video-js .vjs-volume-bar {
margin: 1.35em .45em
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: .3em
}
.vjs-volume-bar.vjs-slider-vertical {
width: .3em;
height: 5em;
margin: 1.35em auto
}
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff
}
.video-js .vjs-volume-level:before {
position: absolute;
font-size: .9em
}
.vjs-slider-vertical .vjs-volume-level {
width: .3em
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -.5em;
left: -.3em
}
.vjs-slider-horizontal .vjs-volume-level {
height: .3em
}
.vjs-slider-horizontal .vjs-volume-level:before {
top: -.3em;
right: -.5em
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%
}
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
display: block;
width: 0;
height: 0;
border-top-color: transparent
}
.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
left: .5em;
height: 8em
}
.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
left: -2em
}
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
height: 0;
width: 0;
overflow-x: hidden;
overflow-y: hidden
}
.vjs-volume-menu-button-vertical:hover .vjs-menu-content, .vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
height: 8em;
width: 2.9em
}
.vjs-volume-menu-button-horizontal:hover .vjs-menu-content, .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
height: 2.9em;
width: 8em
}
.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
background-color: transparent !important
}
.vjs-poster {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%
}
.vjs-poster img {
display: block;
vertical-align: middle;
margin: 0 auto;
max-height: 100%;
padding: 0;
width: 100%
}
.vjs-has-started .vjs-poster {
display: none
}
.vjs-audio.vjs-has-started .vjs-poster {
display: block
}
.vjs-controls-disabled .vjs-poster {
display: none
}
.vjs-using-native-controls .vjs-poster {
display: none
}
.video-js .vjs-live-control {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
font-size: 1em;
line-height: 3em
}
.vjs-no-flex .vjs-live-control {
display: none;
width: auto;
text-align: left
}
.vjs-live-display {
display: none
}
.video-js .vjs-time-control {
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
font-size: 1em;
line-height: 3em
}
.vjs-live .vjs-time-control {
display: none
}
.video-js .vjs-current-time-display {
position: absolute;
background-color: rgba(255, 255, 255, 0.3);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 0 10px;
margin: 0 0 0 15px
}
.video-js .vjs-remaining-time {
position: absolute;
right: 0
}
.video-js .vjs-remaining-time-display {
position: absolute;
right: 0;
background-color: rgba(255, 255, 255, 0.3);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 0 10px;
margin: 0 15px 0 0
}
.video-js .vjs-current-time, .vjs-no-flex .vjs-current-time {
display: block
}
.video-js .vjs-duration, .vjs-no-flex .vjs-duration {
display: none
}
.vjs-time-divider {
display: none;
line-height: 3em
}
.vjs-live .vjs-time-divider {
display: none
}
.video-js .vjs-play-control {
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
position: absolute;
left: 50%;
right: 50%;
transform: translateX(-50%);
display: none
}
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em
}
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: .1em;
background-color: #000;
background-color: rgba(0, 0, 0, 0.5)
}
.vjs-subtitles {
color: #fff
}
.vjs-captions {
color: #fc6
}
.vjs-tt-cue {
display: block
}
video::-webkit-media-text-track-display {
-moz-transform: translateY(-3em);
-ms-transform: translateY(-3em);
-o-transform: translateY(-3em);
-webkit-transform: translateY(-3em);
transform: translateY(-3em)
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-moz-transform: translateY(-1.5em);
-ms-transform: translateY(-1.5em);
-o-transform: translateY(-1.5em);
-webkit-transform: translateY(-1.5em);
transform: translateY(-1.5em)
}
.video-js .vjs-fullscreen-control {
width: 3.8em;
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
display: none
}
.vjs-playback-rate .vjs-playback-rate-value {
font-size: 1.5em;
line-height: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center
}
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center
}
.vjs-error .vjs-error-display:before {
color: #fff;
content: 'X';
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -.5em;
position: absolute;
text-shadow: .05em .05em .1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%
}
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .85;
text-align: left;
border: 6px solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px
}
.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
display: block
}
.vjs-loading-spinner:before, .vjs-loading-spinner:after {
content: "";
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: #fff
}
.vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite
}
.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
border-top-color: #fff
}
.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
border-top-color: #fff;
-webkit-animation-delay: .44s;
animation-delay: .44s
}
@keyframes vjs-spinner-spin {
100% {
transform: rotate(360deg)
}
}
@-webkit-keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f
}
20% {
border-top-color: #73859f
}
35% {
border-top-color: #fff
}
60% {
border-top-color: #73859f
}
100% {
border-top-color: #73859f
}
}
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f
}
20% {
border-top-color: #73859f
}
35% {
border-top-color: #fff
}
60% {
border-top-color: #73859f
}
100% {
border-top-color: #73859f
}
}
.vjs-chapters-button .vjs-menu {
left: -10em;
width: 0
}
.vjs-chapters-button .vjs-menu ul {
width: 24em
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
width: auto
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button {
display: none
}
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control {
display: none
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button {
display: none
}
.vjs-caption-settings {
position: relative;
top: 1em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
margin: 0 auto;
padding: .5em;
height: 15em;
font-size: 12px;
width: 40em
}
.vjs-caption-settings .vjs-tracksettings {
top: 0;
bottom: 2em;
left: 0;
right: 0;
position: absolute;
overflow: auto
}
.vjs-caption-settings .vjs-tracksettings-colors, .vjs-caption-settings .vjs-tracksettings-font {
float: left
}
.vjs-caption-settings .vjs-tracksettings-colors:after, .vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
clear: both
}
.vjs-caption-settings .vjs-tracksettings-controls {
position: absolute;
bottom: 1em;
right: 1em
}
.vjs-caption-settings .vjs-tracksetting {
margin: 5px;
padding: 3px;
min-height: 40px
}
.vjs-caption-settings .vjs-tracksetting label {
display: block;
width: 100px;
margin-bottom: 5px
}
.vjs-caption-settings .vjs-tracksetting span {
display: inline;
margin-left: 5px
}
.vjs-caption-settings .vjs-tracksetting > div {
margin-bottom: 5px;
min-height: 20px
}
.vjs-caption-settings .vjs-tracksetting > div:last-child {
margin-bottom: 0;
padding-bottom: 0;
min-height: 0
}
.vjs-caption-settings label > input {
margin-right: 10px
}
.vjs-caption-settings input[type=button] {
width: 40px;
height: 40px
}
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0))
}
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1
}
body {
overflow-x: hidden
}
html, body {
font-family: Raleway, Verdana, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
color: #414A52;
-webkit-text-size-adjust: 100%;
}
.group:after {
display: table;
clear: both;
content: ''
}
.no-padding {
padding: 0
}
.no-margin {
margin: 0
}
a {
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
color: #e47a7a;
font-size: 1em;
font-weight: 600;
}
a:hover {
text-decoration: none;
color: #CB5656
}
ul, ol {
margin: 0;
padding-top: 0;
padding-right: 0;
padding-left: 0
}
ul li {
list-style: none
}
input, textarea {
outline: none
}
.wide {
width: auto;
max-height: 100%
}
.tall {
max-width: 100%;
height: auto
}
.bold {
font-weight: 600
}
.italic {
font-style: italic
}
.has-top-margin {
margin-top: 50px
}
.carousel-cell {
display: table;
width: 100%;
height: 100%;
margin-right: 10px;
background-position: center;
background-size: cover;
padding-bottom: 50px;
}
.flickity-prev-next-button {
display: none
}
.flickity-page-dots {
line-height: 1;
position: absolute;
top: 50%;
right: 25px;
bottom: auto;
width: auto;
margin: 0;
padding: 0;
list-style: none;
transform: translateY(-50%);
text-align: center
}
.flickity-page-dots .dot {
display: block;
width: 12px;
height: 12px;
margin: 0 4px 20px;
opacity: 1;
border: 2px solid white;
background: transparent
}
.flickity-page-dots .dot.is-selected {
background: white
}
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9, .wp10 {
visibility: hidden
}
.wp1 {
-webkit-animation-delay: .5s;
animation-delay: .5s
}
.wp2 {
-webkit-animation-delay: .4s;
animation-delay: .4s
}
.wp3 {
-webkit-animation-delay: 1s;
animation-delay: 1s
}
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown,
.fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown, .fadeIn {
visibility: visible
}
.header-nav-wrapper {
position: relative;
}
.header-nav-wrapper2 {
position: relative;
background-color: #efefef;
}
.header-nav-wrapper .logo {
display: inline-block;
width: 100%;
text-align: left;
padding-top: 10px;
padding-bottom: 8px;
padding-left: 10px;
background-color: #f0f0f0;
}
.header-nav-wrapper .logo2 {
display: inline-block;
width: 100%;
padding-top: 15px;
padding-right: 0;
padding-left: 10px;
padding-bottom: 15px;
text-align: left;
}
.header-nav-wrapper .logo3 {
display: inline-block;
width: 100%;
padding-top: 0px;
padding-right: 0;
padding-left: 10px;
padding-bottom: 0px;
text-align: left;
background-color: #db4141;
}
.header-nav-wrapper .primary-nav-wrapper {
-webkit-transition: all 300ms;
transition: all 300ms;
background-color: #595959;
height: 40px;
}
@media (max-width: 800px) {
.header-nav-wrapper .primary-nav-wrapper {
-webkit-transition: all 300ms;
transition: all 300ms;
background-color: rgba(177, 177, 177, 0.77);
height: 67px;
}
}
.header-nav-wrapper nav {
display: inline-block;
margin-right: 0px;
padding-right: auto;
padding-left: 0px;
}
.header-nav-wrapper nav ul {
display: inline-block;
}
.header-nav-wrapper nav ul li {
font-size: 1.5rem;
display: inline-block;
padding: 0px 0px;
letter-spacing: 1px;
text-transform: capitalize;
text-align: center;
}
.header-nav-wrapper nav ul li:last-child {
border-right: none;
color: #39648B;
}
.header-nav-wrapper nav ul li a {
font-weight: 400;
font-size: 0.9rem;
position: relative;
text-decoration: none;
color: #ffffff;
padding: 10px 20px 10px 20px;
bottom: 0px;
text-transform: uppercase;
}
.header-nav-wrapper nav ul li a:hover {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.24);
}
.header-nav-wrapper nav ul li a:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.header-nav-wrapper .is-visible {
visibility: visible;
opacity: 1
}
.secondary-nav-wrapper {
display: inline-block;
padding: 10px 10px;
background-color: #414A52
}
.secondary-nav-wrapper ul.secondary-nav li {
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase
}
.secondary-nav-wrapper ul.secondary-nav li.subscribe {
position: relative;
padding: 10px 10px 0px 10px;
border-right: solid 1px #505c66
}
.secondary-nav-wrapper ul.secondary-nav li.subscribe a {
position: relative;
padding-bottom: 10px;
text-decoration: none
}
.secondary-nav-wrapper ul.secondary-nav li.subscribe a:before {
position: absolute;
bottom: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 2px;
content: '';
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
-webkit-transform: scaleX(0);
transform: scaleX(0);
background-color: #7AE2DE
}
.secondary-nav-wrapper ul.secondary-nav li.subscribe a:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.secondary-nav-wrapper ul.secondary-nav li.subscribe:after {
position: absolute;
top: 0;
right: 0;
height: 34px;
content: ' ';
border-right: 1px solid #323940
}
.secondary-nav-wrapper ul.secondary-nav li.search {
margin-left: 20px
}
.secondary-nav-wrapper ul.secondary-nav li.search a {
font-size: 16px;
color: #fff
}
.secondary-nav-wrapper ul {
display: inline-block
}
.secondary-nav-wrapper ul li {
display: inline-block
}
.search-wrapper {
position: absolute;
top: 0;
right: 0;
visibility: hidden;
width: 50%;
padding: 38px 30px;
-webkit-transition: all 300ms;
transition: all 300ms;
opacity: 0;
background-color: #414A52
}
.search-wrapper ul.search .is-selected {
width: 360px
}
.search-wrapper ul.search li {
display: inline-block
}
.search-wrapper ul.search li .hide-search {
font-size: 20px;
position: absolute;
top: 40%;
right: 30px;
color: #fff
}
.search-wrapper ul.search li input {
font-size: 13px;
width: 300px;
padding-bottom: 9px;
-webkit-transition: all 300ms;
transition: all 300ms;
color: #fff;
border: none;
border-bottom: solid 2px #7AE2DE;
background-color: #414A52
}
.primary-nav-wrapper.open {
visibility: visible;
opacity: 1
}
.nav-toggle {
position: absolute;
z-index: 999999;
top: 30px;
left: 50%;
padding: 16px 35px 16px 0;
cursor: pointer;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.nav-toggle:focus {
outline: none
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
position: absolute;
display: block;
width: 35px;
height: 3px;
content: '';
cursor: pointer;
border-radius: 1px;
background: rgba(166, 166, 166, 1);
z-index: 999999;
}
.nav-toggle span:before {
top: -10px
}
.nav-toggle span:after {
bottom: -10px
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out
}
.nav-toggle.active span {
background-color: transparent
}
.nav-toggle.active span:before, .nav-toggle.active span:after {
top: 0
}
.nav-toggle.active span:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.nav-toggle.active span:after {
top: 10px;
-webkit-transform: translatey(-10px) rotate(-45deg);
transform: translatey(-10px) rotate(-45deg)
}
.navicon {
position: absolute;
top: 0;
right: 0;
visibility: hidden;
width: 25px;
height: 26px;
padding-top: 20px;
padding-right: 52px;
padding-left: 52px;
padding-bottom: 52px;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
background-color: rgba(14,19,47,0.00)
}
.fixed {
position: fixed;
z-index: 999
}
header.hero {
position: relative;
display: table;
width: 100%;
height: calc(100vh - 8.2em);
max-height: 0px;
}
@media (max-width: 800px) {
header.hero {
position: relative;
display: table;
width: 100%;
height: calc(100vh - 8.2em);
max-height: 0px;
margin-top: 0px;
}
}
header.hero .hero-bg {
display: table-cell;
}
header.hero .hero-bg .hero-intro-text {
width: 100%;
margin-top: 20px;
text-align: center;
border-top: solid 1px rgba(255, 255, 255, 0.25)
}
header.hero .hero-bg .hero-intro-text p {
font-weight: 300;
margin: 0;
padding: 0;
color: #fff;
text-align: center;
}
header.hero h1 {
margin-bottom: 5px;
color: #fff;
font-size: 4em;
line-height: 1.2em;
}
header.hero h3 {
font-size: 25px;
font-weight: 600;
padding: 0 0 10px 0 ;
color: #ffffff;
line-height: 1.2em;
text-shadow: 1px 2px 3px #808080;
}
header.hero h5 {
font-size: 40px;
font-weight: 600;
padding: 0 0 0px 0 ;
color: #f16262;
line-height: 1.2em;
margin: -30px 10px 10px 10px;
text-shadow :
2px 2px 10px #418ad4,
-2px 2px 10px #418ad4,
2px -2px 10px #418ad4,
-2px -2px 10px #418ad4,
2px 0px 10px #418ad4,
0px 2px 10px #418ad4,
-2px 0px 10px #418ad4,
0px -2px 10px #003366;
}
@-webkit-keyframes scroll-inner {
from {
margin-top: 15%;
opacity: 1
}
to {
margin-top: 75%;
opacity: 0
}
}
@keyframes scroll-inner {
from {
margin-top: 15%;
opacity: 1
}
to {
margin-top: 75%;
opacity: 0
}
}
div.mouse-container {
position: absolute;
bottom: 0;
left: 50%;
display: block;
height: 50px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
div.mouse {
position: relative;
display: block;
width: 20px;
height: 30px;
margin: 0 auto;
border: solid 1px #fff;
border-radius: 8px
}
div.mouse span.scroll-down {
display: block;
width: 4px;
height: 4px;
margin: 15% auto auto;
-webkit-animation: scroll-inner 1.5s;
animation: scroll-inner 1.5s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 50%;
background: #fff
}
.collective p {
font-size: 0.8rem;
font-weight: 300;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
padding: 6px 0px 0px 0px;
}
.collective .video-player {
display: inline-block;
margin: 25px 0 50px -100px;
padding: 10px;
background-color: #F4F6F9
}
.stats {
background: url("../img/stats-bg.jpg") no-repeat center center;
background-size: cover
}
.stats i.icon {
font-size: 50px;
display: inline-block;
margin-right: 10px;
vertical-align: 10px;
color: #fff
}
.stats .stats-wrapper {
display: inline-block
}
.stats p.stats-number {
font-family: Montserrat, Georgia, "Times New Roman", serif;
font-size: 48px;
color: #fff
}
.stats p.stats-text {
font-size: 15px;
font-weight: 500;
line-height: .7;
padding: 0;
text-transform: uppercase;
color: #fff
}
.stats .stats-container {
text-align: center;
border-right: solid 1px rgba(255, 255, 255, 0.25)
}
.stats .stats-container:last-of-type {
border-right: none
}
.stats .stats-number {
text-align: left
}
.crew article.crew-member {
position: relative;
overflow: hidden;
width: 200px;
height: 139px;
-webkit-transition: all 300ms;
transition: all 300ms;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-webkit-box-shadow: inset 0px 0px;
box-shadow: inset 0px 0px;
}
.crew article.crew-member figure {
display: table;
width: calc(100% + 1px);
height: 100%
}
.crew article.crew-member figure figcaption {
display: table-cell;
height: 100%;
text-align: center;
vertical-align: middle
}
.crew article.crew-member figure figcaption p {
padding: 15px 15px 25px;
color: #fff
}
.crew article.crew-member figure figcaption a {
color: rgba(255, 255, 255, 0.7)
}
.crew article.crew-member figure figcaption a:hover {
color: #fff
}
.crew article.crew-member figure figcaption .crew-socials ul li {
display: inline-block;
margin-right: 10px
}
.crew article.crew-member figure figcaption .crew-socials ul li:last-child {
margin-right: 0
}
.crew article.crew-member figure:hover .overlay {
opacity: 1
}
.crew article.crew-member h2 {
font-size: 15px;
font-weight: 500;
line-height: 20px;
text-transform: uppercase;
color: #fff
}
.crew article.crew-member img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
margin: 0;
padding: 0;
-webkit-transition: all 300ms;
transition: all 300ms;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.crew article.crew-member .overlay {
z-index: 99;
width: 100%;
height: 100%;
-webkit-transition: all 300ms;
transition: all 300ms;
opacity: 0;
background-color: rgba(122, 226, 222, 0.8)
}
.skillset {
margin-top: 55px
}
.skillset .bar-chart-wrapper {
position: relative;
margin-bottom: 35px
}
.skillset .bar-wrapper {
background-color: #414A52
}
.skillset .bar-wrapper .bar {
height: 10px;
margin: 10px 0;
background-color: #7AE2DE
}
.skillset .bar-chart-figure {
float: right
}
.skillset .push-right {
position: absolute;
top: 0;
right: 0
}
.latest-articles .sort {
text-align: right
}
.latest-articles article span.featured-tag {
font-size: 13px;
position: absolute;
z-index: auto;
bottom: 10px;
left: 10px;
padding: 4px 10px;
color: #fff;
background-color: #7AE2DE;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px
}
.latest-articles article span.featured-tag-artist {
font-size: 13px;
position: absolute;
z-index: auto;
bottom: 10px;
left: 10px;
padding: 4px 10px;
color: #fff;
background-color: #f16262;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px
}
.latest-articles article span.featured-tag-cre {
font-size: 13px;
position: absolute;
z-index: auto;
bottom: 10px;
left: 10px;
padding: 4px 10px;
color: #fff;
background-color: #ecb856;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px
}
.latest-articles article span.featured-tag-cre-w {
font-size: 13px;
position: absolute;
z-index: auto;
bottom: 10px;
left: 10px;
padding: 4px 10px;
color: #fff;
background-color: #ecb856;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
margin: 0px 0px 35px 0px;
}
.latest-articles article span.featured-tag-cam-2 {
font-size: 13px;
position: absolute;
z-index: auto;
bottom: 10px;
left: 10px;
padding: 4px 10px;
color: #fff;
background-color: #6082d2;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
margin: 0px 0px 35px 0px;
}
.latest-articles article span.featured-tag-cam-3 {
font-size: 13px;
position: absolute;
z-index: auto;
bottom: 45px;
left: 10px;
padding: 4px 10px;
color: #fff;
background-color: #6082d2;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
margin: 0px 0px 35px 0px;
}
.latest-articles article figure.has-overlay {
height: 100%
}
.latest-articles article:hover h2:after {
margin-left: 10px;
opacity: 1
}
.latest-articles article:hover .has-overlay:after {
background-color: rgba(65, 74, 82, 0.8)
}
.latest-articles article ul.article-footer {
padding-top: 15px;
border-top: solid 1px #E5E7E9
}
.latest-articles article ul.article-footer li {
font-size: 13px;
display: inline-block
}
.latest-articles article ul.article-footer li.article-comments {
float: right
}
.latest-articles img {
margin-left: auto;
margin-right: auto;
padding: 0;
-webkit-transition: all 300ms;
transition: all 300ms;
}
.latest-articles figcaption h2 {
font-size: 15px;
font-weight: 800;
line-height: 20px;
padding: 0 0 0 0;
color: #414A52
}
.latest-articles figcaption h2:after {
font-family: FontAwesome;
content: '\f105';
-webkit-transition: all 300ms;
transition: all 300ms;
opacity: 0
}
.latest-articles article.article-post {
position: relative;
overflow: hidden;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
background-color: #fff;
border-radius: 0px;
margin: 0px 20px 20px 0px;
height: auto;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
}
@media (max-width: 767px) {
.latest-articles article.article-post {
position: relative;
overflow: hidden;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
background-color: #fff;
border-radius: 0px;
margin: 0px 10px 20px 10px;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
}
}
.latest-articles article.article-post .article-image {
position: relative;
overflow: hidden;
margin: 0px 0px 10px 0px;
height: 250px;
border-radius:0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover ;
}
.latest-articles article.article-post .article-image2 {
position: relative;
overflow: hidden;
margin: 0px 0px 10px 0px;
height: 350px;
border-radius:0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover ;
}
.latest-articles article.article-post .article-image3 {
position: relative;
overflow: hidden;
margin: 0px 0px 10px 0px;
height: 250px;
border-radius: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media (max-width: 1200px) {
.latest-articles article.article-post .article-image3 {
position: relative;
overflow: hidden;
margin: 0px 0px 10px 0px;
height: 200px;
border-radius: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
}
@media (max-width: 767px) {
.latest-articles article.article-post .article-image3 {
position: relative;
overflow: hidden;
margin: 0px 0px 10px 0px;
height: 350px;
border-radius: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
}
@media (max-width: 414px) {
.latest-articles article.article-post .article-image3 {
position: relative;
overflow: hidden;
margin: 0px 0px 10px 0px;
height: 250px;
border-radius: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
}
@media (max-width: 767px) {
.latest-articles article.article-post .article-image {
position: relative;
overflow: hidden;
margin: 0px 0px 10px 0px;
height: 250px;
border-radius:0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover}
}
.article-image2 {
position: relative;
overflow: hidden;
margin: 0px 0px 10px 0px;
height: 18rem;
max-height: 450px;
border-radius:0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover}
@media (max-width: 767px) {
.article-image2 {
position: relative;
overflow: hidden;
margin: 0px 0px 10px 0px;
height: 15rem;
max-height: 280px;
border-radius:0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover}
}
@media (max-width: 320px) {
.article-image2 {
position: relative;
overflow: hidden;
margin: 0px 0px 10px 0px;
height: 15rem;
max-height: 190px;
border-radius:0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover}
}
.article-image4 {
position: relative;
overflow: hidden;
margin: 0px 0px 10px 0px;
height: 18rem;
max-height: 450px;
border-radius:0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover}
.latest-articles article.article-post2 {
position: relative;
overflow: hidden;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 30px;
background-color: #E5CD22;
border-radius: 20px;
margin: 0px 10px 20px 10px;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
}
.article-post3 {
position: relative;
overflow: hidden;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 10px;
background-color: #66c9f2;
border-radius: 20px;
margin: 0px 10px 20px 10px;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
width: 70%;
margin-left: auto;
}
@media (max-width: 767px) {
.article-post3 {
position: relative;
overflow: hidden;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 10px;
background-color: #66c9f2;
border-radius: 20px;
margin: 0px 10px 20px 10px;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
width: 97%;
}
}
.article-post4 {
position: relative;
overflow: hidden;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 0px;
background-color: #f5b4b4;
border-radius: 20px;
margin: 0px 10px 20px 10px;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
width: 70%;
margin-right: auto;
}
@media (max-width: 767px) {
.article-post4 {
position: relative;
overflow: hidden;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-color: #f5b4b4;
border-radius: 20px;
margin: 0px 10px 20px 10px;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
width: 97%;
}
}
.article-post5 {
position: relative;
overflow: hidden;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 0px;
border-radius: 20px;
margin: 0px 10px 20px 0px;
width: 100%;
margin-right: auto;
}
.latest-articles article.article-post2 .article-image {
position: relative;
overflow: hidden;
margin: 0px 0px 10px 0px;
height: 300px;
max-height: 250px;
border-radius:0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover}
.latest-articles .has-overlay:after, .latest-articles .freebies .has-overlay:after {
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
content: '';
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
background-color: rgba(255, 255, 255, 0.11)
}
.latest-articles select#inputArticle-Sort {
font-size: 13px;
width: 300px;
margin-left: 25px;
padding-bottom: 9px;
-webkit-transition: all 300ms;
transition: all 300ms;
text-indent: .01px;
text-overflow: '';
color: rgba(65, 74, 82, 0.5);
border: none;
border-bottom: solid 2px #7AE2DE;
background: url("../img/dd-arrow.png") no-repeat;
background-color: none;
background-position: 280px 5px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none
}
.latest-articles select#inputArticle-Sort:focus {
outline: none
}
.freebies .has-overlay:after {
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
content: '';
background-color: rgba(65, 74, 82, 0.5)
}
.freebies .content-left {
border-right: solid 1px #E5E7E9
}
.freebies .content-right {
padding-left: 10px;
}
.freebies article.item {
position: relative
}
.freebies article.item h2 {
font-size: 13px;
font-weight: 500;
line-height: 15px;
display: inline-block;
margin-bottom: 30px;
padding: 15px 30px 30px;
letter-spacing: 2px;
text-transform: uppercase;
color: #fff;
border-bottom: solid 2px #fff
}
.freebies article.item img {
position: absolute;
top: 50%;
left: 50%;
display: block;
min-width: calc(100% + 1px);
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.freebies .overlay {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
opacity: 0;
background-color: rgba(65, 74, 82, 0.7)
}
.freebies .freebies-intro {
}
.freebies figure {
position: relative;
overflow: hidden;
height: 200px;
max-height: 300px
}
.freebies figure:hover .overlay {
opacity: 1
}
.freebies figure figcaption .freebie-content {
position: absolute;
top: 50%;
left: 50%;
width: 85%;
max-width: 700px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center
}
.freebies figure figcaption .freebie-content .date {
font-size: 13px;
display: block;
color: rgba(255, 255, 255, 0.5)
}
.freebies figure figcaption .like-share-wrapper {
font-size: 13px;
position: absolute;
top: 30px;
left: 30px;
color: #fff
}
.freebies figure figcaption .like-share-wrapper a {
color: #fff
}
.freebies figure figcaption ul li {
display: inline-block;
padding: 0 10px 0 0;
border-right: solid 1px rgba(255, 255, 255, 0.25)
}
.freebies figure figcaption ul li:last-child {
padding: 0 0 0 10px;
border-right: none
}
.freebies figure figcaption ul li i {
margin-right: 5px
}
section.get-started {
position: relative;
padding: 90px 0}
section.get-started h2 {
font-size: 28px;
display: inline-block;
margin-right: 30px;
vertical-align: middle;
color: #fff
}
section.get-started a {
font-weight: bold;
margin-bottom: 5px;
-webkit-transition: all 300ms;
transition: all 300ms;
color: #fff;
border-bottom: solid 2px rgba(255, 255, 255, 0.5)
}
section.get-started a:hover {
border-bottom-color: #fff
}
section.get-started:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: ' ';
background-image: url("../img/texture-shapes-bg.png")
}
footer p {
font-size: 15px;
color: #fff;
text-align: center;
font-weight: 200;
cursor: pointer;
}
footer ul li {
font-size: 14px;
color: #fff
}
footer ul li i {
margin-right: 5px
}
footer ul li a {
color: #fff
}
footer ul li a:hover {
color: #7AE2DE
}
footer .footer-branding {
margin-bottom: 40px
}
footer .footer-branding .footer-branding-logo {
margin-bottom: 10px
}
footer .footer-nav {
padding-top: 40px;
border-top: solid 1px rgba(255, 255, 255, 0.15)
}
footer .footer-nav ul.footer-primary-nav {
display: inline-block;
margin-bottom: 30px
}
footer .footer-nav ul.footer-primary-nav li {
display: inline-block;
margin-right: 50px
}
footer .footer-nav ul.footer-primary-nav li:last-child {
margin-right: 0
}
footer .footer-nav ul.footer-share {
display: inline-block;
float: right
}
footer .footer-nav ul.footer-share > li {
display: inline-block;
margin-right: 50px
}
footer .footer-nav ul.footer-share > li:last-child {
margin-right: 0
}
footer .footer-nav ul.footer-secondary-nav li {
color: #ffffff;
}
.share-dropdown {
position: absolute;
top: 0;
right: 0;
-webkit-transition: all 300ms;
transition: all 300ms;
opacity: 0;
background-color: #fff;
box-shadow: 0 0 20px 0 rgba(50, 57, 74, 0.31);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
}
.share-dropdown:after {
position: absolute;
top: 100%;
left: 75%;
width: 0;
height: 0;
margin-left: -5px;
content: ' ';
pointer-events: none;
border: solid transparent;
border-width: 5px;
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
box-shadow: 0 0 20px 0 rgba(50, 57, 74, 0.31)
}
.share-dropdown ul li {
display: inline-block;
margin: 10px 0;
padding: 5px 20px;
border-right: solid 1px #E5E7E9
}
.share-dropdown ul li:last-child {
padding: none;
border-right: none
}
.share-dropdown ul li a {
color: #8A9097
}
.share-dropdown ul li a.share-twitter:hover {
color: #00aced
}
.share-dropdown ul li a.share-facebook:hover {
color: #4a6ea9
}
.share-dropdown ul li a.share-linkedin:hover {
color: #007ab9
}
.share-dropdown ul li i {
margin: 0
}
.is-open {
top: -20px;
opacity: 1
}
@font-face {
font-family: 'Stroke-Gap-Icons';
src: url("../css/fonts/Stroke-Gap-Icons.eot")
}
.icon {
font-family: 'Stroke-Gap-Icons';
font-weight: normal;
font-style: normal;
font-variant: normal;
line-height: 1;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-WorldWide:before {
content: '\e600'
}
.icon-WorldGlobe:before {
content: '\e601'
}
.icon-Underpants:before {
content: '\e602'
}
.icon-Tshirt:before {
content: '\e603'
}
.icon-Trousers:before {
content: '\e604'
}
.icon-Tie:before {
content: '\e605'
}
.icon-TennisBall:before {
content: '\e606'
}
.icon-Telesocpe:before {
content: '\e607'
}
.icon-Stop:before {
content: '\e608'
}
.icon-Starship:before {
content: '\e609'
}
.icon-Starship2:before {
content: '\e60a'
}
.icon-Speaker:before {
content: '\e60b'
}
.icon-Speaker2:before {
content: '\e60c'
}
.icon-Soccer:before {
content: '\e60d'
}
.icon-Snikers:before {
content: '\e60e'
}
.icon-Scisors:before {
content: '\e60f'
}
.icon-Puzzle:before {
content: '\e610'
}
.icon-Printer:before {
content: '\e611'
}
.icon-Pool:before {
content: '\e612'
}
.icon-Podium:before {
content: '\e613'
}
.icon-Play:before {
content: '\e614'
}
.icon-Planet:before {
content: '\e615'
}
.icon-Pause:before {
content: '\e616'
}
.icon-Next:before {
content: '\e617'
}
.icon-MusicNote2:before {
content: '\e618'
}
.icon-MusicNote:before {
content: '\e619'
}
.icon-MusicMixer:before {
content: '\e61a'
}
.icon-Microphone:before {
content: '\e61b'
}
.icon-Medal:before {
content: '\e61c'
}
.icon-ManFigure:before {
content: '\e61d'
}
.icon-Magnet:before {
content: '\e61e'
}
.icon-Like:before {
content: '\e61f'
}
.icon-Hanger:before {
content: '\e620'
}
.icon-Handicap:before {
content: '\e621'
}
.icon-Forward:before {
content: '\e622'
}
.icon-Footbal:before {
content: '\e623'
}
.icon-Flag:before {
content: '\e624'
}
.icon-FemaleFigure:before {
content: '\e625'
}
.icon-Dislike:before {
content: '\e626'
}
.icon-DiamondRing:before {
content: '\e627'
}
.icon-Cup:before {
content: '\e628'
}
.icon-Crown:before {
content: '\e629'
}
.icon-Column:before {
content: '\e62a'
}
.icon-Click:before {
content: '\e62b'
}
.icon-Cassette:before {
content: '\e62c'
}
.icon-Bomb:before {
content: '\e62d'
}
.icon-BatteryLow:before {
content: '\e62e'
}
.icon-BatteryFull:before {
content: '\e62f'
}
.icon-Bascketball:before {
content: '\e630'
}
.icon-Astronaut:before {
content: '\e631'
}
.icon-WineGlass:before {
content: '\e632'
}
.icon-Water:before {
content: '\e633'
}
.icon-Wallet:before {
content: '\e634'
}
.icon-Umbrella:before {
content: '\e635'
}
.icon-TV:before {
content: '\e636'
}
.icon-TeaMug:before {
content: '\e637'
}
.icon-Tablet:before {
content: '\e638'
}
.icon-Soda:before {
content: '\e639'
}
.icon-SodaCan:before {
content: '\e63a'
}
.icon-SimCard:before {
content: '\e63b'
}
.icon-Signal:before {
content: '\e63c'
}
.icon-Shaker:before {
content: '\e63d'
}
.icon-Radio:before {
content: '\e63e'
}
.icon-Pizza:before {
content: '\e63f'
}
.icon-Phone:before {
content: '\e640'
}
.icon-Notebook:before {
content: '\e641'
}
.icon-Mug:before {
content: '\e642'
}
.icon-Mastercard:before {
content: '\e643'
}
.icon-Ipod:before {
content: '\e644'
}
.icon-Info:before {
content: '\e645'
}
.icon-Icecream2:before {
content: '\e646'
}
.icon-Icecream1:before {
content: '\e647'
}
.icon-Hourglass:before {
content: '\e648'
}
.icon-Help:before {
content: '\e649'
}
.icon-Goto:before {
content: '\e64a'
}
.icon-Glasses:before {
content: '\e64b'
}
.icon-Gameboy:before {
content: '\e64c'
}
.icon-ForkandKnife:before {
content: '\e64d'
}
.icon-Export:before {
content: '\e64e'
}
.icon-Exit:before {
content: '\e64f'
}
.icon-Espresso:before {
content: '\e650'
}
.icon-Drop:before {
content: '\e651'
}
.icon-Download:before {
content: '\e652'
}
.icon-Dollars:before {
content: '\e653'
}
.icon-Dollar:before {
content: '\e654'
}
.icon-DesktopMonitor:before {
content: '\e655'
}
.icon-Corkscrew:before {
content: '\e656'
}
.icon-CoffeeToGo:before {
content: '\e657'
}
.icon-Chart:before {
content: '\e658'
}
.icon-ChartUp:before {
content: '\e659'
}
.icon-ChartDown:before {
content: '\e65a'
}
.icon-Calculator:before {
content: '\e65b'
}
.icon-Bread:before {
content: '\e65c'
}
.icon-Bourbon:before {
content: '\e65d'
}
.icon-BottleofWIne:before {
content: '\e65e'
}
.icon-Bag:before {
content: '\e65f'
}
.icon-Arrow:before {
content: '\e660'
}
.icon-Antenna2:before {
content: '\e661'
}
.icon-Antenna1:before {
content: '\e662'
}
.icon-Anchor:before {
content: '\e663'
}
.icon-Wheelbarrow:before {
content: '\e664'
}
.icon-Webcam:before {
content: '\e665'
}
.icon-Unlinked:before {
content: '\e666'
}
.icon-Truck:before {
content: '\e667'
}
.icon-Timer:before {
content: '\e668'
}
.icon-Time:before {
content: '\e669'
}
.icon-StorageBox:before {
content: '\e66a'
}
.icon-Star:before {
content: '\e66b'
}
.icon-ShoppingCart:before {
content: '\e66c'
}
.icon-Shield:before {
content: '\e66d'
}
.icon-Seringe:before {
content: '\e66e'
}
.icon-Pulse:before {
content: '\e66f'
}
.icon-Plaster:before {
content: '\e670'
}
.icon-Plaine:before {
content: '\e671'
}
.icon-Pill:before {
content: '\e672'
}
.icon-PicnicBasket:before {
content: '\e673'
}
.icon-Phone2:before {
content: '\e674'
}
.icon-Pencil:before {
content: '\e675'
}
.icon-Pen:before {
content: '\e676'
}
.icon-PaperClip:before {
content: '\e677'
}
.icon-On-Off:before {
content: '\e678'
}
.icon-Mouse:before {
content: '\e679'
}
.icon-Megaphone:before {
content: '\e67a'
}
.icon-Linked:before {
content: '\e67b'
}
.icon-Keyboard:before {
content: '\e67c'
}
.icon-House:before {
content: '\e67d'
}
.icon-Heart:before {
content: '\e67e'
}
.icon-Headset:before {
content: '\e67f'
}
.icon-FullShoppingCart:before {
content: '\e680'
}
.icon-FullScreen:before {
content: '\e681'
}
.icon-Folder:before {
content: '\e682'
}
.icon-Floppy:before {
content: '\e683'
}
.icon-Files:before {
content: '\e684'
}
.icon-File:before {
content: '\e685'
}
.icon-FileBox:before {
content: '\e686'
}
.icon-ExitFullScreen:before {
content: '\e687'
}
.icon-EmptyBox:before {
content: '\e688'
}
.icon-Delete:before {
content: '\e689'
}
.icon-Controller:before {
content: '\e68a'
}
.icon-Compass:before {
content: '\e68b'
}
.icon-CompassTool:before {
content: '\e68c'
}
.icon-ClipboardText:before {
content: '\e68d'
}
.icon-ClipboardChart:before {
content: '\e68e'
}
.icon-ChemicalGlass:before {
content: '\e68f'
}
.icon-CD:before {
content: '\e690'
}
.icon-Carioca:before {
content: '\e691'
}
.icon-Car:before {
content: '\e692'
}
.icon-Book:before {
content: '\e693'
}
.icon-BigTruck:before {
content: '\e694'
}
.icon-Bicycle:before {
content: '\e695'
}
.icon-Wrench:before {
content: '\e696'
}
.icon-Web:before {
content: '\e697'
}
.icon-Watch:before {
content: '\e698'
}
.icon-Volume:before {
content: '\e699'
}
.icon-Video:before {
content: '\e69a'
}
.icon-Users:before {
content: '\e69b'
}
.icon-User:before {
content: '\e69c'
}
.icon-UploadCLoud:before {
content: '\e69d'
}
.icon-Typing:before {
content: '\e69e'
}
.icon-Tools:before {
content: '\e69f'
}
.icon-Tag:before {
content: '\e6a0'
}
.icon-Speedometter:before {
content: '\e6a1'
}
.icon-Share:before {
content: '\e6a2'
}
.icon-Settings:before {
content: '\e6a3'
}
.icon-Search:before {
content: '\e6a4'
}
.icon-Screwdriver:before {
content: '\e6a5'
}
.icon-Rolodex:before {
content: '\e6a6'
}
.icon-Ringer:before {
content: '\e6a7'
}
.icon-Resume:before {
content: '\e6a8'
}
.icon-Restart:before {
content: '\e6a9'
}
.icon-PowerOff:before {
content: '\e6aa'
}
.icon-Pointer:before {
content: '\e6ab'
}
.icon-Picture:before {
content: '\e6ac'
}
.icon-OpenedLock:before {
content: '\e6ad'
}
.icon-Notes:before {
content: '\e6ae'
}
.icon-Mute:before {
content: '\e6af'
}
.icon-Movie:before {
content: '\e6b0'
}
.icon-Microphone2:before {
content: '\e6b1'
}
.icon-Message:before {
content: '\e6b2'
}
.icon-MessageRight:before {
content: '\e6b3'
}
.icon-MessageLeft:before {
content: '\e6b4'
}
.icon-Menu:before {
content: '\e6b5'
}
.icon-Media:before {
content: '\e6b6'
}
.icon-Mail:before {
content: '\e6b7'
}
.icon-List:before {
content: '\e6b8'
}
.icon-Layers:before {
content: '\e6b9'
}
.icon-Key:before {
content: '\e6ba'
}
.icon-Imbox:before {
content: '\e6bb'
}
.icon-Eye:before {
content: '\e6bc'
}
.icon-Edit:before {
content: '\e6bd'
}
.icon-DSLRCamera:before {
content: '\e6be'
}
.icon-DownloadCloud:before {
content: '\e6bf'
}
.icon-CompactCamera:before {
content: '\e6c0'
}
.icon-Cloud:before {
content: '\e6c1'
}
.icon-ClosedLock:before {
content: '\e6c2'
}
.icon-Chart2:before {
content: '\e6c3'
}
.icon-Bulb:before {
content: '\e6c4'
}
.icon-Briefcase:before {
content: '\e6c5'
}
.icon-Blog:before {
content: '\e6c6'
}
.icon-Agenda:before {
content: '\e6c7'
}
@media screen and (max-width: 1200px) {
.header-nav-wrapper nav {
margin-right: 10px
}
.header-nav-wrapper .logo {
width: 100%
}
}
@media screen and (max-width: 800px) {
.primary-nav-wrapper {
position: fixed;
z-index:9;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(255, 255, 255, 0);
bottom: auto;
}
.navicon {
visibility: visible
}
.header-nav-wrapper nav {
width: 100%;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: rgba(22, 22, 23, .8);
border-radius: 0px;
z-index: ;
margin-top: 66px;
}
.header-nav-wrapper nav ul {
display: block
}
.header-nav-wrapper nav ul li {
font-size: 20px;
display: block;
padding-top: 10px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 5px;
}
.secondary-nav-wrapper ul.secondary-nav li {
font-size: 30px
}
.header-nav-wrapper nav ul li a {
display: block;
color: #ffffff;
}
.header-nav-wrapper nav ul li a:before {
display: none
}
.secondary-nav-wrapper {
display: block;
padding: 0;
text-align: center;
background-color: transparent
}
.secondary-nav-wrapper ul {
display: block
}
.secondary-nav-wrapper li a:before {
display: none
}
.secondary-nav-wrapper ul li.subscribe a {
font-weight: 600;
display: block;
color: #fff
}
.secondary-nav-wrapper ul li.subscribe a:hover {
color: #7AE2DE
}
.secondary-nav-wrapper ul.secondary-nav li.subscribe {
display: block;
padding: 10px 0;
border-right: none
}
.secondary-nav-wrapper ul.secondary-nav li.search i {
display: none
}
.secondary-nav-wrapper ul.secondary-nav li.subscribe:after {
display: none
}
}
@media screen and (max-width: 991px) {
.collective .video-player {
margin: 25px 0 50px
}
.crew article.crew-member {
margin-bottom: 30px
}
.latest-articles article.standard-article {
margin-top: 20px
}
h4 {
margin-left: 0
}
.freebies .content-left {
margin-bottom: 20px;
padding-right: 0;
border-right: none
}
.freebies .content-right {
padding-left: 15px
}
footer .footer-nav ul.footer-primary-nav li {
margin-right: 40px
}
section.get-started h2 {
line-height: 42px;
margin: 0 0 20px
}
.latest-articles article {
margin-top: 10px
}
}
@media screen and (max-width: 768px) {
.stats .stats-container {
width: 210px;
margin: 0 auto 100px;
text-align: left;
border-right: none
}
.stats .stats-container:last-child {
margin-bottom: 0
}
.latest-articles .sort {
text-align: left
}
footer .footer-branding {
margin-bottom: 20px
}
footer .footer-nav {
padding-top: 20px;
border-top: solid 1px rgba(255, 255, 255, 0.15)
}
footer .footer-nav ul.footer-primary-nav {
display: block;
margin-bottom: 0
}
footer .footer-nav ul.footer-primary-nav li {
display: block;
margin: 0 0 20px;
padding: 15px 0;
border-bottom: dashed 1px rgba(255, 255, 255, 0.25)
}
footer ul li a {
display: block
}
footer .footer-nav ul.footer-share {
display: block;
float: none
}
footer ul.footer-secondary-nav {
margin-top: 40px
}
footer ul.footer-secondary-nav li a {
margin-top: 10px
}
footer .footer-nav ul.footer-share > li {
display: block;
margin: 0 0 20px;
padding: 15px 0;
border-bottom: dashed 1px rgba(255, 255, 255, 0.25)
}
.share-dropdown {
top: auto;
right: auto;
bottom: 120px;
left: 15px
}
.share-dropdown:after {
left: 20%
}
.flickity-page-dots {
line-height: 1;
position: absolute;
top: auto;
right: auto;
bottom: 25px;
left: 50%;
width: auto;
margin: 0;
padding: 0;
list-style: none;
transform: translateX(-50%);
text-align: center
}
.flickity-page-dots .dot {
display: inline-block;
width: 12px;
height: 12px;
margin: 0 4px;
opacity: 1;
border: 2px solid white;
background: transparent
}
div.mouse-container {
display: none
}
}
@media screen and (max-width: 640px) {
.video-js {
width: 100%
}
.collective .video-player {
width: 100%
}
header.hero {
height: 640px
}
.mouse-container {
display: none
}
.carousel-cell {
height: 720px
}
header.hero h1 {
font-size: 30px;
line-height: 30px
}
.has-padding {
padding-top: 0px;
padding-right: 0;
padding-left: 0;
padding-bottom: 0px
}
@media (max-width: 767px) {
.has-padding {
padding-top: 0px;
padding-right: 0;
padding-left: 0;
padding-bottom: 80px
}
}
.has-padding-tall {
padding: 80px 0
}
section.get-started h2 {
font-size: 24px;
line-height: 48px;
margin-right: 0;
margin-bottom: 30px
}
.latest-articles article.featured-article {
height: 310px;
max-height: 310px
}
.latest-articles article.standard-article {
height: 180px;
max-height: 180px
}
}
@media screen and (max-width: 480px) {
.header-nav-wrapper {
background-color: #efefef;
}
.header-nav-wrapper .logo {
width: 110px
}
.navicon {
padding: 52px 35px;
background-color: transparent;
z-index: 77777;
}
.header-nav-wrapper .logo {
border-bottom: none
}
.sort h5 {
display: block
}
.latest-articles select#inputArticle-Sort {
margin: 20px 0
}
}
.acd-check{
display: none;
}
.acd-label{
background: #bbbbbb;
font-size: 1.5em;
display: block;
height: 50px;
margin-bottom: 1px;
padding: 15px 0px 10px 20px;
position: relative;
border-radius: 20px;
font-weight: 300;
color: #fff;
font-family: 'ﾃδ｣ﾃ�凖｢竄ｬ邃｢ﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｮﾃδ｣ﾃ�凖�ｽﾃδ､ﾃつｸﾃつｸﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｴ ProN','Hiragino Maru Gothic ProN',sans-serif;
}
.acd-label:after{
background: #eb9090;
color: #fff;
box-sizing: border-box;
content: '\f067';
display: block;
font-family: "Font Awesome 5 Free";
height: 50px;
padding: 15px 20px;
position: absolute;
right: 0;
font-weight: 900;
top: 0px;
}
.acd-content{
display: block;
height: 0;
opacity: 0;
padding: 10px 10px 10px 10px;
transition: .5s;
visibility: hidden;
font-size: 15px;
}
.acd-check:checked + .acd-label:after{
content: '\f068';
}
.acd-check:checked + .acd-label + .acd-content{
height: auto;
opacity: 1;
padding: 10px;
visibility: visible;
}
@media (max-width: 767px) {
.acd-label{
background: #bbbbbb;
font-size: 1em;
line-height: 1.2em;
display: block;
height: 30px;
margin-bottom: 1px;
padding: 8px 0px 10px 10px;
position: relative;
border-radius: 20px;
font-weight: 500;
font-family: 'ﾃδ｣ﾃ�凖｢竄ｬ邃｢ﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｮﾃδ｣ﾃ�凖�ｽﾃδ､ﾃつｸﾃつｸﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｴ ProN','Hiragino Maru Gothic ProN',sans-serif;
}
}
@media (max-width: 767px) {
.acd-label:after{
background: #eb9090;
color: #fff;
box-sizing: border-box;
content: '\f067';
display: block;
font-family: "Font Awesome 5 Free";
height: 30px;
padding: 8px 10px;
position: absolute;
right: 0;
font-weight: 900;
top: 0px;
}
.acd-content{
display: block;
height: 0;
opacity: 0;
padding: 10px 10px 10px 10px;
transition: .5s;
visibility: hidden;
font-size: 15px;
}
.acd-check:checked + .acd-label:after{
content: '\f068';
}
.acd-check:checked + .acd-label + .acd-content{
height: auto;
opacity: 1;
padding: 5px 10px 10px 10px;
visibility: visible;
}
}
/*ﾃδ｣ﾃ�凖つ敕δ｣ﾃ�凖�凖δ｣ﾃ�凖｢竄ｬ窶敕δ｣ﾃ｢竄ｬﾅ｡ﾃつ｢ﾃδ｣ﾃ�凖�凖δ｣ﾃ�凖｢竄ｬ窶敕δ｣ﾃつ�｢竄ｬﾅ禿δ｣ﾃつ�｢竄ｬﾅ禿δ｣ﾃつ�｢竄ｬﾂｹﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬﾂｰ*/
.popup_wrap input {
display: none;
}
.popup_overlay {
display: flex;
justify-content: center;
overflow: auto;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
background: rgba(71, 71, 71, 0.69);
opacity: 0;
transition: opacity 0.5s, transform 0s 0.5s;
transform: scale(0);
padding:10px 10px 10px 10px;
}
.popup_trigger {
position: absolute;
width: 100%;
height: 100%;
}
.popup_content {
position: relative;
align-self: center;
width: 50%;
max-width: 1200px;
padding: 10px 35px 50px 35px;
box-sizing: border-box;
background: #fff;
line-height: 1.4em;
transition: 0.5s;
margin: auto;
border-radius: 0px
}
/* 767pxﾃδｯﾃつｼﾃ銀�iPadﾃδｯﾃつｼﾃ｢竄ｬﾂｰﾃδ､ﾃつｻﾃつ･ﾃδ､ﾃつｸﾃ｢竄ｬﾂｹ */
@media (max-width: 767px) {
.popup_content {
position: relative;
align-self: center;
width: 90%;
max-width: 1200px;
padding: 30px 20px 30px 20px;
box-sizing: border-box;
background: #fff;
line-height: 1.4em;
transition: 0.5s;
margin-top: 80px;
border-radius:0px
}
}
.close_btn {
position: absolute;
top: 14px;
right: 16px;
font-size: 30px;
cursor: pointer;
background-color:rgba(214, 214, 214, 0.87);
border-radius: 20px;
padding: 5px 5px 5px 5px;
}
.popup_wrap input:checked ~ .popup_overlay {
opacity: 1;
transform: scale(1);
transition: opacity 0.5s;
}
.open_btn {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 200px;
height: 30px;
margin:10px auto;
padding: 8px 16px;
color: #fff;
background:#0c0d62;
font-weight: bold;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
border-radius: 3px;
cursor: pointer;
transition: .3s ease;
}
.open_btn:hover{
background:#000;
color:#fff;
transition: .3s ease;
}
/*ﾃδ｣ﾃ�凖つ敕δ｣ﾃ�凖�凖δ｣ﾃ�凖｢竄ｬ窶敕δ｣ﾃ｢竄ｬﾅ｡ﾃつ｢ﾃδ｣ﾃ�凖�凖δ｣ﾃ�凖｢竄ｬ窶敕δ｣ﾃ｢竄ｬﾅ｡ﾃつｳﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｳﾃδ｣ﾃつ�つｾﾃδ｣ﾃつ�つｧ*/
.img-responsive{
padding:0 !important;
margin-left: auto;
margin-right: auto;
}
.img-responsive img{
max-width:600px;
height:auto;
}
@media (max-width: 767px) {
.img-responsive{
padding:0 !important;
margin-left: auto;
margin-right: auto;
}
.img-responsive img{
width:100%;
max-width:800px;
height:auto;
}
}
.img-responsive2{
padding:0 !important;
}
.img-responsive2 img{
width:100%;
max-width:200px;
height:auto;
}
.grid-container {
padding: 30px;
/*
ﾃδ･ﾃつｮﾃ�ｸﾃδｨﾃつｳﾃつｪﾃδ｣ﾃ｢窶堋ｬﾃつ�δ､ﾃつｻﾃつ･ﾃδ､ﾃつｸﾃ｢竄ｬﾂｹﾃδ｣ﾃつ�つｮ3ﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ､ﾃδ｣ﾃ�凖つｳﾃδ｣ﾃつ�つｮﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｳﾃδ｣ﾃ�凖つｼﾃδ｣ﾃ�凖｢竄ｬﾂｰﾃδ｣ﾃつ�つｮﾃδ｣ﾃつ�つｿﾃδ｣ﾃつ�つｧﾃδ｣ﾃ�凖つｬﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｹﾃδ｣ﾃ�凖つ敕δ｣ﾃ�凖つｳﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｷﾃδ｣ﾃ�凖｢竄ｬ窶愿δ｣ﾃつ�つｪﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｮﾃδ｣ﾃ�凖つ｣ﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ�凖つｪﾃδ｣ﾃ�凖つｼﾃδ｣ﾃつ��凖δ･ﾃつｮﾃ�ｸﾃδｨﾃつ｣ﾃ｢竄ｬﾂｦﾃδ｣ﾃつ�つｧﾃδ｣ﾃつ�つ催δ｣ﾃつ�つｾﾃδ｣ﾃつ�｢窶楪｢ */
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-gap: 50px;
background-color: #f1f1f1;
border-radius: 15px;
}
.sponser {/*ﾃδｨﾃつｦﾃつｪdiv*/
position: relative;/*ﾃδｧﾃ｢竄ｬﾂｺﾃつｸﾃδ･ﾃつｯﾃつｾﾃδｩﾃ｢竄ｬﾂｦﾃつ催δｧﾃつｽﾃつｮ*/
}
.sponser p {
position: absolute;/*ﾃδｧﾃつｵﾃつｶﾃδ･ﾃつｯﾃつｾﾃδｩﾃ｢竄ｬﾂｦﾃつ催δｧﾃつｽﾃつｮ*/
color: white;/*ﾃδｦﾃ｢竄ｬ窶愿｢竄ｬﾂ｡ﾃδ･ﾃつｭﾃ｢竄ｬ窶敕δ｣ﾃつ�つｯﾃδｧﾃ｢窶楪｢ﾃつｽﾃδ｣ﾃつ�つｫ*/
background-color: #26b1a2;
border-radius: 20px;
font-size: 10px;
padding: 2px 10px 0px 10px;
bottom: 0;
margin: 10px 10px 10px 5px
}
.sponser img {
width: 100%;
border-radius: 10px
}
/*ﾃδｨﾃつｨﾃ暁禿δ､ﾃつｺﾃ｢竄ｬﾂｹ ﾃδ･ﾃつｯﾃつｾﾃδｨﾃつｫﾃ｢竄ｬﾂ｡ﾃδｩﾃつ｢ﾃつｨ*/
/* ﾃδ･ﾃ｢竄ｬﾂｦﾃつｨﾃδ､ﾃつｽﾃ｢竄ｬﾅ� */
.sb-box {
position: relative;
overflow: hidden;
margin: 15px 0px 0px 0px;
}
/* ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ､ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｳﾃδ｣ﾃ�凖つｳﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ� */
.icon-img {
position: absolute;
overflow: hidden;
top: 0; /* ﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ湘δ｣ﾃつ�つｮﾃδ､ﾃつｽﾃつ催δｧﾃつｽﾃつｮﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδ､ﾃつｸﾃ��ﾃδ｣ﾃつ�｢竄ｬﾂｹﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬﾂｰ0ﾃδ｣ﾃつ�つｫ */
width: 180px; /* ﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ湘δ｣ﾃつ�つｮﾃδ･ﾃつｹﾃ｢竄ｬﾂｦ */
height: 180px; /* ﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ湘δ｣ﾃつ�つｮﾃδｩﾃつｫﾃ暁禿δ｣ﾃつ�｢竄ｬﾂ｢ */
padding: 15px 15px 15px 15px;
}
/* ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ､ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｳﾃδ｣ﾃ�凖つｳﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ湘δｯﾃつｼﾃ銀�ﾃδ･ﾃつｷﾃつｦﾃδｯﾃつｼﾃ｢竄ｬﾂｰ */
.icon-img-left {
left: 0; /* ﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ湘δ｣ﾃつ�つｮﾃδ､ﾃつｽﾃつ催δｧﾃつｽﾃつｮﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδ･ﾃつｷﾃつｦﾃδ｣ﾃつ�｢竄ｬﾂｹﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬﾂｰ0ﾃδ｣ﾃつ�つｫ */
}
/* ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ､ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｳﾃδ｣ﾃ�凖つｳﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ湘δｯﾃつｼﾃ銀�ﾃδ･ﾃつ湘つｳﾃδｯﾃつｼﾃ｢竄ｬﾂｰ */
.icon-img-right {
right: 0; /* ﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ湘δ｣ﾃつ�つｮﾃδ､ﾃつｽﾃつ催δｧﾃつｽﾃつｮﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδ･ﾃつ湘つｳﾃδ｣ﾃつ�｢竄ｬﾂｹﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬﾂｰ0ﾃδ｣ﾃつ�つｫ */
}
/* ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ､ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｳﾃδ｣ﾃ�凖つｳﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ� */
.icon-img img {
border-radius: 50%; /* ﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ湘δ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδ､ﾃつｸﾃつｸﾃδ｣ﾃつ�つ湘δｨﾃつ｡ﾃつｨﾃδｧﾃつ､ﾃつｺﾃδ｣ﾃつ�｢窶楪｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬﾂｹ */
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
}
/* ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ､ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｳﾃδ｣ﾃ�凖つｳﾃδ｣ﾃ�凖つ催δ｣ﾃ�凖つｼﾃδ｣ﾃ�凖つ� */
.icon-name {
position: absolute;
width: 180px; /* ﾃδ｣ﾃ�凖つ催δ｣ﾃ�凖つｼﾃδ｣ﾃ�凖つ�ﾃδ｣ﾃつ�つｮﾃδｦﾃ�愿｢窶堋ｬﾃδ･ﾃつ､ﾃつｧﾃδ･ﾃつｹﾃ｢竄ｬﾂｦﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ湘δ｣ﾃつ�つｨﾃδ･ﾃつ静�凖δ｣ﾃつ�暁禿δ｣ﾃつ�つｫ */
text-align: center; /* ﾃδ｣ﾃ�凖つ催δ｣ﾃ�凖つｼﾃδ｣ﾃ�凖つ�ﾃδ｣ﾃつ�つｮﾃδ､ﾃつｽﾃつ催δｧﾃつｽﾃつｮﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｻﾃδ｣ﾃ�凖つｳﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｿﾃδ｣ﾃ�凖つｼﾃδ｣ﾃつ�つｫ */
top: 183px; /* ﾃδ｣ﾃ�凖つ催δ｣ﾃ�凖つｼﾃδ｣ﾃ�凖つ�ﾃδ｣ﾃつ�つｮﾃδ､ﾃつｽﾃつ催δｧﾃつｽﾃつｮﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδ､ﾃつｸﾃ��ﾃδ｣ﾃつ�｢竄ｬﾂｹﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬﾂｰ83ﾃδ｣ﾃつ�つｫ */
color: #777; /* ﾃδ｣ﾃ�凖つ催δ｣ﾃ�凖つｼﾃδ｣ﾃ�凖つ�ﾃδ｣ﾃつ�つｮﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｫﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ�凖つｼ */
font-size: 13px; /* ﾃδ｣ﾃ�凖つ催δ｣ﾃ�凖つｼﾃδ｣ﾃ�凖つ�ﾃδ｣ﾃつ�つｮﾃδ｣ﾃ�凖｢竄ｬﾂ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｩﾃδ｣ﾃ�凖つｳﾃδ｣ﾃ�凖銀�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｵﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ､ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｺ */
}
/* ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ､ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｳﾃδ｣ﾃ�凖つｳﾃδ｣ﾃ�凖つ催δ｣ﾃ�凖つｼﾃδ｣ﾃ�凖つ�ﾃδｯﾃつｼﾃ銀�ﾃδ･ﾃつｷﾃつｦﾃδｯﾃつｼﾃ｢竄ｬﾂｰ */
.icon-name-left {
left: 0;
text-align: center;
color: #fff;
line-height: 15px;
}
/* ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ､ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｳﾃδ｣ﾃ�凖つｳﾃδ｣ﾃ�凖つ催δ｣ﾃ�凖つｼﾃδ｣ﾃ�凖つ�ﾃδｯﾃつｼﾃ銀�ﾃδ･ﾃつ湘つｳﾃδｯﾃつｼﾃ｢竄ｬﾂｰ */
.icon-name-right {
right: 0;
text-align: center;
color: #fff;
line-height: 15px;
}
/* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶� */
.sb-side {
position: relative;
float: left;
margin: 0 200px 40px 200px; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ｣ﾃつ�つｮﾃδ､ﾃつｸﾃ��ﾃδ､ﾃつｸﾃ｢竄ｬﾂｹﾃδ･ﾃつｷﾃつｦﾃδ･ﾃつ湘つｳﾃδ｣ﾃつ�つｮﾃδ､ﾃつｽﾃ｢窶楪｢ﾃδｧﾃ｢窶楪｢ﾃつｽ */
}
.sb-side-right {
float: right;
}
/* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ･ﾃ｢竄ｬﾂ�ﾃ｢竄ｬﾂｦﾃδ｣ﾃつ�つｮﾃδ｣ﾃ�凖｢竄ｬﾂ�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｭﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｹﾃδ｣ﾃ�凖銀� */
.sb-txt {
position: relative;
border: 2px solid #eee; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ｣ﾃつ�つｮﾃδｧﾃつｸﾃつ�δ･ﾃつ湘｢竄ｬ窶愿δ｣ﾃ｢竄ｬﾅ｡ﾃ��ﾃδ｣ﾃつ�つｮﾃδ･ﾃつ､ﾃつｪﾃδ｣ﾃつ�｢竄ｬﾂ｢ﾃδ｣ﾃつ�つｨﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｫﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ�凖つｼ */
border-radius: 6px; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδｨﾃつｧﾃ｢竄ｬ邃｢ﾃδ､ﾃつｸﾃつｸﾃδ｣ﾃつ�つｫ */
background: #fff; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ｣ﾃつ�つｮﾃδｨﾃ�凖�凖δｦﾃ｢窶楪｢ﾃつｯﾃδｨﾃ｢竄ｬﾂｰﾃつｲ */
color: #333; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ･ﾃ｢竄ｬﾂ�ﾃ｢竄ｬﾂｦﾃδ｣ﾃつ�つｮﾃδ｣ﾃ�凖｢竄ｬﾂ�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｭﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｹﾃδ｣ﾃ�凖銀�ﾃδ｣ﾃつ�つｮﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｫﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ�凖つｼ */
font-size: 15px; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ･ﾃ｢竄ｬﾂ�ﾃ｢竄ｬﾂｦﾃδ｣ﾃつ�つｮﾃδ｣ﾃ�凖｢竄ｬﾂ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｩﾃδ｣ﾃ�凖つｳﾃδ｣ﾃ�凖銀�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｵﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ､ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｺ */
line-height: 15px; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ･ﾃ｢竄ｬﾂ�ﾃ｢竄ｬﾂｦﾃδ｣ﾃつ�つｮﾃδ｣ﾃ�凖｢竄ｬﾂ�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｭﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｹﾃδ｣ﾃ�凖銀�ﾃδ｣ﾃつ���2ﾃδｨﾃつ｡ﾃ�凖δ､ﾃつｻﾃつ･ﾃδ､ﾃつｸﾃ��ﾃδ｣ﾃつ�つｫﾃδ｣ﾃつ�つｪﾃδ｣ﾃつ�つ｣ﾃδ｣ﾃつ��ｸﾃδｦﾃ｢窶楪｢ﾃ｢竄ｬﾅ｡ﾃδ｣ﾃつ�つｮﾃδｨﾃつ｡ﾃ�凖δｩﾃ｢竄ｬ窶愿｢竄ｬﾅ� */
padding: 18px; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ･ﾃ｢竄ｬﾂ�ﾃ｢竄ｬﾂｦﾃδ｣ﾃつ�つｮﾃδ､ﾃつｸﾃ��ﾃδ､ﾃつｸﾃ｢竄ｬﾂｹﾃδ･ﾃつｷﾃつｦﾃδ･ﾃつ湘つｳﾃδ｣ﾃつ�つｮﾃδ､ﾃつｽﾃ｢窶楪｢ﾃδｧﾃ｢窶楪｢ﾃつｽ */
}
.sb-txt > p:last-of-type {
padding-bottom: 0; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ･ﾃ｢竄ｬﾂ�ﾃ｢竄ｬﾂｦﾃδ｣ﾃつ�つｮﾃδ｣ﾃ�凖｢竄ｬﾂ�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｭﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｹﾃδ｣ﾃ�凖銀�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδｦﾃ｢竄ｬﾂ敕つｹﾃδｨﾃつ｡ﾃ�凖δ｣ﾃつ�｢竄ｬ窶敕δ｣ﾃつ��ｸﾃδ･ﾃつ�ﾃつｴﾃδ･ﾃつ静銀�ﾃδ｣ﾃ｢窶堋ｬﾃつ�δｦﾃ�愿｢窶堋ｬﾃδ･ﾃつｾﾃ�凖δ｣ﾃつ�つｮpﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｿﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｰﾃδ｣ﾃつ�つｫpadding-bottomﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδ｣ﾃつ�つ､ﾃδ｣ﾃつ�｢竄ｬﾋ愿δ｣ﾃつ�つｪﾃδ｣ﾃつ�｢竄ｬﾅｾ */
margin-bottom: 0; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ･ﾃ｢竄ｬﾂ�ﾃ｢竄ｬﾂｦﾃδ｣ﾃつ�つｮﾃδ｣ﾃ�凖｢竄ｬﾂ�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｭﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｹﾃδ｣ﾃ�凖銀�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδｦﾃ｢竄ｬﾂ敕つｹﾃδｨﾃつ｡ﾃ�凖δ｣ﾃつ�｢竄ｬ窶敕δ｣ﾃつ��ｸﾃδ･ﾃつ�ﾃつｴﾃδ･ﾃつ静銀�ﾃδ｣ﾃ｢窶堋ｬﾃつ�δｦﾃ�愿｢窶堋ｬﾃδ･ﾃつｾﾃ�凖δ｣ﾃつ�つｮpﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｿﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｰﾃδ｣ﾃつ�つｫmargin-bottomﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδ｣ﾃつ�つ､ﾃδ｣ﾃつ�｢竄ｬﾋ愿δ｣ﾃつ�つｪﾃδ｣ﾃつ�｢竄ｬﾅｾ */
font-size: 12px;
line-height: 18px;
}
.sb-txt > h3:last-of-type {
padding-bottom: 0; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ･ﾃ｢竄ｬﾂ�ﾃ｢竄ｬﾂｦﾃδ｣ﾃつ�つｮﾃδ｣ﾃ�凖｢竄ｬﾂ�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｭﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｹﾃδ｣ﾃ�凖銀�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδｦﾃ｢竄ｬﾂ敕つｹﾃδｨﾃつ｡ﾃ�凖δ｣ﾃつ�｢竄ｬ窶敕δ｣ﾃつ��ｸﾃδ･ﾃつ�ﾃつｴﾃδ･ﾃつ静銀�ﾃδ｣ﾃ｢窶堋ｬﾃつ�δｦﾃ�愿｢窶堋ｬﾃδ･ﾃつｾﾃ�凖δ｣ﾃつ�つｮpﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｿﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｰﾃδ｣ﾃつ�つｫpadding-bottomﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδ｣ﾃつ�つ､ﾃδ｣ﾃつ�｢竄ｬﾋ愿δ｣ﾃつ�つｪﾃδ｣ﾃつ�｢竄ｬﾅｾ */
margin-bottom: 0; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ･ﾃ｢竄ｬﾂ�ﾃ｢竄ｬﾂｦﾃδ｣ﾃつ�つｮﾃδ｣ﾃ�凖｢竄ｬﾂ�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｭﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｹﾃδ｣ﾃ�凖銀�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδｦﾃ｢竄ｬﾂ敕つｹﾃδｨﾃつ｡ﾃ�凖δ｣ﾃつ�｢竄ｬ窶敕δ｣ﾃつ��ｸﾃδ･ﾃつ�ﾃつｴﾃδ･ﾃつ静銀�ﾃδ｣ﾃ｢窶堋ｬﾃつ�δｦﾃ�愿｢窶堋ｬﾃδ･ﾃつｾﾃ�凖δ｣ﾃつ�つｮpﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｿﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｰﾃδ｣ﾃつ�つｫmargin-bottomﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδ｣ﾃつ�つ､ﾃδ｣ﾃつ�｢竄ｬﾋ愿δ｣ﾃつ�つｪﾃδ｣ﾃつ�｢竄ｬﾅｾ */
font-size: 18px;
text-align: left;
margin: 0px 0px 5px 0px;
}
.vision_midashi {
padding-bottom: 0;
margin-bottom: 0;
font-size: 18px;
text-align: left;
margin: 0px 0px 5px 0px;
font-weight: 700;
color: #414A52;
}
/* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ｣ﾃつ�つｮﾃδ､ﾃつｸﾃ｢竄ｬﾂｰﾃδｨﾃつｧﾃ｢竄ｬ邃｢ */
.sb-txt:before {
content: "";
position: absolute;
border-style: solid;
top: 16px; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ･ﾃ｢竄ｬﾂ�ﾃ｢竄ｬﾂｦﾃδ｣ﾃつ�つｮﾃδ､ﾃつｸﾃ｢竄ｬﾂｰﾃδｨﾃつｧﾃ｢竄ｬ邃｢ﾃδ｣ﾃつ�つｮﾃδ､ﾃつｽﾃつ催δｧﾃつｽﾃつｮ */
z-index: 3;
}
.sb-txt:after {
content: "";
position: absolute;
border-style: solid;
top: 15px; /* beforeﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ銀�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ��-1px */
z-index: 2; /* beforeﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ銀�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ��-1 */
}
/* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ｣ﾃつ�つｮﾃδ､ﾃつｸﾃ｢竄ｬﾂｰﾃδｨﾃつｧﾃ｢竄ｬ邃｢ﾃδｯﾃつｼﾃ銀�ﾃδ･ﾃつｷﾃつｦﾃδｯﾃつｼﾃ｢竄ｬﾂｰ */
.sb-txt-left:before {
left: -7px;
border-width: 7px 10px 7px 0;
border-color: transparent #fff transparent transparent; /* ﾃδｨﾃ�凖�凖δｦﾃ｢窶楪｢ﾃつｯﾃδｨﾃ｢竄ｬﾂｰﾃつｲﾃδ｣ﾃつ�つｨﾃδ･ﾃつ静�凖δ｣ﾃつ�暁禿δ｣ﾃ｢竄ｬﾅ｡ﾃつｫﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ�凖つｼﾃδ｣ﾃつ�つｫ */
}
.sb-txt-left:after {
left: -10px; /* beforeﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ銀�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ��-3px */
border-width: 8px 10px 8px 0; /* beforeﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ銀�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ��ﾃδ､ﾃつｸﾃ��ﾃδ､ﾃつｸﾃ｢竄ｬﾂｹ+1px */
border-color: transparent #eee transparent transparent; /* ﾃδｧﾃつｸﾃつ�δ･ﾃつ湘｢竄ｬ窶愿δ｣ﾃ｢竄ｬﾅ｡ﾃ��ﾃδ｣ﾃつ�つｨﾃδ･ﾃつ静�凖δ｣ﾃつ�暁禿δ｣ﾃ｢竄ｬﾅ｡ﾃつｫﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ�凖つｼﾃδ｣ﾃつ�つｫ */
}
/* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ｣ﾃつ�つｮﾃδ､ﾃつｸﾃ｢竄ｬﾂｰﾃδｨﾃつｧﾃ｢竄ｬ邃｢ﾃδｯﾃつｼﾃ銀�ﾃδ･ﾃつ湘つｳﾃδｯﾃつｼﾃ｢竄ｬﾂｰ */
.sb-txt-right:before {
right: -7px;
border-width: 7px 0 7px 10px;
border-color: transparent transparent transparent #fff; /* ﾃδｨﾃ�凖�凖δｦﾃ｢窶楪｢ﾃつｯﾃδｨﾃ｢竄ｬﾂｰﾃつｲﾃδ｣ﾃつ�つｨﾃδ･ﾃつ静�凖δ｣ﾃつ�暁禿δ｣ﾃ｢竄ｬﾅ｡ﾃつｫﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ�凖つｼﾃδ｣ﾃつ�つｫ */
}
.sb-txt-right:after {
right: -10px; /* beforeﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ銀�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ��-3px */
border-width: 8px 0 8px 10px; /* beforeﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ銀�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ��ﾃδ､ﾃつｸﾃ��ﾃδ､ﾃつｸﾃ｢竄ｬﾂｹ+1px */
border-color: transparent transparent transparent #eee; /* ﾃδｧﾃつｸﾃつ�δ･ﾃつ湘｢竄ｬ窶愿δ｣ﾃ｢竄ｬﾅ｡ﾃ��ﾃδ｣ﾃつ�つｨﾃδ･ﾃつ静�凖δ｣ﾃつ�暁禿δ｣ﾃ｢竄ｬﾅ｡ﾃつｫﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ�凖つｼﾃδ｣ﾃつ�つｫ */
}
/* 767pxﾃδｯﾃつｼﾃ銀�iPadﾃδｯﾃつｼﾃ｢竄ｬﾂｰﾃδ､ﾃつｻﾃつ･ﾃδ､ﾃつｸﾃ｢竄ｬﾂｹ */
@media (max-width: 767px) {
/* ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ､ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｳﾃδ｣ﾃ�凖つｳﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ� */
.icon-img {
width: 100px; /* ﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ湘δ｣ﾃつ�つｮﾃδ･ﾃつｹﾃ｢竄ｬﾂｦﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢-20px */
height: 100px; /* ﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ湘δ｣ﾃつ�つｮﾃδｩﾃつｫﾃ暁禿δ｣ﾃつ�｢竄ｬﾂ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢-20px */
z-index: 4;
margin: -8px 0px 0px -4px;
}
/* ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ､ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｳﾃδ｣ﾃ�凖つｳﾃδ｣ﾃ�凖つ催δ｣ﾃ�凖つｼﾃδ｣ﾃ�凖つ� */
.icon-name {
width: 90px; /* ﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ湘δ｣ﾃつ�つｮﾃδ･ﾃつｹﾃ｢竄ｬﾂｦﾃδ｣ﾃつ�つｫﾃδ･ﾃつ静銀�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ湘δ｣ﾃつ�｢竄ｬﾂｺﾃδ｣ﾃつ�つｦ-20px */
top: 85px; /* ﾃδ｣ﾃ�凖つ催δ｣ﾃ�凖つｼﾃδ｣ﾃ�凖つ�ﾃδ｣ﾃつ�つｮﾃδ､ﾃつｽﾃつ催δｧﾃつｽﾃつｮﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδ､ﾃつｸﾃ��ﾃδ｣ﾃつ�｢竄ｬﾂｹﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬﾂｰ62ﾃδ｣ﾃつ�つｫ */
margin: 0px 4px 0px 0px;
font-size: 12px;
z-index: 5;
*/
}
/* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δｯﾃつｼﾃ銀�ﾃδ･ﾃつｷﾃつｦﾃδｯﾃつｼﾃ｢竄ｬﾂｰ */
.sb-side-left {
margin: 0 0 30px 70px; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δｯﾃつｼﾃ銀�ﾃδ･ﾃつｷﾃつｦﾃδｯﾃつｼﾃ｢竄ｬﾂｰﾃδ｣ﾃつ�つｮﾃδ､ﾃつｸﾃ��ﾃδ､ﾃつｸﾃ｢竄ｬﾂｹﾃδ･ﾃつｷﾃつｦﾃδ･ﾃつ湘つｳﾃδ｣ﾃつ�つｮﾃδ､ﾃつｽﾃ｢窶楪｢ﾃδｧﾃ｢窶楪｢ﾃつｽﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδｧﾃ｢竄ｬﾂｹﾃつｭﾃδ｣ﾃつ�つ� */
}
/* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δｯﾃつｼﾃ銀�ﾃδ･ﾃつ湘つｳﾃδｯﾃつｼﾃ｢竄ｬﾂｰ */
.sb-side-right {
margin: 0 70px 30px 0; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δｯﾃつｼﾃ銀�ﾃδ･ﾃつ湘つｳﾃδｯﾃつｼﾃ｢竄ｬﾂｰﾃδ｣ﾃつ�つｮﾃδ､ﾃつｸﾃ��ﾃδ､ﾃつｸﾃ｢竄ｬﾂｹﾃδ･ﾃつｷﾃつｦﾃδ･ﾃつ湘つｳﾃδ｣ﾃつ�つｮﾃδ､ﾃつｽﾃ｢窶楪｢ﾃδｧﾃ｢窶楪｢ﾃつｽﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢ﾃδｧﾃ｢竄ｬﾂｹﾃつｭﾃδ｣ﾃつ�つ� */
}
/* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ･ﾃ｢竄ｬﾂ�ﾃ｢竄ｬﾂｦﾃδ｣ﾃつ�つｮﾃδ｣ﾃ�凖｢竄ｬﾂ�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｭﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｹﾃδ｣ﾃ�凖銀� */
.sb-txt {
padding: 12px; /* ﾃδ･ﾃつ静つｹﾃδ｣ﾃつ�つ催δ･ﾃ｢竄ｬﾂ｡ﾃつｺﾃδ｣ﾃつ�｢竄ｬ窶敕δ･ﾃ｢竄ｬﾂ�ﾃ｢竄ｬﾂｦﾃδ｣ﾃつ�つｮﾃδ､ﾃつｸﾃ��ﾃδ､ﾃつｸﾃ｢竄ｬﾂｹﾃδ･ﾃつｷﾃつｦﾃδ･ﾃつ湘つｳﾃδ｣ﾃつ�つｮﾃδ､ﾃつｽﾃ｢窶楪｢ﾃδｧﾃ｢窶楪｢ﾃつｽﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬ邃｢-6px */
}
}
.midashi_01{
font-size: 15px;/* ﾃδ｣ﾃ�凖｢竄ｬﾂ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｩﾃδ｣ﾃ�凖つｳﾃδ｣ﾃ�凖銀�ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｵﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつ､ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｺ */
width: 80%;
padding: 5px 10px 5px 10px;
background-color: #54c3f1;/* ﾃδｨﾃ�凖�凖δｦﾃ｢窶楪｢ﾃつｯﾃδｨﾃ｢竄ｬﾂｰﾃつｲ */
color: #ffffff;/* ﾃδ｣ﾃ�凖｢竄ｬﾂ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｩﾃδ｣ﾃ�凖つｳﾃδ｣ﾃ�凖銀�ﾃδｨﾃ｢竄ｬﾂｰﾃつｲ */
border-radius: 20px;
margin-left: auto;
margin-right: auto;
font-weight: 700;
}
.midashi_02{
font-size: 10px;
font-weight: bold;
width: 300px;
padding: 2px 5px 2px 5px;
background-color: #54c3f1;
color: #ffffff;
border-radius: 20px;
text-align: center;
margin: 0px 1px 0px 1px;
}
.midashi_03{
font-size: 13px;
font-weight: 600;
padding: 2px 5px 2px 5px;
background-color: #ffb81d;
color: #ffffff;
border-radius: 10px;
text-align: center;
margin: 0px 1px 0px 1px;
}
.midashi_04{
font-size: 13px;
font-weight: 600;
padding: 5px 5px 5px 5px;
background-color: #54c3f1;
color: #ffffff;
border-radius: 10px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
a.cp_btn {
position: relative;
display: table;
font-size: 20px;
padding: 0.8em;
text-align: center;
text-decoration: none;
color: #fff;
background: #54c3f1;
border:solid 1px #fff;
overflow: hidden;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
}
a.cp_btn:before {
content:"";
position: absolute;
top: -50px;
left: -80px;
height:300px;
width:20px;
background : #fff;
opacity: 0.3;
transform: rotate(40deg);
transition: 0.3s;
}
a.cp_btn:hover:before {
left:98%;
}
/* ﾃδ｣ﾃ�凖｢竄ｬﾋ愿δ｣ﾃ｢竄ｬﾅ｡ﾃつｽﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｳﾃδ｣ﾃ�凖つｳﾃδ｣ﾃつ�つｧﾃδｨﾃつｦﾃ｢竄ｬﾂｹﾃδ｣ﾃつ��ｸﾃδ｣ﾃつ�つｨﾃδ｣ﾃつ�つ催δ｣ﾃつ�つｯ"pc"ﾃδ｣ﾃつ�つｮclassﾃδ｣ﾃつ��凖δ｣ﾃつ�つ､ﾃδ｣ﾃつ�｢竄ｬﾅｾﾃδ｣ﾃつ��ｸﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ湘δ｣ﾃつ��凖δｨﾃつ｡ﾃつｨﾃδｧﾃつ､ﾃつｺﾃδ｣ﾃつ�｢竄ｬﾂ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ�凖δ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬﾂｹ */
.pc { display: block !important; }
.sp { display: none !important; }
/* ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｹﾃδ｣ﾃ�凖�ｾﾃδ｣ﾃ�凖つｼﾃδ｣ﾃ�凖銀�ﾃδ｣ﾃ�凖｢竄ｬﾂ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｩﾃδ｣ﾃ�凖つｳﾃδ｣ﾃつ�つｧﾃδｨﾃつｦﾃ｢竄ｬﾂｹﾃδ｣ﾃつ��ｸﾃδ｣ﾃつ�つｨﾃδ｣ﾃつ�つ催δ｣ﾃつ�つｯ"sp"ﾃδ｣ﾃつ�つｮclassﾃδ｣ﾃつ��凖δ｣ﾃつ�つ､ﾃδ｣ﾃつ�｢竄ｬﾅｾﾃδ｣ﾃつ��ｸﾃδｧﾃ｢竄ｬﾂ敕つｻﾃδ･ﾃ�凖つ湘δ｣ﾃつ��凖δｨﾃつ｡ﾃつｨﾃδｧﾃつ､ﾃつｺﾃδ｣ﾃつ�｢竄ｬﾂ｢ﾃδ｣ﾃ｢竄ｬﾅ｡ﾃ�凖δ｣ﾃ｢竄ｬﾅ｡ﾃ｢竄ｬﾂｹ */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
.table_service{
width: 90%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
margin-left: auto;
margin-right: auto;
}
.table_service th{
width:20%;
padding:10px;
text-align: center;
vertical-align: middle;
color: #444;
background-color: #f2f2f2;
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
}
.table_service td{
width:75%;
padding:10px;
background-color: #fafafa;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.table_about{
width: 75%;
border-collapse: separate;
margin-left: auto;
margin-right: auto;
}
.table_about th{
width:auto;
padding:10px;
text-align: left;
vertical-align: top;
color: #444;
}
.table_about td{
width:80%;
padding:10px;
vertical-align: top;
}
.table_about h3{
font-size: 20px;
text-align: left;
}
.table_about h4{
font-size: 15px;
text-align: left;
line-height:1.7em;
}
.table_about img{
vertical-align: middle;
border-radius: 15px;
}
/* 767pxﾃδｯﾃつｼﾃ銀�iPadﾃδｯﾃつｼﾃ｢竄ｬﾂｰﾃδ､ﾃつｻﾃつ･ﾃδ､ﾃつｸﾃ｢竄ｬﾂｹ */
@media (max-width: 767px) {
.table_about{
width: 100%;
border-collapse: separate;
margin-left: auto;
margin-right: auto;
}
.table_about th{
width:auto;
padding:10px;
text-align: left;
vertical-align: top;
color: #444;
}
.table_about td{
width:70%;
padding:10px 0px 10px 5px;
vertical-align: top;
}
.table_about h3{
font-size: 20px;
text-align: left;
}
.table_about img{
height: auto;
vertical-align: middle;
border-radius: 15px;
margin: 5px;
}
}
.balloon1{
width: 80%;
height: auto;
vertical-align: middle;
display: inline-block;
padding: 5px 5px 5px 5px;
font-size: 13px;
background: #54c3f1;
border-radius: 10px;
color: #ffff;
font-weight: 600;
line-height:1.2em;
margin: 15px 5px 0px 5px;
box-shadow: 0 0 8px gray;
position:relative;
}
.balloon1:after{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
border-color: rgba(0, 153, 255, 0);
border-top-width:10px;
border-bottom-width:10px;
border-left-width:10px;
border-right-width:10px;
border-top-color:#6b6b6b;
top:100%;
left:48%;
z-index: 88888;
}
@media (max-width: 767px) {
.balloon1{
width: 100%;
height: auto;
vertical-align: middle;
display: inline-block;
padding: 5px 5px 5px 5px;
font-size: 13px;
background: #54c3f1;
border-radius: 10px;
color: #ffff;
font-weight: 600;
line-height:1.2em;
margin: 15px 5px 0px 5px;
box-shadow: 0 0 8px gray;
position:relative;
}
.balloon1:after{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
border-color: rgba(0, 153, 255, 0);
border-top-width:10px;
border-bottom-width:10px;
border-left-width:10px;
border-right-width:10px;
border-top-color:#6b6b6b;
top:100%;
left:48%;
z-index: 88888;
}
}
.voice_name {
position: relative;
display: inline-block;
padding: 5px 0px 5px 0px;
min-width: auto;
font-size: 13px;
color: #414A52;
font-weight: 700;
line-height:1.2em;
}
@media (max-width: 767px) {
.voice_name {
position: relative;
display: inline-block;
padding: 5px 0px 5px 0px;
width: 100%;
font-size: 12px;
color: #414A52;
font-weight: 600;
line-height:1.2em;
margin: 0px 1px 1px 0px;
}
}
.voice_name_sm {
position: relative;
display: inline-block;
padding: 0px 0px 0px 0px;
min-width: auto;
font-size: 10px;
color: #414A52;
font-weight: 500;
line-height:1.2m;
margin: 0px 0px 0px 0px;
}
@media (max-width: 767px) {
.voice_name_sm {
position: relative;
display: inline-block;
padding: 0px 0px 0px 0px;
min-width: auto;
font-size: 10px;
color: #414A52;
font-weight: 500;
line-height:12px;
margin: 0px 0px 0px 0px;
}
}
.voice_art {
position: relative;
display: inline-block;
padding: 5px 10px 5px 10px;
min-width: auto;
font-size: 13px;
background: #f16262;
border-radius: 15px;
color: #ffff;
font-weight: 700;
line-height:1.2em;
margin: -5px 5px 5px 5px;
}
@media (max-width: 767px) {
.voice_art {
position: relative;
display: inline-block;
padding: 5px 5px 5px 5px;
width: 100%;
font-size: 12px;
background: #f16262;
border-radius: 50;
color: #ffff;
font-weight: 600;
line-height:1.2em;
margin: -5px 1px 1px 0px;
}
}
.voice_cam {
position: relative;
display: inline-block;
padding: 5px 10px 5px 10px;
min-width: auto;
font-size: 13px;
background: #6082d2;
border-radius: 15px;
color: #ffff;
font-weight: 700;
line-height:1.2em;
margin: -5px 5px 5px 5px;
}
@media (max-width: 767px) {
.voice_cam {
position: relative;
display: inline-block;
padding: 5px 5px 5px 5px;
width: 70%;
font-size: 10px;
background: #6082d2;
border-radius: 50;
color: #ffff;
font-weight: 600;
line-height:1.2em;
margin: -5px 1px 1px 0px;
}
}
.voice_cre {
position: relative;
display: inline-block;
padding: 5px 10px 5px 10px;
min-width: auto;
font-size: 13px;
background: #ecb856;
border-radius: 15px;
color: #ffff;
font-weight: 700;
line-height:1.2em;
margin: -5px 5px 5px 5px;
}
@media (max-width: 767px) {
.voice_cre {
position: relative;
display: inline-block;
padding: 5px 5px 5px 5px;
width: 100%;
font-size: 12px;
background: #ecb856;
border-radius: 50;
color: #ffff;
font-weight: 600;
line-height:1.2em;
margin: -5px 1px 1px 0px;
}
}
.karaoke_midashi {
position: relative;
display: inline-block;
padding: 5px 0px 5px 0px;
min-width: auto;
font-size: 15px;
color: #414A52;
font-weight: 700;
line-height:1.2em;
margin: -5px 5px 5px 5px;
border-bottom: dotted 2px;
}
@media (max-width: 767px) {
.karaoke_midashi {
position: relative;
display: inline-block;
padding: 5px 0px 5px 0px;
min-width: auto;
font-size: 15px;
color: #414A52;
font-weight: 700;
line-height:1.2em;
margin: -5px 5px 5px 5px;
border-bottom: dotted 2px;
}
}
.slider_midashi {
font-size: 1.3rem;
font-weight: 700;
text-align:center;
color:#333;
background:#f0e800;
padding: 5px;
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}
@media (max-width: 767px) {
.slider_midashi {
font-size: 1.3rem;
font-weight: 700;
text-align:center;
color:#333;
background:#f0e800;
padding: 5px;
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}
}
.sp_text{
font-size: 15px;
font-weight: 300;
margin-top: 20px;
margin-right: 0;
margin-left: 7px;
margin-bottom: 7px;
text-transform: capitalize;
line-height:1.3em;
}
.karaoke_text01{
font-size: 2.1rem;
font-weight: 600;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
letter-spacing: 0.5rem;
}
@media (max-width: 767px) {
.karaoke_text01{
font-size: 2rem;
font-weight: 600;
line-height: 2.4rem;
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
}
}
.karaoke_text02{
font-size: 1.2rem;
font-weight: 600;
margin-top: 10px;
margin-bottom: 0px;
text-align: center;
}
@media (max-width: 767px) {
.karaoke_text02{
font-size: 1rem;
font-weight: 600;
line-height: 1.2rem;
margin-top: 10px;
margin-bottom: 0px;
text-align: center;
}
}
.karaoke_text03{
font-size: 0.8rem;
line-height: 1.3rem;
font-weight: 500;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
padding: 0 200px 0 200px;
}
@media (max-width: 767px) {
.karaoke_text03{
font-size: 0.7rem;
font-weight: 500;
line-height: 1.2rem;
margin-top: 10px;
margin-bottom: 0px;
text-align: left;
padding: 0 15px 0 15px;
}
}
.karaoke_text04{
font-size: 3rem;
line-height: 1.3rem;
font-weight: 800;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
padding: 70px 0px 0px 0px;
font-family: 'Corben', cursive;
}
.karaoke_text05{
font-size: 1rem;
line-height: 1.3rem;
font-weight: 600;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
padding: 10px 0px 0 0px;
}
.karaoke_text05_2{
font-size: 1.8rem;
line-height: 1.3rem;
font-weight: 600;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
padding: 70px 0px 10px 0px;
}
.karaoke_text06{
font-size: 1.2rem;
line-height: 1.5rem;
font-weight: 300;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
padding: 10px 0px 20px 0px;
font-family: 'ﾃδ｣ﾃ�凖｢竄ｬ邃｢ﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｮﾃδ｣ﾃ�凖�ｽﾃδ､ﾃつｸﾃつｸﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｴ ProN','Hiragino Maru Gothic ProN',sans-serif;
}
.karaoke_text07{
font-size: 1.3rem;
line-height: 1.7rem;
font-weight: 300;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
padding: 10px 0px 10px 0px;
}
.karaoke_text07_2{
font-size: 1.3rem;
line-height: 1.7rem;
font-weight: 300;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
padding: 0px 0px 0px 5px;
font-family: 'ﾃδ｣ﾃ�凖｢竄ｬ邃｢ﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｮﾃδ｣ﾃ�凖�ｽﾃδ､ﾃつｸﾃつｸﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｴ ProN','Hiragino Maru Gothic ProN',sans-serif;
}
.karaoke_text08{
font-size: 1.1rem;
line-height: 1.5rem;
font-weight: 300;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
padding: 0px 0px 0px 0px;
}
.karaoke_text09{
font-size: 1.2rem;
width: 700px;
font-weight: 600;
margin-top: 20px;
margin-bottom: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.karaoke_text09{
font-size: 1.2rem;
width: 100%;
font-weight: 600;
margin-top: 20px;
margin-bottom: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
.karaoke_text09_2{
font-size: 1.2rem;
width: 700px;
font-weight: 600;
margin-top: 70px;
margin-bottom: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.karaoke_text09_2{
font-size: 1.2rem;
width: 100%;
font-weight: 600;
margin-top: 70px;
margin-bottom: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
.karaoke_text10{
font-size: 1.2rem;
width: 700px;
font-weight: 600;
margin-top: 20px;
margin-bottom: 0px;
margin-right: auto;
}
@media (max-width: 767px) {
.karaoke_text10{
font-size: 1.2rem;
width: 100%;
font-weight: 600;
margin-top: 20px;
margin-bottom: 0px;
text-align: left;
margin-left: auto;
margin-right: auto;
}
}
.youtube_text01{
font-size: 1.2rem;
width: 700px;
font-weight: 600;
margin-top: 0px;
margin-bottom: 20px;
text-align: left;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.youtube_text01{
font-size: 0.8rem;
line-height: 1.2rem;
width: 97%;
font-weight: 600;
margin-top: 0px;
margin-bottom: 20px;
text-align: left;
margin-left: auto;
margin-right: auto;
}
}
.youtube_text02{
font-size: 1.2rem;
width: 700px;
font-weight: 600;
margin-top: 50px;
margin-bottom: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.youtube_text02{
font-size: 1.2rem;
width: 100%;
font-weight: 600;
margin-top: 50px;
margin-bottom: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
.youtube_text03{
font-size: 1.2rem;
width: 700px;
font-weight: 600;
margin-top: 0px;
margin-bottom: 20px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.youtube_text03{
font-size: 1.1rem;
width: 100%;
font-weight: 600;
margin-top: 0px;
margin-bottom: 20px;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
}
.plan_title{
font-size: 1.2rem;
font-weight: 600;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
color: #808080;
}
@media (max-width: 767px) {
.plan_title{
font-size: 0.8rem;
font-weight: 600;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
color: #808080;
}
}
.plan_text01{
font-size: 1.3rem;
color: #808080;
letter-spacing: 0px;
font-weight: 300;
margin-top: 0px;
margin-bottom: 5px;
text-align: center;
padding: 5px 0px 0px 0px;
font-family: 'ﾃδ｣ﾃ�凖｢竄ｬ邃｢ﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｮﾃδ｣ﾃ�凖�ｽﾃδ､ﾃつｸﾃつｸﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｴ ProN','Hiragino Maru Gothic ProN',sans-serif;
}
.plan_text02{
font-size: 0.85rem;
line-height: 1.2rem;
font-weight: 600;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
padding: 5px 0px 5px 0px;
}
.plan_text03{
font-size: 1rem;
width: 80%;
line-height: 1.5rem;
font-weight: 400;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
padding: 0px 0px 0px 0px;
color: #393939;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.plan_text03{
font-size: 12px;
line-height: 21px;
padding-bottom: 0px;
color: #414A52;
text-align: left;
margin-left: auto;
margin-right: auto;
}
}
.plan_price{
font-size: 1.7rem;
font-weight: 600;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
padding: 0px 0px 10px 5px;
}
@media (max-width: 767px) {
.plan_price{
font-size: 1.2rem;
font-weight: 600;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
padding: 0px 0px 10px 5px;
}
}
.plan_price02{
font-size: 1.7rem;
font-weight: 600;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
padding: 0px 0px 10px 5px;
color:#ff0000;
}
@media (max-width: 767px) {
.plan_price02{
font-size: 1.2rem;
font-weight: 600;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
padding: 0px 0px 10px 5px;
color:#ff0000;
}
}
.plan_tax{
font-size: 0.7rem;
font-weight: 300;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
padding: 0px 15px 0px 15px;
}
.about_abc{
font-size: 0.85rem;
line-height: 1.4rem;
font-weight: 500;
color:#4bb03b;
}
.abc_midashi{
font-size: 1rem;
font-weight: 500;
margin-top: 0px;
margin-bottom: 20px;
text-align: left;
letter-spacing: 0px;
margin-left: auto;
margin-right: auto;
color: #505050;
}
.karaoke_amblela img{
position: absolute;
left: 50%;
width: 200px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.karaoke_fit01{
width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 80px 0px 10px 0px;
}
@media (max-width: 767px) {
.karaoke_fit01{
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 20px 5px 10px 0px;
}
}
.karaoke_fit02{
width: 700px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.karaoke_fit02{
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
.karaoke_fit03{
width: 430px;
margin-left: auto;
margin-right: auto;
padding: 20px 0px 10px 0px;
}
@media (max-width: 767px) {
.karaoke_fit03{
width: 95%;
margin-left: auto;
margin-right: auto;
padding: 20px 0px 10px 0px;
}
}
.karaoke_fit04{
width: 200px;
margin-left: auto;
margin-right: auto;
padding: 0px 0px 30px 0px;
font-size: 1rem;
line-height: 1.6rem;
}
.karaoke_fit05{
width: 400px;
margin-left: auto;
margin-right: auto;
padding: 30px 0px 30px 0px;
font-size: 1rem;
line-height: 1.6rem;
}
@media (max-width: 767px) {
.karaoke_fit05{
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 30px 0px 30px 0px;
font-size: 1rem;
line-height: 1.6rem;
}
}
.youtube_fit01{
width: 1160px;
margin-left: auto;
margin-right: auto;
padding: 20px 0px 10px 0px;
}
@media (max-width: 1200px) {
.youtube_fit01{
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 20px 0px 10px 0px;
}
}
@media (max-width: 767px) {
.youtube_fit01{
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 20px 0px 10px 0px;
}
}
ul.cp_list {
font-size: 1rem;
line-height: 1.4rem;
font-weight: 300;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
padding: 0px 0px 30px 0px;
font-family: 'ﾃδ｣ﾃ�凖｢竄ｬ邃｢ﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｮﾃδ｣ﾃ�凖�ｽﾃδ､ﾃつｸﾃつｸﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｴ ProN','Hiragino Maru Gothic ProN',sans-serif;
list-style-type:none;
}
ul.cp_list li {
font-size: 1.2rem;
line-height: 1.5rem;
font-weight: 300;
position:relative;
padding: 0.2em 0.3em 0em 1.3em;
}
ul.cp_list li::before,ul.cp_list li::after {
position: absolute;
content: '';
display: inline-block;
}
ul.cp_list li::after {
top: 0.35em;
left: 0em;
width: 14px;
height: 14px;
background-color: #EC407A;
border-radius: 100%;
}
ul.cp_list li::before {
z-index: 2;
top: 0.6em;
left: 0.2em;
width: 5px;
height: 5px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg);
}
.table_about02{
width: 75%;
border-collapse: separate;
margin-left: auto;
margin-right: auto;
}
.table_about02 th{
width:auto;
padding:10px;
text-align: left;
vertical-align: top;
color: #444;
}
.table_about02 td{
width:80%;
padding:10px;
vertical-align: top;
}
.table_about02 h3{
font-size: 20px;
text-align: left;
}
.table_about02 h4{
font-size: 15px;
text-align: left;
line-height:1.7em;
}
.table_about02 img{
vertical-align: middle;
border-radius: 15px;
width: 180px;
}
/* 767pxﾃδｯﾃつｼﾃ銀�iPadﾃδｯﾃつｼﾃ｢竄ｬﾂｰﾃδ､ﾃつｻﾃつ･ﾃδ､ﾃつｸﾃ｢竄ｬﾂｹ */
@media (max-width: 767px) {
.table_about02{
width: 100%;
border-collapse: separate;
margin-left: auto;
margin-right: auto;
}
.table_about02 th{
width:auto;
padding:10px;
text-align: left;
vertical-align: top;
color: #444;
}
.table_about02 td{
width:70%;
padding:10px 0px 10px 5px;
vertical-align: top;
}
.table_about02 h3{
font-size: 20px;
text-align: left;
}
.table_about02 img{
height: auto;
vertical-align: middle;
border-radius: 15px;
margin: 5px;
width: 120px;
}
}
/*ﾃδ｣ﾃ�凖｢竄ｬﾂ｢ﾃδ｣ﾃ�凖つｭﾃδ｣ﾃ�凖つｼﾃδ｣ﾃ�凖つｪﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｹﾃδ｣ﾃ�凖銀�*/
.flow_list{
width: 100%;
height: auto;
display: inline-block;
padding: 15px 5px 5px 5px;
line-height:1.2em;
position:relative;
text-align: center;
border-bottom: 1px solid #dee2e6;
font-size: 0.9rem;
color: #707070;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
margin-top: 0px;
z-index: 1;
}
.flow_list:after{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
border-color: rgba(0, 153, 255, 0);
border-top-width:20px;
border-bottom-width:10px;
border-left-width:20px;
border-right-width:20px;
border-top-color:#6b6b6b;
top: 100%;
left: 48%;
}
@media (max-width: 767px) {
.flow_list{
width: 100%;
height: auto;
display: inline-block;
padding: 15px 5px 5px 5px;
line-height:1.2em;
position:relative;
text-align: center;
border-bottom: 1px solid #dee2e6;
font-size: 0.9rem;
color: #707070;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
margin-top: 0px;
z-index: 1;
}
.flow_list:after{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
border-color: rgba(0, 153, 255, 0);
border-top-width:20px;
border-bottom-width:10px;
border-left-width:20px;
border-right-width:20px;
border-top-color:#6b6b6b;
top: 100%;
left: 44%;
}
}
.midashi-pop01 {
position: relative;
padding: 0.5rem 0.5rem;
text-align: center;
color: #ffffff;
border-radius: 0px 10px 10px 10px;
background: #df5d5d;
font-size: 1.3rem;
text-shadow: 4px 2px 4px #000000;
width: 680px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
.midashi-pop01:before {
font-family: 'Font Awesome 5 Free';
font-size: 1.1rem;
position: absolute;
top: -24px;
left: 0;
height: 24px;
padding: 0 1em;
content: '\f0a4 POINT';
color: #fff;
border-radius: 10px 10px 0 0;
background: #bf2828;
}
@media (max-width: 767px) {
.midashi-pop01 {
position: relative;
padding: 0.5rem 0.5rem;
text-align: center;
color: #ffffff;
border-radius: 0px 0px 0px 0px;
background: #df5d5d;
font-size: 1.4rem;
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
.midashi-pop01:before {
font-family: 'Font Awesome 5 Free';
font-size: 1.5rem;
position: absolute;
top: -34px;
left: 0;
height: 34px;
padding: 0 1em;
content: '\f0a4 POINT';
color: #fff;
border-radius: 10px 10px 0 0;
background: #bf2828;
}
}
.karaoke_entry_text01 {
font-size: 25px;
font-weight: 500;
color: #e21c1c;
background-color: #f2c62d;
padding: 10px 10px 10px 10px;
text-align: center;
margin-bottom: 10px;
border-radius: 30px;
font-family: 'ﾃδ｣ﾃ�凖｢竄ｬ邃｢ﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｮﾃδ｣ﾃ�凖�ｽﾃδ､ﾃつｸﾃつｸﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｴ ProN','Hiragino Maru Gothic ProN',sans-serif;
}
.karaoke_entry_text02 {
font-size: 1.3rem;
font-weight: 200;
color: #676767;
text-align: center;
font-family: 'ﾃδ｣ﾃ�凖｢竄ｬ邃｢ﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｮﾃδ｣ﾃ�凖�ｽﾃδ､ﾃつｸﾃつｸﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｴ ProN','Hiragino Maru Gothic ProN',sans-serif;
}
@media (max-width: 767px) {
.karaoke_entry_text02 {
font-size: 1.1rem;
font-weight: 200;
color: #676767;
text-align: center;
font-family: 'ﾃδ｣ﾃ�凖｢竄ｬ邃｢ﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｮﾃδ｣ﾃ�凖�ｽﾃδ､ﾃつｸﾃつｸﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｴ ProN','Hiragino Maru Gothic ProN',sans-serif;
}
}
.karaoke_entry_text03 {
font-size: 1rem;
font-weight: 200;
color: #676767;
text-align: center;
font-family: 'ﾃδ｣ﾃ�凖｢竄ｬ邃｢ﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｮﾃδ｣ﾃ�凖�ｽﾃδ､ﾃつｸﾃつｸﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｴ ProN','Hiragino Maru Gothic ProN',sans-serif;
}
.karaoke_entry_text04 {
font-size: 1.3rem;
font-weight: 200;
color: #ff0000;
text-align: center;
font-family: 'ﾃδ｣ﾃ�凖｢竄ｬ邃｢ﾃδ｣ﾃ�凖つｩﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｮﾃδ｣ﾃ�凖�ｽﾃδ､ﾃつｸﾃつｸﾃδ｣ﾃ｢竄ｬﾅ｡ﾃつｴ ProN','Hiragino Maru Gothic ProN',sans-serif;
}
.nav_center {
text-align: center;
display: block ;
}
.top_new_text01 {
font-size: 3.2rem;
font-weight: 600;
margin-bottom: 50px;
text-align: center ;
position: relative;
color: #8b8b8b;
line-height: 1.4;
letter-spacing: 0.1rem;
-webkit-box-reflect: below -30px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 40%,rgba(0, 0, 0, 0.4));
}
@media (max-width: 767px) {
.top_new_text01 {
font-size: 2rem;
margin-bottom: 40px;
padding: 0px 0px 0px 20px;
text-align: center ;
position: relative;
color: #b3b3b3;
line-height: 1.4;
letter-spacing: 0rem;
-webkit-box-reflect: below -10px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0, 0, 0, 0.6));
}
}
.top_new_text02 {
font-size: 2rem;
margin-bottom: 50px;
text-align: center ;
position: relative;
color: #8b8b8b;
line-height: 2.2;
letter-spacing: 0.2rem;
-webkit-box-reflect: below -30px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 40%,rgba(0, 0, 0, 0.4));
}
.top_new_text03 {
font-size: 3.2rem;
font-weight: 600;
margin-bottom: 50px;
text-align: center ;
position: relative;
color: #ffffff;
line-height: 1.4;
letter-spacing: 0.1rem;
-webkit-box-reflect: below -30px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 40%,rgba(0, 0, 0, 0.4));
}
.top_margin {
margin-top: 220px;
}
@media (max-width: 767px) {
.top_margin {
margin-top: 100px;
}
}
.karaoke_blasktext01{
font-size: 1.6rem;
font-weight: 600;
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
letter-spacing: 5px;
padding: 10px;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.33);
display: table ;
margin-left: auto;
margin-right: auto;
font-family: 'M PLUS 1p', sans-serif;
}
@media (max-width: 767px) {
.karaoke_blasktext01{
font-size: 1rem;
font-weight: 600;
margin-top: 0px;
margin-bottom: 15px;
text-align: center;
letter-spacing: 0px;
padding: 10px;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.66);
display: table ;
margin-left: auto;
margin-right: auto;
font-family: 'M PLUS 1p', sans-serif;
}
}
.link_text01 {
font-size: 1.2rem;
font-weight: 300;
color: #0fb4a2;
text-align: center;
}
.link_text01:hover{
color: #1bb931;
}
.fukidashi_text {
position: relative;
font-size: 20px;
font-weight: 600;
color: #ffffff;
padding: 10px;
border-radius: 10px;
background: #3bc7d2;
margin: 10px 0px 20px 0px;
}
.fukidashi_text:before {
position: absolute;
bottom: -14px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 14px 12px 0 12px;
border-style: solid;
border-color: #3bc7d2 transparent transparent transparent;
}