@charset "UTF-8";



/*============================================================================*+
  コンテンツ別設定
+*============================================================================*/

#main-content{
	border-bottom:none;
}
#main-content.loveamimal{
	display:block;
}


/*-- 見出し部分 --*/

#page-header{
	background-color:#ffb2d8;
	background-image:linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,0) 100%),url(images/ttl-hart-bg-img.png);
	/*background-size:contain;*/
	/*background-repeat:no-repeat;*/
	display:block;
	border-radius:10px 10px  0;
	padding:15px;
	border-bottom:none;
	margin:0 0 20px 0;
	
}

#page-header-main>div.head{
		text-align:center;
		margin:0 0 5px 0;
		text-shadow: 1px 1px 3px rgba(255, 255, 255, 1),1px -1px 3px rgba(255, 255, 255, 1),-1px 1px 3px rgba(255, 255, 255, 1), -1px -1px 3px rgba(255, 255, 255, 1), 0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1);
}


#page-header-main>h1{
	vertical-align:middle;
	height:auto;
	text-align:center;
	border:none;
	
}

#page-header-main>h1>img{
	width:450px;
	height:auto;
}

#page-header-main{
	display:block;
	text-align:center;
	position:relative;
	margin:20px 0 30px 0;
	
}

#page-header-main::before {
    margin: 0 10px 0 5px;
    content: " ";
    display: inline-block;
    background: url(images/h1-l-img.png);
    background-size: contain;
    vertical-align:top;
	width: 130px;
    height: 130px;
	position:absolute;
	left:0;
	top:0;
}

#page-header-main::after {
    margin: 0 0 0 10px;
    content: " ";
    display: inline-block;
    background: url(images/h1-r-img.png);
    background-size: contain;
    vertical-align:top;
		width: 130px;
    height: 130px;
	position:absolute;
	right:0;
	top:0;
}

#main-content.loveamimal>div.text-box{

	width:90%;
	margin:0 auto;
	padding:25px 10px 25px 10px;
	background-image: url(images/list-sen01.png),url(images/list-sen02.png),url(images/list-sen03.png),url(images/list-sen02.png);
    background-repeat: no-repeat,repeat-x,no-repeat,repeat-x;
    background-position: right bottom ,right bottom ,left top,left top;
	
	

}
#main-content.loveamimal>div.text-box>p{
	margin:0  !important;
	line-height: 1.5;
}
	


@media only screen and (max-width:1100px){

#page-header-main::before {
	width: 100px;
    height: 100px;
}

#page-header-main::after {
		width: 100px;
    height: 100px;
}



}

@media only screen and (max-width:1049px){
	
#page-header-main>div.head {
	font-size:14px;
}

#page-header-main>h1 img{
	width:380px;
	height:auto;
}

#page-header-main::before {
    margin: 0;
		width: 80px;
    height: 80px;
}

#page-header-main::after {
    margin: 0;
	width: 80px;
    height: 80px;

}
}

@media only screen and (max-width:899px){
#page-header-main>h1 img{
	width:280px;
	height:auto;
}

#page-header-main>div.head span{
	display:block;
	margin:0;
	line-height:1.5;
	}

#page-header-main::before {
		bottom:0;
		/*top:inherit;*/
}
#page-header-main::after {
			bottom:0;
			/*top:inherit;*/
}
}


@media only screen and (max-width:799px){
#page-header-main>div.head span{
	display:inline;
	}
#page-header-main>h1 img{
	width:450px;
	height:auto;
}
}

@media only screen and (max-width:640px){

#page-header{
	padding:10px;
}
	
#page-header-main>h1 img{
	width:350px;
	height:auto;
}
}


@media only screen and (max-width:560px){
	
#page-header-main{
margin:10px 0 30px 0;
}
#page-header-main>div.head span{
display:block;
}
#page-header-main>div.head{
font-size:12px;
line-height:1.2;

}
#age-header-main>h1 img{
	width:300px;
	height:auto;
}

}
@media only screen and (max-width:499px){

#page-header-main>h1 img{
	width:280px;
	height:auto;
}
}

@media only screen and (max-width:460px){
	
#page-header-main{
	margin: 3px 0 30px 0;
}

#page-header-main>div.head span{
	display:inline;
	margin:0;
}	

#page-header-main>h1 img{
	width:260px;
	height:auto;
}

#page-header-main::before {
	width: 40px;
	height: 40px;
	/*bottom:10px;*/
	top:inherit;
}
#page-header-main::after {
	width: 40px;
	height: 40px;
	top:inherit;
}

}
@media only screen and (max-width:380px){
#page-header-main>div.head span{
	display:block;
}

#page-header-main>h1 img{
	width:200px;
	height:auto;
}
}


/*-- 占いページに遷移ボタン部分 --*/

