@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato');


/* -----------------------------------------------------
にゃんだらけ : Common style
Mod : 2018.09.11 MASATO
----------------------------------------------------- */


.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body {
font-family: 'Lato', Arial;
color: #666666;
-webkit-font-smoothing: antialiased;
}

a {
font-family: 'Lato', Arial;
-webkit-font-smoothing: antialiased;
}
div.content {
overflow: hidden;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: #656565;
}
h1.top-title01 {
color: #a11821;
font-size: 300%;
font-weight: 600 !important;
text-shadow: 0px 0px 2px rgba(199, 202, 50, 1);
}
header .navbar-default {background: none;border: none;background-color: #fff;border-bottom: 3px solid #f9ee2a;/* padding-top: 40px; *//* padding-bottom: 20px; */-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
header .navbar-default ul.navbar-nav {padding-top: 27px;}
header .navbar-default ul.navbar-nav li a {
/*text-transform: capitalize;*/
font-weight: 400;
font-size: 15px;
font-weight: 600;
padding: 4px 15px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
header .navbar-default ul.navbar-nav li a:after {
/* content: ''; */
width: 32px;
background: none;
height: 4px;
position: absolute;
bottom: 2px;
z-index: 99999;
left: 20px;
-webkit-border-radius: 5em;
-moz-border-radius: 5em;
-ms-border-radius: 5em;
-o-border-radius: 5em;
border-radius: 5em;
color: #ffffff;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
header .navbar-default ul.navbar-nav li a:hover {
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
header .navbar-default ul.navbar-nav li a:hover:after {
background: #ffffff;
}
header .navbar-default ul.navbar-nav li a.getApp {
-webkit-border-radius: 5em;
-moz-border-radius: 5em;
-ms-border-radius: 5em;
-o-border-radius: 5em;
border-radius: 5em;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
header .navbar-default ul.navbar-nav li a.getApp:after {
display: none;
}
header .navbar-default ul.navbar-nav li a:focus {
color: #ffffff;
}
header .navbar-default .navbar-brand {
height: auto;
padding: 0;
}
header .navbar-default.scrolled {
background-color: #fff;
padding: 0;

}
header .navbar-default.scrolled .navbar-brand {
padding: 10px 25px;
background:#fff !important;
}
header .navbar-default.scrolled .navbar-brand img {
/*width: auto;
max-height: 33px;*/
max-width: 220px !important;
}
header .navbar-default.scrolled ul.navbar-nav {padding-top: 32px;}
.scrollpoint {
opacity: 0;
}
.scrollpoint.active {
opacity: 1 \0;
}
.hanging-phone {
position: absolute;
left: 36px;
z-index: 0;
bottom: -28px;
}
.section-heading {
margin: 60px 0 50px;
/* text-align: center; */
}

.section-heading .divider:after {
content: "";
position: relative;
height: 4px;
/* width: 60px; */
display: block;
text-align: center;
margin: 13px auto;
-webkit-border-radius: 5em;
-moz-border-radius: 5em;
-ms-border-radius: 5em;
-o-border-radius: 5em;
border-radius: 5em;
}
.section-heading.inverse h1, .section-heading.inverse p {
color: #ffffff;
}
.section-heading.inverse .divider:after {
background: #807a7a;
}
section#about {
padding-top: 90px;
background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white));
background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
background: linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
background-size: 4px 4px;
/* position: relative; */
/* background-image: url(../img/freeze/back3.png); */
}
section#about .about-item {
text-align: center;
font-size: 17px;
line-height: 28px;
color: #737373;
}
section#about .about-item i.fa {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
padding: 35px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
width: 104px;
}
section#features .media i.fa {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
padding: 20px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
width: 2.6em;
text-align: center;
}
section#features .media .media-heading {
padding-top: 10px;
font-weight: 300;
}
section#features .media .media-body {
color: #999999;
}
section#features .media.feature {
margin-top: 25px;
}
section#features .media.feature:first-child {
margin-top: 0;
}
section#features img {
margin: 0px auto;
}

section#features img.bnr_large {width:33.33333333%;padding-right: 15px;padding-left: 15px;max-width:500px;}

@media screen and (max-width: 640px) {
section#features img.bnr_large {width:90%;margin:auto;padding:0;}
}

