@charset "utf-8";
/*====================================
  PC First Responsible 700px～
=======================================*/
.k036_at_20190822_premiumkyoyuspace_containerwrap .k036_at_20190822_premiumkyoyuspace_container .pcOnly{
	display: block;
}
.k036_at_20190822_premiumkyoyuspace_containerwrap .k036_at_20190822_premiumkyoyuspace_container .spOnly{
	display: none;
}
.k036_at_20190822_premiumkyoyuspace_containerwrap{
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #333333;
	box-sizing: border-box;
	font-size: 100%;
}
.k036_at_20190822_premiumkyoyuspace_containerwrap img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	-ms-interpolation-omde:bicubic;
}
.k036_at_20190822_premiumkyoyuspace_container{
	width: 1280px;
	margin: 0 auto;
	background: url("../images/template/k036_at_20190822_bg01.png") no-repeat center 350px;
}
.k036_at_20190822_premiumkyoyuspace_container figure{
	margin: 0;
}
/*コンテンツ1*/
.k036_at_20190822_premiumkyoyuspace_content01{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	position: relative;
}
.k036_at_20190822_premiumkyoyuspace_content01 h2 img{
	width: 566px;
	margin-top: 30px;
}
/*コンテンツ2*/
.k036_at_20190822_premiumkyoyuspace_content02{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-flex-flow: row-reverse;
	flex-flow: row-reverse;
	position: relative;
}
.k036_at_20190822_premiumkyoyuspace_content02 h2{
	margin-top: 30px;
	position: relative;
	height: 100px;
}
.k036_at_20190822_premiumkyoyuspace_content02 h2 img{
	position: absolute;
	top: 0;
	right: 0;
	width: 540px;
}
/*コンテンツ3*/
.k036_at_20190822_premiumkyoyuspace_content03{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.k036_at_20190822_premiumkyoyuspace_content03 h2 img{
	width: 580px;
	margin-top: 30px;
}
/*リスト*/
.k036_at_20190822_premiumkyoyuspace_list01{
	display: -webkit-flex;
	display: flex;
	padding: 0 20px;
}
.k036_at_20190822_premiumkyoyuspace_list01 li{
	width: 220px;
	position: relative;
}
.k036_at_20190822_premiumkyoyuspace_list01 li+li{
	padding-left: 20px;
}
.k036_at_20190822_premiumkyoyuspace_shadow01 img{
	box-shadow:5px 5px 5px 0px rgba(0,0,0,0.2);
}
/*リスト内のリスト*/
.k036_at_20190822_premiumkyoyuspace_list01 li.k036_at_20190822_premiumkyoyuspace_2col {
	display: block;
	width: 460px;
	margin: 15px 0 0 10px ;
	padding: 5px 10px 10px;
	border-radius: 5px;
	background: #b7e0f0;
}
.k036_at_20190822_premiumkyoyuspace_list01 li.k036_at_20190822_premiumkyoyuspace_2col>.k036_at_20190822_premiumkyoyuspace_list01{
	display: -webkit-flex;
	display: flex;
	padding: 0;
}
.k036_at_20190822_premiumkyoyuspace_list01 li.k036_at_20190822_premiumkyoyuspace_2col>.k036_at_20190822_premiumkyoyuspace_text01{
	padding: 0 0 15px;
}
/*ふきだし等*/
.k036_at_20190822_premiumkyoyuspace_list01 li .k036_at_20190822_premiumkyoyuspace_popup01{
	width: 250px;
	position: absolute;
	top: 0;
	left: -10px;
}
.k036_at_20190822_premiumkyoyuspace_list01 li .k036_at_20190822_premiumkyoyuspace_popup02_01{
	position: relative;
}
.k036_at_20190822_premiumkyoyuspace_list01 li .k036_at_20190822_premiumkyoyuspace_popup02{
	position: absolute;
	width: 74px;
	height: 40px;
	bottom: 32px;
	left: -20px;
}
.k036_at_20190822_premiumkyoyuspace_list01 li .k036_at_20190822_premiumkyoyuspace_popup03{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 20px;
	left: -70px;
}
/*テキスト＋商品アイコン*/
.k036_at_20190822_premiumkyoyuspace_textbox01{
	display: -webkit-flex;
	display: flex;
}
.k036_at_20190822_premiumkyoyuspace_textbox01 p{
	width: 164px;
	margin: 15px 0 0px;
}
.k036_at_20190822_premiumkyoyuspace_textbox01 figure{
	width: 56px;
	height: 56px;
	margin-top: 10px;
}
.k036_at_20190822_premiumkyoyuspace_text01 {
	padding: 15px 0 20px;
	background: url("../images/template/k036_at_20190822_arrow02.png") no-repeat center bottom 5px /12px,8px;
	text-align: center;
	font-weight: bold;
}
.k036_at_20190822_premiumkyoyuspace_text02{
	padding: 15px 0 20px;
}
/*btn共通*/
.k036_at_20190822_premiumkyoyuspace_btn01 a{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 10px;
	height: 44px;
	border-radius: 10px;
	color: #ffffff;
	background: #707070;
	text-decoration: none;
}
.k036_at_20190822_premiumkyoyuspace_btn02 a{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 400px;
	margin: 40px auto 0;
	height: 50px;
	border: 3px solid #f2b100;
	border-radius: 10px;
	color: #333333;
	background: #ffffff;
	text-decoration: none;
	font-size: 18px;
}
/*btn*/
.k036_at_20190822_premiumkyoyuspace_content01 .k036_at_20190822_premiumkyoyuspace_btn01 a{ background: #ff9cac;}
.k036_at_20190822_premiumkyoyuspace_content02 .k036_at_20190822_premiumkyoyuspace_btn01 a{ background: #6ac7e6;}
.k036_at_20190822_premiumkyoyuspace_content03 .k036_at_20190822_premiumkyoyuspace_btn01 a{ background: #ffc333;}
/*btn　hover*/
.k036_at_20190822_premiumkyoyuspace_content01 .k036_at_20190822_premiumkyoyuspace_btn01 a:hover{ background: #fa8498;}
.k036_at_20190822_premiumkyoyuspace_content02 .k036_at_20190822_premiumkyoyuspace_btn01 a:hover{ background: #22b2e5;}
.k036_at_20190822_premiumkyoyuspace_content03 .k036_at_20190822_premiumkyoyuspace_btn01 a:hover{ background: #FDB60B;}
.k036_at_20190822_premiumkyoyuspace_content03 .k036_at_20190822_premiumkyoyuspace_btn02 a:hover{ background: #f2b100;}

.k036_at_20190822_premiumkyoyuspace_btn01 a span{
	line-height: 1.3;
	padding-right: 15px;
	background: url("../images/template/k036_at_20190822_arrow01.png") no-repeat right 0 center/8px,12px;
	text-align: center;
}
.k036_at_20190822_premiumkyoyuspace_btn02 a span{
	line-height: 1.5;
	padding-right: 20px;
	background: url("../images/template/k036_at_20190822_arrow03.png") no-repeat right 0 center;
	text-align: center;
}
.k036_at_20190822_premiumkyoyuspace_btn02 a:hover span{
	color: #ffffff;
	background: url("../images/template/k036_at_20190822_arrow01.png") no-repeat right 0 center/8px,12px;
}
/*大きい写真 margin-top*/
.k036_at_20190822_premiumkyoyuspace_img01,
.k036_at_20190822_premiumkyoyuspace_img02,
.k036_at_20190822_premiumkyoyuspace_img03{
	height: 100%;
}
.k036_at_20190822_premiumkyoyuspace_img01 img{
	margin-top: 96px;
}
.k036_at_20190822_premiumkyoyuspace_img02 img{
	margin-top: 100px;
}
.k036_at_20190822_premiumkyoyuspace_img03 img{
	margin: 0;
	margin-top: 102px;
}
/*ホームへ戻る*/
.k036_at_20190822_premiumkyoyuspace_btn{
	margin: 50px 0;
	padding: 0 15px;
}
.k036_at_20190822_premiumkyoyuspace_btn a{
	display: block;
	width: 190px;
	font-size: 114.3%;
	line-height: 1;
	padding: 10px 5px 10px 25px;
	text-align: center;
	border: 1px solid #c5c5c5;
	border-radius: 5px;
	background: url("../images/template/k036_at_20190822_arrow04.png") no-repeat left 10px center,#ececec;
	text-decoration: none;
	color: #212121;
}
.k036_at_20190822_premiumkyoyuspace_btn a:hover{
	opacity: 0.8;
}
/*====================================
  699px～ For SP
=======================================*/
@media screen and (max-width: 699px) {
	.k036_at_20190822_premiumkyoyuspace_containerwrap .k036_at_20190822_premiumkyoyuspace_container .pcOnly{
		display: none;
	}
	.k036_at_20190822_premiumkyoyuspace_containerwrap .k036_at_20190822_premiumkyoyuspace_container .spOnly{
		display: block;
	}
	.k036_at_20190822_premiumkyoyuspace_container{
		width: 100%;;
		margin: 0 auto;
		background: #ffffff;
		font-size: 120%;
	}
	/*コンテンツ1*/
	.k036_at_20190822_premiumkyoyuspace_content01{
		-webkit-flex-direction: column;
		flex-direction: column;
		background: url("../images/template/k036_at_20190822_bg_sp01.png") no-repeat top 0 center,url("../images/template/k036_at_20190822_bg_sp02.png") no-repeat bottom 0 center,#fff2f4;
	}
	.k036_at_20190822_premiumkyoyuspace_content01 h2 img{
		width: 100%;
		margin-top: 30px;
	}
	/*コンテンツ2*/
	.k036_at_20190822_premiumkyoyuspace_content02{
		-webkit-flex-direction: column;
		flex-direction: column;
		background: url("../images/template/k036_at_20190822_bg_sp03.png") no-repeat top 0 center,url("../images/template/k036_at_20190822_bg_sp04.png") no-repeat bottom 0 center,#e4f8ff;

	}
	.k036_at_20190822_premiumkyoyuspace_content02 h2{
		margin-top: 30px;
		position: static;
		height: auto;
	}
	.k036_at_20190822_premiumkyoyuspace_content02 h2 img{
		position: static;
		width: 100%;
	}
	/*コンテンツ3*/
	.k036_at_20190822_premiumkyoyuspace_content03{
		-webkit-flex-direction: column;
		flex-direction: column;
		background: url("../images/template/k036_at_20190822_bg_sp05.png") no-repeat top 0 center,url("../images/template/k036_at_20190822_bg_sp06.png") no-repeat bottom 0 center,#fffcc4;
	}
	.k036_at_20190822_premiumkyoyuspace_content03 h2 img{
		width: 580px;
		margin-top: 30px;
	}
		/*リスト*/
	.k036_at_20190822_premiumkyoyuspace_list01{
		-webkit-flex-direction: column;
		flex-direction: column;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
		max-width: 400px;
		margin: 0 auto;
		padding: 0 20px;
		text-align: center;
	}
	.k036_at_20190822_premiumkyoyuspace_list01 li{
		width: 100%;
		position: relative;
		height: 100%;
	}
	.k036_at_20190822_premiumkyoyuspace_list01 li+li{
		margin-top: 10px;
		padding-left: 0px;
	}
	.k036_at_20190822_premiumkyoyuspace_shadow01 img{
		margin-bottom: 8px;
}
	/*リスト内のリスト*/
	.k036_at_20190822_premiumkyoyuspace_list01 li.k036_at_20190822_premiumkyoyuspace_2col {
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		margin: 20px 0 0 0 ;
		padding: 10px;
	}
	.k036_at_20190822_premiumkyoyuspace_list01 li.k036_at_20190822_premiumkyoyuspace_2col>.k036_at_20190822_premiumkyoyuspace_list01{
		-webkit-flex-direction: column;
		flex-direction: column;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.k036_at_20190822_premiumkyoyuspace_list01 li.k036_at_20190822_premiumkyoyuspace_2col>.k036_at_20190822_premiumkyoyuspace_text01{
		padding: 0 0 15px;
	}
	/*ふきだし等*/
	.k036_at_20190822_premiumkyoyuspace_list01 li .k036_at_20190822_premiumkyoyuspace_popup01{
		position: absolute;
		width: 280px;
		top: 0;
		left: -10px;
	}
	.k036_at_20190822_premiumkyoyuspace_list01 li .k036_at_20190822_premiumkyoyuspace_popup02{
		position: absolute;
		width: 90px;
		bottom: 32px;
		left: -20px;
	}
	.k036_at_20190822_premiumkyoyuspace_list01 li .k036_at_20190822_premiumkyoyuspace_popup03{
		width: -webkit-calc(100% - 65%);
		width: calc(100% - 65%);
		height: auto;
		position: absolute;
		top: 20px;
		left: -20px;
	}
	/*テキスト＋商品アイコン*/
	.k036_at_20190822_premiumkyoyuspace_textbox01 p{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		width: -webkit-calc(100% - 78px);
		width: calc(100% - 78px);
		height: 78px;
		margin: 0;
	}
	.k036_at_20190822_premiumkyoyuspace_textbox01 figure{
		width: 78px;
		height: auto;
		margin-top: 0px;
	}
	.k036_at_20190822_premiumkyoyuspace_text01 {
		padding: 15px 0 20px;
		background: url("../images/template/k036_at_20190822_arrow02.png") no-repeat center bottom 5px /12px,8px;
		text-align: center;
		font-weight: bold;
	}
	/*btn共通*/
	.k036_at_20190822_premiumkyoyuspace_btn01 a{
		margin-top: 5px;
		height: 48px;
	}
	.k036_at_20190822_premiumkyoyuspace_btn02 a{
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
		margin: 30px auto 10px;
		max-width: 400px;
		height: 52px;
		font-size: 18px;
	}
	/*大きい写真 margin-top*/
	.k036_at_20190822_premiumkyoyuspace_img01 img,
	.k036_at_20190822_premiumkyoyuspace_img02 img,
	.k036_at_20190822_premiumkyoyuspace_img03 img{
		width: calc(100% - 40px);
		margin: 20px 0 30px 20px;
	}
	.k036_at_20190822_premiumkyoyuspace_img02 img{
		width: calc(100% - 40px);
		margin: 20px 20px 30px 0;
	}
}