/* セブ王-フォトプラン_ブルーウォーター用CSS PC/SP共通 */

#plantation * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#plantation img {
	border: 0px;
	vertical-align: top;
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
#plantation li {
	list-style-type: none;
	text-decoration: none;
}
#plantation a {
	text-decoration: none;
}
#plantation a:hover {
	opacity: 0.8;
}
#plantation h3{
	margin-top: 0px;
	background: none;
	height: auto;
}
#plantation {
	width: 100%;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	color: #000;
	line-height: 1.8;
	background-color: #FFF;
}





/* PCレイアウト */
@media (min-width: 640px) {

/*--------------------------------------------------*
 *   PCでは無効/表示されない
 *--------------------------------------------------*/
	.pc_none {
		display: none !important;
	}
	
	
	
	
	
	/* コンテンツ幅 */
	#plantation {
	min-width: 1080px;
}
	#plantation .contens01{
		max-width: 1000px;
		width: 100%;
		margin:0 auto;
	}
	
	
	
	
	
	/* メイン */
	#plantation .main{
		width: 100%;
		height: auto;
		background-image: url("../img/plantation/img_main_back_01.png");
		background-repeat: no-repeat;
		background-size:auto;
		background-position: top;
	}
	
	#plantation .main_text_01{
		color: #ffffff;
		font-size: 39px;
		padding-top: 90px;
		padding-right: 260px;
	}
	
	#plantation .text01{
		display: block;
		font-weight: bold;
		line-height: 1.3;
	}
	
	#plantation .text02{
		font-size: 34px;
		font-weight: 100;
	}
	
	#plantation .main_text_02{
		font-weight: bold;
		padding-top: 100px;
		padding-bottom: 10px;
		line-height: 1.6;
	}
	
	#plantation .main_text_box{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-top: -70px;
	}
	
	#plantation .main_01{
		position: relative;
	}
	
	#plantation .img_main_01{
		display: flex;
		align-items: flex-end;
	}
	
	#plantation .img_camera{
		position: absolute;
		top: 0;
		right: 5%;
	}
	
	
	
	
	
	/* ラグーン */
	#plantation .box_a{
		margin-top: 30px;
	}
	
	#plantation .title{
		display: flex;
		align-items: center;
	}
	
	#plantation .text p{
		color: #B38BD3;
		font-size: 24px;
		font-weight: bold;
		margin-left: 10px;
	}
	
	#plantation .box_a_img{
		display: flex;
		justify-content: space-between;
	}
	
	#plantation .box_a_text{
		margin-left: 10px;
	}
	
	#plantation .img_lagoon img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	/* コロニアル風 */
	#plantation .box_b{
		margin-top: 30px;
	}
	
	#plantation .box_b_img{
		display: flex;
		justify-content: space-between;
	}
	
	#plantation .box_b_text{
		margin-left: 10px;
	}
	
	
	
	
	
	/* 日本庭園風 */
	#plantation .box_c{
		margin-top: 30px;
	}
	
	#plantation .box_c_img{
		display: flex;
		justify-content: space-between;
	}
	
	#plantation .box_c_text{
		margin-left: 10px;
	}
	
	
	
	
	
	/* バリエーション */
	#plantation .box_d{
		margin-top: 30px;
	}
	
	#plantation .box_d_img{
		display: flex;
		justify-content: space-around;
	}
	
	#plantation .box_d_text{
		margin-left: 10px;
	}
	
	
	
	
	
	/* ポイント */
	#plantation .point{
		background-color: #FFF8CC;
		padding: 10px;
		border-radius: 20px;
		margin-top: 50px;
	}
	
	#plantation .point01{
		border: 1px dashed #B38BD3;
		padding: 3px;
		border-radius: 20px;
		display: flex;
		justify-content: space-around;
	}
	
	#plantation .point02{
		width: 45%;
		padding-top: 30px;
	}
	
	#plantation .point_text_01{
		width: 180px;
		color: #ffffff;
		background-color: #B38BD3;
		padding: 5px 24px;
		border-radius: 50px;
		font-weight: bold;
	}
	
	#plantation .point_text_02{
		color: #B38BD3;
		font-size: 36px;
		line-height: 45px;
		margin-top: 17px;
		margin-bottom: 17px;
	}
	
	
	
	
	
	/* プラン */
	#plantation .plan{
		margin-top: 50px;
	}
	
	#plantation .plan_text_01{
		font-size: 30px;
		font-weight: bold;
		text-align: center;
	}
	
	#plantation .plan_text_01 span{
		background: linear-gradient(transparent 50%, #E5D8F0 50%);
	}
	
	#plantation .plan_text_02{
		color: #B38BD3;
		font-size: 24px;
		text-align: center;
		margin-top: 20px;
	}
	
	#plantation .plan_text_02 span{
		font-weight: bold;
	}
	
	#plantation .flow{
		margin-top: 17px;
	}
	
	#plantation .flow_text_01{
		background-color: #B38BD3;
		color: #ffffff;
		padding: 5px 0px;
		text-align: center;
		font-size: 27px;
		font-weight: bold;
		border-radius: 25px 25px 0px 0px; /* 左上、右上、右下、左下 */
	}
	
	#plantation .flow_text_02{
		margin-top: 24px;
		background-color: #FFFFE5;
		color: #B38BD3;
		border: 2px solid #B38BD3;
		padding: 5px 0px;
		text-align: center;
		font-size: 22px;
	}
	
	#plantation .flow_text_02 span{
		font-weight: bold;
	}
	
	#plantation .icon_triangle{
		margin-top: 14px;
		text-align: center;
	}
	
	#plantation .flow_text_03{
		margin-top: 14px;
		background-color: #FFFFE5;
		color: #B38BD3;
		border: 2px solid #B38BD3;
		padding: 5px 0px;
		text-align: center;
		font-size: 22px;
	}
	
	#plantation .flow_text_03 span{
		font-weight: bold;
	}
	
	#plantation .flow_text_04{
		margin-top: 14px;
		font-size: 14px;
	}
	
	#plantation .flow_text_04 span{
		color: #B38BD3;
	}
	
	#plantation .fitting{
		margin-top: 35px;
	}
	
	#plantation .fitting_title{
		color: #B38BD3;
		font-weight: bold;
		font-size: 24px;
		border-bottom: 1px solid #B38BD3;
	}
	
	#plantation .fitting_text_01{
		margin-top: 14px;
	}
	
	#plantation .img_fitting{
		display: flex;
		justify-content: space-between;
		margin-top: 14px;
	}
	
	#plantation .img_fitting_01 img{
		max-width: 100%;
		height: auto;
	}
	
	#plantation .box_e{
		margin-top: 35px;
	}
	
	#plantation .box_e_title{
		color: #B38BD3;
		font-weight: bold;
		font-size: 24px;
		border-bottom: 1px solid #B38BD3;
	}
	
	#plantation .box_e_text_01{
		margin-top: 14px;
		width: 33%;
	}
	
	#plantation .img_box_e{
		display: flex;
		justify-content: space-between;
		margin-top: 14px;
	}
	
	#plantation .img_box_e_01{
		margin-right: 17px;
	}
	
	#plantation .box_e01{
		display: flex;
		justify-content: space-between;
	}
	
	
	
	
	
	/* ボタン */
	#plantation .btn{
		text-align: center;
		margin-top: 30px;
	}

	#plantation .btn1{
		background-color: #EE71A3;
		color: #ffffff;
		display: inline-block;
		max-width: 100%;
		width: 400px; 
		height: auto;
		padding: 24px 0px;
		position: relative;
		text-align: center;
		border-radius: 12px;
		font-size: 20px;
		font-weight: bold;
	}
	
	#plantation .btn1:hover{
		opacity: 0.8;
	}
	
	#plantation .btn a{
		text-decoration: none;
	}
	
	#plantation .button_pink{
		position: absolute;
		top: 24px;
		right: 14px;
	}
	
	#plantation .button_pink img{
		max-width: 100%;
		height: auto;
	}
}