section#reviews {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
section#reviews .review-filtering {
margin: 20px 0 100px 0;
}
section#reviews .review-filtering .review .review-person {
width: 100%;
}
section#reviews .review-filtering .review .review-person img {
width: 110px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
margin: 10px auto;
}
section#reviews .review-filtering .review .review-comment {
width: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
padding: 5px 40px 20px;
position: relative;
}
section#reviews .review-filtering .review .review-comment h3 {
margin-bottom: 15px;
}
section#reviews .review-filtering .review .review-comment p {
font-size: 16px;
color: #999999;
}
section#reviews .review-filtering .review .review-comment p span {
margin-left: 10px;
}
section#reviews .review-filtering .review .review-comment:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-width: 15px;
margin-top: -10px;
}
section#reviews .review-filtering .review .review-person, section#reviews .review-filtering .review .review-comment {
float: left;
}
section#reviews .review-filtering .slick-dots {
bottom: -80px;
}
section#reviews .review-filtering .slick-dots li button {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
section#reviews .review-filtering .slick-dots li button:before {
display: none;
}
section#screens .slider {
margin: 50px 0;
}
section#screens .slider div img {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
padding: 10px;
display: inline;
}
section#screens .slider div h4 {
text-align: center;
margin-top: 40px;
font-size: 16px;
}
section#screens .slider .slick-dots li button {
-webkit-border-radius: 5em;
-moz-border-radius: 5em;
-ms-border-radius: 5em;
-o-border-radius: 5em;
border-radius: 5em;
}
section#screens .slick-prev, section#screens .slick-next {
width: 50px;
height: 50px;
top: 44%;
}
section#screens .slick-slide {
text-align: center;
}
section#screens .slick-prev:before {
content: "\f104";
}
section#screens .slick-next:before {
content: "\f105";
}
section#screens .slick-prev:before, section#screens .slick-next:before {
font-size: 34px;
-webkit-border-radius: 5em;
-moz-border-radius: 5em;
-ms-border-radius: 5em;
-o-border-radius: 5em;
border-radius: 5em;
line-height: 45px;
color: #CCC;
border: 2px solid #CCC;
width: 50px;
display: inline-block;
height: 50px;
text-align: center;
}
section#screens .filter {
text-align: center;
}
section#screens .filter a {
display: inline-block;
padding: 7px 20px;
text-decoration: none;
-webkit-border-radius: 5em;
-moz-border-radius: 5em;
-ms-border-radius: 5em;
-o-border-radius: 5em;
border-radius: 5em;
margin: 10px 5px;
text-transform: uppercase;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}

/* demo video Section */

section#demo .video-container {
padding: 20px;
border: 1px solid #b3b3b3;
min-height: 450px;
overflow: hidden;
}
section#demo iframe {
width: 100%;
height: 100%;
border: none;
}

/* Get app Section */

section#getApp {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 20px 0 60px;
}
section#getApp .platforms {
margin: 5px auto 120px auto;
text-align: center;
}
section#getApp .platforms .btn {
margin-right: 10px;
margin-bottom: 20px;
}

/* support section */

section#support {
padding: 0 0 150px 0;
}
section#support .media {
margin-bottom: 10px;
}
section#support .media i.fa {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
padding: 10px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
width: 1.9em;
text-align: center;
}
section#support .media .media-heading {
padding-top: 15px;
font-weight: 300;
}
section#support .media .media-heading a {
font-weight: 400;
}

/* footer section */

