/*
 Theme Name:astra child
 Template:astra
*/

/*--------------------------トップページ----------------------------  */
body{
	background: #ff6189 !important;
}

/* pc版の時にモバイル版を非表示 */
@media screen and (min-width:769px) {
	.mobile{
		display: none !important;
		}
	}
/* モバイル版の時にpc版を非表示 */
@media screen and (max-width:768px) {
	.pc{
		display: none !important;
		}
	}
/* フッターコピーライト */
#colophon > div.site-below-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-2-lheavy.ast-builder-grid-row-tablet-full.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack > div > div > div.site-footer-below-section-1.site-footer-section.site-footer-section-1 > div > div > p{
	color: #FFF;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    background-color: var(--ast-global-color-8);
    background-image: none;
    border-style: solid;
    border-width: 0px;
    border-top-width: 0;
    border-top-color: var(--ast-global-color-6);
}

#ast-scroll-top{
	background-image: url('../img/bon/totop.webp?v=57c42762') !important;
/*     background-color: var(--ast-global-color-0); */
    font-size: 15px;
    font-size: 1rem;
	
}
#ast-scroll-top > span.ast-icon.icon-arrow > svg > path{
	display: none;
}
#ast-scroll-top {
    background-color: transparent !important;
    font-size: 15px;
    font-size: 3rem;
}
@media screen and (max-width:768px) {
.ast-scroll-to-top-right {
    right: 10px;
    bottom: 10px;
}
}
/*  */
/* #ast-scroll-top {
  animation: flash 1s ease infinite alternate;
}

@keyframes flash {
  50% {
    opacity: 0;
  }
}
 */
.flash {
	animation: flash 1s linear infinite;
}

@keyframes flash {
	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}

/* ヘッダーメニューのcss */
#menu-item-27 > a,#menu-item-4007 > a,#menu-item-4008 > a,#menu-item-4544 > a,#menu-item-4009 > a,#menu-item-5301 > a,#menu-item-5302 > a,#menu-item-5725 > a,#menu-item-5724 > a,#menu-item-5726 > a{
	color: #FFF;
	background: #ff6189 !important;
}
#ast-hf-mobile-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-4007 > a,#ast-hf-mobile-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-4008 > a,#ast-hf-mobile-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-4544 > a,#ast-hf-mobile-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-4009 > a,#ast-hf-mobile-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-5301 > a,#ast-hf-mobile-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-5302 > a{
	color: #FFF;
}

#ast-desktop-toggle-menu{
	background: #2B3650;
}

#ast-desktop-header > div.ast-above-header-wrap > div > div > div > div.site-header-above-section-right.site-header-section.ast-flex.ast-grid-right-section > div{
/* 	transition: all .3s cubic-bezier(0.55, 0.05, 0.22, 0.99) 0s;
    transition-property: transform, background;
    border: #000 solid 0.5rem;
    border-radius: 50%;
    background: #fff; */
}
.ast-theme-transparent-header .main-header-menu .menu-link {
    color: #FFF !important;
}

.ast-theme-transparent-header [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-outline {
    /* background: transparent; */
    background: #FFF;
}

.icon img {
	width: 60%;
}
.profile_icon img{
	width: 60%;
}

.contact_icon img{
	width: 50%;
}

@media screen and (max-width:768px) {
	.profile_icon img,.profile_icon2 img {
	width: 40%;
}
}

.btn img{
	width: 20%;
}
@media screen and (max-width:768px) {
	.btn img{
	width: 70%;
}
}

.btn img{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	cursor: pointer;
  animation: bounce 2s ease-in-out forwards;
  animation-iteration-count: infinite;
}

@keyframes bounce {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  50% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
}

.sample-img {
  cursor: pointer;
  max-width: 500px;
  position: relative;
  width: 100%;
}
.sample-img img {
  height: auto;
  width: 100%;
}
.hover-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    padding: 40px 30px;
}
.hover-mask:hover {
  opacity: 1;/* hoverしたら透過しない(表示させる) */
}

.hover-mask h4 {
	text-align: center;
	display: block;
	padding-top: 35%;
}
.hover-mask p {
	text-align: center;
	display: block;
}

/* ローディングアニメーションのcss */
#wptime-plugin-preloader {
  -moz-background-size: 300px 300px !important;
  -o-background-size: 300px 300px !important;
  -webkit-background-size: 300px 300px !important;
  background-size: 300px 300px !important;
}
@media screen and (min-width:769px) {
	#wptime-plugin-preloader {
  -moz-background-size: 460px 460px !important;
  -o-background-size: 460px 460px !important;
  -webkit-background-size: 460px 460px !important;
  background-size: 460px 460px !important;
}
}