/* スマホレイアウト */
@media (max-width: 639px) {

/*--------------------------------------------------*
 *   SPでは無効/表示されない
 *--------------------------------------------------*/
	.sp_none {
		display: none !important;
	}
	
	
	#plantation {
		line-height: 1.6;
	}
	
	
	/* コンテンツ幅 */
	#plantation .contens01{
		max-width: 1000px;
		width: 100%;
		margin:0 auto;
		padding: 0px 22px;
	}
	
	
	
	
	
	/* メイン */
	#plantation .main{
		width: 100%;
		height: auto;
		background-image: url("../img/plantation/img_main_back_01_sp.png");
		background-repeat: no-repeat;
		background-size:contain;
		background-position: top;
	}
	
	#plantation .main_text_01{
		color: #ffffff;
		font-size: 6.2vw;
		padding-top: 11vw;
		line-height: 7.5vw;
	}
	
	#plantation .text01{
		display: block;
		font-weight: bold;
	}
	
	#plantation .text02{
		font-size: 5vw;
		font-weight: 100;
	}
	
	#plantation .main_text_02{
		padding-top: 15vw;
		font-size: 3.7vw;
	}
	
	#plantation .main_text_box{
		display: block;
		justify-content: space-between;
		margin-top: -6.2vw;
	}
	
	#plantation .img_camera{
		position: absolute;
		top: 107px;
		right: 0;
		left: 84%;
	}
	
	
	
	
	
	/* ラグーン */
	#plantation .box_a{
		margin-top: 4.6vw;
	}
	
	#plantation .title{
		display: block;
		text-align: center;
		align-items: center;
	}
	
	#plantation .text p{
		color: #B38BD3;
		font-size: 4.6vw;
		font-weight: bold;
		margin-left: 0px;
	}
	
	#plantation .box_a_img{
		display: block;
		justify-content: space-between;
	}
	
	#plantation .box_a_text{
		margin-left: 0px;
		font-size: 3.7vw;
	}
	
	
	
	
	
	/* コロニアル風 */
	#plantation .box_b{
		margin-top: 4.6vw;
	}
	
	#plantation .box_b_img{
		display: block;
		justify-content: space-between;
	}
	
	#plantation .box_b_text{
		margin-left: 0px;
		font-size: 3.7vw;
	}
	
	
	
	
	
	/* 日本庭園風 */
	#plantation .box_c{
		margin-top: 4.6vw;
	}
	
	#plantation .box_c_img{
		display: block;
		justify-content: space-between;
	}
	
	#plantation .box_c_text{
		margin-left: 0px;
		font-size: 3.7vw;
	}
	
	
	
	
	
	/* バリエーション */
	#plantation .box_d{
		margin-top: 4.6vw;
	}
	
	#plantation .box_d_img{
		display: block;
		justify-content: space-around;
	}
	
	#plantation .box_d_text{
		margin-left: 0px;
		font-size: 3.7vw;
	}
	
	
	
	
	
	/* ポイント */
	#plantation .point{
		background-color: #FFF8CC;
		padding: 1.5vw;
		border-radius: 3.1vw;
		margin-top: 7.8vw;
	}
	
	#plantation .point01{
		border: 1px dashed #B38BD3;
		padding-top: 5.1vw;
		padding-left: 3.1vw;
		padding-right: 3.1vw;
		border-radius: 3.1vw;
		display: block;
		justify-content: space-around;
	}
	
	#plantation .point02{
		width: 100%;
		padding-top: 0px;
	}
	
	#plantation .point_text_01{
		width: 47vw;
		color: #ffffff;
		background-color: #B38BD3;
		padding: 0px 5vw;
		padding-top: 1.2vw;
		border-radius: 50px;
		font-weight: bold;
		font-size: 4.6vw;
	}
	
	#plantation .point_text_02{
		color: #B38BD3;
		font-size: 6.2vw;
		line-height: 7vw;
		margin-top: 4vw;
		margin-bottom: 1.8vw;
	}
	
	#plantation .point_text_03{
		font-size: 3.7vw;
	}
	
	#plantation .img_point_01{
		text-align: center;
	}
	
	
	
	
	
	/* プラン */
	#plantation .plan{
		margin-top: 7.8vw;
	}
	
	#plantation .plan_text_01{
		font-size: 7.5vw;
		font-weight: bold;
		text-align: center;
	}
	
	#plantation .plan_text_01 span{
		background: linear-gradient(transparent 50%, #E5D8F0 50%);
	}
	
	#plantation .plan_text_02{
		color: #B38BD3;
		font-size: 4.25vw;
		text-align: center;
		margin-top: 3.1vw;
	}
	
	#plantation .plan_text_02 span{
		font-weight: bold;
	}
	
	#plantation .flow{
		margin-top: 2.6vw;
	}
	
	#plantation .flow_text_01{
		background-color: #B38BD3;
		color: #ffffff;
		padding: 0px 0px;
		padding-top: 1.3vw;
		text-align: center;
		font-size: 5.6vw;
		font-weight: bold;
		border-radius: 3.9vw 3.9vw 0px 0px; /* 左上、右上、右下、左下 */
	}
	
	#plantation .flow_text_02{
		margin-top: 3.7vw;
		background-color: #FFFFE5;
		color: #B38BD3;
		border: 2px solid #B38BD3;
		padding: 1.8vw 0px;
		text-align: center;
		font-size: 4.6vw;
		line-height: 6.2vw;
	}
	
	#plantation .flow_text_02 span{
		font-weight: bold;
	}
	
	#plantation .icon_triangle{
		margin-top: 2.1vw;
		text-align: center;
	}
	
	#plantation .flow_text_03{
		margin-top: 2.1vw;
		background-color: #FFFFE5;
		color: #B38BD3;
		border: 2px solid #B38BD3;
		padding: 1.8vw 0px;
		text-align: center;
		font-size: 4.6vw;
		line-height: 6.2vw;
	}
	
	#plantation .flow_text_03 span{
		font-weight: bold;
	}
	
	#plantation .flow_text_04{
		margin-top: 2.1vw;
		font-size: 3.0vw;
	}
	
	#plantation .flow_text_04 span{
		color: #B38BD3;
	}
	
	#plantation .fitting{
		margin-top: 6.8vw;
	}
	
	#plantation .fitting_title{
		color: #B38BD3;
		font-weight: bold;
		font-size: 4.6vw;
		border-bottom: 1px solid #B38BD3;
	}
	
	#plantation .fitting_text_01{
		margin-top: 2.1vw;
		font-size: 3.7vw;
	}
	
	#plantation .img_fitting{
		display: block;
		justify-content: space-between;
		margin-top: 2.1vw;
		margin-bottom: 5.1vw;
	}
	
	#plantation .img_fitting_01{
		margin-bottom: 5.1vw;
	}
	
	#plantation .img_fitting_01 img{
		max-width: 100%;
		height: auto;
	}
	
	#plantation .box_e{
		margin-top: 6.8vw;
	}
	
	#plantation .box_e_title{
		color: #B38BD3;
		font-weight: bold;
		font-size: 4.25vw;
		border-bottom: 1px solid #B38BD3;
	}
	
	#plantation .box_e_text_01{
		margin-top: 2.1vw;
		width: 100%;
		font-size: 3.7vw;
	}
	
	#plantation .img_box_e{
		display: block;
		justify-content: space-between;
		margin-top: 2.1vw;
	}
	
	#plantation .img_box_e_01{
		margin-right: 0px;
		margin-bottom: 5.1vw;
	}
	
	#plantation .box_e01{
		display: block;
		justify-content: space-between;
	}
	
	
	
	
	
	/* ボタン */
	#plantation .btn{
		text-align: center;
		margin-top: 30px;
	}

	#plantation .btn1{
		background-color: #EE71A3;
		color: #ffffff;
		display: inline-block;
		max-width: 100%;
		width: 100%; 
		height: auto;
		padding: 20px 0px;
		position: relative;
		text-align: center;
		border-radius: 12px;
		font-weight: bold;
		font-size: 3.7vw;
	}
	
	#plantation .btn1:hover{
		opacity: 0.8;
	}
	
	#plantation .btn a{
		text-decoration: none;
	}
	
	#plantation .button_pink{
		position: absolute;
		top: 15px;
		right: 10px;
	}
	
	#plantation .button_pink img{
		max-width: 100%;
		height: auto;
	}
	
}