footer {
padding: 20px 0 10px;
text-align: center;
}
footer a>img {
width: 200px;
}
footer .social {
display: block;
margin-top: 30px;
}
footer .social a {
margin: 0 8px;
padding: 15px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display: inline-block;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
footer .social a i {
width: 1em;
}
footer .rights {
/* margin-top: 30px; */
}
footer .rights a {
text-decoration: underline;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
font-weight: bold;
}
footer .rights a:hover {
text-decoration: none;
}
section {
position: relative;
padding-bottom: 90px;
}

/* Common style for pseudo-elements */

section::before, section::after {
position: absolute;
content: '';
pointer-events: none;
overflow: hidden;
}
.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
.tp-caption {
font-family: 'Lato', Arial !important;
-webkit-font-smoothing: antialiased;
}
.tp-caption.large_white_bold {
color: #ffffff;
font-size: 65px;
font-weight: 400;
}
.tp-caption.large_white_light {
color: #ffffff;
font-size: 65px;
font-weight: 400;
font-weight: 300;
}
.btn {
-webkit-border-radius: 3em;
-moz-border-radius: 3em;
-ms-border-radius: 3em;
-o-border-radius: 3em;
border-radius: 3em;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 5px 25px;
}
.btn.btn-primary {
border: 2px solid #ffffff;
background: none;
color: #ffffff;
}
.btn.btn-primary:hover {
color: #ffffff;
}
.btn.btn-default {
/* border: none; */
/* background: #ffffff; */
/* Old browsers */
background: -moz-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
/* FF3.6+ */
/* background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc)); */
/* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(180deg, #ffffff 0%, #cccccc 100%); */
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
/* IE10+ */
/* background: linear-gradient(180deg, #ffffff 0%, #cccccc 100%); */
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cccccc, GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.btn.btn-lg {
padding: 10px 25px;
}
.btn:hover {
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
form .form-control {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 5em;
-moz-border-radius: 5em;
-ms-border-radius: 5em;
-o-border-radius: 5em;
border-radius: 5em;
height: 40px;
line-height: 40px;
padding: 10px 20px;
color: #cfcfcf;
border: 2px solid #cccccc;
font-weight: 300;
}
form textarea.form-control {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
height: auto;
line-height: normal;
}
@media screen and (max-width: 640px) {
.logo {
width: 200px !important;
height: initial;
}
.slick-next {
right: 0;
}
.slick-prev {
left: 0;
}
.contact-details {
margin-top: 20px;
}
header .navbar-default {
padding: 20px;
}
header .navbar-default .navbar-toggle {
margin-top: 0px;
margin-right: 0px;
background: none;
border: 2px solid #ffffff;
color: #ffffff;
-webkit-border-radius: 5em;
-moz-border-radius: 5em;
-ms-border-radius: 5em;
-o-border-radius: 5em;
border-radius: 5em;
}
header .navbar-default .navbar-toggle:hover, header .navbar-default .navbar-toggle:focus {
background: none;
}
header .navbar-default ul.navbar-nav {
padding-top: 0;
margin: 0;
}
header .navbar-default ul.navbar-nav li a {
padding: 10px;
text-align: center;
}
header .navbar-default ul.navbar-nav li a.getApp {
background: none !important;
-webkit-border-radius: 0em;
-moz-border-radius: 0em;
-ms-border-radius: 0em;
-o-border-radius: 0em;
border-radius: 0em;
}
header .navbar-default .navbar-collapse {
border-color: transparent;
}
header .navbar-default.scrolled .navbar-collapse {
border-color: transparent;
}
header .navbar-default.scrolled ul.navbar-nav {
padding-top: 0;
margin: 0;
}
header .navbar-default.scrolled .navbar-toggle {
margin-top: 11px;
margin-right: 20px;
background: none;
border: 2px solid #fff814;
color: #fff814;
-webkit-border-radius: 5em;
-moz-border-radius: 5em;
-ms-border-radius: 5em;
-o-border-radius: 5em;
border-radius: 5em;
}
}
.pre-loader {
position: fixed;
width: 100%;
height: 100%;
z-index: 9999999;
display: none;
}
.pre-loader .load-con {
margin: 20% auto;
position: relative;
text-align: center;
}
.spinner {
margin: 50px auto 0;
width: 70px;
text-align: center;
}
.spinner>div {
width: 18px;
height: 18px;
background-color: #ffffff;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0);
-webkit-transform: scale(0);
}
40% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
header {
background-color: rgba(145, 222, 61, 0.6);
background-image: url(../img/freeze/bk-freeze.jpg) !important;
background-blend-mode: hard-light;
/* background: #a11821; */
/* Old browsers */
background: -moz-linear-gradient(-45deg, #861017 0%, #ab1b24 100%);
/* FF3.6+ */
/* background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #861017), color-stop(100%, #ab1b24)); */
/* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(-45deg, #861017 0%, #ab1b24 100%); */
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #861017 0%, #ab1b24 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #861017 0%, #ab1b24 100%);
/* IE10+ */
/* background: linear-gradient(-45deg, #861017 0%, #ab1b24 100%); */
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#a11821, endColorstr=#336799, GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
header .navbar-default ul.navbar-nav li a {
color: #000000;
background: none;
cursor: pointer;
}
header .navbar-default ul.navbar-nav li a.getApp {
color: #fffa98 !important;
background-color: #a11821;
border: 1px solid #fffa98;
font-weight: 600;
/* background: #ffffff; */
/* Old browsers */
background: -moz-linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%);
/* FF3.6+ */
/* background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0)); */
/* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%); */
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%);
/* IE10+ */
/* background: linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%); */
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e0e0e0, GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
header .navbar-default ul.navbar-nav li a.getApp:hover {
color: #4081bf;
background: #2196F3;
/* Old browsers */
background: -moz-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
/* IE10+ */
background: linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cccccc, GradientType=1);
/* IE6-9 fallback on horizontal gradient */
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
header .navbar-default ul.navbar-nav li a:hover {
color: #2196F3;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
header .navbar-default.scrolled {
border-bottom: 3px solid #f9ee2a;
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.4);
}
header .navbar-default.scrolled ul.navbar-nav li a {
color: #5a5a5a;
}
header .navbar-default.scrolled ul.navbar-nav li a:hover {
color: #2196F3;
}
header .navbar-default.scrolled ul.navbar-nav li a:hover:after {
background: #2196F3;
}
header .navbar-default.scrolled .navbar-brand {
background: #f9ee2a;
}
section .section-heading .divider:after {
background: #959595;
}
section#about .about-item i.fa {
border: 2px solid #a11821;
color: #2196F3;
}
section#about .about-item:hover i.fa {
color: #ffffff;
background: #2196F3;
}
section#about .about-item:hover h3 {
color: #2196F3;
}
section#features {
/* background: #f6f6f6; */
background-image: url(../img/freeze/back.png);
}
section#features header h1:after {
background: #a11821;
}
section#features .media i.fa {
border: 2px solid #a11821;
color: #a11821;
}
section#features .media:hover i.fa {
color: #ffffff;
background: #a11821;
}
section#features .media:hover h3 {
color: #a11821;
}
section#features .media.active i.fa {
color: #ffffff;
background: #a11821;
}
section#features .media.active .media-heading {
color: #a11821;
}
section#reviews {
background: url("../img/freeze/bk-freeze2.jpg");
}
section#reviews header {
color: #ffffff;
}
section#reviews header h1:after {
background: #ffffff;
}
section#reviews .review-filtering .review .review-person img {
border: 3px solid #ffffff;
}
section#reviews .review-filtering .review .review-comment {
background: #ffffff;
}
section#reviews .review-filtering .review .review-comment h3 {
color: #a11821;
}
section#reviews .review-filtering .review .review-comment p span i {
color: #a11821;
}
section#reviews .review-filtering .review .review-comment:after {
border-right-color: #ffffff;
}
section#reviews .review-filtering .slick-dots li button {
background: #ffffff;
border: 2px solid #ffffff;
}
section#reviews .review-filtering .slick-dots li.slick-active button {
background: #a11821;
}
section#screens header h1:after {
background: #a11821;
}
section#screens .slider div img {
border: 2px solid #e5e5e5;
}
section#screens .slider div h4 {
color: #999999;
}
section#screens .slider .slick-dots li button {
background: #999999;
}
section#screens .slider .slick-dots li.slick-active button {
background: #a11821;
}
section#screens .filter a {
border: 2px solid #cccccc;
color: #999999;
}
section#screens .filter a:hover {
color: #ffffff;
background: #a11821;
border-color: #a11821;
}
section#screens .filter a.active {
color: #ffffff;
background: #a11821;
border-color: #a11821;
}