#main-content.loveamimal div#love-animal-2links {


	margin:20px 0 40px 0;
	text-align:center;
	
}
#main-content.loveamimal div#love-animal-2links div.links-un,
#main-content.loveamimal div#love-animal-2links div.links-ai{
	display:inline-block;
	width:300px;
	background-color:rgba(168,232,232,1);
	background-image:url(images/shindan-button-bg.png),linear-gradient(to top, rgba(21,168,168,1) 0%,rgba(120,207,207,1) 50%,rgba(168,232,232,1) 100%);
	border-radius:5px;
	box-shadow:rgba(29, 143, 143,1) 0px -4px 22px -8px inset,rgb(194, 194, 194) 1px 3px 4px 1px,rgba(255, 255, 255, 1.0)  2px 2px 2px -1px;
	border:#01aaaa solid 1px;
}

#main-content.loveamimal div#love-animal-2links div:nth-child(2){
	margin:0 0 0 30px;
}

#main-content.loveamimal div#love-animal-2links div.links-un>a,
#main-content.loveamimal div#love-animal-2links div.links-ai>a{
		padding:25px 0 23px 0;
	display:block;
}

#main-content.loveamimal div#love-animal-2links div.links-un>a{
	background-image:url(images/unsei-button-bg.png);
	background-repeat:no-repeat;
	background-position:center;

}


#main-content.loveamimal div#love-animal-2links>div.links-ai>a{
	background-image:url(images/aisho-button-bg.png);
	background-repeat:no-repeat;
	background-position:center;
}


#main-content.loveamimal div#love-animal-2links>div.links-un>a>div,
#main-content.loveamimal div#love-animal-2links>div.links-ai>a>div{
	font-size:20px;
	font-weight:bold;
	text-shadow: 1px 1px 3px rgba(255, 255, 255, 1),1px -1px 3px rgba(255, 255, 255, 1),-1px 1px 3px rgba(255, 255, 255, 1), -1px -1px 3px rgba(255, 255, 255, 1), 0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1);
	color:#009999;
	letter-spacing:0.05em;
	display:block;
	margin:0;
	line-height:20px;
	
}

#main-content.loveamimal div#love-animal-2links div.links-un>a>p{

}

#main-content.loveamimal div#love-animal-2links div.links-un>a>p>span,
#main-content.loveamimal div#love-animal-2links div.links-ai>a>p>span{
	color:#ff6699;
	}
	
#main-content.loveamimal div#love-animal-2links div.links-un:hover,
#main-content.loveamimal div#love-animal-2links div.links-un:active,
#main-content.loveamimal div#love-animal-2links div.links-un:focus,
#main-content.loveamimal div#love-animal-2links div.links-ai:hover,
#main-content.loveamimal div#love-animal-2links div.links-ai:active,
#main-content.loveamimal div#love-animal-2links div.links-ai:focus{
	opacity: 0.6;
/*	background-color:rgba(16,139,139,1);*/
}


@media only screen and (max-width:1100px){
#main-content.loveamimal div#love-animal-2links div.links-un,
#main-content.loveamimal div#love-animal-2links div.links-ai{
	width:260px;
}


#main-content.loveamimal div#love-animal-2links>div.links-un>a>p,
#main-content.loveamimal div#love-animal-2links>div.links-aia>p{
	font-size:18px;
	line-height:18px;
	
}

}


@media only screen and (max-width:899px){
#main-content.loveamimal div#love-animal-2links div.links-un,
#main-content.loveamimal div#love-animal-2links div.links-ai{
	display:block;
	margin:0 auto 15px auto;
	width:95%;
	box-shadow:rgba(29, 143, 143,1) 0px -4px 22px -8px inset,rgba(194, 194, 194,0.6) 1px 3px 4px 1px,rgba(255, 255, 255, 1.0)  2px 2px 2px -1px;
}
#main-content.loveamimal div#love-animal-2links div.links-un>a,
#main-content.loveamimal div#love-animal-2links>div.links-ai>a{
	padding: 20px 0 17px 0;
}

#main-content.loveamimal div#love-animal-2links div.links-un>a,
#main-content.loveamimal div#love-animal-2links>div.links-ai>a{
	background-size:60px auto;
}

#main-content.loveamimal div#love-animal-2links>div.links-un>a>p,
#main-content.loveamimal div#love-animal-2links>div.links-ai>a>p{
	font-size:18px;
	line-height:18px;
}
	
}


/*-- キャラクター紹介 --*/
#main-content.loveamimal div#shouikai-area>div.shouikai{	
	background-color:rgba(168,232,232,0.6);
	background-image:url(images/ttl-hart-bg-img.png),linear-gradient(to top, rgba(21,168,168,0.6) 0%,rgba(120,207,207,0.6) 50%,rgba(168,232,232,0.8) 100%);
	border-radius:5px;
	box-shadow:rgba(29, 143, 143,1) 0px -4px 22px -8px inset;
	border:#01aaaa solid 1px;
	text-align:center;
	padding:15px 0 10px 0;
	position:relative;
	}

