@charset "utf-8";
/* CSS Document */


/* =============================================
	for マリンピア神戸 PC
============================================= */

#single h3 {
    background: none!important;
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
}
#single h4 {
	margin: 0;
	font-size:32px;
	font-weight: bold;
}

body{
	width:920px;
	margin:0 auto;
}


/* クーポン
--------------------*/
.marinepeer_coupon{
	background:url(../img/osk_190711_coupon_pc.jpg) no-repeat;
	height:313px;
}


/*　各タイトル
---------------------*/
.marinepeer_titleall{
	overflow:hidden;

}
.marinepeer_title{
	padding:0 3%;
}

/*　キャンペーン
---------------------*/
.marin_campaign_all{
	overflow:hidden;

}
.marin_campaign_bg{
    width: 850px;
    border: 4px solid #3fb9ff;
    border-radius: 30px;
    overflow: hidden;
    margin: 0 auto;
    padding: 50px 10px;
}

.camp_subtitle,.camp_subtitle2,.camp_subtitle3{
	background-color:#3fb9ff;
	border-radius:30px;
    padding: 8px 28px;
    color: #fff;
    font-weight: bold;
    position: relative;
	top: 70px;
    left: 5%;
}

.camp_subtitle2{
	top: 62px;
}
.camp_subtitle3{
	top: 84px;
}
.camp_subimg{
    position: relative;
	top: 50px;
    right: 2%;

}

.camp_text01{
	float:right;
	color:#fd9c2f;
	font-size:25px;
    padding-right: 24%;
}
.camp_text01_2{
	float:right;
	color:#fd9c2f;
	font-size:25px;
	padding-right: 18%;
}

.camp_text01_3{
	float:right;
	color:#fd9c2f;
	font-size:25px;
	padding-right: 13%;
}
.camp_text02{
	width:500px;
	float:right;
}
.camp_img{
	float:left;
	width:225px;
	height:auto;
	padding-left: 5%;
}

.marin_notes{
	margin-top:15px;}

/*　ボタン
-----------------------------*/
/* キャンペーンボタン */
.marin_btn{
	display: inline-block;
    padding: 1em 7em;
    text-decoration: none;
    background: #3fb9ff;
    color: #fff;
    border-bottom: solid 6px #2d91cb;
    float: right;
    margin: 5% 16% 0 0px;
}
.marin_btn:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

/*　ブログボタン */
.blog_btn{
	display: inline-block;
    padding: 1em 4em;
    text-decoration: none;
    background: #fd9c2f;
    color: #fff;
    border-bottom: solid 6px #da8423;
    float: right;
    margin: 5% 6% 0 0;
}
.blog_btn:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