/* demo video Section */

section#demo {
background: #f6f6f6;
}
section#demo header h1:after {
background: #a11821;
}

/* Get app Section */

section#getApp {
background-color: rgb(35, 35, 35);
/* background: url("../img/freeze/bk-freeze3.jpg"); */
}
section#getApp header {
color: #ffffff;
}
section#getApp header h1:after {
background: #ffffff;
}
section#getApp .platforms .media {
border: 2px solid #ffffff;
color: #ffffff;
}
section#getApp .platforms .media a i {
color: #ffffff;
}
section#getApp .platforms .media a div.media-body {
color: #ffffff;
}
section#getApp .platforms .media:hover {
background: #ffffff;
}
section#getApp .platforms .media:hover a i, section#getApp .platforms .media:hover a div.media-body {
color: #a11821;
}

/* support section */

section#support header h1:after {
background: #a11821;
}
section#support .media i.fa {
border: 2px solid #a11821;
color: #a11821;
}
section#support .media a {
color: #a11821;
}
section#support .media:hover i.fa {
color: #ffffff;
background: #a11821;
}
section#support .media:hover h3 {
color: #a11821;
}

/* footer section */

footer {
background: #f9ee2a !important;
background: #a11821;
/* Old browsers */
background: -moz-linear-gradient(-45deg, #a11821 0%, #336799 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a11821), color-stop(100%, #336799));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #a11821 0%, #336799 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #a11821 0%, #336799 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #a11821 0%, #336799 100%);
/* IE10+ */
background: linear-gradient(-45deg, #a11821 0%, #336799 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#a11821, endColorstr=#336799, GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
footer .social a {
border: 2px solid #ffffff;
}
footer .social a i {
color: #ffffff;
}
footer .social a:hover {
background: #ffffff;
}
footer .social a:hover i {
color: #a11821;
}
footer .rights {
color: #232323;
}
footer .rights a {
color: #ffffff;
font-weight: 300;
text-decoration: none;
}
.navbar-toggle {
background-color: #CCC;
border: 1px solid rgba(0, 0, 0, 0);
}
.btn.btn-primary {
color: #a11821;
border-color: #a11821;
}
.btn.btn-primary:hover {
color: #ffffff;
background: #a11821;
border-color: #a11821;
}
.btn.btn-primary.inverse {
color: #1e1818;
border-color: #1e1818;
}
.btn.btn-primary.inverse:hover {
color: #eee526;
background: #ffc400;
border-color: #e00202;
}
.btn.btn-default {
/* background: #ffffff; */
/* Old browsers */
background: -moz-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
/* FF3.6+ */
/* background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc)); */
/* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(180deg, #ffffff 0%, #cccccc 100%); */
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
/* IE10+ */
/* background: linear-gradient(180deg, #ffffff 0%, #cccccc 100%); */
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cccccc, GradientType=1);
/* IE6-9 fallback on horizontal gradient */
color: #009dff;
font-weight: 600;
border: 1px solid #ccc;
}
.btn.btn-default:hover {
color: #0082ff;
}
form .form-control:focus {
border-color: #a11821;
color: #999999;
}


/* 
追加セレクタ
------------------------------------------------------- */

.tp-banner-container img{width:100%;}
.responsive-img {max-width:600px;display:block;margin:0 auto;}
.pict_caption {display:table;margin:0 auto 30px auto;padding:20px;background:#f1f1f1;text-align:center;}
.pict_caption img {max-width:600px;display:block;margin:0 auto;}

@media screen and (max-width: 640px) {

.responsive-img {width:100%;display:block;margin:0 auto;}
.pict_caption img {max-width:100%;display:block;margin:0 auto;}

}



/* 
フォーム
------------------------------------------------------- */

.wpcf7 input {border-radius:5px;color:#000;}
.wpcf7 input[type="text"],.wpcf7 input[type="tel"],.wpcf7 input[type="email"],
textarea {
  outline: none;
  border: 1px solid #aaa;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.wpcf7 input[type="text"]:focus,.wpcf7 input[type="tel"]:focus,.wpcf7 input[type="email"]:focus,
textarea:focus {
  box-shadow: 0 0 7px #1abc9c;
  border: 1px solid #1abc9c;
}




.sp {display: none; }

@media screen and (max-width: 640px) {

.pc {display: none !important;}
.sp {display: block !important;}

header .navbar-default .navbar-toggle:hover, header .navbar-default .navbar-toggle:focus {
background: none;
}
header .navbar-default ul.navbar-nav li a {
color: #ffffff;
border-bottom: 1px solid #bdbdbd;
}
header .navbar-default ul.navbar-nav li a.getApp {
color: #ffffff;
}
header .navbar-default ul.navbar-nav li a:after {
display: none;
}
header .navbar-default ul.navbar-nav li a:hover {
color: #a11821;
}
header .navbar-default .navbar-collapse {
background: #e2e2e2;
}
header .navbar-default.scrolled {
background: #ffffff;
}
header .navbar-default.scrolled ul.navbar-nav li a {
color: #5d5d5d;
}
header .navbar-default.scrolled ul.navbar-nav li a:hover {
color: #a11821;
}
}
.pre-loader {
background: #336799;
}

/* ADD OGINO*/

.text-block p {
text-align: left;
margin-top: 20px;
font-size: 20px;
}
.title-block {
text-align: center;
}
.release-title {
text-align: left;
font-size: 30px;
color: #797979;
}
span.red {
color: #a11821;
}
.about-item.scrollpoint.sp-effect2.active.animated.fadeInRight img {
width: 100%;
}
h2.title {
color: #fff;
}
h3.title {
color: #fff;
font-size: 22px;
margin: 0 0 10px;
}
.box-l img {
float: left;
width: 40%;
margin-right: 30px;
}
.box-r {
color: #fff;
}
.inner-block img {
max-width: 100%;
}
.inner-box p {
font-size: 22px;
}
ul.treasure {
padding: 0;
list-style: none;
margin: 0 auto;
max-width: 900px;
}
ul.treasure li {
display: inline-block;
margin: 0 5px;
}
table.release {
max-width: 800px;
width: 100%;
color: #fff;
margin: 0 auto;
font-size: 17px;
}
table.release th, td {
/* padding: 12px; */
/* border: 1px solid #842627; */
/* background: rgba(1, 1, 1, 0.6); */
}
.padding-top {
margin-top: 40px;
}
section#screens {
background-image: url(../img/freeze/back6.png);
background-size: 100%;
background-attachment: fixed;
color: #383838;
}
#screens h1 {
color: #4a4a4a;
}
table.info {
font-size: 18px;
margin: 0 auto;
}
.info td {
background: none !important;
border: none;
}
.info tr {
border-bottom: 1px dotted #ccc;
vertical-align: top;
}
p.top-cacht {}
.center-block {
text-align: center;
}
img.example-image {
width: 87px;
}
.item-box {
display: inline-block;
margin: 2px;
}
section#SNS {
background: #000000;
}
h1.sns-h {
color: #a7a7a7;}
p.sns-h {
color: #a7a7a7;
}
table.info-2 {
width: 800px;
margin: 0 auto;
}
div#info-2-tbl th {
padding: 10px;
background-color: #ffffff;
border: 1px dotted #e8e8e8;
background-color: #b1b4bb;
color: #fff;
font-size: 16px;
}
div#info-2-tbl td {
background-color: #ffffff;
border: 1px dotted #e8e8e8;
}
section#top-2 {
background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white));
background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
background: linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
background-size: 4px 4px;
/* background-color: #f7f7f7; */
}