#main-content.loveamimal div#shouikai-area>div.shouikai>h2{

	color:#F7F7F7;
	font-weight:bold;
	text-shadow: 1px 1px 2px rgba(253,84,141, 1),1px -1px 2px rgba(253,84,141, 1),-1px 1px 2px rgba(253,84,141, 1), -1px -1px 2px rgba(253,84,141, 1), 0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1);
	letter-spacing:0.05em;
	display:inline-block;
	margin:0;
	padding:0;
	line-height:22px;
	border:none;

}


#main-content.loveamimal div#shouikai-area>div.shouikai::before{
	 margin:0 10px 0 0;
	 content:" ";
	 display:inline-block;
	 width:60px;
	 height:48px;
	 background:url(images/unsei-button-bg.png); 
	 background-size:contain;
	 vertical-align:middle;
}

#main-content.loveamimal div#shouikai-area>div.shouikai::after{
	 margin:0 0 0 10px;
	 content:" ";
	 display:inline-block;
	 width:60px;
	 height:48px;
	 background:url(images/unsei-button-bg.png); 
	 background-size:contain;
	 vertical-align:middle;
}







@media only screen and (max-width:1100px){

#main-content.loveamimal div#shouikai-area>div.shouikai>h2{
	font-size:20px;
	line-height:1.4;
}

#main-content.loveamimal div#shouikai-area>div.shouikai::before{
 margin:0 5px 0 0;
	 width:50px;
	 height:38px;
}

#main-content.loveamimal div#shouikai-area>div.shouikai::after{
margin:0 0 0 5px;
	 width:50px;
	 height:38px;
}
}

@media only screen and (max-width:910px){
#main-content.loveamimal div#shouikai-area>div.shouikai>h2{
	font-size:18px;
}

#main-content.loveamimal div#shouikai-area>div.shouikai>h2>span{
	display:block;
}

#main-content.loveamimal div#shouikai-area>div.shouikai::before{
	vertical-align:top;
	 width:50px;
	 height:38px;
}

#main-content.loveamimal div#shouikai-area>div.shouikai::after{
vertical-align:top;
	 width:50px;
	 height:38px;
}	
}


@media only screen and (max-width:799px){
#main-content.loveamimal div#shouikai-area>div.shouikai>h2>span{
	display:inline;
}
#main-content.loveamimal div#shouikai-area>div.shouikai::before{
vertical-align:middle;
}

#main-content.loveamimal div#shouikai-area>div.shouikai::after{
vertical-align:middle;
}
}

@media only screen and (max-width:649px){
#main-content.loveamimal div#shouikai-area>div.shouikai>h2>span{
	display:block;
}

#main-content.loveamimal div#shouikai-area>div.shouikai::before{
vertical-align:top;
}

#main-content.loveamimal div#shouikai-area>div.shouikai::after{
vertical-align:top;
}
}

@media only screen and (max-width:430px){
#main-content.loveamimal div#shouikai-area>div.shouikai>h2{
	font-size:16px;	
}

#main-content.loveamimal div#shouikai-area>div.shouikai::before{
	margin:0;
	width:35px;
	height:27px;
}

#main-content.loveamimal div#shouikai-area>div.shouikai::after{
	margin:0;
	width:35px;
	height:27px;
}
}


@media only screen and (max-width:360px){
#main-content.loveamimal div#shouikai-area>div.shouikai>h2{
	font-size:15px;
}

#main-content.loveamimal div#shouikai-area>div.shouikai::before{
	margin:0;
	 width:25px;
	 height:19px;
}

#main-content.loveamimal div#shouikai-area>div.shouikai::after{
margin:0;
	 width:25px;
	 height:19px;
}
}


/*-- キャラクタ紹介リスト部分--*/

#main-content.loveamimal div#shouikai-area>h3{
	font-size:18px;
	border-bottom:3px solid #67cccc;
	position: relative;
		margin:15px 0 20px 0;
		    color: #535353;
}

#main-content.loveamimal div#shouikai-area>h3:before{
	content: "";
	position: absolute;
	bottom: -27px;
	left: 15px;
	border: 12px solid transparent;
	border-top: 12px solid #67cccc;
}

#main-content.loveamimal div#shouikai-area>ul{
	margin:0;
	list-style:none;
}

#main-content.loveamimal div#shouikai-area>ul>li{
	padding:5px 0 5px 0;
	background-image:url(images/list-sen01.png),url(images/list-sen02.png);
	background-repeat: no-repeat,repeat-x;
	background-position:right bottom ,bottom;
}

#main-content.loveamimal div#shouikai-area>ul>li>img{
	float:left;
	margin:0 10px 0 0;
	width:130px;
	height:130px;
}

