/* all page */
/* color */
.txt_white{color: #24191E;}
.txt_color1{color: #FDFCE6;} /* メインカラー */
.txt_color2{color: #333;} /* サブカラー */
.txt_color3{color: #9ECB9A;} /* アクセントカラー1 */
.txt_color4{color: #D8973C;} /* アクセントカラー2 */

/* background-color */
.bg_color1{
    background-image: url("./Dup/img/pixta_34939441_XL3.jpg");
    background-color: #FDFCE6;
    background-size: 480px 480px;
} /* メインカラー */
.bg_color2{background-color: #a3a7b5} /* サブカラー */
.bg_color3{background-color: #9ECB9A;} /* アクセントカラー1 */
.bg_color4{background-color: #cedff1} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #FDFCE6;}
.border_color2{border-color: #D8973C;}
.border_color3{border-color: #9ECB9A;}
.border_color4{border-color: #9ECB9A;}

.hvr_bg_color2:hover {
    background-color: #d8973c;
}


h2,h3,h4{
	font-family: 'M PLUS Rounded 1c', sans-serif;
}


.linkStyle{
    color: #9ECB9A;
}
.linkStyle:hover{
    text-decoration: underline;
}


/* top */


/* header */

#main_menu ul li a {
    color: #D8973C;
}


#main_menu.fixed {
    background-color: rgba(158,203,154,0.6);
}
#main_menu.fixed ul li {
    background-image: none;
	padding-top: 0;
}
#main_menu.fixed ul li a {
    color: #fff;
}



#fixed_right_banner .sns_link{
	position: relative;
	border: none;
	border-radius: 0 0 0 5px;
}
#fixed_right_banner .sns_link::before{
	content: "";
	background-image: url("./Dup/img/mimi.png");
	background-repeat: no-repeat;
	background-size: 40px;
	width: 40px;
	height: 50px;
	position: absolute;
	top: -15px;
	right: 0;
	z-index: -1;
}


.tail{
	position: absolute;
    bottom: -85px;
	right: 25px;
    z-index: -1;
}
.catcat{
	width: 70px;
}
.cat_tail {
  transform-origin: 100% 0%;
  animation: cat-tail 1500ms ease-in-out 0s infinite alternate;
}

@keyframes cat-tail {
  0% {
    transform: translate(0, 0) rotate(-5deg);
  }
  50% {
    transform: translate(3%, 0%) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(-5deg);
  }
}



/* main img */
#main_img{
	position: relative;
}
#main_img::before{
	content: "";
	background-image: url("./Dup/img/300.png");
	background-repeat: no-repeat;
	background-size: 500px;
	width: 500px;
	height: 400px;
	position: absolute;
	bottom: -70px;
	left: -185px;
	z-index: 10;
}
#main_img::after{
	content: "";
	background-image: url("./Dup/img/400.png");
	background-repeat: no-repeat;
	background-size: 400px;
	width: 400px;
	height: 350px;
	position: absolute;
	top: -30px;
	right: -160px;
	z-index: 10;
}



/* main */
#aisatsu{
	background-image: none !important;
	position: relative;
}

#aisatsu > div {
    background-color: transparent !important;
	padding-top: 10px;
}

/* 肉球 */
.dec {
    width: 35px;
}
#dec1, #dec3, #dec5, #dec7 {
    margin-left: 45%;
    margin-top: 5px;
    margin-bottom: 5px;
}
#dec2, #dec4, #dec6, #dec8 {
    margin-left: 48%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.svg_box .dec {
    opacity: 0;
}
svg {
    fill: currentColor;
}
svg:not(:root) {
    overflow: hidden;
}



/* contents */
#top_contents{
	position: relative;
	background-image: url("./Dup/img/haikei9.png");
	background-repeat: repeat-y;
	background-size: 100%;
	padding-bottom: 30px;
}