span.pickup {
color: #000;
font-weight: 600;
background: #f4cc09;
}

#dropmenu > li:hover > a{
border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
list-style: none;
position: absolute;
top: 110%;
left: 0;
margin: 0;
padding: 0;
border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
left: -100%;
width: 100%
}
#dropmenu li ul li{
overflow: hidden;
height: 0;
width: 350px;
color: #545454;
background: rgba(252, 232, 14, 0.8);
/* background: #fdfdfd; */
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}
#dropmenu li ul li a{
text-align: left;
font-size: 16px;
font-weight: normal;
}
#dropmenu li ul li a:hover{
color: #03A9F4;
font-weight: 600;
text-decoration: none;
}
#dropmenu li:hover ul li{
overflow: visible;
height: 48px;
padding-top: 15px;
border-bottom: 1px solid #ccb910;
}
#dropmenu li:hover ul li:first-child{
border-top: 0;
}
#dropmenu li:hover ul li:last-child{
border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
border-radius: 0 0 3px 3px;
}


.sample-box {
background: #ffffff;
width: 100%;
height: 300px;
margin: 10px;
overflow: hidden;
}
section#getApp p {
color: #fff;
}
.menu-li {
font-size: 120%;
margin: 10px 0;
color: #fff;
}
ul.info li {
list-style: none;
padding: 10px 0;
font-size: 18px;
border-bottom: 1px dotted #ccc;
}
ul.info {
padding: 0;
border-top: 1px dotted #ccc;
}
span.info-title {
margin-left: 20px;
}
.navbar-content-layer {
background-color: #fff !important;
}