#main-content.loveamimal div#shouikai-area>ul>li>h4{
		color:#F7F7F7;
	font-weight:bold;
	text-shadow: 1px 1px 2px rgba(253,84,141, 1),1px -1px 2px rgba(253,84,141, 1),-1px 1px 2px rgba(253,84,141, 1), -1px -1px 2px rgba(253,84,141, 1), 0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 3px rgba(253,84,141, 1),0px 0px 3px rgba(253,84,141, 1),1px 1px 2px rgba(253,84,141, 1),1px -1px 2px rgba(253,84,141, 1),-1px 1px 2px rgba(253,84,141, 1), -1px -1px 2px rgba(253,84,141, 1);
	letter-spacing:0.05em;
	display:inline-block;
	margin:3px 0 0 0;
	padding:0;
	line-height:24px;
	letter-spacing:0.15em;
	font-size:24px;	
}

#main-content.loveamimal div#shouikai-area>ul>li>h5{
		color:#099999;
		font-size:16px;
		font-weight:bold;
		margin:0;
		line-height:1.5;
		clear:none;
}

#main-content.loveamimal div#shouikai-area>ul>li>p{
	line-height:1.5;
}


@media only screen and (max-width:699px){
#main-content.loveamimal div#shouikai-area>ul>li>img{
	float:left;
	margin:0 10px 0 0;
	width:80px;
	height:80px;
}

#main-content.loveamimal div#shouikai-area>ul>li>h4{
	font-size:18px;
}

#main-content.loveamimal div#shouikai-area>ul>li>h5{
		font-size:15px;
}
}

@media only screen and (max-width:599px){
#main-content.loveamimal div#shouikai-area>h3{
	font-size:16px;
}
}




/*============================================================================*+
  運勢 相性　共通 
+*============================================================================*/

#love-animal-form-block>h2{
	text-align:center;
	display:block;	
	color: #009999;
	font-weight:bold;
	letter-spacing:0.15em;
	font-size:26px;
	border:none;
}

#love-animal-form-block>h2>span{
	    color: #ff6699;
}

#love-animal-form-block>div.input-box{
	background-image: url(images/list-sen01.png),url(images/list-sen02.png),url(images/list-sen03.png),url(images/list-sen02.png);
    background-repeat: no-repeat,repeat-x,no-repeat,repeat-x;
    background-position: right bottom ,right bottom ,left top,left top;
	    padding: 40px 10px 40px 10px;
		text-align:center;	
}

#love-animal-form-block>div.input-box>h3{
	color: #363636;
	font-size:18px;
}



#love-animal-form-block>div.input-box div,
#love-animal-form-block-02 div{
	margin:15px 0;
}



#love-animal-form-block>div.input-box div>h3{
	font-size:20px;
	font-weight:bold;
	text-shadow: 1px 1px 3px rgba(9,153,153, 1),1px -1px 3px rgba(9,153,153, 1),-1px 1px 3px rgba(9,153,153, 1), -1px -1px 3px rgba(9,153,153, 1), 0px 0px 2px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 4px rgba(9,153,153, 1),0px 0px 4px rgba(9,153,153, 1),1px 1px 3px rgba(9,153,153, 1),1px -1px 3px rgba(9,153,153, 1),-1px 1px 3px rgba(9,153,153, 1), -1px -1px 2px rgba(9,153,153, 1);
	letter-spacing:0.18em;
	color:#FFF;
	display:inline-block;
	margin:0.5em 0;
	}
	
#love-animal-form-block>div.input-box div>input,
#love-animal-form-block-02 select{
	border-radius: 3px;
	    box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
		    border: 1px solid #a9a9a9;
			    /*width: 190px;*/
    height: 30px;
	margin:0.5em 0;
}



@media only screen and (max-width:699px){
	
#love-animal-form-block>h2{
	font-size:20px;
	margin: 0 0 0.3em;
}

#love-animal-form-block>div.input-box>h3 {
    font-size: 16px;
	font-weight:normal;

}

#love-animal-form-block>div.input-box div>h3{
	font-size: 18px;
}

}

@media only screen and (max-width:399px){
#love-animal-form-block>div.input-box div>h3,
#love-animal-form-block-02>form>div>h3{
	display:block;
	
}
}

/*============================================================================*+
  運勢 診断ボタン
+*============================================================================*/



#love-animal-form-block>div.input-box>form>div.shindan-button-un>input{
	width: 280px;
    background-color: rgba(168,232,232,1);
    background-image: url(images/unsei-button-bg.png), url(images/shindan-button-bg.png),linear-gradient(to top, rgba(21,168,168,1) 0%, rgba(120,207,207,1) 50%,rgba(168,232,232,1) 100%);
																																								      background-repeat:no-repeat,repeat,repeat,repeat;
    background-position:center, right bottom ,bottom,left top ,top;
    border-radius: 5px;
    box-shadow: rgba(29, 143, 143,1) 0px -4px 22px -8px inset;
    border: #01aaaa solid 1px;
	padding:10px 0;	
	font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 1),1px -1px 3px rgba(255, 255, 255, 1),-1px 1px 3px rgba(255, 255, 255, 1), -1px -1px 3px rgba(255, 255, 255, 1), 0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1);
    color: #009999;
    letter-spacing: 0.05em;
    margin:3em auto 0 auto;
	height:70px;
	display:block;
	box-shadow: rgba(29, 143, 143,1) 0px -4px 22px -8px inset,rgb(194, 194, 194) 1px 3px 4px 1px,rgba(255, 255, 255, 1.0) 2px 2px 2px -1px;
}


