/*!
Theme Name: succubustokyo
Theme URI: succubustokyo
Description: succubustokyo
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: succubustokyo
*/

.story-page p span{display: block;}
.story-page .text-center{width: 100%;}
.shop-page .card-section .system .system-text span{display: block;}
.shop-page .card-section .system .system-text { line-height: 25px;padding: 0px 0 0; margin: 0;}
.shop-page .card-section a { text-decoration: none; }
.shop-page .card-section a:hover .menu-subheading {color: #fff;}
.shop-events { height: 240px; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;border-bottom: 3px solid #fff;}
.recruit-logo-wrapper img, .story-logo-wrapper img {max-width: 100px;}
.home-page .third-section .card.card2 {height: 365px !important; }
.content-page .box img { max-width: 100%;width: 100%; height: auto;}
.imagewrapper-size{max-width: 100px;}
.recruit-page h2 {color: #fff;}
.recruit-page ul li {color: #fff;}
.shop-addresss-wrapper{height: 480px;display: flex;flex-direction: column;justify-content: space-between; align-items: center;max-width: 520px;}

.shop-addresss-wrapper .main-text {font-size: 28px !important;line-height: 35px !important;text-transform: uppercase;}
.shop-address-details li { list-style: none;}
.shop-addresss-wrapper ul.text.business-hours { padding: 0; width: 400px;}
.shop-addresss-wrapper ul.text.business-hours li:nth-child(odd) { float: left; clear: left; width: 50%;}
.shop-addresss-wrapper ul.text.business-hours li:nth-child(even) { float: right; width: 50%; clear: right;}
.shop-addresss-wrapper p.main-text.access { padding-top: 20px;}
.iframe-section iframe { height: 480px; width: 480px;}
.shop-address-details ul.text{padding: 0 15px;}
.menu-subheading-wrapper ul{padding: 25px 0;}
.menu-subheading-wrapper li{list-style: none;font-size: 20px;line-height: 30px;}
.menu-subheading-wrapper li .fas {color: green;padding-right: 10px;}
.system-info{display: flex;flex-direction: column;justify-content: center; align-items: center;}
.system-info .system_image{padding: 0;}
.shop_bussiness_dadsad{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 19px 0 !important;}
.shop-addresss-wrapper .main-text{margin: 0;}
.text-decoration-none{text-decoration: none !important;}



.contetnsection .hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  z-index: 10;
  mix-blend-mode: inherit !important;
  height: auto !important;
  min-height: 350px;
  max-height: 350px;
}

.contetnsection .hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.contetnsection .hovereffect img {
  /* display: block; */
  /* position: relative; */
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  max-width: 100%;
  height: auto;
   position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.contetnsection .hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translatey(-100px);
  -ms-transform: translatey(-100px);
  transform: translatey(-100px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 10px;
}

.contetnsection .hovereffect a.info {
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 0;
  padding: 7px 14px;
  font-size: 20px;
  line-height: 40px;
  position: relative;
  top: 35%;
}

.contetnsection .hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.contetnsection .hovereffect:hover img {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  max-width: 100%;
  height: auto;
}

.contetnsection .hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}

.contetnsection .hovereffect:hover h2,
.contetnsection .hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translatey(0);
  -webkit-transform: translatey(0);
  transform: translatey(0);
}

.contetnsection .hovereffect:hover a.info {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.events-section__news-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.events-section__news-wrapper .header{
    font-weight: bold;
    font-size: 36px;
    line-height: 24px;
    text-align: center;
    color: rgba(255, 255, 255, 0.85);
}

.events-section__news-wrapper .read-more{
    border: 4px solid #33e9e9;
    box-shadow: 0px 0px 12px #33e9e9, inset 0 0 15px #33e9e9;
    -moz-box-shadow: 0px 0px 12px #33e9e9, inset 0 0 15px #33e9e9;
    -webkit-box-shadow: 0px 0px 12px #33e9e9, inset 0 0 15px #33e9e9;
    padding: 3px 15px;
    border-radius: 5px;
    font-weight: bold;
}

.events-section__news-wrapper .read-more:hover{
    color: #fff;
}

span .d-block{display: block}

.cast-bgimage{
    height: 317px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    
}

.cast-bgimage1{
    height: 404px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.cast-bgimage__transition{
    position: relative;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.cast-bgimage__transition:hover{
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

ul.list-unstyled.icon-social.socila_links {
    margin-top: 30px;
    margin-bottom: 35px;
}

ul.list-unstyled.icon-social.socila_links li {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
}

ul.list-unstyled.icon-social.socila_links li a{
    font-size: 19px;
}

ul.list-unstyled.icon-social.socila_links li a:nth-child(1) {
    padding-left: 20px;
}

ul.list-unstyled.icon-social.socila_links li a:nth-child(2) {
    padding-left: 8px;
}

.news\&event {
    height: 155px;
    width: 155px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.txt-center {
    text-align: center;
}

.footer p a:hover {
    color: #33e9e9;
}

ul#navbarNavDropdown li a{
    font-weight: bold;
    text-decoration: underline;
}

ul.menu-subheading-wrapper.mx-auto.morrigan-menu-highlights li {
    display: flex;
    justify-content: space-between;
}
ul.menu-subheading-wrapper.mx-auto.morrigan-menu-highlights {
    display: table;
    margin: auto;
}

p.main-text.access.text-content-morrigan > span {
    padding-bottom: 20px;
}
.shop_bussiness_dadsad.text-content-wrapper-morrigan {
    margin-bottom: 2.5em;
}
.company-info {
    width: 90vw;
    color: #fff;
    padding: 40px 0 0;
}
.company-info td ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.comp-desc h3,
.comp-desc h4,
.comp-desc h2{
    font-size: 15px;
}
.comp-desc {
    text-align: left;
    padding: 0 0 10px;
}
.company-info .table td, .company-info .table th{border: none;}
.company-info td.bg-color{color: #fff;background: #532d93;}
.company-info .table{
    border-collapse: separate;
    border-spacing: 0px 6px; 
    /* color: #000; background: #FFFDEE; padding: 20px 28px; border-radius: 11px; */
        border: 7px solid #fb37ff;
    mix-blend-mode: plus-lighter;
    box-sizing: border-box;
    position: relative;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 30px;
    padding: 30px;
    color: white;
    box-shadow: 0px 0px 15px #fb37ff, inset 0 0 15px #fb37ff;
    -moz-box-shadow: 0px 0px 15px #fb37ff, inset 0 0 15px #fb37ff;
    -webkit-box-shadow: 0px 0px 15px #fb37ff, inset 0 0 15px #fb37ff;
    }
/* 
@media(min-width: 1100px){
   .shop-page .slick-slide{position: relative;height: 90vh;}
   .shop-page .slick-slide img{position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0;}
} */
.frame-border8 {
    border: 8.36667px solid #006400;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0px 0px 8px #00ff00, inset 0 0 15px #00ff00;
    -moz-box-shadow: 0px 0px 8px #00ff00, inset 0 0 15px #00ff00;
    -webkit-box-shadow: 0px 0px 8px #00ff00, inset 0 0 15px #00ff00;
}
@media(max-width: 1100px){
    .iframe-section iframe { height: 480px; width: 100%; padding-bottom: 30px;}
    .shop-addresss-wrapper ul.text.business-hours {padding: 0; width: 100%;}
    .shop-addresss-wrapper .main-text{font-size: 20px !important;line-height: 30px !important;}
    .shop-address-details ul.text{padding: 20px;}
    .menu-subheading-wrapper li{font-size: 15px;line-height: 25px;}
    .home_text{font-size: 18px !important;line-height: 30px !important;}
    .home_text img{margin-bottom: 0 !important;}
    .shop-address-details{width: 100%;}
    .txt-center {text-align: left;}
    .shop-page .sixth-section .frame .frame-border1,
    .shop-page .sixth-section .frame .frame-border2,
    .shop-page .sixth-section .frame .frame-border3{
        width: 100%;
    }
    .shop-addresss-wrapper {
        max-width: 100%;
        width: 96%;
        margin: auto;
        padding-right: 0;
    }
    .comp-desc {padding: 0 0 20px;}
}

@media (min-width: 768px) and (max-width: 1100px){
    .shop-addresss-wrapper ul.text.business-hours, .shop-address-details ul.text {font-size: 13px !important;line-height: 20px !important;}
}

@media(min-width: 1280px){
    .shop-addresss-wrapper{min-width: 480px;}
}

@media(min-width: 1025px) and (max-width: 1200px){
   .contetnsection .hovereffect, .system-info{
       width: 100% !important;
    }
}

@media(max-width: 767px){
    .company-info td.bg-color{
         width: 100%;   
    }
    .company-info table tr{
        display: flex;
        flex-flow: column;
    }
  .padding-0{
    padding-right:0;
    padding-left:0;
   }
   .cast-bgimage1{height: 280px;}
       .d-inline-flex.news\&eventswrapper {
        display: block !important;
    }
    .news\&event{
        margin: auto;
    }
    .d-inline-flex.news\&eventswrapper .heading {
        text-align: center;
    }
}


/* call to action */
.desktop-img {
    display: block;
}

.mobile-img {
    display: none;
}

.call-to-action-area{
	width:1100px;
	text-align: center;
	margin: 0 auto;
	padding-top: 3rem;
}

.call-to-action-area a img{
	width: 100%;
    height: auto; /* Maintain aspect ratio */
    padding-left: 1.75%;
    padding-right: 1.75%;
}
@media (min-width: 576px) {
    .call-to-action-area {
        width: 521px;
    }

    .call-to-action-area a img{
        padding-left: 3.333%;
        padding-right: 3.333%;
    }
}
@media (min-width: 768px) {
    .call-to-action-area {
        width: 694px;
    }

    .call-to-action-area a img{
        padding-left: 3.125%;
        padding-right: 3.125%;
    }
}
@media (min-width: 992px) {
    .call-to-action-area {
        width: 926px;
    }
    .call-to-action-area a img{
        padding-left: 1.77%;
        padding-right: 1.77%;
    }
}

@media (min-width: 1200px) {
    .call-to-action-area{
        width:1100px;
    }
}

@media (max-width: 768px) {
    .desktop-img {
        display: none;
    }
    .mobile-img {
        display: block;
    }
    .call-to-action-area{
        padding-top: 20px;
	}
}

@media (max-width: 575px) {
    .call-to-action-area{
		width:96.5%;
	}
    .call-to-action-area a img {
        padding-left: 1.75%;
        padding-right: 1.75%;
    }
    .instagram-image{
        width: 170px !important;
        height: 100% !important;
        margin: 0 auto !important;
    }
}