.date-cntent {
font-size: 20px;
color: #828282;
}

#content-layer {
margin-top: 145px;
/* background-color: #f9ee2a; */
color: #000;
font-size: 30px;
padding: 40px 0;
background-color: rgba(145, 222, 61, 0.6);
background-image: url(../img/freeze/bk-freeze.jpg) !important;
background-blend-mode: hard-light;
}
.section-heading h1 {
display: inline-block;
font-size: 40px;
font-weight: 300;
margin-bottom: 0;
}
.section-heading p {
font-size: 20px;
color: #717171;
font-weight: 300;}




@media screen and (max-width: 400px){
#content-layer {
margin-top: 80px;
/* background-color: #f9ee2a; */
color: #000;
font-size: 15px;
padding: 30px 0;
background-color: rgba(145, 222, 61, 0.6);
background-image: url(../img/freeze/bk-freeze.jpg) !important;
background-blend-mode: hard-light;
}
.section-heading h1 {
display: inline-block;
font-size: 20px;
font-weight: 300;
margin-bottom: 0;
}
.section-heading p {
font-size: 15px;
color: #717171;
font-weight: 300;}
}


label.pure-toggle-label {
z-index: 9999;
}

.content-area {padding: 40px 0;border-bottom: 1px dotted #ccc;}

/* フォームの見出し （送信画面、確認画面 共用）*/
.content-area .screen-reader-response {color:#f00;display:block;font-size: 20px;font-weight:bold;text-align:center;margin:0 0 20px 0;/*padding:30px;border:2px solid #f00;*/}





span.Q {
background-color: #5BBDFF;
color: #fff;
padding: 1px 7px;
border-radius: 7px;
}

span.a1 {
color: #888;
}

span.q1 {
color: #4190c5;
}

span.A {
background-color: #FF6C8D;   color: #fff;   padding: 1px 7px;   border-radius: 180px;
}
ul.sp-menu {
text-align: left;
font-size: 15px;
overflow: auto;max-height: 90%;
}
ul.sp-menu {
padding: 0;
margin: 60px 0 80px 0;
border-top: 5px solid #4e4e4e;
padding-top: 20px;
}
ul.sp-menu li {
font-size: 16px;
padding: 5px 20px ;
margin: 0;
list-style: none;
border-bottom: none !important;

}
ul.sp-menu li ul {
padding:5px 0px ;
margin: 0 5px;
list-style: none;
}
ul.sp-menu li ul li{
font-size: 13px;
padding:5px 0;
margin: 0px;
list-style: none;
display: block;
border-bottom: 1px solid #8e8d8d !important;
}
ul.sp-menu a {
color: #fff;
}
.wp-caption {
background: #f1f1f1;
line-height: 18px;
font-size: 12px;
margin-bottom: 20px;
padding: 5px 0 5px;
text-align: center;
border: 1px solid #e5e5e5;
max-width: 100% !important;
}

.wp-caption img{
max-width:95%;
height: auto;
}

table td {
border: 1px dotted #0bbbff;
padding: 10px;
}
span.sm {
font-size: 12px;
}
.concept-word {
font-size: 20px;
border: 2px solid #ccc;
padding: 20px 15px 0px;
margin-bottom: 20px;
clear: both;
box-shadow: 0px 0px 2px rgba(0,0,0,.15);
}
table.ticket td {
border: none;
}
span.ticeket-banner {
margin: 10px;
margin-top: 15px;
display: inline-block;
}

h3 {
border-bottom: 1px dotted #ccc;
margin-bottom: 8px;
padding-bottom: 10px;
font-weight: 600;
}
h4 {
border-left: 5px solid #cac124;
padding-left: 10px;
font-style: italic;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border: 5px solid #eee;
}

.top-box-title {
background-color: #5d5d5d;
color: #fff;
padding: 5px 10px;
}
ul {
padding: 10px;
}
span.entry-date.published {
font-size: 13px;
}
span.entry-title {
font-size: 13px;
}
.top-pr {
margin-bottom: 20px;
}

.tablenav {margin:30px 0;}

a.page-numbers {
border: 1px solid #2bbcf9;
padding: 5px 10px;
display: inline-block;
margin: 5px 5px 0 0;
border-radius: 50px;
}
a:hover.page-numbers {
background-color: #2bbcf9;
color: #fff;
}
span.page-numbers.current {
background-color: #2bbcf9;
color: #fff;
padding: 5px 10px;
border: 1px solid #2bbcf9;
border-radius: 50px;
}
.img100 img {
width: 100%;
height: auto;
}
span.katakana {
font-size: 13px;
margin-left: 10px;
}
table {
background-color: transparent;
width: 100% !important;
border: 1px solid #0898ff;
}
th {
background-color: #fff294 !important;
padding: 10px !important;
border: 1px dotted #f1d511 !important;
}
tr.row-24.even {
border-top: 2px solid #0898ff;
}
tr.row-51.odd {
border-top: 2px solid #0898ff;
}
tr.row-69.odd {
border-top: 2px solid #0898ff;
}
tr.row-82.even {
border-top: 2px solid #0898ff;
}
tr.row-105.odd {
border-top: 2px solid #0898ff;
}
tr.row-125.odd {
border-top: 2px solid #0898ff;
}
tr.row-136.even {
border-top: 2px solid #0898ff;
}
tr.row-139.odd {
border-top: 2px solid #0898ff;
}
tr.row-148.even {
border-top: 2px solid #0898ff;
}
a.arc-back {
padding: 10px 20px;
background-color: #2ebdf9;
background-color: #2ebdf9;
color: #fff;
font-weight: 600;
border-radius: 5px;
text-decoration: none;
}
a:hover.arc-back {
padding: 10px 20px;
background-color: #fff;
border: 1px solid #2ebdf9;
color: #2ebdf9;
font-weight: 600;
border-radius: 5px;
text-decoration: none;
}
table#tablepress-10 td {
padding: 5px 5px !important;
}

section#top-ex {
/* background-color: #fffef3; */
background-image: url(http://nyandarake.tokyo/wp-content/uploads/2016/12/back-pt-2.png);
}
ul.aiueo {
list-style: none;
}
ul.aiueo li{
display: inline-block;
margin-right: 5px;
}
tr.even {
background-color: #e6f8ff;
}
tr.odd {
background-color: #fff;
}
table#tablepress-10 a {
color: #009dff;
}
.content-area-arc {
background-color: #fff;
padding: 4px;
}
h1.arc-h1 {
/* border: 2px solid #fba8a8; */
padding: 10px;
background-color: #62beff;
border-radius: 10px;
color: #fff;
}