#love-animal-form-block>div.input-box>form>div.shindan-button-un>input:hover,
#love-animal-form-block>div.input-box>form>div.shindan-button-un>input:focus,
#love-animal-form-block>div.input-box>form>div.shindan-button-un>input:active{
    opacity: 0.6;
}


@media only screen and (max-width:899px){
	#love-animal-form-block>div.input-box>form>div.shindan-button-un>input{
	background-size:60px auto , auto,auto ,auto;
	height:55px;
	}
	
}

@media only screen and (max-width:699px){
#love-animal-form-block>div.input-box>form>div.shindan-button-un>input{
	margin:0 auto;
}
}



/*============================================================================*+
  相性 診断ボタン
+*============================================================================*/

#love-animal-form-block>div.input-box>form>div.shindan-button-ai>input,
#love-animal-form-block-02>form>div.shindan-button-ai>input{
	width: 280px;
    background-color: rgba(168,232,232,1);
    background-image: url(images/aisho-button-bg.png), url(images/shindan-button-bg.png),linear-gradient(to top, rgba(21,168,168,1) 0%, rgba(120,207,207,1) 50%,rgba(168,232,232,1) 100%);
																																								      background-repeat:no-repeat,repeat,repeat,repeat;
    background-position:center, right bottom ,bottom,left top ,top;
    border-radius: 5px;
    box-shadow: rgba(29, 143, 143,1) 0px -4px 22px -8px inset;
    border: #01aaaa solid 1px;
	padding:10px 0;	
	font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 1),1px -1px 3px rgba(255, 255, 255, 1),-1px 1px 3px rgba(255, 255, 255, 1), -1px -1px 3px rgba(255, 255, 255, 1), 0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1);
    color: #009999;
    letter-spacing: 0.05em;
    margin:3em auto 0 auto;
	height:70px;
	display:block;
	box-shadow: rgba(29, 143, 143,1) 0px -4px 22px -8px inset,rgb(194, 194, 194) 1px 3px 4px 1px,rgba(255, 255, 255, 1.0) 2px 2px 2px -1px;
}


#love-animal-form-block>div.input-box>form>div.shindan-button-ai>input:hover,
#love-animal-form-block>div.input-box>form>div.shindan-button-ai>input:focus,
#love-animal-form-block>div.input-box>form>div.shindan-button-ai>input:active,
#love-animal-form-block-02>form>div.shindan-button-ai>input:hover,
#love-animal-form-block-02>form>div.shindan-button-ai>input:focus,
#love-animal-form-block-02>form>div.shindan-button-ai>input:active{
    opacity: 0.6;
}

@media only screen and (max-width:899px){
	#love-animal-form-block>div.input-box>form>div.shindan-button-ai>input,
	#love-animal-form-block-02>form>div.shindan-button-ai>input{
	background-size:60px auto , auto,auto ,auto;
	height:55px;
	}
	
}


@media only screen and (max-width:699px){
#love-animal-form-block>div.input-box>form>div.shindan-button-ai>input,
#love-animal-form-block-02>form>div.shindan-button-ai>input{
	margin:0 auto;
}
}





/*============================================================================*+
  運勢　入力ページ　旧 あとで消します
+*============================================================================*/

#main-content.loveamimal div#unsei-input{
	text-align:center;
	display:block;	
}

#main-content.loveamimal div#unsei-input>h2{

	color: #009999;
	font-weight:bold;
	letter-spacing:0.15em;
	font-size:26px;
	border:none;
}

#main-content.loveamimal div#unsei-input>h2>span{
	    color: #ff6699;
}

#main-content.loveamimal div#unsei-input>div.unsei-input-form{
	background-image: url(images/list-sen01.png),url(images/list-sen02.png),url(images/list-sen03.png),url(images/list-sen02.png);
    background-repeat: no-repeat,repeat-x,no-repeat,repeat-x;
    background-position: right bottom ,bottom,left top ,top;
	display:block;
	padding:30px 0px 30px 0px;
	margin:0 25px;	
}


