@import url(../common/sp-common.css);

#main-intro {
height:180px;
width:100%;
position:relative;
}

#main-intro h2 {
position:absolute;
left:0;
top:0;
width:100%;
background:url(../../img/common/bg_shadow.png) top center repeat-x; 
}

.tit-intro01 {
font-size:16px;
line-height:23px;
color:#b35872;
font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
font-weight: normal;
padding-bottom:15px;
text-align:center;
}

.tit-intro02 {
font-size:16px;
line-height:23px;
color:#404276;
font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
font-weight: normal;
padding-bottom:15px;
text-align:center;
}

.img-intro-block {
background:url(../../img/intro/bg_intro_01.jpg) top center repeat;
height:auto;
margin-bottom:30px;
	animation: cloudmove 80s linear infinite;
	-webkit-animation: cloudmove 80s linear infinite;
	-moz-animation: cloudmove 80s linear infinite;
}
	@keyframes cloudmove {
	    0% {background-position: 0 0;}
		25% {background-position: 200px 0;}
	    50% {background-position: 400px 0;}
		75% {background-position: 600px 0;}
	    100% {background-position: 800px 0;}
	}
	@-webkit-keyframes cloudmove {
	    0% {background-position: 0 0;}
		25% {background-position: 200px 0;}
	    50% {background-position: 400px 0;}
		75% {background-position: 600px 0;}
	    100% {background-position: 800px 0;}
	}
	@-moz-keyframes cloudmove {
	    0% {background-position: 0 0;}
		25% {background-position: 200px 0;}
	    50% {background-position: 400px 0;}
		75% {background-position: 600px 0;}
	    100% {background-position: 800px 0;}
	}
	
.img-intro {
width:90%;
margin:auto;
padding:20px 0;
}

.txt-intro-s {
font-size:80%;
}

.book-intro {
margin:auto;
background:#b35872;
color:#fff;
font-size:12px;
position:relative;
line-height:18px;
}

.book-intro p {
padding-bottom:0;
}

.book-intro-in {
padding:20px;
height:auto;
}

.book-intro-left {
width:35%;
margin:auto;
}

.book-intro-right {
padding:10px 0;
word-break: normal;
word-wrap:break-word;
word-break:normal;
}

.tit-book-intro {
font-size:16px;
font-weight:normal;
float:left;
padding:5px 0 10px;
}

.btn-book {
width:150px;
margin:5px auto 10px;
}

.btn-book a {
display:block;
width:150px;
height:auto;
color:#b35872;
text-align:center;
background:#fff;
text-decoration:none;
padding:5px 0 5px;
margin-bottom:3px;
}

.tit-book-intro span {
font-size:14px;
}

.book-intro-img {
position:absolute;
width:60%;
right:20px;
bottom:-60px;
}

.book-intro-right-top {
height:auto;
}

.book-intro-right-in {
clear:both;
}

.book-intro-right-in-in {
font-size:12px;
line-height:16px;
}