/*　プレゼントボタン */
.present_btn{
	display: inline-block;
    padding: 0.8em 6em;
    text-decoration: none;
    background: #fd9c2f;
    color: #fff;
    border-bottom: solid 6px #da8423;
    margin: 5% 0 0;
	font-size:20px;
}
.present_btn:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.marin_btn a,.blog_btn a,.present_btn a {color: #ffffff;}

/*　特派員ブロガー
-----------------------*/
.blog_all{
    width: 850px;
    background: #fee6ca;
    padding: 60px 20px 30px;
    overflow: hidden;
    margin-bottom: 70px;
    margin: 0 auto;
}
.blog_subimg01{
	position: relative;
    top: 74px;
}
.blog_subimg02{
	position: relative;
    top: 74px;
}
.blogger_prof{
	width:220px;
	float:left;
	text-align:center;
	margin-right: 20px;
}
.blogger_prof img{
	width:80%;
}

.blog_area{
    width: 250px;
    float: left;
    padding: 20px;
	background:#ffffff;
	box-shadow: 2px 3px 5px rgba(0,0,0,0.4);
}

.blog_coming_soon{
    width: 270px;
    float: left;
    padding: 158px 10px;
	text-align:center;
	background:#c9c9c9;
	box-shadow: 2px 3px 5px rgba(0,0,0,0.4);
}

/*　地図
--------------------------*/
.marinepeer_floormap{
	margin:90px 0;
}
.floormap_title{
	font-size:25px;
	font-weight:bold;
	color:#3fb9ff;
	text-align:center;
}


.marinepeer_floormap div{
	width:808px;
	margin:0 auto;
}

/*　プレゼント
-------------------------*/
.present_subimg{
	float:right;
	position:relative;
    top: 120px;
}
.marinepeer_present{
	width:880px;
	padding:20px;
	background:#ecfaff;
	background-image:url(img/osk_190711_presentimg_02.png);
	background-repeat:no-repeat;
	background-position:left;
	text-align:center;
	overflow: hidden;
}


.marinepeer_present01{
	font-size:21px;
	font-weight:bold;
	color:#fd9c2f;
	margin-bottom:20px;
}
.marinepeer_present02{
	font-size:27px;
	font-weight:bold;
	color:#008bc2;
	margin-bottom:20px;
}
.marinepeer_present03{
    width: 700px;
    font-size: 15px;
    margin: 0 auto;
}





@media screen and (max-width:768px){
/* =============================================
	for マリンピア神戸  SP
============================================= */
	body{
		width:95%;
	}

	
	#single h3 {
		background: none!important;
		padding: 0;
		margin: 0;
		font-size: 15px;
		line-height: 1.4;
	}
	#single h4 {
		margin: 0;
		font-size:20px;
		font-weight: bold;
	}
	
	img {
		width:100%;
	}
	

	/*　クーポン
	---------------------*/
	.marinepeer_coupon{
		background:url(../img/osk_190711_coupon_sp.jpg);
		background-repeat:no-repeat;
		background-size: 100%;
	}
	
	.marinepeer_coupon p{
		padding-top: 35px!important;
		padding-left: 30px!important;
		padding-bottom: 30px;
		padding-right: 75px;
	}
	
	/* 変更 */
	.marinepeer_coupon_sp{
		background:url(../img/osk_190711_coupon_03_sp.jpg) repeat-y;
		background-size: 100%;
		overflow: hidden;
	}
	.marinepeer_coupon_sp ul{
		padding-top:0px!important;
	}
	#marinepeer_coupon_02{
		background:url(../img/osk_190711_coupon_02_sp.jpg) no-repeat;
		background-size: 100%;
		padding-bottom: 5%;
	}
	
	.marinepeer_coupon_sp_left{
		float: left;
		width: 67%;
		padding-left: 7%;
		padding-top: 2%;
	}
	.marinepeer_coupon_sp_right{
		float: right;
		width: 17%;
		padding: 9% 6% 0 0;
	}
	
	
	
	/*　各タイトル
	---------------------*/
	.marinepeer_title{
		padding:0 2%;
	}
	
	.sp-marinepeer_titleall{
		position: relative;
		top: 60px;
		margin-top: 40px;
	}
	
	
	/*　キャンペーン
	---------------------*/
	
	.marin_campaign_bg{
		border:4px solid #3fb9ff;
		border-radius:30px;
		overflow: hidden;
		width: 92%;
		padding: 60px 10px 20px 10px;
	}
	
	.camp_subtitle,.camp_subtitle2,.camp_subtitle3{
		background-color: #3fb9ff;
		border-radius: 30px;
		padding: 15px 20px;
		color: #fff;
		font-size: 16px;
		width: 30%;
		margin: 0 auto;
		font-weight: bold;
		position: relative;
	}
	
	.camp_subtitle2{
		text-align: center;
	}
	.camp_subtitle3{

		text-align: center;
	}
	.camp_subimg{
		width:25%;
		position: relative;
		top: 45px;
	}
	
	.camp_text01,.camp_text01_2,.camp_text01_3{
		color:#fd9c2f;
		font-size:20px;
		line-height: 27px;
		text-align: center;
	}
	.camp_text02{
		width:100%;
		line-height: 30px;
	}
	.camp_text02 span{
		margin-left:30%;
	}
	.camp_img{
		padding: 6px 0 10px 2.5%;
    	width: 95%;
	}
	
	/*　ボタン
	---------------------*/
	/* キャンペーンボタン */
	.marin_btn{
		display: inline-block;
		padding: 1em 5em;
		text-decoration: none;
		background: #3fb9ff;
		color: #fff;
		border-bottom: solid 6px #2d91cb;
		float: right;
		margin: 10%;
	}
	.marin_btn:active {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);/*下に動く*/
		border-bottom: none;/*線を消す*/
	}
	
	/*　ブログボタン */
	.blog_btn{
		display: inline-block;
		padding: 1em 4em;
		text-decoration: none;
		background: #fd9c2f;
		color: #fff;
		border-bottom: solid 6px #da8423;
		float: right;
		margin: 10%;
	}
	.blog_btn:active {
	  -webkit-transform: translateY(4px);
	  transform: translateY(4px);/*下に動く*/
	  border-bottom: none;/*線を消す*/
	}
	
	
	/*　プレゼントボタン */
	.present_btn{
		display: inline-block;
		padding: 0.7em 4em;
		text-decoration: none;
		background: #fd9c2f;
		color: #fff;
		border-bottom: solid 6px #da8423;
		margin: 10% 0 0;
		font-size: 18px;
	}
	.present_btn:active {
	  -webkit-transform: translateY(4px);
	  transform: translateY(4px);/*下に動く*/
	  border-bottom: none;/*線を消す*/
	}
	
	.marin_btn a,.blog_btn a,.present_btn a {color: #ffffff;}
	
	
	/*　特派員ブロガー
	-----------------------*/
	.blog_all{
		width:100%;
		background: #fee6ca;
		padding: 60px 0 30px;
		overflow: hidden;
		margin-bottom: 70px;
		margin: 0 auto;
	}
	.blog_subimg01{
		position: relative;
		top: 74px;
	}
	.blog_subimg01 img{
		width:40%;
	}

	.blog_subimg02{
		position: relative;
		top: 74px;
	}
	.blog_subimg02 img{
		width:40%;
	}
	.blogger_prof{
		text-align:center;
		width: 100%;
    	float: none;
	}

	.blogger_prof img{
		width:60%;
	}
	.blog_lead{
		line-height:1.6;
	}
	
	.blog_area{
		width: 80%;
		padding: 20px;
		background: #ffffff;
		margin: 30px 0 30px 4%;
		box-shadow: 2px 3px 5px rgba(0,0,0,0.4);
		overflow: hidden;
	}
	
	.blog_coming_soon{
		width: 80%;
		padding: 60px 10px;
		text-align: center;
		background: #c9c9c9;
		margin: 30px 0 30px 6%;
		box-shadow: 2px 3px 5px rgba(0,0,0,0.4);
	}
	
	/*　地図
	--------------------------*/
	.marinepeer_floormap{
		margin:50px 0;
	}

	.floormap_title{
		font-size:25px;
		font-weight:bold;
		color:#3fb9ff!important;
		text-align:center;
	}
	
	
	.marinepeer_floormap div{
		width:100%;
		margin:0 auto;
	}
	
	
	/*　プレゼント
	-------------------------*/
	.present_subimg{
		float: right;
		position: relative;
		top: 85px;
		right: 3%;
		width: 25%;
	}
	.marinepeer_present{
		width: 90%;
		padding: 60px 15px 21px;
		background: #ecfaff;
		background-image: url(../img/osk_190711_presentimg_02.png);
		background-repeat: no-repeat;
		background-position: left;
		text-align: center;
		overflow: hidden;
		margin-bottom: 50px;
	}
	
	
	.marinepeer_present01{
		font-size:21px;
		font-weight:bold;
		color:#fd9c2f;
		margin-bottom:20px;
	}
	.marinepeer_present02{
		font-size: 18px;
		font-weight: bold;
		color: #008bc2;
		margin-bottom: 20px;
		line-height: 1.5;
	}
	.marinepeer_present03{
		font-size: 15px;
		margin: 0 auto;
		text-align: left;
		line-height: 1.6;
	}
	

}