#main-content.loveamimal div#unsei-input>div.unsei-input-form>form>h3{
	font-size:20px;
	font-weight:bold;
	text-shadow: 1px 1px 3px rgba(9,153,153, 1),1px -1px 3px rgba(9,153,153, 1),-1px 1px 3px rgba(9,153,153, 1), -1px -1px 3px rgba(9,153,153, 1), 0px 0px 2px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 4px rgba(9,153,153, 1),0px 0px 4px rgba(9,153,153, 1),1px 1px 3px rgba(9,153,153, 1),1px -1px 3px rgba(9,153,153, 1),-1px 1px 3px rgba(9,153,153, 1), -1px -1px 2px rgba(9,153,153, 1);
	letter-spacing:0.18em;
	color:#FFF;
	display:inline-block;
	}


#main-content.loveamimal div#unsei-input>div.unsei-input-form>form div.shindan-txt{
	display:inline-block;
}
#main-content.loveamimal div#unsei-input>div.unsei-input-form>form div.shindan-txt>p{
	display:inline-block;	
}

#main-content.loveamimal div#unsei-input>div.unsei-input-form>form>div.shindan-txt>p>input{
	border-radius: 3px;
	    box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
		    border: 1px solid #a9a9a9;
			    /*width: 190px;*/
    height: 30px;
	margin:0 5px 0 15px;
}



#main-content.loveamimal div#unsei-input>div.unsei-input-form>form>p.shindan-button{
	margin:15px 0;
	padding:0;
	text-align:center;
	

	
}

#main-content.loveamimal div#unsei-input>div.unsei-input-form>form>p.shindan-button>input{
	width: 240px;
    background-color: rgba(168,232,232,1);
    background-image: url(images/shindan-button-bg.png),linear-gradient(to top, rgba(21,168,168,1) 0%,rgba(120,207,207,1) 50%,rgba(168,232,232,1) 100%);
    border-radius: 5px;
    box-shadow: rgba(29, 143, 143,1) 0px -4px 22px -8px inset;
    border: #01aaaa solid 1px;
	padding:10px 0;	
	font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 1),1px -1px 3px rgba(255, 255, 255, 1),-1px 1px 3px rgba(255, 255, 255, 1), -1px -1px 3px rgba(255, 255, 255, 1), 0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1);
    color: #009999;
    letter-spacing: 0.05em;
    margin: 0;	
}

#main-content.loveamimal div#unsei-input>div.unsei-input-form>form>p.shindan-button:hover,
#main-content.loveamimal div#unsei-input>div.unsei-input-form>form>p.shindan-button:focus,
#main-content.loveamimal div#unsei-input>div.unsei-input-form>form>p.shindan-button:active{
    opacity: 0.6;
}


@media only screen and (max-width:1100px){
	
#main-content.loveamimal div#unsei-input>div.unsei-input-form{
	padding:25px 0;
	margin: 0;

	
}

#main-content.loveamimal div#unsei-input>div.unsei-input-form>form>h3{
	display:block;
	margin:10px 0 15px 0;
}

#main-content.loveamimal div#unsei-input>div.unsei-input-form>p{
	margin:5px 15px;
}

#main-content.loveamimal div#unsei-input>div.unsei-input-form>form>div.shindan-txt>p>input{
	margin:0 3px 0 5px;
}
	
}

@media only screen and (max-width:699px){
#main-content.loveamimal div#unsei-input>h2{
	font-size:20px;
	margin: 0 0 0.3em;
}

#main-content.loveamimal div#unsei-input > div.unsei-input-form > form > h3 {
    font-size: 18px;

}

#main-content.loveamimal div#unsei-input>div.unsei-input-form>form>p.shindan-button>input{
	font-size: 18px;
}

}

/*============================================================================*+
  運勢　入力ページ　旧 あとで消します　ココマデ
+*============================================================================*/



/*============================================================================*+
  運勢　INDEX
+*============================================================================*/


/*-- 運勢　わかる方　 --*/



#love-animal-form-block{
	
	margin-bottom:30px;
}

#love-animal-form-block>h3{
	    font-size: 18px;
    border-bottom: 3px solid #67cccc;
    position: relative;
    margin: 15px 0 20px 0;
    color: #535353;
}


#love-animal-form-block>h3:before {
    content: "";
    position: absolute;
    bottom: -27px;
    left: 15px;
    border: 12px solid transparent;
    border-top: 12px solid #67cccc;
}

#love-animal-form-block ul.love-animal-un-list{
	width:100%;
	margin:0;
	padding:0;
	border-bottom: 3px solid #67cccc;
}
#love-animal-form-block ul.love-animal-un-list>li{
	    /*width: 12%;*/
	    width: calc(100% / 6);
		display: inline-block;
		max-width:120px;
		margin:0 12px 1.3em 0;
		
}



#love-animal-form-block ul.love-animal-un-list>li:nth-child(6),
#love-animal-form-block ul.love-animal-un-list>li:nth-child(12){
	margin:0 0 1.3em 0;
}

#love-animal-form-block ul.love-animal-un-list>li>a{
	text-align:center;
	display:block;
}

