@charset "UTF-8";
/* CSS Document */

h3 {
	margin-bottom: 0;
}
#main {
	text-align: center;
	font-size: 15px;
}
#colorBg {
	background: #9f7ad1;
	padding-top: 0px;
}
#MainImage {
	padding: 0;
}

/*---------------------------section "about"---------------------------*/
#about {
	background: url(../about.html) no-repeat center;
	width: 100%;
	height: 104px;
	padding: 20px 0 ;
	text-align: center;
	margin: 20px 0;
}
#about p {
	color: #000;
	/*text-shadow: -1px -1px #fff,
				 1px -1px #fff,
				 -1px 1px #fff,
				 1px 1px #fff;*/
	margin: 10px 0 0 60px;
	line-height: 28px;
}

/*---------------------------section "whoAmy"---------------------------*/
#whoAmy h4 {
	color: #000;
	font-size: 32px;
	background: url(../png/border-2.png) no-repeat center bottom;
	background-size: 71%;
	padding-bottom: 18px;
	margin: 10px 0 0;
}
#whoAmy p {
	color: #000;
	margin: 10px;
}

.nichijo {
	background: #fff;
	padding: 40px 0 10px;
	margin-top: -20px;
}

div#main_who {
	position: relative;
	background: url(../png/main_who.png) no-repeat center bottom;
	background-size: 100%;
	height: 690px;
}
.txt {
	position: absolute;
	width: 385px;
	text-align: left;
	left: 40px;
	bottom: 40px;
}
.txt h5 {
	color: #000;
	font-size: 22px;
	border-bottom: 2px #000 solid;
	margin: 0 0 10px 10px;
}
.txt h5 span {
	font-size: 16px;
}
.txt p {
	font-size: 12px;
}

/*---------------------------section "cats"---------------------------*/
#cats {
	background: #cfbdd8;
	padding: 20px;
}
div#whiteBg {
	background: #fff;
	padding: 10px 10px 30px;
}
#cats p.subTxt {
	margin: 20px 0;
	color: #000;
}
#cats ul {
	margin: 0;
	padding: 0;
}
#cats ul li {
	display: inline-block;
	margin: 0 5px 15px;
	vertical-align: top;
	position: relative;
	background: url(../png/bg_plate.png);
	width: 200px;
	height: 440px;
}
#cats ul li img:first-child {
	border-radius: 50%;
	margin-top: 15px;
}
#cats ul li div {
	width: 180px;
	padding: 10px;
	color: #000;
}
#cats ul li div:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border-right: 60px solid transparent; 
	content: "";
	z-index: 999;
}
#cats ul li div img {
	opacity: 1;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