#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
    background-image: none !important;
	background-color: #f1e0c7;
	padding: 15px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.contents_box2{
	background-image: url("./Dup/img/contents6.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 25px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

#top_contents .contents_img{
	box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.contents_box::before {
    display: none;
}
.contents_box::after {
    display: none;
}
.contents_box2::before {
    display: none;
}
.contents_box2::after {
    display: none;
}




/* topcms */
#top_cms{
	margin-top: 150px;
}
#CMS_TITLE1{
	background-color: rgba(255,255,255,0.50);
	position: relative;
	padding: 20px;
}
#CMS_TITLE1 .border_white{
	border: none;
	padding: 20px;
}
#CMS_TITLE2{
	background-color: rgba(255,255,255,0.50);
	position: relative;
	padding: 20px;
}
#CMS_TITLE2 .border_white{
	border: none;
	padding: 20px;
}
#CMS_TITLE3{
	background-color: rgba(255,255,255,0.50);
	position: relative;
	padding: 20px;
}
#CMS_TITLE3 .border_white{
	border: none;
	padding: 20px;
}
#CMS_TITLE4{
	background-color: rgba(255,255,255,0.50);
	position: relative;
	padding: 20px;
}
#CMS_TITLE4 .border_white{
	border: none;
	padding: 20px;
}
#CMS_TITLE5{
	background-color: rgba(255,255,255,0.50);
	position: relative;
	padding: 20px;
}
#CMS_TITLE5 .border_white{
	border: none;
	padding: 20px;
}

#top_cms .cms_title{
	padding-bottom: 0;
	padding-top: 40px;
}
#top_cms .cms_title h2::before {
    background: url("./Dup/img/pa1.png");
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 200px;
	height: 30px;
	top: -140px;
}
#top_cms .cms_title h2::after {
    display: none;
}


#top_cms .cate_box{
    text-align: left;
}




/* info */
#info_map{
	background-image: url("./Dup/img/footer4.png");
	background-size: auto;
	background-position: center;
	padding-top: 70px;
	padding-bottom: 70px;
}
#info_map > div{
	background-color: rgba(255,255,255,0.80);
	padding: 20px;
}




/* footer */
#page-top a{
	background-color: #9ECB9A;
	width: 55px;
	height: 55px;
	border-radius: 100%;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

#f_menu ul li a {
    color: #5b5b5b;
    letter-spacing: 1px;
}



/* under page */
#contents .cate_title{
    color: #fff;
}

#main_img2 .page_title{
    background-color: rgba(158, 203, 154, 0.40) !important;
}


/* cms1 */
.pager li a{
    background-color: #9ECB9A;
}
.pager li a span{
    color: #fff;
}

/* cms2 */

/* cms3 */
#cms_3-a .cate_title{
    color: #24191E;
}

#cms_3-a #cate0 > div{
    display: none;
}
#cms_3-a #cate0 .cate_txt1{
    border: none;
    padding: 0;
}


/* cms4 */

/* cms5 */

/* page7 */

/* page8 */
#contact_tel a{
    color: #212121 !important;
}


/* page9 */

/* page10 */
#page10 #contents ul li a{
    color: #212121 !important;
}
#page10 #contents ul li a span{
    color: #a3a7b5;
}

/* IE */
@media all and (-ms-high-contrast: none){
    .svg_box .dec svg{
        height: 40px;
    }
    
    #contact_tel a{
        padding-bottom: 25px;
    }
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#main_img{
		margin-bottom: 50px;
	}
	#main_img::before{
		background-size: 330px;
		width: 330px;
		bottom: -190px;
		left: -10px;
	}
	#main_img::after{
		background-size: 250px;
		width: 250px;
		top: 0;
		right: 0;
	}
	
	#aisatsu > div {
		padding-bottom: 0;
	}
	
	#top_contents{
		padding-bottom: 0;
	}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	#main_img::before{
		background-size: 200px;
		width: 200px;
		bottom: -270px;
	}
	#main_img::after{
		background-size: 170px;
		width: 170px;
		top: -10px;
		right: -10px;
	}
	
	#dec1, #dec3, #dec5, #dec7 {
		width: 25px;
	}
	#dec2, #dec4, #dec6, #dec8 {
		width: 25px;
	}
	
	#contact_tel a{
	    padding: 20px;
	}
	
	
	#page10 #contents ul li a{
	    letter-spacing: 1px;
	}
}