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

#bluewater * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#bluewater img {
	border: 0px;
	vertical-align: top;
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
#bluewater li {
	list-style-type: none;
	text-decoration: none;
}
#bluewater a {
	text-decoration: none;
}
#bluewater a:hover {
	opacity: 0.8;
}
#bluewater h3{
	margin-top: 0px;
	background: none;
	height: auto;
}
#bluewater {
	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;
	}
	
	
	
	
	
	/* コンテンツ幅 */
	#bluewater {
	min-width: 1080px;
}
	#bluewater .contens01{
		max-width: 1000px;
		width: 100%;
		margin:0 auto;
	}
	
	
	
	
	
	/* メイン */
	#bluewater .main{
		width: 100%;
		height: auto;
		background-image: url("../img/bluewater/img_main_back_01.png");
		background-repeat: no-repeat;
		background-size:auto;
		background-position: top;
	}
	
	#bluewater .main_text_01{
		color: #ffffff;
		font-size: 39px;
		padding-top: 90px;
		padding-right: 200px;
	}
	
	#bluewater .text01{
		display: block;
		font-weight: bold;
		line-height: 1.3;
	}
	
	#bluewater .text02{
		font-size: 34px;
		font-weight: 100;
	}
	
	#bluewater .main_text_02{
		padding-top: 120px;
		padding-bottom: 10px;
		font-weight: bold;
	}
	
	#bluewater .main_text_box{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-top: -80px;
	}
	
	#bluewater .main_01{
		position: relative;
	}
	
	#bluewater .img_main_01{
		display: flex;
		align-items: flex-end;
	}
	
	#bluewater .img_camera{
		position: absolute;
		top: 0;
		right: 5%;
	}
	
	
	
	
	
	#bluewater .box_a{
		margin-top: 30px;
	}
	
	#bluewater .title{
		display: flex;
		align-items: center;
	}
	
	#bluewater .text p{
		color: #FFBE1E;
		font-size: 24px;
		font-weight: bold;
		margin-left: 10px;
	}
	
	#bluewater .box_a_img{
		display: flex;
		justify-content: space-between;
	}
	
	#bluewater .box_a_text{
		margin-left: 10px;
	}
	
	#bluewater .img_lagoon img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	#bluewater .box_b{
		margin-top: 30px;
	}
	
	#bluewater .box_b_img{
		display: flex;
		justify-content: space-between;
	}
	
	#bluewater .box_b_text{
		margin-left: 10px;
	}
	
	#bluewater .img_resort img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	#bluewater .box_c{
		margin-top: 30px;
	}
	
	#bluewater .box_c_img{
		display: flex;
		justify-content: space-between;
	}
	
	#bluewater .box_c_text{
		margin-left: 10px;
	}
	
	#bluewater .img_privateisland img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	#bluewater .box_d{
		margin-top: 30px;
	}
	
	#bluewater .box_d_img{
		display: flex;
		justify-content: space-around;
	}
	
	#bluewater .box_d_text{
		margin-left: 10px;
	}
	
	#bluewater .img_variation img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	#bluewater .point{
		background-color: #FFF8CC;
		padding: 10px;
		border-radius: 20px;
		margin-top: 50px;
	}
	
	#bluewater .point01{
		border: 1px dashed #FFBE1E;
		padding: 3px;
		border-radius: 20px;
		display: flex;
		justify-content: space-around;
	}
	
	#bluewater .point02{
		width: 45%;
		padding-top: 30px;
	}
	
	#bluewater .point_text_01{
		width: 180px;
		color: #ffffff;
		background-color: #FFBE1E;
		padding: 5px 24px;
		border-radius: 50px;
		font-weight: bold;
	}
	
	#bluewater .point_text_02{
		color: #FFBE1E;
		font-size: 36px;
		line-height: 45px;
		margin-top: 17px;
		margin-bottom: 17px;
	}
	
	#bluewater .img_point_01 img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	/* プラン */
	#bluewater .plan{
		margin-top: 50px;
	}
	
	#bluewater .plan_text_01{
		font-size: 30px;
		font-weight: bold;
		text-align: center;
	}
	
	#bluewater .plan_text_01 span{
		background: linear-gradient(transparent 60%, #FFE9B2 50%);
	}
	
	#bluewater .plan_text_02{
		color: #FFBE1E;
		font-size: 24px;
		text-align: center;
		margin-top: 20px;
	}
	
	#bluewater .plan_text_02 span{
		font-weight: bold;
	}
	
	#bluewater .flow{
		margin-top: 17px;
	}
	
	#bluewater .flow_text_01{
		background-color: #FFBE1E;
		color: #ffffff;
		padding: 5px 0px;
		text-align: center;
		font-size: 27px;
		font-weight: bold;
		border-radius: 25px 25px 0px 0px; /* 左上、右上、右下、左下 */
	}
	
	#bluewater .flow_text_02{
		margin-top: 24px;
		background-color: #FFFFE5;
		color: #FFBE1E;
		border: 2px solid #FFBE1E;
		padding: 5px 0px;
		text-align: center;
		font-size: 22px;
	}
	
	#bluewater .flow_text_02 span{
		font-weight: bold;
	}
	
	#bluewater .icon_triangle{
		margin-top: 14px;
		text-align: center;
	}
	
	#bluewater .flow_text_03{
		margin-top: 14px;
		background-color: #FFFFE5;
		color: #FFBE1E;
		border: 2px solid #FFBE1E;
		padding: 5px 0px;
		text-align: center;
		font-size: 22px;
	}
	
	#bluewater .flow_text_03 span{
		font-weight: bold;
	}
	
	#bluewater .flow_text_04{
		margin-top: 14px;
		font-size: 14px;
	}
	
	#bluewater .flow_text_04 span{
		color: #FFBE1E;
	}
	
	#bluewater .fitting{
		margin-top: 35px;
	}
	
	#bluewater .fitting_title{
		color: #FFBE1E;
		font-weight: bold;
		font-size: 24px;
		border-bottom: 1px solid #FFBE1E;
	}
	
	#bluewater .fitting_text_01{
		margin-top: 14px;
	}
	
	#bluewater .img_fitting{
		display: flex;
		justify-content: space-between;
		margin-top: 14px;
	}
	
	#bluewater .img_fitting_01 img{
		max-width: 100%;
		height: auto;
	}
	
	#bluewater .box_e{
		margin-top: 35px;
	}
	
	#bluewater .box_e_title{
		color: #FFBE1E;
		font-weight: bold;
		font-size: 24px;
		border-bottom: 1px solid #FFBE1E;
	}
	
	#bluewater .box_e_text_01{
		margin-top: 14px;
		width: 33%;
	}
	
	#bluewater .img_box_e{
		display: flex;
		justify-content:space-between;
		margin-top: 14px;
	}
	
	#bluewater .img_box_e_01{
		margin-right: 17px;
	}
	
	#bluewater .box_e01{
		display: flex;
		justify-content: space-between;
	}
	
	#bluewater .img_box_e_01 img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	/* ボタン */
	#bluewater .btn{
		text-align: center;
		margin-top: 30px;
	}

	#bluewater .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;
	}
	
	#bluewater .btn1:hover{
		opacity: 0.8;
	}
	
	#bluewater .btn a{
		text-decoration: none;
	}
	
	#bluewater .button_pink{
		position: absolute;
		top: 15px;
		right: 10px;
	}
	
	#bluewater .button_pink img{
		max-width: 100%;
		height: auto;
	}
	
}





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

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

	#bluewater .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;
	}
	
	#bluewater .btn1:hover{
		opacity: 0.8;
	}
	
	#bluewater .btn a{
		text-decoration: none;
	}
	
	#bluewater .button_pink{
		position: absolute;
		top: 15px;
		right: 10px;
	}
	
	#bluewater .button_pink img{
		max-width: 100%;
		height: auto;
	}
	
}