﻿/* all page */
.font_serif{
	font-family: 'Kiwi Maru', serif;
}

.linkStyle{
    color: #333;
    text-decoration: underline;
}

/* top ----------------*/

/* header */
#header h1 a img{
	max-width: 200px;
}
nav ul{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
nav ul li a{
	width: auto;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

/* main img */
#main_img{
	position: relative;
}
#main_img::before{
	content: "";
	background-image: url("./Dup/img/neko6.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 200px;
	width: 200px;
	height: 200px;
	position: absolute;
	bottom: 0;
	left: -7vw;
}

/* topcms1 */
#top_cms1 .cms_1-a .box_img1{
	border-radius: 5px;
}

/* main */

/* intro */
#intro .intro_title {
    width: 350px;
    height: 200px;
    top: -15vh;
	border-radius: 300px 300px 0 0;
	z-index: -1;
}
#intro .intro_title::before {
	content: "";
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 100px 100px 0 0;
	border-color: #44bbac transparent transparent transparent;
	position: absolute;
	top: 1vh;
	left: 3vh;
	transform: rotate(5deg);
}
#intro .intro_title::after {
	content: "";
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 100px 100px 0;
	border-color: transparent #44bbac transparent transparent;
	position: absolute;
	top: 1vh;
	right: 3vh;
	transform: rotate(-5deg);
}
#intro h3{
	position: relative;
}
#intro h3::before{
	content: "";
	background-color: #fff;
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translate(-50%,0);
}

/* contents */
#contents1_txt{
	position: relative;
}
#contents1_txt::before{
	content: "";
	background-image: url("./Dup/img/neko2.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 140px;
	width: 140px;
	height: 160px;
	position: absolute;
	bottom: -20px;
	right: 0px;
}

#contents2{
	position: relative;
}
#contents2::before{
	content: "";
	background-image: url("./Dup/img/neko5.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 200px;
	width: 200px;
	height: 200px;
	position: absolute;
	bottom: 10px;
	left: 35vw;
}
#contents2 figure img{
	border-radius: 15px 0 0 15px;
}

#contents_links .box:nth-of-type(1) h3{
	position: relative;
}
#contents_links .box:nth-of-type(1) h3::before{
	content: "";
	background-image: url("./Dup/img/neko3.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 180px;
	width: 180px;
	height: 180px;
	position: absolute;
	bottom: -50px;
	left: -100px;
}
#contents_links .box:nth-of-type(2){
	position: relative;
}
#contents_links .box:nth-of-type(2)::before{
	content: "";
	background-image: url("./Dup/img/neko4.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: 150px;
	width: 150px;
	height: 150px;
	position: absolute;
	top: -80px;
	left: 50%;
	transform: translate(-50%,0);
}
#contents_links .box:nth-of-type(3){
	position: relative;
}
#contents_links .box:nth-of-type(3)::before{
	content: "";
	background-image: url("./Dup/img/neko1.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: 150px;
	width: 150px;
	height: 150px;
	position: absolute;
	top: -10px;
	right: -70px;
}

/* topcms */

/* footer */

/* under page */
#cms figure a img{
    border-radius: 10px;
}
#cms .cate_img1{
    border-radius: 10px;
}
#cms .cate_box figure{
    border-radius: 10px;
}

/* cms1 */

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */

/* page7 */

/* page8 */
#tel_contact div p a{
    color: #333;
    text-decoration: underline;
}

/* page9 */

/* page10 */
#page10 ul li a .title {
    padding: 10px 19px;
}

/* IE */
@media all and (-ms-high-contrast: none){
    #cms_2-b .cate .cate_title{
        padding-top: 10px !important;
    }
    #cms_6-b .cate .cate_title{
        padding: 5px !important;
    }
    #cms_5-a .cate .cate_title{
        padding-top: 5px;
    }
    #cms_5-a .cate .cate_title span:last-of-type{
        padding-top: 5px !important;
    }
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    #menu_wrap ul li a{
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
	#main_img::before {
		background-size: 180px;
		width: 180px;
		height: 180px;
		bottom: -60px;
		left: 10px;
	}
	#intro .intro_title {
		width: 330px;
		height: 180px;
		top: -11vh;
	}
	#contents1_txt::before {
		background-size: 130px;
		width: 130px;
		height: 150px;
		bottom: -100px;
	}
	#contents2{
		margin-bottom: 150px;
	}
	#contents2 > div > div.pd_50px{
		padding-top: 0;
	}
	#contents2::before {
		bottom: -110px;
		left: 10px;
	}
	#contents2 figure img {
		border-radius: 0;
	}
	#contents2 figure {
		border-radius: 15px;
	}
	#contents_links .box:nth-of-type(1) h3::before {
		background-size: 160px;
		width: 160px;
		height: 160px;
		left: -90px;
	}
	#contents_links .box:nth-of-type(3)::before {
		top: 0;
		right: -90px;
	}
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	#main_img::before {
		background-size: 130px;
		width: 130px;
		height: 130px;
		bottom: -260px;
		left: 0;
	}
	#intro{
		padding-top: 70px;
	}
	#intro .intro_title {
		top: -20vh;
	}
	#intro .intro_title::before {
		border-width: 80px 80px 0 0;
		top: 2vh;
		left: 4vh;
	}
	#intro .intro_title::after {
		border-width: 0 80px 80px 0;
		top: 2vh;
		right: 4vh;
	}
	#contents1_txt::before {
		background-size: 120px;
		width: 120px;
		height: 140px;
		bottom: -110px;
		right: -20px;
	}
	#contents2 figure {
		border-radius: 0;
	}
	#contents_links .box {
		margin-bottom: 50px;
	}
	#contents_links .box:nth-of-type(2)::before {
		background-size: 120px;
		width: 120px;
		height: 120px;
		top: -60px;
	}
	#contents_links .box:nth-of-type(3)::before {
		background-size: 130px;
		width: 130px;
		height: 130px;
		top: -30px;
		right: 0;
	}
	
    #page_title > div{
        padding: 40px;
    }
	
}