#love-animal-form-block ul.love-animal-un-list>li>a>h4{
	margin:0;
	line-height:1.5;
	font-weight: bold;
    text-shadow: 1px 1px 2px rgba(253,84,141, 1),1px -1px 2px rgba(253,84,141, 1),-1px 1px 2px rgba(253,84,141, 1), -1px -1px 2px rgba(253,84,141, 1), 0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 3px rgba(253,84,141, 1),0px 0px 3px rgba(253,84,141, 1),1px 1px 2px rgba(253,84,141, 1),1px -1px 2px rgba(253,84,141, 1),-1px 1px 2px rgba(253,84,141, 1), -1px -1px 2px rgba(253,84,141, 1);
	color:#FFF;
}


#love-animal-form-block ul.love-animal-un-list>li>a>img{
	max-width:100%;
	display:block;
	
}


@media only screen and (max-width:1100px){
#love-animal-form-block ul.love-animal-un-list{
	margin:0 auto;
	padding:0;
	text-align:center;
	display:block;
}

#love-animal-form-block ul.love-animal-un-list>li{
	    width: 15%;
	    width: calc(100% / 5);
		margin:0 12px 1.3em 0;
		
}

#love-animal-form-block ul.love-animal-un-list>li:nth-child(6),
#love-animal-form-block ul.love-animal-un-list>li:nth-child(12){
	margin:0 12px 1.3em 0;
}

}

@media only screen and (max-width:999px){
#love-animal-form-block ul.love-animal-un-list>li{
	    width: 20%;
	    width: calc(100% / 4);

}
	
}

@media only screen and (max-width:899px){
#love-animal-form-block ul.love-animal-un-list>li{
	    width: 30%;
	    width: calc(100% / 3);

	
}

}

@media only screen and (max-width:499px){
	#love-animal-form-block ul.love-animal-un-list>li{
	    width: 40%;
	    width: calc(100% / 2);

	
}
	
}
/*============================================================================*+
  相性 INDEX
+*============================================================================*/

#love-animal-form-block-02{
	    border-bottom: 3px solid #67cccc;
		padding:0 0 20px 0;
		    margin: 0 0 30px 0;

}

#love-animal-form-block-02>h3 {
    font-size: 18px;
    border-bottom: 3px solid #67cccc;
    position: relative;
    margin: 15px 0 20px 0;
    color: #535353;
	text-align:center;
}

#love-animal-form-block-02>h3:before {
    content: "";
    position: absolute;
    bottom: -27px;
    left: 48%;
    border: 12px solid transparent;
    border-top: 12px solid #67cccc;
}

#love-animal-form-block-02>form{
	text-align:center;
}

#love-animal-form-block-02>form h3 {
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(9,153,153, 1),1px -1px 3px rgba(9,153,153, 1),-1px 1px 3px rgba(9,153,153, 1), -1px -1px 3px rgba(9,153,153, 1), 0px 0px 2px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 4px rgba(9,153,153, 1),0px 0px 4px rgba(9,153,153, 1),1px 1px 3px rgba(9,153,153, 1),1px -1px 3px rgba(9,153,153, 1),-1px 1px 3px rgba(9,153,153, 1), -1px -1px 2px rgba(9,153,153, 1);
    letter-spacing: 0.18em;
    color: #FFF;
    display: inline-block;
    margin: 0.5em 0;
}

@media only screen and (max-width: 699px){
#love-animal-form-block-02>form h3{
    font-size: 18px;
}

}


@media only screen and (max-width: 699px){
	#love-animal-form-block-02>h3 {
	text-align:left;
}

#love-animal-form-block-02>h3:before {
    left: 15px;

}
}


/*============================================================================*+
  相性・運勢鑑定結果　共通　
+*============================================================================*/




#love-animal-ai-read>h2,
#love-animal-un-read>h2{
    text-align: center;
    display: block;
    color: #009999;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-size: 26px;
    border: none;
}

#love-animal-ai-read>h2>span,
#love-animal-un-read>h2>span{
    color: #ff6699;
}

@media only screen and (max-width: 699px){
#love-animal-ai-read>h2,
#love-animal-un-read>h2{
    font-size: 20px;
    margin: 0 0 0.3em;
	padding:0;
}

}

/*============================================================================*+
  相性鑑定結果
+*============================================================================*/

#love-animal-ai-read div.result-image{
	text-align:center;
}

#love-animal-ai-read div.result-image>div.w-result-box>img,
#love-animal-ai-read div.result-image>div.m-result-box>img{
	width:200px;
}


#love-animal-ai-read div.result-image>div.w-result-box{
	display:inline-block;
}

#love-animal-ai-read div.result-image>div.m-result-box{
	display:inline-block;
	margin-left:15px;
}

