@charset "utf-8";

/* hover時の透過設定 */
.alpha:hover{
	opacity:0.8 !important;
	cursor:pointer;
}

/* 背景オレンジのエリア */
#twodays #contents #main-contents{
	width:860px;
	height:1550px;
	margin:0 auto 30px;
	padding:20px 55px 25px 25px;
	background:#f7bb95;
}

/* タイトル */
#twodays #contents #main-contents h1{
	position:relative;
	z-index:100;
}

/* 背景黄色いパターンのエリア */
#twodays #contents #main-contents .inner{
	width:820px;
	height:1290px;
	margin:10px 0 0 35px;
	position:relative;
	background:url(/pet-smile/images/2days_inner_bg.jpg) no-repeat ;
	z-index:1;
}
#twodays #contents #main-contents .inner p {
	padding-left:15px;
	background:url(/pet-smile/images/2days_arrow.gif) no-repeat left 4px;
}
.mac #twodays #contents #main-contents .inner p {
	padding-left:12px;
}
#twodays #contents #main-contents .inner p a{
	color:#e05536;
	font-size:12px;
	word-break:keep-all !important;
	white-space:nowrap;
}}
.mac #twodays #contents #main-contents .inner p a{
	font-size:12px;
}

#twodays #contents #main-contents .inner h2{
	width:262px;
	height:40px;
	position:absolute;
	top:15px;
	right:30px;
}

/* 一日目 */
#twodays #contents #main-contents .inner .first{
	width:820px;
	height:616px;
	margin-bottom:20px;
	position:relative;
	z-index:1;
}

#twodays #contents #main-contents .inner .first .step1{
	width:390px;
	height:195px;
	position:absolute;
	top:25px;
	left:-16px;
}
#twodays #contents #main-contents .inner .first .step2{
	width:300px;
	height:222px;
	position:absolute;
	top:247px;
	left:29px;
}
#twodays #contents #main-contents .inner .first .step2 p{
	position:absolute;
	top:207px;
	left:168px;
	word-break:keep-all !important;
	white-space:nowrap;
}
#twodays #contents #main-contents .inner .first .step3{
	width:406px;
	height:282px;
	position:absolute;
	top:97px;
	right:30px;
}
#twodays #contents #main-contents .inner .first .step3 p{
	position:absolute;
	top:58px;
	left:293px;
	word-break:keep-all !important;
	white-space:nowrap;
}

#twodays #contents #main-contents .inner .first .step4{
	width:335px;
	height:198px;
	position:absolute;
	bottom:20px;
	right:35px;
}


/* 二日目 */
#twodays #contents #main-contents .inner .second{
	width:820px;
	height:654px;
	margin-bottom:30px;
	position:relative;
	z-index:1;
}
#twodays #contents #main-contents .inner .second .step1{
	width:425px;
	height:320px;
	position:absolute;
	top:-9px;
	left:100px;
}
#twodays #contents #main-contents .inner .second .step1 p{
	position:absolute;
	top:104px;
	left:300px;
	word-break:keep-all !important;
	white-space:nowrap;
}

#twodays #contents #main-contents .inner .second .step2{
	position:absolute;
	top:100px;
	right:100px;
}
#twodays #contents #main-contents .inner .second .step2 p{
	position:absolute;
	top:170px;
	left:370px;
	word-break:keep-all !important;
	white-space:nowrap;
}

#twodays #contents #main-contents .inner .second .step3{
	width:171px;
	height:146px;
	position:absolute;
	top:253px;
	left:66px;
}
#twodays #contents #main-contents .inner .second .step4{
	width:363px;
	height:185px;
	position:absolute;
	bottom:0;
	left:130px;
}


/* リンクボタン */

#twodays #contents #main-contents .btn_area{
	width:690px;
	height:60px;
	margin:0 auto;
	padding-left:130px;
}
#twodays #contents #main-contents .btn_area .left{
	margin-right:56px;
	display:inline-block;
}

/* -------------------------SP-------------------------*/
@media screen and (max-width: 768px){
/* iPadサイズ以下から
------------------------------------------------------------*/

/* 背景オレンジのエリア */
#twodays #contents #main-contents {
	width:auto;
	height:auto;
	margin:0 auto 30px auto;
	padding:10% 3% 10% 3%;
}
#twodays #contents #main-contents img {
width: 100%;
}
#twodays #contents #main-contents .inner {
    width: auto;
    height: auto;
	padding: 4% 2%;
    margin: 10px 2% 0 2%;
    position: relative;
    background: url(/pet-smile/images/2days_inner_bgsp.jpg) repeat-y;
}
#twodays #contents #main-contents .inner .first {
    width: 100%;
    height: auto;
    margin-bottom: 5%;
}	
#twodays #contents #main-contents .inner .second {
    width: 100%;
    height: auto;
    margin-bottom: 5%;
}	
#twodays #contents #main-contents .inner h2 {
    width: 262px;
    height: 40px;
	margin: 0 auto 4% auto;
    position: relative;
	top: auto;
    right: auto;
}
	
#twodays #contents #main-contents .inner .second .step4,	
#twodays #contents #main-contents .inner .second .step3,
#twodays #contents #main-contents .inner .second .step2,	
#twodays #contents #main-contents .inner .second .step1,	
#twodays #contents #main-contents .inner .first .step4,		
#twodays #contents #main-contents .inner .first .step3,	
#twodays #contents #main-contents .inner .first .step2,
#twodays #contents #main-contents .inner .first .step1 {
    width: 90%;
    height: auto;
	margin: 0 auto 5% auto;
    position: relative;
	top:auto;
	left: auto;
	right: auto;
	bottom: auto;
}
#twodays #contents #main-contents .inner .second .step3::after,
#twodays #contents #main-contents .inner .second .step2::after,	
#twodays #contents #main-contents .inner .second .step1::after,
#twodays #contents #main-contents .inner .first .step4::after,
#twodays #contents #main-contents .inner .first .step3::after,	
#twodays #contents #main-contents .inner .first .step2::after,
#twodays #contents #main-contents .inner .first .step1::after {
    content: url(/pet-smile/images/sp-arow.png);
    width: 29%;
    margin: 4% auto;
    display: block;
}	
#twodays #contents #main-contents .inner .second .step4 p,	
#twodays #contents #main-contents .inner .second .step3 p,
#twodays #contents #main-contents .inner .second .step2 p,	
#twodays #contents #main-contents .inner .second .step1 p,	
#twodays #contents #main-contents .inner .first .step4 p,		
#twodays #contents #main-contents .inner .first .step3 p,	
#twodays #contents #main-contents .inner .first .step2 p,
#twodays #contents #main-contents .inner .first .step1 p {
    position: relative;
    top:auto;
	left: auto;
	right: auto;
	bottom: auto;
    margin: 0 auto 5% auto;
}
#twodays #contents #main-contents .btn_area {
     width: auto;
    height: auto;
    margin: 0%;
    padding: 8% 4% 4%;
    background-color: #f7bb95;
}
#twodays #contents #main-contents .btn_area .left{
	margin-right: 0px;
	display:inline-block;
}
#twodays #contents #main-contents .btn_area a {	
width: 80%;
	margin: 0 auto 3% auto;
	display: block;
}
	
	
	
	
	
	
	
	
	
	
	
	
}