@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Train+One&display=swap');

body{
        font-family: 'Zen Maru Gothic', sans-serif;
        line-height: 1.8;
}

body, .txt_color_nomal {
    color: #727272;
}

.menu .nav li span.nav1{
    font-family: 'Train One', cursive;
    font-size: -webkit-calc(1rem + 0px);
    font-size: calc(1rem + 0px);
    letter-spacing: 0.25em;
    color: #afafaf;
}

.bg_color4 {
    background-color: #f7f7f7;
}

footer {
    /*background-color: #7c7c7c;*/
    background-color: #d3d1d1;
        background-image: url(./Dup/img/foot_back.png);
    background-position: 90% 50%;
    background-repeat: no-repeat;
    background-size: 50%;
}

.t_cms_img2 .img-container:before {
    /*background: #2ea7e0;*/
    background: #dcefff;
}

.other .box:hover {
    background-color: #41c2ff;
}

.border_color1 {
    border-color: #a4eef5;
}

.cate_list li {
    width: auto;
}

.hvr_txt_color1:hover {
    color: #2ea7e0;
}

.txt_color1 {
    color: #707070;
}

.border_color3 {
    border-color: #f7a4ce;
}

.txt_color3 {
    color: #e4007f;
}

.bg_color1 {
    background-color: #50a9d9;
    background-color: #4ba8de;
}

.hvr_border_color3:hover {
    border-color: #e50883;
}
.hvr_bg_color3:hover {
    background-color: #ffe7f4;
}

#contents{
    position: relative;
    z-index: 9;
    background-color: transparent;
}

.img-container:before {
    /*background: #2ea7e0;*/
    background: #dcefff;
}

#wrap{
    position: relative;
}

header.all_header{
    display: none;
}

/*#loading:before{
        content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/red.png);
    background-position: 0 0;
    background-repeat: repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 10% 20%;
    pointer-events: none;
    animation: bgiLoop 30s linear infinite;
    z-index: 2;
}

#loading:after{
        content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/blue.png);
    background-position: 0 0;
    background-repeat: repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 5% 10%;
    pointer-events: none;
    animation: bgiLoop2 30s linear infinite;
    z-index: 2;
}*/

/*#contents .before{
        content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/red.png);
    background-position: 0 0;
    background-repeat: repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 10% 20%;
    pointer-events: none;
    z-index: 0;
}

#contents .after{
        content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/blue.png);
    background-position: 0 0;
    background-repeat: repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 5% 10%;
    pointer-events: none;
    z-index: 0;
}*/

 .all_page .before{
        content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/red.png);
    background-position: 0 0;
    background-repeat: repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 10% 20%;
    pointer-events: none;
    animation: bgiLoop 15s linear infinite;
    z-index: 0;
}

 .all_page .after{
        content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/blue.png);
    background-position: 0 0;
    background-repeat: repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 5% 10%;
    pointer-events: none;
    animation: bgiLoop2 15s linear infinite;
    z-index: 0;
}

@keyframes bgiLoop {
    0% { background-position: 0 0;}
  100% { background-position: 0 -100%;}
}

@keyframes bgiLoop2 {
    0% { background-position: 0 -100%;}
  100% { background-position: 0 0;}
}


#dec1 {
    margin: auto;
    margin-right:10%;
}

.dec {
    width: 15%;
}

#dec2, #dec3{
    margin: auto;
    max-width: 70px;
    margin-top: -2%;
}

#dec1, #dec6{
    min-width: 130px;
}

#dec2{
    margin-right:10%;
}

#dec3{
    margin-right:17%;
}

#dec5, #dec6, #dec7{
    margin: auto;
    margin-left: 30%;
} 

#dec5, #dec7{
    max-width: 60px;
    margin-left: 46%;
}

#dec5{
    margin-left:33%;
}

/*#top_cms.bg_color2{
        background-image: url(./Dup/img/tate_back.jpg);
    background-position: right center;
    background-size: contain;
}*/

