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

header {
	background:none;
}
@media screen and (max-width:768px) {
	header {
		background-color:rgba(41,48,49,1);
	}
}
/*
b.banner
*/
.banner {
	position:fixed;
	top:31px;
	left:0px;
	display: block;
	width: 100%;
	height: 959px;
	background: url(/upload/top_banner_l.jpg) center no-repeat;
	background-size: cover;
	z-index:28;
}
 @media screen and (max-width:1600px) {
	.banner {
		height: 700px;
		
	}
}
 @media screen and (max-width:1200px) {
	.banner {
		height: 500px;
		
	}
}
 @media screen and (max-width:900px) {
	.banner {
		height: 350px;
		
	}
}
 @media screen and (max-width:768px) {
	.banner {
		height: 450px;
		background: url(/upload/top_banner_s.jpg) center no-repeat;
		background-size: cover;
	}
}
/*
e.banner
*/

/*
b.circle
*/
.circle {
	position:relative;
	top:551px;
	left:0;
	margin:0 auto;
	width:345px;
	height:35px;
	background:url(/upload/circle_l.png) center top no-repeat;
	background-size:contain;
	z-index:29;
}
@media screen and (max-width:768px) {
	.circle {
		position:relative;
		top:551px;
		left:0;
		margin:0 auto;
		max-width:315px;
		width:90%;
		height:35px;
		background:url(/upload/circle_s.png) center bottom no-repeat;
		background-size:contain;
		z-index:29;
	}
}
/*
e.circle
*/


/*
b.body
*/
.body {
	position:relative;
	top:586px;
	left:0;
	width:100%;
	background:rgba(255,255,255,1);
	font-family: 'Merriweather', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	z-index:29;
}
/*
e.body
*/


.contents {
	margin:0 auto;
	width:100%;
}

.contents h1 {
	padding:35px 0 15px 0;
	line-height:normal;
	text-align:center;
}
.contents h1 .ja {
	font-size:12px;
	line-height:13.5px;
	
}
.contents h1 .en {
	font-size:43px;
	line-height:normal;
	
}

.contents h2 {
	padding-bottom:20px;
	font-family: 'Open Sans';
	text-align:center;
	font-size:13px;
	color:#f17c96;
	line-height:20px;
}
.contents h2 strong {
	font-weight:bold;
	
}
.contents p {
	font-family: 'Open Sans';
	text-align:center;
	font-size:13px;
	line-height:22px;
}
@media screen and (max-width:768px) {
	.contents h1 {
		padding:25px 0 10px;
	}						
	.contents h1 .en {
		font-size:26.5px;							
	}
}

/*
b.greeting
*/
.greeting {
	margin:0 auto;
	padding-bottom:70px;
	max-width:720px;
	width:100%;
}
@media screen and (max-width:720px) {
	.greeting {
		width:95%;
	}
}
/*
e.greeting
*/

/*
b.banner
*/
.banner .copy {
	position:relative;
	top:0px;
	left:0;
	z-index:10;
}
.banner .copy .round_bottom {
	background:url(images/header_bg_white.png) center bottom no-repeat;
	width:100%;
}
@media screen and (max-width:400px) {
	.banner .copy .round_bottom {
		background:url(images/header_bg_white.png) center bottom no-repeat;
		background-size:50%;
	}	
	
}
.banner .copy p {
	padding-top:455px;
	color:rgba(255,255,255,1);
	font-family: 'Merriweather', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-shadow: 0px 0px 10px rgba(0,0,0,1);
	text-align:center;
	font-weight:700;
}
/*@media screen and (max-width:820px) {
	.banner .copy p {
		padding:33% 0 25% 0;
	}	
}
@media screen and (max-width:400px) {
	.banner .copy p {
		padding:43% 0 35% 0;
	}
}*/
.banner .copy p .p1 {
	font-size:65px;
	
}
.banner .copy p .p2 {
	font-size:20px;
	font-weight:700;
	line-height:1.8em;
	letter-spacing:0.1em;
}
/*@media screen and (max-width:820px) {
	.banner .copy p .p1 {
		font-size:40px;
		
	}
	.banner .copy p .p2 {
		font-size:15px;
	}		
}

@media screen and (max-width:400px) {
	.banner .copy p .p1 {
		font-size:30px;
		
	}
	.banner .copy p .p2 {
		font-size:10px;
	}		
}*/