#cats ul li div a:hover img {
	opacity: .8;
}
#cats ul li div a {
	display: block;
}
#cats ul li div#cat01 h5.eng {
	background: url(../png/name_bg.png) 0 0;
}
#cats ul li div#cat02 h5.eng {
	background: url(../png/name_bg.png) -71px 0;
}
#cats ul li div#cat03 h5.eng {
	background: url(../png/name_bg.png) -141px 0;
}
#cats ul li div#cat04 h5.eng {
	background: url(../png/name_bg.png) -212px 0;
}
#cats ul li div#cat05 h5.eng {
	background: url(../png/name_bg.png) -283px 0;
}
#cats ul li div#cat06 h5.eng {
	background: url(../png/name_bg.png) -354px 0;
}
#cats ul li div h5 {
	font-size: 16px;
	margin: 10px 0;
	height: 27px;
}
#cats ul li div#cat01 h5 span,
#cats ul li div#cat02 h5 span,
#cats ul li div#cat03 h5 span,
#cats ul li div#cat04 h5 span,
#cats ul li div#cat05 h5 span,
#cats ul li div#cat06 h5 span {
	font-size: 20px;
}
#cats ul li div#cat01 h5 span {
	color: #7dcdf3;
}
#cats ul li div#cat02 h5 span {
	color: #fff89a;
}
#cats ul li div#cat03 h5 span {
	color: #8bcecb;
}
#cats ul li div#cat04 h5 span {
	color: #e84177;
}
#cats ul li div#cat05 h5 span {
	color: #ba8dbe;
}
#cats ul li div#cat06 h5 span {
	color: #de76a4;
}
#cats ul li div#cat01 h5 + p,
#cats ul li div#cat02 h5 + p,
#cats ul li div#cat03 h5 + p,
#cats ul li div#cat04 h5 + p,
#cats ul li div#cat05 h5 + p,
#cats ul li div#cat06 h5 + p {
	padding-bottom: 3px;
}
#cats ul li div#cat01 h5 + p {
	border-bottom: 4px solid #7dcdf3;
}
#cats ul li div#cat02 h5 + p {
	border-bottom: 4px solid #fff89a;
}
#cats ul li div#cat03 h5 + p {
	border-bottom: 4px solid #8bcecb;
}
#cats ul li div#cat04 h5 + p {
	border-bottom: 4px solid #e84177;
}
#cats ul li div#cat05 h5 + p {
	border-bottom: 4px solid #ba8dbe;
}
#cats ul li div#cat06 h5 + p {
	border-bottom: 4px solid #de76a4;
}
#cats ul li div p {
	font-size: 11px;
	margin: 5px 0;
	padding-bottom: 10px;
}
#cats ul li div p.about {
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	height: 70px;
	margin-top: -3px;
    padding-top: 3px;
}
#cats ul li div#cat01 p.about,
#cats ul li div#cat02 p.about,
#cats ul li div#cat03 p.about {
	height: 65px;
}
#cats ul li div#cat01 p.about {
	border-top: 2px solid #7dcdf3;
}
#cats ul li div#cat02 p.about {
	border-top: 2px solid #fff89a;
}
#cats ul li div#cat03 p.about {
	border-top: 2px solid #8bcecb;
}
#cats ul li div#cat04 p.about {
	border-top: 2px solid #e84177;
}
#cats ul li div#cat05 p.about {
	border-top: 2px solid #ba8dbe;
}
#cats ul li div#cat06 p.about {
	border-top: 2px solid #de76a4;
}
#cats ul li div p:last-child {
	border: 0;
	padding: 0;
	font-size: 11px;
}
#cats ul li div h6 {
	color: #fff;
	text-shadow: 1px 1px 2px #bfbfbf;
	font-size: 13px;
	height: 36px;
	margin: 0 0 -20px;
}
#cats ul li div#cat01 h6 {
	background: url(../png/ribbon.png) no-repeat 0 0;
}
#cats ul li div#cat02 h6 {
	background: url(../png/ribbon.png) no-repeat -160px 0;
}
#cats ul li div#cat03 h6 {
	background: url(../png/ribbon.png) no-repeat -320px 0;
}
#cats ul li div#cat04 h6 {
	background: url(../png/ribbon.png) no-repeat -480px 0;
}
#cats ul li div#cat05 h6 {
	background: url(../png/ribbon.png) no-repeat -640px 0;
}
#cats ul li div#cat06 h6 {
	background: url(../png/ribbon.png) no-repeat -800px 0;
}
#cats ul li div#cat01 h5.eng, #cats ul li div#cat02 h5.eng, #cats ul li div#cat03 h5.eng, #cats ul li div#cat04 h5.eng, #cats ul li div#cat05 h5.eng, #cats ul li div#cat06 h5.eng {
	font-family: 'Handlee', cursive;
	font-size: 13px;
	color: #fff;
	position: absolute;
	top: -22px;
	right: -11px;
	z-index: 1000;
	text-shadow: 1px 1px 2px #bfbfbf;
	width: 70px;
    height: 23px;
	padding: 20px 0;
}
#cats div.hidPic {
	display: none;
}
#cats ul li div div.profileTxt {
	padding: 0 10px 20px;
	width: 160px;
}

/*---------------------------div "secretBox"---------------------------*/
.secretBox {
	display: table;
	width: 80%;
	margin: 10px auto 20px;
	color: #000;
}
.secretBox img, .secretBox div {
	display: table-cell;
	vertical-align: middle;
}
.secretBox div {
	text-align: left;
}
.secretBox h4 {
	font-size: 30px;
	margin: 0;
}
.secretBox p {
	margin: 10px 0 0;
}

/*---------------------------div "pdfBtn"---------------------------*/
.pdfBtn {
	background: #000;
	width: 74%;
	margin: 0 auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 3px #fff solid;
	z-index: 1;
    position: relative;
}
.pdfBtn a {
	display: block;
	color: #fff;
	padding: 20px;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.pdfBtn a:hover{
	background-color: #eb6d8e;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.pdfBtn i {
	font-size: 22px;
}

.buyBtn {
	background: #e83829;
}
.buyBtn a:hover{
	background-color: #fa4f41;
}

/*---------------------------div "pkg"---------------------------*/
#pkg table {
	text-align: center;
	width: 70%;
	margin: 0 auto;
}
#pkg table td.subTxt {
	font-size: 13px;
}

/*---------------------------div "specBox"---------------------------*/
.specBox {
	text-align: left;
	width: 710px;
	font-family: "Pontano Sans","Noto Sans Japanese",sans-serif;
	margin-top: 50px;
	position: relative;
}
.specBox h4 {
	font-style: italic;
	font-size: 17px;
}
.specBox div {
	background: #fff;
	padding: 40px;
}
.specBox table {
	width: 100%;
}
.specBox table td {
	padding-bottom: 10px;
}
.specBox div.Spec_DL {
	margin: 10px 0;
    padding: 10px 0 5px;
	width: 160px;
	height: 26px;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    color: #fff;
  	background: #e83829;
    border-radius: 24px;
    overflow: hidden;
    display: block;
	position: absolute;
	right: 40px;
	bottom: 20px;
}
.specBox div.Spec_DL a:link, .specBox div.Spec_DL a:visited {
	margin: 10px 0;
    padding: 5px 0;
	width: 160px;
	height: 26px;
    text-decoration: none;
    text-align: center;
    color: #fff;
}
.specBox div.Spec_DL a:hover {
    color: #FFCC00;
}

h4.insta {
	margin-bottom: 10px;
}
h4.insta a {
	color: #009BFF;
}

.hatsubai {
	font-size: 150%;
    color: #F63;
}