/* お問い合わせフォームのアニメーションを逆再生にする */
#post-4745 > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-47432aa.elementor-section-content-middle.elementor-reverse-tablet.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div.elementor-container.elementor-column-gap-default > div.elementor-column.elementor-col-25.elementor-top-column.elementor-element.elementor-element-d432056 > div > div > div > img{
	animation-direction: reverse !important;
}

/* 吹き出し */
.box_re {
    position: relative;
    padding: 1rem;
    border-radius: 10px;
    border: 2px solid #333;
    border-bottom: 8px solid #333;
	background: #FFF;
	font-size: 20px;
}
@media screen and (max-width:768px) {
	.box_re {
	font-size: 15px;
	}
}

.box_re:before,
.box_re:after {
    position: absolute;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}

.box_re:before {
    top: 100%;
    border: 22px solid;
    border-color: transparent;
    border-top-color: #333;
    margin-left: -15px;
}

.box_re:after {
    top: 99%;
    border: 14px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -8px;
}

.box_re p {
    color: #333;
    line-height: 1.5;
}
#post-4745 > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-2q1t66v.elementor-section-content-middle.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div > div > div > section > div > div.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-81e86df > div > div.elementor-element.elementor-element-d2fc909.animated-slow.elementor-widget.elementor-widget-html.animated.fadeIn > div > div > p,#post-4745 > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-2q1t66v.elementor-section-content-middle.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div > div > div > section.elementor-section.elementor-inner-section.elementor-element.elementor-element-651f5f2.elementor-hidden-desktop.elementor-hidden-tablet.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-e48d4d5 > div > div.elementor-element.elementor-element-edc7975.animated-slow.elementor-widget.elementor-widget-html.animated.fadeIn > div > div > p{
	margin-bottom:0;
}

#post-4745 > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-b50fae5.elementor-section-height-min-height.elementor-section-content-middle.elementor-reverse-mobile.elementor-hidden-mobile.elementor-section-boxed.elementor-section-height-default.elementor-section-items-middle > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-3b476c3 > div > div.elementor-element.elementor-element-f3e73a5.elementor-widget.elementor-widget-heading > div > h2,#post-4745 > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-b50fae5.elementor-section-height-min-height.elementor-section-content-middle.elementor-reverse-mobile.elementor-hidden-mobile.elementor-section-boxed.elementor-section-height-default.elementor-section-items-middle > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-3b476c3 > div > div.elementor-element.elementor-element-815afe9.elementor-widget.elementor-widget-heading > div > h4,#post-4745 > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-8630f43.elementor-section-height-min-height.elementor-section-content-middle.elementor-reverse-mobile.elementor-hidden-desktop.elementor-hidden-tablet.elementor-section-boxed.elementor-section-height-default.elementor-section-items-middle > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-a472f4c > div > div.elementor-element.elementor-element-c991eac.elementor-widget.elementor-widget-heading > div > h2,#post-4745 > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-8630f43.elementor-section-height-min-height.elementor-section-content-middle.elementor-reverse-mobile.elementor-hidden-desktop.elementor-hidden-tablet.elementor-section-boxed.elementor-section-height-default.elementor-section-items-middle > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-a472f4c > div > div.elementor-element.elementor-element-24fb2c9.text_effect.elementor-widget.elementor-widget-heading > div > h4{
letter-spacing: 6px;
                   color: white;
                   text-shadow: -2px 0 black, 0 -2px black, 2px 0 black, 0 2px black,
                   2px 2px black, -2px -2px black, -2px 2px black, 2px -2px black,
                   4px 3px blue;
}
/* Works ページ css */
#jtg-6613 > a{
	display: none;
}

.modula .modula-item .figc p { 
	text-align: center; 
	font-weight: bold !important;
}
.modula .modula-items .figc .jtg-title { line-height: 15px;}
/* .modula .modula-items .modula-item img.pichover img  { opacity: 0.3 !important; } */
/* .modula-fancybox-is-open .modula-fancybox-bg { background-color: rgba(0, 0, 0, 0.8) !important;} */

 .page-id-6506 .ast-header-break-point #ast-mobile-header, .page-id-6506 #masthead {
    display: none;
}

.modula-fancybox-is-open .modula-fancybox-bg { background-color: white; }

/* .modula-gallery{ background-color: rgba(0,0,0,0.5); } */

#post-6506 > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-0bf6c73.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default{
/* 	background:#ff384c; */
}
#jtg-6613 .modula-item-content > a:hover{
	background-color: rgba(0, 0, 0, 0.8);
/*     -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease; */
	 z-index: 10;      
}

#jtg-6613 p{
	 z-index: 11;   
	pointer-events: none;
}
@media screen and (max-width:768px) {
	.modula .modula-item .figc p {
		font-size:14px !important;
		font-weight: bold !important;
	}
}