@charset "UTF-8";
/* ===================================================================
CSS information

file name  :stay_summer.css
author     :Ability Consultant
style info  :夏を満喫する過ごし方

▼bodyにクラス（ディレクトリ名）をあて条件分岐しています。
summer

=================================================================== */
/*-----------------------------------------------------------
	※ディレクトリ指定
	背景への画像パスは以下の変数を使う
-----------------------------------------------------------*/
/*-----------------------------------------------------------
	※カラー指定
-----------------------------------------------------------*/
/*----------------------------------------------------
	.con_intro
	イントロ
----------------------------------------------------*/
.con_intro {
	background: url(http://hotel-rosablanca.com/stay/summer/images/bg_intro.png) 45% top no-repeat;
}

.con_intro h3 {
	background-image: url(http://hotel-rosablanca.com/stay/summer/images/st_intro.png);
	padding-top: 29px;
}

@media only screen and (max-width: 1024px) {
  .con_intro h3 {
	color: #3261b1;
}
}
.con_intro:after {
	background: url(http://hotel-rosablanca.com/stay/summer/images/line_intro.png) center bottom no-repeat;
}

/*----------------------------------------------------
	.con_checkinn
	チェックイン
----------------------------------------------------*/
.con_checkinn .st_point {
	background: url(http://hotel-rosablanca.com/stay/summer/images/st_checkinn.png) center 0 no-repeat;
	padding-top: 32px;
}

/*----------------------------------------------------
	.con_cottage
	荷物を持ってコテージへGO！！
----------------------------------------------------*/
.con_cottage {
	margin-bottom: 60px;
}

@media only screen and (max-width: 736px) {
  .con_cottage {
	margin-bottom: 40px;
}
}
.con_cottage .st_point {
	background: url(http://hotel-rosablanca.com/stay/summer/images/st_cottage.png) center 0 no-repeat;
	padding-top: 33px;
}

.con_cottage .inner {
	padding: 0 10%;
	overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .con_cottage .inner {
	padding: 0 10px;
}
}
.con_cottage .inner .img_l {
	padding-right: 10px;
	float: left;
	width: 54%;
}

@media only screen and (max-width: 736px) {
  .con_cottage .inner .img_l {
	float: none;
	text-align: center;
	width: 90%;
	max-width: 480px;
	margin: 0 auto 20px;
	padding: 0;
}
}
.con_cottage .inner .detail {
	float: right;
	width: 46%;
}

.con_cottage .inner .detail .img {
	text-align: center;
	margin-bottom: 20px;
}

.con_cottage .inner .detail .box_txt {
	padding: 0 10px;
}

.con_cottage .inner .detail .box_txt .st_pointsub {
	letter-spacing: -1px;
}

.con_cottage .inner .detail .box_txt .txt {
	margin-bottom: 20px;
}

.con_cottage .inner .detail .box_txt .btn_brown.btn_cottage {
	width: 183px;
}

.con_cottage .inner .detail .box_txt .btn_brown.btn_cottage a {
	background-image: url("../stay/images/btn/btn_cottage.png");
	width: 183px;
}

.con_cottage .inner .detail .box_txt .btn_brown.btn_cottage a div {
	padding-top: 40px;
}

@media only screen and (max-width: 736px) {
  .con_cottage .inner .detail {
	float: none;
	width: 100%;
	padding: 0;
}

  .con_cottage .inner .detail .img {
	display: none;
}

  .con_cottage .inner .detail .box_txt {
	padding: 0;
}
}

/*----------------------------------------------------
	.con_activity
	館内アクティビティでおもいっきり遊ぶ！！
----------------------------------------------------*/
.con_activity {
	margin-bottom: 60px;
	padding: 0 10%;
	overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .con_activity {
	padding: 0 10px;
	margin-bottom: 50px;
}
}
.con_activity .st_point {
	background: url(http://hotel-rosablanca.com/stay/summer/images/st_activity.png) center 0 no-repeat;
	padding-top: 32px;
}

@media only screen and (max-width: 736px) {
  .con_activity .st_point {
	padding: 0;
}
}
.con_activity .txt {
	text-align: center;
	margin-bottom: 30px;
}

@media only screen and (max-width: 736px) {
  .con_activity .txt {
	text-align: left;
}
}
.con_activity .img_child {
	text-align: center;
	padding-top: 20px;
}

@media only screen and (max-width: 736px) {
  .con_activity .img_child {
	display: none;
}
}
.con_activity .box_activity {
	width: 49%;
	margin-bottom: 40px;
}

@media only screen and (max-width: 736px) {
  .con_activity .box_activity {
	width: 100%;
	margin-bottom: 30px;
}
}
.con_activity .box_activity h4 {
	background-color: #c8f3b9 !important;
	height: 0;
	padding-top: 50px;
	overflow: hidden;
	margin-bottom: 10px;
}

@media only screen and (max-width: 736px) {
  .con_activity .box_activity h4 {
	background-image: none !important;
	padding: 7px 0;
	height: auto;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
}
}
.con_activity .box_activity .img {
	text-align: center;
	margin-bottom: 20px;
}

.con_activity .box_activity .txt {
	text-align: left;
}

.con_activity .box_activity .btn_brown.btn_pool {
	width: 208px;
}

.con_activity .box_activity .btn_brown.btn_pool a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_pool.png");
	width: 208px;
}

.con_activity .box_activity .btn_brown.btn_pool a div {
	padding-top: 40px;
}

.con_activity .box_activity .btn_brown.btn_acitvity {
	margin: 0 auto;
	width: 233px;
}

.con_activity .box_activity .btn_brown.btn_acitvity a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_acitvity.png");
	width: 233px;
}

.con_activity .box_activity .btn_brown.btn_acitvity a div {
	padding-top: 40px;
}

.con_activity .box_activity.pool {
	width: 100%;
}

.con_activity .box_activity.pool h4 {
	background: url("http://hotel-rosablanca.com/stay/summer/images/st_pool.png") center center no-repeat;
}

.con_activity .box_activity.pool .img {
	text-align: left;
}

@media only screen and (max-width: 736px) {
  .con_activity .box_activity.pool {
	float: none;
}
}
.con_activity .box_activity.girden {
	float: left;
}

.con_activity .box_activity.girden h4 {
	background: url("http://hotel-rosablanca.com/stay/summer/images/st_girden.png") center center no-repeat;
}

@media only screen and (max-width: 736px) {
  .con_activity .box_activity.girden {
	float: none;
}
}
.con_activity .box_activity.golf {
	float: right;
	margin: 0 auto;
}

.con_activity .box_activity.golf h4 {
	background: url("http://hotel-rosablanca.com/stay/summer/images/st_golf.png") center center no-repeat;
}

/*----------------------------------------------------
	.con_bbq
	夕食はみんなでBBQ♪
----------------------------------------------------*/
.con_bbq {
	margin-bottom: 60px;
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (max-width: 736px) {
  .con_bbq {
	margin-bottom: 40px;
}
}
.con_bbq .st_point {
	background: url(http://hotel-rosablanca.com/stay/summer/images/st_bbq.png) center 0 no-repeat;
	padding-top: 33px;
}

.con_bbq .inner {
	padding: 0 5%;
	overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .con_bbq .inner {
	padding: 0 10px;
}
}
.con_bbq .inner .detail {
	float: left;
	padding-top: 20px;
	width: 50%;
}

@media only screen and (max-width: 1024px) {
  .con_bbq .inner .detail {
	padding-top: 0;
}
}
@media only screen and (max-width: 736px) {
  .con_bbq .inner .detail {
	float: none;
	width: 100%;
}
}
.con_bbq .inner .detail .img {
	margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  .con_bbq .inner .detail .img {
	width: 100%;
	max-width: 480px;
	margin: 0 auto 20px;
}
}
.con_bbq .inner .detail .txt {
	margin-bottom: 20px;
}

.con_bbq .inner .detail .btn_brown.btn_bbq a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_bbq.png");
	width: 164px;
}

.con_bbq .inner .detail .btn_brown.btn_bbq a div {
	padding-top: 40px;
}

.con_bbq .inner .img_r {
	float: right;
	width: 50%;
}

@media only screen and (max-width: 736px) {
  .con_bbq .inner .img_r {
	display: none;
}
}

/*----------------------------------------------------
	.con_family
	卓球で家族だんらんの時間
----------------------------------------------------*/
.con_family {
	margin-bottom: 50px;
}

.con_family .st_point {
	background: url(http://hotel-rosablanca.com/stay/summer/images/st_family.png) center 0 no-repeat;
	padding-top: 33px;
}

.con_family .inner {
	padding: 0 10%;
	overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .con_family .inner {
	padding: 0 10px;
}
}
.con_family .inner .img_l {
	padding-right: 20px;
	float: left;
	width: 50%;
	margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  .con_family .inner .img_l {
	float: none;
	text-align: center;
	width: 90%;
	max-width: 480px;
	margin: 0 auto 20px;
	padding: 0;
}
}
.con_family .inner .img_r {
	width: 50%;
	float: right;
	margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  .con_family .inner .img_r {
	display: none;
}
}
.con_family .inner .detail {
	clear: both;
	width: 100%;
}

.con_family .inner .detail .txt {
	margin-bottom: 20px;
}

.con_family .inner .detail .btn_brown.btn_pingpong a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_pingpong.png");
	width: 156px;
}

.con_family .inner .detail .btn_brown.btn_pingpong a div {
	padding-top: 40px;
}

@media only screen and (max-width: 736px) {
  .con_family .inner .detail {
	float: none;
	width: 100%;
	padding: 0;
}

  .con_family .inner .detail .img {
	display: none;
}
}

/*----------------------------------------------------
	.con_spa
	温泉のご案内
----------------------------------------------------*/
.con_spa {
	background-position: 12% 30px;
}

.con_spa .st_point {
	background: url(http://hotel-rosablanca.com/stay/summer/images/st_spa.png) center 0 no-repeat;
	padding-top: 38px;
}

/*----------------------------------------------------
	.con_surprise
	コテージに帰ってサプライズパーティ
----------------------------------------------------*/
.con_surprise {
	margin-bottom: 50px;
	background: url(http://hotel-rosablanca.com/stay/images/bg_leaf.png) 96% 96% no-repeat;
}

@media only screen and (max-width: 736px) {
  .con_surprise {
	background: none;
}
}
.con_surprise .st_point {
	background: url(http://hotel-rosablanca.com/stay/summer/images/st_surprise.png) center 0 no-repeat;
	padding-top: 33px;
}

.con_surprise .inner {
	padding: 0 10%;
	overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .con_surprise .inner {
	padding: 0 10px;
}
}
.con_surprise .inner .img_l {
	padding-right: 10px;
	float: left;
	width: 54%;
}

@media only screen and (max-width: 736px) {
  .con_surprise .inner .img_l {
	float: none;
	text-align: center;
	width: 90%;
	max-width: 480px;
	margin: 0 auto 20px;
	padding: 0;
}
}
.con_surprise .inner .detail {
	float: right;
	width: 46%;
}

.con_surprise .inner .detail .img {
	text-align: center;
	margin-bottom: 20px;
}

.con_surprise .inner .detail .box_txt {
	padding: 0 10px;
}

.con_surprise .inner .detail .box_txt .st_pointsub {
	letter-spacing: -1px;
}

.con_surprise .inner .detail .box_txt .txt {
	margin-bottom: 20px;
}

.con_surprise .inner .detail .box_txt .btn_brown.btn_cottage a {
	background-image: url("../stay/images/btn/btn_cottage.png");
	width: 183px;
}

.con_surprise .inner .detail .box_txt .btn_brown.btn_cottage a div {
	padding-top: 40px;
}

@media only screen and (max-width: 736px) {
  .con_surprise .inner .detail {
	float: none;
	width: 100%;
	padding: 0;
}

  .con_surprise .inner .detail .img {
	display: none;
}

  .con_surprise .inner .detail .box_txt {
	padding: 0;
}
}

/*----------------------------------------------------
	.con_night
	【共通】温泉ですっきりした後のお楽しみ
----------------------------------------------------*/
.con_night {
	background-color: #e7faf9;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE7FAF9', endColorstr='#FFFFFFFF');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZmFmOSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7faf9), color-stop(50%, #ffffff));
	background-image: -webkit-linear-gradient(top, #e7faf9 0%, #ffffff 50%);
	background-image: -moz-linear-gradient(top, #e7faf9 0%, #ffffff 50%);
	background-image: -o-linear-gradient(top, #e7faf9 0%, #ffffff 50%);
	background-image: linear-gradient(top, #e7faf9 0%, #ffffff 50%);
	background-image: -ms-linear-gradient(top, #e7faf9 0%, white 50%);
}

.con_night:after {
	background: url(http://hotel-rosablanca.com/stay/summer/images/line_intro.png) center bottom no-repeat;
}

.con_night .st_point {
	background: url(http://hotel-rosablanca.com/stay/summer/images/st_night.png) center 0 no-repeat;
	padding-top: 56px;
}

/*----------------------------------------------------
	.con_asaburo
	朝風呂に入って、すっきり目覚める
----------------------------------------------------*/
@media only screen and (max-width: 736px) {
  .con_asaburo .ic {
	background: #85c463;
}

  .con_asaburo .ic:after {
	color: #85c463;
}
}
.con_asaburo .st_point {
	background: url(http://hotel-rosablanca.com/stay/summer/images/st_asaburo.png) center 0 no-repeat;
	padding-top: 89px;
}

/*----------------------------------------------------
	.con_morning
	朝食バイキング
----------------------------------------------------*/
@media only screen and (max-width: 736px) {
  .con_morning .ic {
	background: #6ec0dc;
}

  .con_morning .ic:after {
	color: #6ec0dc;
}
}
.con_morning .st_point {
	background: url(http://hotel-rosablanca.com/stay/summer/images/st_morning.png) center 0 no-repeat;
	padding-top: 30px;
}

/*----------------------------------------------------
	.con_shop
	ブティックでお土産選び
----------------------------------------------------*/
.con_shop .st_point {
	background: url(http://hotel-rosablanca.com/stay/summer/images/st_shop.png) center 0 no-repeat;
	padding-top: 33px;
}

/*----------------------------------------------------
	.con_checkout
	チェックアウトし、観光へGO
----------------------------------------------------*/
.con_checkout {
	background-color: #e7faf9;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE7FAF9', endColorstr='#FFFFFFFF');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZmFmOSIvPjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7faf9), color-stop(30%, #ffffff));
	background-image: -webkit-linear-gradient(top, #e7faf9 0%, #ffffff 30%);
	background-image: -moz-linear-gradient(top, #e7faf9 0%, #ffffff 30%);
	background-image: -o-linear-gradient(top, #e7faf9 0%, #ffffff 30%);
	background-image: linear-gradient(top, #e7faf9 0%, #ffffff 30%);
	background-image: -ms-linear-gradient(top, #e7faf9 0%, white 30%);
}

.con_checkout .st_point {
	background: url(http://hotel-rosablanca.com/stay/summer/images/st_checkout.png) center 0 no-repeat;
	padding-top: 28px;
}

/*----------------------------------------------------
	.con_plan
	おすすめプラン
----------------------------------------------------*/
.con_plan {
	background: url(http://hotel-rosablanca.com/stay/summer/images/line_plan.png) center 0 no-repeat;
}

.con_plan h3 {
	background: url(http://hotel-rosablanca.com/stay/summer/images/st_plan.png) center 0 no-repeat;
	padding-top: 46px;
}