#love-animal-ai-read div.result-image>div.w-result-box>h3{
    margin: 0;
    line-height: 1.5;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(253,84,141, 1),1px -1px 2px rgba(253,84,141, 1),-1px 1px 2px rgba(253,84,141, 1), -1px -1px 2px rgba(253,84,141, 1), 0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 3px rgba(253,84,141, 1),0px 0px 3px rgba(253,84,141, 1),1px 1px 2px rgba(253,84,141, 1),1px -1px 2px rgba(253,84,141, 1),-1px 1px 2px rgba(253,84,141, 1), -1px -1px 2px rgba(253,84,141, 1);
    color: #FFF;
}

#love-animal-ai-read div.result-image>div.m-result-box>h3{
	margin: 0;
	line-height: 1.5;
	font-weight: bold;
	color:#FFF;
	text-shadow: 1px 1px 3px rgba(9,153,153, 1),1px -1px 3px rgba(9,153,153, 1),-1px 1px 3px rgba(9,153,153, 1), -1px -1px 3px rgba(9,153,153, 1), 0px 0px 2px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 3px rgba(9,153,153, 1),0px 0px 4px rgba(9,153,153, 1),0px 0px 4px rgba(9,153,153, 1),1px 1px 3px rgba(9,153,153, 1),1px -1px 3px rgba(9,153,153, 1),-1px 1px 3px rgba(9,153,153, 1), -1px -1px 2px rgba(9,153,153, 1);
}

#love-animal-ai-result-sub>h2{
		border-color:#67cccc;
	    color: #099999;
}

#love-animal-ai-result-sub>h3{
	color:#0b7c7c;
}

@media only screen and (max-width:499px){
#love-animal-ai-read div.result-image>div.w-result-box>img,
#love-animal-ai-read div.result-image>div.m-result-box>img{
	width:150px;
}
	
}
@media only screen and (max-width:399px){
#love-animal-ai-read div.result-image>div.w-result-box>img,
#love-animal-ai-read div.result-image>div.m-result-box>img{
	width:120px;
}
	
}


/*============================================================================*+
  運勢鑑定結果　
+*============================================================================*/

span.animal-f{font-weight:bold;color:#fd548d;}
span.animal-m{font-weight:bold;color:#008099;}


#love-animal-un-read div.result-image{
	float:right;
	margin:0 0 0 10px;

	}

#love-animal-un-read div.result-image img{

}

#love-animal-un-read div.result-image h3{
	margin: 0;
    line-height: 1.5;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(253,84,141, 1),1px -1px 2px rgba(253,84,141, 1),-1px 1px 2px rgba(253,84,141, 1), -1px -1px 2px rgba(253,84,141, 1), 0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 2px rgba(253,84,141, 1),0px 0px 3px rgba(253,84,141, 1),0px 0px 3px rgba(253,84,141, 1),1px 1px 2px rgba(253,84,141, 1),1px -1px 2px rgba(253,84,141, 1),-1px 1px 2px rgba(253,84,141, 1), -1px -1px 2px rgba(253,84,141, 1);
    color: #FFF;
	text-align:center;
}

#love-animal-un-read>div.result-text{
	
}

#love-animal-un-read>div.result-text>h2{
	border:none;
	clear:none;
	    margin: 0 0 0.3em 0;
		color:#ff6699;
}

#love-animal-un-result-sub>h2{
			color:#ff6699;
			border-bottom: dotted 1px #ff6699;
}


@media only screen and (max-width:1100px){
	#love-animal-un-read div.result-image{
	margin:0 5px 0 5px
	}
}

@media only screen and (max-width:499px){
	#love-animal-un-read div.result-image{
	float:none;
	text-align:center;
}


#love-animal-un-read>div.result-text>h2{
	    margin: 1em 0 0.3em 0;
		color:#ff6699;
		    border-bottom: dotted 1px #ff6699;
}
}




/*-- ラブアニマル TOPに戻る--*/

#main-content.loveamimal p.love-animal-2links-back{
	max-width:260px;
	margin:0 auto 30px auto;
	background-color:#a8dede;
	border-radius:5px;
	padding:10px;

}

#main-content.loveamimal p.love-animal-2links-back>a{
	text-align:center;	
	display:block;
	text-shadow: 1px 1px 3px rgba(255, 255, 255, 1),1px -1px 3px rgba(255, 255, 255, 1),-1px 1px 3px rgba(255, 255, 255, 1), -1px -1px 3px rgba(255, 255, 255, 1), 0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1);
	font-weight:550;
	color:#009999;
	margin:0;
	background: url(images/modoru-img.png);
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
}

	

#main-content.loveamimal p.love-animal-2links-back>a:hover,
#main-content.loveamimal p.love-animal-2links-back>a:focus
#main-content.loveamimal p.love-animal-2links-back>a:active{
	    opacity: 0.6;
}





/*-- SNS バックイメージ --*/

#article-sns{
	background-color:#ffb2d8;
	background-image:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 10%,rgba(255,255,255,0) 100%),url(images/ttl-hart-bg-img.png);/*-- SNS バックイメージ --*/
	border-radius:0 0 10px 10px;
	
}