@media screen and (max-width:1600px) {
	.banner .copy p {
		padding-top:335px;
	}
	.banner .copy p .p1 {
		font-size:50px;
		
	}
	.banner .copy p .p2 {
		font-size:18px;
	}
}
 @media screen and (max-width:1200px) {
	.banner .copy p {
		padding-top:235px;
	}
	.banner .copy p .p1 {
		font-size:40px;
		
	}
	.banner .copy p .p2 {
		font-size:16px;
	}
}
 @media screen and (max-width:900px) {
	.banner .copy p {
		padding-top:165px;
	}
	.banner .copy p .p1 {
		font-size:30px;
		
	}
	.banner .copy p .p2 {
		font-size:14px;
	}
}
 @media screen and (max-width:768px) {
	.banner .copy p {
		padding-top:165px;
	}
	.banner .copy p .p1 {
		font-size:25px;
		
	}
	.banner .copy p .p2 {
		font-size:12px;
	}
}
/*
e.banner
*/

/*
b.greeting
*/
.greeting p small {
	font-size:12px;
}
/*
e.greeting
*/

/*
b.session
*/
.sessions {
	background:url(/upload/sky2500.jpg) center no-repeat;
	background-size:cover;
	
}
.sessions .liquid {
	margin:0 auto;
	padding:15px 0 50px 0;
	width:100%;
	max-width:750px;
}
@media screen and (max-width:530px) {
	.sessions .liquid {
		padding:20px 0;
		
	}	
}
.sessions ul {
	margin: 0 auto;
	padding-top:20px;
	max-width:750px;
	width:100%;
	overflow:hidden;
	height:auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.sessions ul li {
	width:50%;
	padding-bottom:40px;
}
@media screen and (max-width:800px) {
	.sessions ul li {
		width:50%;
	}	
}
@media screen and (max-width:530px) {
	.sessions ul li {
		width:100%;
	}	
}
.sessions ul li p {
	text-align:center;
}
.sessions ul li p a {
	color:rgba(204,204,204,1);
	text-decoration:none;
	
}
.sessions ul li .circles {
	display:block;
	margin:0 auto;				
	max-width:252px;
	width:252px;
	max-height:252px;
	height:252px;
	font-family: 'Merriweather', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	border:0;
	border-radius: 124px;
	-webkit-border-radius: 124px;
	-moz-border-radius: 124px;	
}
.sessions ul li .circles a {
	display:table-cell;
	width:248px;
	height:248px;
	vertical-align:middle;
	text-align:center;
	color:rgba(255,255,255,0);
	
	border-radius: 124px;
	-webkit-border-radius: 124px;
	-moz-border-radius: 124px;	
	
	transition-property: all;
	transition-duration: 1s;	
}

.sessions ul li .circles a:hover {
	color:rgba(255,255,255,1);
	
	width:248px;
	height:248px;
	
	border-radius: 124px;
	-webkit-border-radius: 124px;
	-moz-border-radius: 124px;	
	
	transition-property: all;
	transition-duration: 0.5s;				
}
.sessions ul li a.text {
	display:block;
	padding-top:15px;
	font-size:16px;
	font-weight:bold;
	
}
.sessions ul li.personal .circles {
	background:url(/upload/personal_d.png) center center no-repeat;
}
.sessions ul li.personal .circles a {
	background:url(/upload/personal_o2.png) center center no-repeat;
	background-size:0%;
	
	border:solid 2px rgba(29,135,188,1);				
	
}
.sessions ul li.personal .circles a:hover {
	background:url(/upload/personal_o2.png) rgba(29,135,188,1) center center no-repeat;
	background-size:100%;
	
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.sessions ul li.personal .circles {
		background:url(/upload/personal_d@2x.png) center center no-repeat;
		background-size:100%;
	}
	.sessions ul li.personal .circles a {
		background:url(/upload/personal_o2@2x.png) center center no-repeat;
		background-size:0%;
	}
	.sessions ul li.personal .circles a:hover {
		background:url(/upload/personal_o2@2x.png) rgba(29,135,188,1) center center no-repeat;
		background-size:100%;
	}
}
.sessions ul li.personal a.text {
	color:rgba(29,135,188,1);
}

.sessions ul li.couple .circles {
	background:url(/upload/couple_d.png) center center no-repeat;
}
.sessions ul li.couple .circles a {
	background:url(/upload/couple_o2.png) center center no-repeat;
	background-size:0%;
	
	border:solid 2px rgba(188,159,69,1);				
}
.sessions ul li.couple .circles a:hover {
	background:url(/upload/couple_o2.png) rgba(188,159,69,1) center center no-repeat;
	background-size:100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.sessions ul li.couple .circles {
		background:url(/upload/couple_d@2x.png) center center no-repeat;
		background-size:100%;
	}
	.sessions ul li.couple .circles a {
		background:url(/upload/couple_o2@2x.png) center center no-repeat;
		background-size:0%;
	}
	.sessions ul li.couple .circles a:hover {
		background:url(/upload/couple_o2@2x.png) rgba(188,159,69,1) center center no-repeat;
		background-size:100%;
	}
}
.sessions ul li.couple a.text {
	color:rgba(188,159,69,1);
}

.sessions ul li.energy .circles {
	background:url(/upload/energy_d.png) center center no-repeat;
}
.sessions ul li.energy .circles a {
	background:url(/upload/energy_o2.png) center center no-repeat;
	background-size:0%;
	
	border:solid 2px rgba(27,185,178,1);				
}
.sessions ul li.energy .circles a:hover {
	background:url(/upload/energy_o2.png) rgba(27,185,178,1) center center no-repeat;
	background-size:100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.sessions ul li.energy .circles {
		background:url(/upload/energy_d@2x.png) center center no-repeat;
		background-size:100%;
	}
	.sessions ul li.energy .circles a {
		background:url(/upload/energy_o2@2x.png) center center no-repeat;
		background-size:0%;
	}
	.sessions ul li.energy .circles a:hover {
		background:url(/upload/energy_o2@2x.png) rgba(27,185,178,1) center center no-repeat;
		background-size:100%;
	}
}
.sessions ul li.energy a.text {
	color:rgba(27,185,178,1);
}


.sessions ul li.space .circles {
	background:url(/upload/space_d.png) center center no-repeat;
}
.sessions ul li.space .circles a {
	background:url(/upload/space_o2.png) center center no-repeat;
	background-size:0%;
	
	border:solid 2px rgba(209,63,40,1);				
}
.sessions ul li.space .circles a:hover {
	background:url(/upload/space_o2.png) rgba(209,63,40,1) center center no-repeat;
	background-size:100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.sessions ul li.space .circles {
		background:url(/upload/space_d@2x.png) center center no-repeat;
		background-size:100%;
	}
	.sessions ul li.space .circles a {
		background:url(/upload/space_o2@2x.png) center center no-repeat;
		background-size:0%;
	}
	.sessions ul li.space .circles a:hover {
		background:url(/upload/space_o2@2x.png) rgba(209,63,40,1) center center no-repeat;
		background-size:100%;
	}
}

.sessions ul li.space a.text {
	color:rgba(209,63,40,1);
}

.sessions ul li.property .circles {
	background:url(/upload/property_d.png) center center no-repeat;
}
.sessions ul li.property .circles a {
	background:url(/upload/property_o2.png) center center no-repeat;
	background-size:0%;
	
	border:solid 2px rgba(70,106,181,1);				
}
.sessions ul li.property .circles a:hover {
	background:url(/upload/property_o2.png) rgba(70,106,181,1) center center no-repeat;
	background-size:100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.sessions ul li.property .circles {
		background:url(/upload/property_d@2x.png) center center no-repeat;
		background-size:100%;
	}
	.sessions ul li.property .circles a {
		background:url(/upload/property_o2@2x.png) center center no-repeat;
		background-size:0%;
	}
	.sessions ul li.property .circles a:hover {
		background:url(/upload/property_o2@2x.png) rgba(70,106,181,1) center center no-repeat;
		background-size:100%;
	}
}
.sessions ul li.property a.text {
	color:rgba(70,106,181,1);
}	
/*
e.session
*/

/*
b.news
*/
.news {
	background:#fff;
	
}
.news .liquid {
	margin:0 auto;
	padding-top:40px;
	max-width:970px;
	width:100%;
}
@media screen and (max-width:500px) {
	.news .liquid {
		padding-top:20px;
	}	
}
@media screen and (max-width:970px) {
	.news .liquid {
		width:99%;
		
	}
	
}
@media screen and (max-width:800px) {
	.news .liquid {
		width:95%;
		
	}
	
}

.news ul {
	margin-top:20px;
	border-top:dotted 1px rgba(153,153,153,1);
}
.news ul li {
	padding:15px 0 15px 48px;
	border-bottom:dotted 1px rgba(153,153,153,1);
}
.news ul li p {
	display: flex;
	padding:7px 5px 3px 5px;
	height:auto;
	line-height:1.5em;
	font-size:13px;
	text-align: left;
	align-items:center;
}
.news ul li.icon_e {
	background:url(/upload/icon_e.gif) 12px center no-repeat;
	
}

.news ul li.icon_n {
	background:url(/upload/icon_n.gif) 12px center no-repeat;
}

.news ul li p .date {
	flex-basis: 10%;
}
.news ul li p .text {
	flex-basis: 90%;
	
}

@media screen and (max-width:920px) {
	.news ul li p .date {
		flex-basis: 15%;
	}
	.news ul li p .text {
		flex-basis: 75%;
	}
}
@media screen and (max-width:600px) {
	.news ul li.icon_e {
		background:url(/upload/icon_e.gif) 12px center no-repeat;
		
	}
	.news ul li.icon_n {
		background:url(/upload/icon_n.gif) 12px center no-repeat;
	}
	.news ul li p .date {
		display:block;
		float:none;
		padding-bottom:3px;
		width:100%;
		font-size:11px;
		color:rgba(127,126,126,1);
		text-align:left;

		
	}
	.news ul li p .text {
		display:block;
		float:none;
		text-align:left;
	}	
	.news ul li p .date {
		flex-basis: 25%;
	}
	.news ul li p .text {
		flex-basis: 75%;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.news ul li.icon_e {
		background:url(/upload/icon_e@2x.gif) 12px center no-repeat;
		background-size:26px 26px;
		
	}
	.news ul li.icon_n {
		background:url(/upload/icon_n@2x.gif) 12px center no-repeat;
		background-size:26px 26px;
	}
}

.news ul li p .text a {
	color:rgba(83,83,83,1);
	text-decoration:none;
}
.news ul li p .text a:hover {
	color:rgba(241,124,150,1);
}

.page_no {
	margin-top:20px;
	display:none;
	
}
.page_no p {
	text-align:center;
	line-height:28px;
	font-size:15px;
}
.page_no p a {
	padding-right:5px;
	padding-left:5px;
	color:#000;
	
}
.nums a.class {
	color:#cc0033 !important;
	font-weight:bold;
	
}
/*
e.news
*/

/*
b.ads
*/
.ads {
	background:#fff;
}
.ads .liquid {
	margin:0 auto;
	padding:50px 0 0 0;
	max-width:970px;
	width:100%;
}
@media screen and (max-width:970px) {
	.ads .liquid {
		width:99%;
		
	}
	
}
@media screen and (max-width:800px) {
	.ads .liquid {
		width:95%;
		
	}
}
.ads .col2 {
	overflow:hidden;
}
.ads .col2 .colL {
	float:left;
	max-width:480px;
	width:49%;
	padding-bottom:25px;
}
.ads .col2 .colR {
	float:right;
	max-width:480px;
	width:49%;
	background: rgba(242,238,225,1);
}

@media screen and (max-width:1000px) {
	
}
@media screen and (max-width:740px) {
	.ads .col2 .colL {
		display:none;
		float:none;
		max-width:100%;
		width:100%;					
	}
	.ads .col2 .colR {
		float:none;
		max-width:100%;
		width:100%;
	}
}
.ads .campaign .row {
	display:block;
	width:100%;
	background:url(/upload/campaign.png) rgba(242,238,225,1) left top no-repeat;
	text-decoration:none;
	color:rgba(83,83,83,1);
}

.ads .campaign .row1 {
	display:block;
	background:url(/upload/angel@2x.png) center 25px no-repeat;
	background-size:51px 52px;
}
.ads .campaign .row2 {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	height:auto;
}
.ads .campaign h1 {
	display:block;
	padding:90px 0 15px 0;
	color:rgba(164,136,44,1);
	font-size:28px;
	font-family: 'Merriweather', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.1em;
	text-align:center;
	background:url(/upload/campaign_border.gif) center bottom no-repeat;
	line-height:1.3em;
}
@media screen and (max-width:500px) {
	.ads .campaign h1 {
		font-size:20px;
		
	}
}
.ads .campaign p {
	display:block;
	padding:0 10%;
	font-size:13px;
	line-height:1.5em;
	text-align:left;
	font-family:"ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}
.ads .pink {
	color:rgba(237,17,100,1);
	font-weight:bold;
	
}

.ads .facebook {
	
	width:100%;
	height:200px;
	
}
@media screen and (min-width: 800px) {
  .fb-page-parent > .fb-page {
	width: 300px;
  }
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
  width: 100% !important;
}
/*
e.ads
*/

/*
b.message_frame
*/
.message_frame {
	margin:67px auto 0;
	max-width:970px;
	width:100%;
	overflow:hidden;
	
}
.message_frame .col1 {
	float:left;
	width:478px;
	height:360px;		
}
.message_frame .col2 {
	float:right;
	width:478px;
	height:360px;
}
/*
e.message_frame
*/

/*
b.online_special
*/
.online_special {
	background:url(/upload/bg_campaign.jpg) center no-repeat;
	width:478px;
	height:360px;
}
.online_special p {
	margin:0 auto;
	padding-top:215px;
	padding-left:10%;
	padding-right:10%;
	font-family:"ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
	font-size:13px;
	line-height:1.5em;
	text-align:left;
}
.online_special p span {
	color:#ed1164;
	font-weight:bold;
}
/*
e.online_special
*/

/*
b.message_frame, message, online_special
*/
@media screen and (max-width:970px) {
	.message_frame .col1 {
		display:none;
		margin:0 auto;
		float:none;
		max-width:478px;
		width:100%;
		height:auto;
		margin-bottom:20px;
	}
	.message_frame .col2 {
		margin:0 auto;
		float:none;
		width:478px;
		height:360px;
	}
}
@media screen and (max-width:478px) {
	.message_frame .col2 {
		margin:0 auto;
		
		float:none;
		width:320px;
		height:262px;
	}
	.online_special {
		margin:0 auto;
		width:300px;
		height:262px;
		background:url(/upload/bg_campaign_s.jpg) center no-repeat;
		background-size:contain;
		
	}
	.online_special p {
		margin:0 auto;
		padding-top:145px;
		font-size:13px;
		line-height:1.5em;
		text-align:left;
		
	}
}
/*
e.message_frame, message, online_special
*/

/*
b.shopping
*/
.shopping2 {
	width:100%;
	text-align:center;
	background:#fff;
}
.shopping2 .liquid {
	margin:0 auto;
	padding:25px 0;
	max-width:970px;
	width:100%;
}
@media screen and (max-width:1200px) {
	.shopping2 .liquid {
		width:99%;
		
	}
	
}
@media screen and (max-width:800px) {
	.shopping2 .liquid {
		width:95%;
		
	}
}

.shopping2 .border {
	max-width:970px;
	width:100%;
	font-family: 'Open Sans';

}
.shopping2 .border a {
	display:block;
	overflow:hidden;
	max-width:968px;
	background:rgba(247,215,213,1);
	border:solid 1px rgba(248,187,183,1);
	text-decoration:none;
}
.shopping2 .border a .colL {
	display:block;
	float:left;
	width:50%;
	height:113px;
	background:url(/upload/bg_shopping.jpg) left top no-repeat;
}
.shopping2 .border a .colR {
	display:block;
	float:left;
	width:50%;
	height:113px;
}
.shopping2 .border a .colR em {
	display:block;
	padding-right:30px;
	text-align:left;
	line-height:1.3em;
	font-size:13px;
	color:#000;
	
}
.shopping2 .border a .colR em span {
	display:block;
	padding-top:40px;				
}
@media screen and (max-width:970px) {
	.shopping2 .border {
		margin:0 auto;
		max-width:485px;
		width:100%;
		text-decoration:none;
	
	}
	.shopping2 .border a .colL {
		display:block;
		float:none;
		width:100%;
		height:113px;
		background:url(/upload/bg_shopping.jpg) left top no-repeat;
	}
	.shopping2 .border a .colR {
		display:block;
		float:none;
		width:100%;
		height:113px;
		background:url(/upload/shopping_border.gif) center 5px no-repeat;
	}
	.shopping2 .border a .colR em {
		padding-left:30px;
		padding-right:30px;
		
	}
}
@media screen and (max-width:485px) {
	.shopping2 .border {
		margin:0 auto;
		max-width:300px;
		width:100%;
		text-decoration:none;
	
	}
	.shopping2 .border a .colL {
		display:block;
		height:135px;
		background:url(/upload/bg_shopping_s.jpg) left top no-repeat;
		background-size:contain;
	}
	.shopping2 .border a .colR {
		display:block;
		height:136px;
	}
	.shopping2 .border a .colR em span {
		
		padding-top:30px;				
	}
}
/*
e.shopping
*/