.star {
text-align: right;
font-size: 13px;
color: #ff3c3c;
font-weight: 600;
vertical-align: middle;
}
.marg-top {
margin-top: 50px;
}
span.captx {
font-size: 15px;
color: #565656;
}
li {
/* float: left; */
}
ul {
list-style:none;
}
.wpcf7-form-control,
.wpcf7-text,
.wpcf7-validates-as-url,
.wpcf7-validates-as-required {
padding: 10px;
margin-bottom: 20px;
}
.form-control::-moz-placeholder {
color: #e2e2e2 !important;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #e2e2e2 !important;
}
.form-control::-webkit-input-placeholder {
color: #e2e2e2 !important;
}
a.signupbt {
text-align: center;
color: #fff;
font-size: 15px;
background-color: #ffa700;
margin: 10px auto;
padding: 10px 10px;
border-radius: 5px;
font-weight: 600;
border: 3px solid #c38000;
display: block;
width: 80%;
}
a:hover.signupbt {
text-align: center;
color: #fdff00;
font-size: 15px;
background-color: #4abfff;
margin: 10px auto;
padding: 10px 10px;
border-radius: 5px;
font-weight: 600;
border: 3px solid #11a0ff;
display: block;
width: 80%;
text-decoration: none;
}



/* Add MST 2022.11.14 ------------------------------ */