.all_page.bg_color4{
        background-image: url(./Dup/img/tate_back.jpg);
    background-position: left center;
    background-size: auto;
    background-image: url(./Dup/img/back.jpg);
}



.main_img:before{
    content: "";
    display: block;
    width: 25%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/logo_t.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

#video span{
    content: "";
    display: block;
    width: 100%;
    height: 150%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/en.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%) scale(1.2);
    transform: translate(-50% , -50%) scale(1.2);
    background-size: 100%;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    min-width: 1100px;
}


.anime{
    animation: test 0.5s ease-out 0.1s 1 normal forwards;
}

.cate_wrap, #page7 .box_wrap, #page8 .henko, #page8 #tel_CONTACT, #page8 #tel_CONTACT2, #page9 .box_wrap, #page9 .top_txt, #page10 ul.d_flex{
     background-color: rgba(255,255,255,0.7);
    padding: 20px;
}


.cms_wrap.width_1280-max{
    background-color: rgba(255,255,255,0.7);
    padding: 40px 30px;
}

@keyframes test {
  0% {
opacity:0;
  }

  25% {
opacity:1;
transform: translate(-50% , -50%) scale(1);
  }

50% {
opacity:1;
transform: translate(-50% , -50%) scale(1);
  }

  100% {
opacity:1;
transform: translate(-50% , -50%) rotate(10deg) scale(1);
  }
}

#page_title_box p > span{
    background-color:rgba(255,255,255,0.4);;
}

#footer .svg_box{
    display: none;
}


.svg_box{
    position: relative;
    z-index: 1;
}


#contents .box figure {
    position: relative;
    z-index: 1;
}

#contents .box .txt_wrap {
    position: relative;
    z-index: 2;
}

.linkStyle{
    color:#2ea7e0;
}

#loading_line .line2 {
    background-color: #f9d7e6;
    background-color: #f9e6fb;
}

/*-----20211018 correct start--------*/

.svg_box, .svg_box2{
    display: none;
}

#top_cms:before, .all_page:before {
    background-image: url(./Dup/img/back.jpg);
    background-size: cover;
    background-position: center;
    display: none;
}

.all_page.bg_color4, #luxy{
    /*background-image: url(./Dup/img/back_re.jpg);
    background-size: cover;*/
   background: linear-gradient(45deg, #fddcf3,#fff2fb,#cff6f9);
    background-size: 200% 200%;
    animation: gradient 10s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.all_page .menu {
    position: relative;
}

.is-fixed {
    position: fixed !important;
    transition: 0.5s;
}

footer .txt_white{
        color: #3e3e3e;
}

#loading_line .line.bg_color1{
        background-color: #e1f8ff;
}

#contents .box figure{
    color:#ff50b2;
}

.other .box {
    background-color: rgb(255, 255, 255, 0.45);
}

#top_cms:before {
    height: 61%;
}

#video span{
    content: none;
    display: none;
}

/*#top_cms.bg_color2 {
    background-image: url(./Dup/img/back_re.jpg);
    background-position: center;
    background-size: cover;
    background-color: transparent;
}*/

.other{
    width: 90%;
    margin: auto;
}

/*-----20211018 correct end--------*/

/*--------20211026 correct start--------*/

#top_cms.bg_color2{
    background-color: transparent;
}

#loading_logo {
    max-width: 300px;
}

#contents .box figure:after {
    width: 95%;
    height: 60%;
    border: none !important;
    background-size: contain;
    background-image: url(./Dup/img/moyo.png);
    background-position: top left;
    opacity: 1;
    z-index: -1;
    -moz-transform: translateY(10%) !important;
    -webkit-transform: translateY(10%) !important;
    -ms-transform: translateY(10%) !important;
    transform: translateY(10%) !important;
    right: 25% !important;
}

.all_page .before {
    background-image: url(./Dup/img/con_back.png);
    background-size: 40px;
    pointer-events: none;
    animation: none;
    z-index: 0;
}

.all_page .after{
    content: none;
    background-image:none;
}

