/*====================================================================================================
　FONT
====================================================================================================*/

.text1{ padding: 30px 0 40px; text-align: center;}


.mon{ padding: 50px 0 40px; text-align: center; font-size: 135%; font-weight: 400; }



/*====================================================================================================
　BASE HEADER
====================================================================================================*/

#base{ position: relative;}
#header{
    position: absolute;
    margin-top: 20px;
    top: 15px;
    right: 0;
    z-index: 8;
}

/*====================================================================================================
　SB-CONT
====================================================================================================*/

#sb_title,
#sb_title1,
#sb_title2,
#sb_title3,
#sb_title4,
#sb_title5{ width: 100%; margin: 0 auto; padding: 60px 0px;}
#sb_title6{ width: 100%; margin: 0 auto; padding: 0px 0px 30px;}
#sb_title7{ width: 100%; margin: 0 auto; }

#sb_title h2,
#sb_title1 h2,
#sb_title2 h2,
#sb_title3 h2,
#sb_title4 h2,
#sb_title5 h2,
#sb_title6 h2
#sb_title7 h2{
    margin: 0 auto;
    color: #000;
    background: none;
    text-align: center;
}

	.haab-01 { margin: 0 auto; padding-top:50px; padding-bottom:50px; width:100%; text-align: center; background-image: url("../../image/back-p1.jpg"); background-position: bottom; background-size: 100%; background-repeat: no-repeat;}
	.haab-01 p { margin: 50px auto;}
	.haab-02 { margin: 0 auto; padding-top:50px; padding-bottom: 100px; max-width:1000px; width:100%; text-align: center; }
	.haab-02 p { margin: 50px auto;}
	.haab-03 { margin: 0 auto; padding-top:100px; padding-bottom: 100px; width:100%; text-align: center; background-image: url("../../image/back-p2.jpg"); background-position: top;  background-size: 100%; background-repeat: no-repeat;} 
	.haab-03 p { margin: 50px auto;}
	.haab-04 { margin:auto; padding-top:120px; padding-bottom: 120px; max-width:1000px; width:100%; text-align: center; background-image: url("../../image/back-p3.png"); background-size: 100%; background-repeat: no-repeat;}
	.haab-04 p { margin: 50px auto;}
	.haab-05 { margin: 0 auto; padding-top: 50px; padding-bottom: 90px; max-width:1000px; width:100%; text-align: center; }
	.haab-05 p { margin: 50px auto;}
	.haab-06 { margin: 0 auto; padding-top:100px; padding-bottom: 100px; width:100%; text-align: center; background-image: url("../../image/back-p4.jpg"); background-size: 100%; background-repeat: no-repeat;}
	.haab-06 p { margin: 50px auto;}
	.haab-07 { margin: 0 auto; padding-top:100px; padding-bottom: 100px; width:100%; text-align: center; background-image: url("../../image/back-p5.jpg"); background-size: 100%; background-repeat: no-repeat;}
	.haab-07 p { margin: 50px auto;}
	.haab-07 video { margin: 0 auto; padding-top:100px; padding-bottom: 50px; width: 100%; max-width: 690px; }
	.haab-08 { margin: 0 auto; padding-top:100px; padding-bottom: 50px; max-width:1000px; width:100%; text-align: center;}
	.haab-08 p { margin: 50px auto;}
	.haab-09 { margin: 0 auto; padding-top:100px; padding-bottom: 100px; width: 100%; background-size: cover; background-image: url("../../image/back-p6.jpg"); background-size: 100%; background-repeat: no-repeat;}
	.haab-09 p { margin: 50px auto;}


#sbpage{ margin: 160px 0;}
#sbpage .comment1{ margin: 40px auto 100px;}



	
	
/*====================================================================================================
　toppage
====================================================================================================*/
	
#toppage .topmain { margin: 0 auto; max-width: 1000px; }



@media only screen and (max-width:700px){
	
#toppage .topmain { width: 100%; }
	

	.haab-02 { margin: 0 auto; padding-top:0px; padding-bottom: 100px; max-width:1000px; width:100%; text-align: center; }	
	.haab-04 { margin:auto; padding-top:80px; padding-bottom: 80px;  background-image: url("../../image/back-s3.png"); background-position: center;}
	.haab-06 { background-image: url("../../image/back-s4.jpg");}
	.haab-07 { padding-bottom: 0px; background-image: url("../../image/back-s5.jpg");}
	.haab-07 video {padding-bottom: 0px; }
	.haab-09 { background-image: url("../../image/back-s6.jpg");}

}


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

    #sb_title,
    #sb_title1,
    #sb_title2,
    #sb_title3,
    #sb_title4,
	#sb_title5,
    #sb_title6,
	#sb_title7{ width: 100%; margin: auto 0; }
    #sb_title h2,
    #sb_title1 h2,
    #sb_title2 h2,
    #sb_title3 h2,
	#sb_title4 h2,
	#sb_title5 h2,
    #sb_title6 h2,
	#sb_title7 h2{ max-width: 100%;}
	
	
	.sb_1day img ,
	.sb_kimono img ,
	.sb_dress img ,
	.sb_nature img ,
	.sb_move img{ width:100%;}

	
	.sb_option img { width:80%;}

	
	
/*====================================================================================================
　FONT
====================================================================================================*/
	
	.mon{ padding: 50px 0 40px; font-size: 145%; }

	
/*====================================================================================================
	.sb_1day { background: url("image/sp_1day_t.jpg") no-repeat center; background-size: contain; width:100%; }
	.sb_kimono { background: url("image/sp_kimono_t.jpg") no-repeat center; background-size: contain; width:100%; }
	.sb_dress { background: url("image/sp_dress_t.jpg") no-repeat center; background-size: contain; width:100%; }
	.sb_nature { background: url("image/sp_nature_t.jpg") no-repeat center; background-size: contain; width:100%; }
	.sb_move { background: url("image/sp_move_t.jpg") no-repeat center; background-size: contain; width:100%; }
====================================================================================================*/
	
    #sbpage{ margin: 3% 0;}
 

}