.bnr_small {}

@media screen and (max-width: 780px) {
.bnr_small {display:flex;flex-wrap: wrap;justify-content: space-between;}
.bnr_small .col-xs-12 {width:50% !important;}

}

/* Add OG 2023.05.15 ------------------------------ */
span.cat-color {
    border: 1px solid #dadada;
    font-size: 70%;
    padding: 1px 10px;
    border-radius: 5px;
    color: #585858;
    margin-left: 10px;
}
.cat-box a {
    border: 1px solid;
    padding: 1px 10px;
    display: inline-block;
    border-radius: 5px;
}
.cat-box {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 7px;
    font-size: 79%;
}
.back-bt {
    margin: 30px 0px;
}
ul.photo-lib li {
    width: 32%;
    display: inline-block;
    margin-bottom: 3px;
}
#lightbox .lb-container {padding: 0px;}

.lightbox .lb-image {
    border: none !important;
    }

.arc-box img {
    width: 100%;
    height: auto;
}
.arc-box {
    position: relative;
    border: 1px solid #cecece;
}
p.arc-ttl {
    font-size: 15px;
    margin: 5px;
    font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
p.arc-cat {
    font-size: 80%;
    margin: 0px;
}
p.arc-booth {
    font-size: 80%;
    margin: 0px;
}
p.arc-date {
    font-size: 80%;
    margin: 0px;
}
p.arc-exhi {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #f9ee2b;
    color: #2e2e2e;
    padding: 5px 10px;
    font-weight: bold;
}
a.arc-a {
position: absolute;
    top: 100%;
    left: 0px;
    background-color: #2abcf9;
    width: 100%;
    color: #fff;
    display: block;
    text-align: center;
    padding: 10px 0;
}
.arc-box {
    padding: 0px;margin:0 0 50px 0;
}
.arc-inner {
    /*border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;*/
    margin-top: -10px;
    padding: 15px;
    height: 140px;
}
input#search-input {
    width: 85%;
    padding: 20px;
}
input#search-input {
    width: 80%;
    padding: 20px;
}
button.search-btn {
    padding: 18px 0px;
    width: 19%;
}
section#search-are {
    display: block;
    padding: 10px 15px 30px;
}

.artistlist {display:flex;justify-content: space-between;flex-wrap: wrap;}
.artistlist .col-xs-6 {padding:0 15px 30px 15px;margin:0 0 40px 0;}