#page_title .page_title_box {
    font-family: 'Train One', cursive;
}

.page_title_box p{
    color: #a5a4a4;
}

/*--------20211026 correct end--------*/

/*---------------20211104 correct start-------------*/

/*.sns_links {
     margin-left: 0; 
    position: fixed;
    top: 100px;
    right: 0;
    margin-right: 50px;
    z-index: 10;
}*/

.sns_links {
    margin-left: 0;
    position: fixed;
    bottom: 80px;
    right: 0;
    margin-right: 0px;
    z-index: 10;
}

.sns_links li {
    max-width: 30px;
}

/*---------------20211104 correct end-------------*/


/*---------20211115 correct start---------*/
.t_cms_txt2, .t_cms_txt5, .t_cms_txt8{
    display: none;
}
/*---------20211115 correct end---------*/

/*--------20211124 correct start----------*/

.tuika h3{
        border-bottom: 1px dotted gray;
    padding-bottom: 10px;
    color: #4ba8de;
    font-size: 20px;
}

.tuika h3, .tuika h4{
    font-weight: bold;
}

.tuika h4{
    color: #cf5b9d;
}

/*--------20211124 correct end----------*/

/*--------20211124 correct start----------*/

.other .box {
    height: 220px;
}

#contents{
    padding-top: 0px;
    padding-bottom: 15%;
}

#contents .box_wrap .box.mg_b-50px{
    margin-bottom: 0%;
}

#contents .box_wrap .box.mg_b-50px.mg_t-50px{
        margin-bottom: 10%;
    margin-top: 10%;
}

#contents .box_wrap div .masi{
        background-image: url(./Dup/img/ks_back1.png);
    background-size: auto;
    padding-top: 15%;
    padding-bottom: 15%;
    background-repeat: repeat;
}

#contents .box_wrap div .masi2{
        background-image: url(./Dup/img/ks_back2.png);
    background-size: auto;
    padding-top: 15%;
    padding-bottom: 15%;
    background-repeat: repeat;
}

/*--------20211124 correct end----------*/


/*--------20211208 correct start--------*/

#cms_4-a .cate_box h4.box_txt{
        color: #7f817f;
}

#page-top {
    right: 50px;
}

.sns_links {
    margin-right: 30px;
}

.sns_box {
    padding-left: 30px;
}

/*--------20211208 correct end--------*/

/*---------20211210 correct start----------*/

.page2 span.before, .page4 span.before, .page6 span.before, .page8 span.before, .page10 span.before{
    background-image: url(./Dup/img/ks_back1.png);
    background-size: auto;
}

.page3 span.before, .page5 span.before, .page7 span.before, .page9 span.before{
    background-image: url(./Dup/img/ks_back2.png);
    background-size: auto;
}

.order_link{
    text-align: right;
    margin-top: 20px;
}

.order_link a{
        color: #4ba8de;
        border-bottom: 1px solid #f0f0f0;
}

.order_link a:hover{
    border:none;
}

#cms_5-a .cate {
    padding-top: 100px;
    margin-top: -100px;
}

/*---------20211210 correct end----------*/

/*-------20211214 start------*/

#map, #tel_CONTACT, .page04 .cate_list{
    display: none;
}

#cms_5-a .cate .cate_title {
    cursor: auto;
    display: block;
    position: relative;
    z-index: 2;
}

.nav2{
    display: none;
}

.cms_title p.font_2up{
    display: none;
}

/*-------20211214 end------*/

/*-------20211215 start-------*/

.other_link_wrap .posi_center div.posi_center{
    top:48%;
}

/*-------20211215 end-------*/

.picni figure{
    margin-right: 10px;
}


/*-------20220114 start---------*/

.border_so3-l {
    border-left: 1px solid;
}

.cate_list {
    border-bottom: 1px solid #d3d1d1;
}

.border_color3 {
    border-color: #d3d1d1;
}

.border_color1 {
    border-color: #d3d1d1;
}

#cms_5-a .box_wrap{
    border:none;
}

.border_color2 {
    border-color: #d3d1d1;
}

.border_color4 {
    border-color: #d3d1d1;
}

#cms_5-a .box_wrap .cate_box{
    border:none;
}

/*-------20220114 end---------*/


/*---------20220218 correct start--------*/

#contents .box figure {
    width: 40%;
}

#top_cms .top_cms_wrap {
    padding-bottom: 20px;
}

#contents {
    padding-bottom: 20px;
}

#cms_5-a h3 span{
    letter-spacing: 0;
}

#cms_5-a h3 span i{
    display: none;
}

/*---------20220218 correct end--------*/


/*------20220316 correct start------*/

#cms_1-f .date{
    color:#e4007f;
}

/*------20220316 correct end------*/


@media all and (-ms-high-contrast: none){
  #dec2, #dec3 {
    margin-top: 20px;
}

.svg_box, #contents :not(:nth-child(1)).box {
    margin-top: 0px;
}

#contents .box:last-child{
    margin-top:10%;
}

}


@media screen and (max-width: 1000px){
    header #nav_menu{
		display: block;
		top: 0;
	}
	
	header .logo img {
    width: 140%!important;
}
	
	header.all_header{
    display: block;
}
	
}

@media screen and (max-width: 768px){
#contents .box figure:after {
    border: 155px solid;
}

.main_img_wrap{height: auto;margin-top:50px;}
.main_wrap{margin-top: 50vh;}

.other h2{
        font-size: -webkit-calc(1rem + 6px);
    font-size: calc(1rem + 6px);
}


#page-top {
    right: 20px;
}

.sns_links {
    margin-right: 0px;
}

.sns_box {
    padding-left: 0px;
}

footer {
    background-position: 110% 75%;
    background-size: 65%;
}

}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.main_wrap{margin-top: 35vh;}
#video{height: 30vh;}

#dec5{
    display: none;
}

#dec6{
    margin-top:50px;
}

.cms_wrap.width_1280-max {
    padding: 0px;
}

#contents .box figure:after {
    transform: none !important;
}

.top_page #header {
    padding-top: 8px ;
}

.sns_links {
    margin-right: 28px;
    z-index: 10;
}

#contents .box:nth-child(3) figure {
    margin-top: 30px;
}

.all_header #header{
    padding-top:0 !important;
}

#page_title .img-container:after {
    background-color: rgba(157, 226, 233, 0.4);
}

.all_header #header #nav_menu{
    top:-6px;
}

#contents .box_wrap .txt_wrap p:nth-child(2){
        letter-spacing: 0.1em;
}

#contents .box .txt_wrap {
    padding-left: 0;
}


.picni figure{
    margin-right: 0px;
}





/*--------20220218 correct start--------*/

#contents .box figure {
    width: 90%;
}

#contents .box_wrap div .masi2 {
    padding-top: 5px;
    padding-bottom: 25px;
}

#contents .box_wrap .box.mg_b-50px.mg_t-50px {
    margin-bottom: 45px;
    margin-top: 45px;
}

#cms_1-c .cate_box {
    margin: 20px;
    padding: 20px 0;
}

.sp_only{
    padding: 20px 0;
}

.all_page{
    padding-bottom: 40px;
}

.all_page .sns_box {
    padding-top: 0px;
    padding-bottom: 0px;
}

.all_page.page2, .all_page.page4{
    padding-bottom: 0;
}

#cms_4-a .cate {
    margin-bottom: 0px;
}

#cms_4-a .cate_wrap{
    margin-top: 0;
}


.cate_list {
    margin-bottom: 0;
    padding: 20px 10px;
    
}

.cate_list li {
    margin-bottom: 0;
}

#cms_5-a .cate .cate_title {
padding: 20px 0;
}

#cms_1-f{
    padding-top: 10px;
}

/*--------20220218 correct end--------*/

/*----20220330 correct start----*/

.page2 #news_list{
        border: none;
    border-bottom: 1px solid #d3d1d1;
}

/*----20220330 correct end----*/

}