@charset "UTF-8";
body {
	margin:0;
	padding:0;
	color:#000;
	position:relative;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height:1.8em;
	-webkit-text-size-adjust: 100%;
}
img {
max-width: 100%;
height: auto;
width: auto;
border:0;
vertical-align: bottom;
pointer-events: none;
}
img[usemap] {
	pointer-events:auto;
}

a.tel {
	color:#000;
	text-decoration:none;
}

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

.clear {
	clear:both;
}
.red {
	color:#c00;
}

.left {
	float: left;
}
.right {
	float:right;
}
#header {
	width:100%;
	background:#00582F;
	padding-top:10px;
}
#header h1 {
	display:block;
	width:50%;
	margin:0 auto 10px;
	text-align:left;
	font-size:12px;
	line-height:18px;
}
#header h2 {
	display:block;
	text-align:center;
	margin:0 auto 10px;
	padding-top:20px;
	
}



#header a:hover, #nav a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
}




.inner {
	width:90%;
	margin:0 auto;
	position:relative;
}

.pc-view {display:none;}
.sp-view {display:block;}

a.btnon:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
}

.px20 {
	font-size:20px;
	line-height:32px;
	font-weight:100;
}
.px20b {
	font-size:20px;
	line-height:32px;
	font-weight:bold;
}
.px16 {
	font-size:16px;
	line-height:36px;
	font-weight:100;
}
.px14 {
	font-size:14px;
	line-height:32px;
	font-weight:100;
}
.px14s {
	font-size:14px;
	line-height:26px;
	text-align:left;
}

.px12s {
	font-size:12px;
	line-height:20px;
	text-align:left;
}

.black {
	color:#000;
}


.clear {
	clear:both;
}

a,a:hover {
-o-transition: background 0.25s ease-in;
-webkit-transition: background 0.25s ease-in;
-moz-transition: background 0.25s ease-in;
transition: background 0.25s ease-in;
}

a#toTop {
	display:block;
	text-decoration:none;
	position:fixed;
	bottom:0;
	right:0;
	overflow:hidden;
	width:40px;
	height:40px;
	border:none;
	background:url(../img/totop.png) no-repeat center center;
	z-index:999;
}
a#toTop:hover {  
    background:url(../img/totop-on.png) no-repeatt center center; 
}  
  
#toTop:active, #toTop:focus {  
    outline:none;  
}

/* menu ------------------*/

#menu{
    display: none;
  }

#menu li{
    width: 100%;
    list-style-type: none;
  }
#menu li a{
  display: block;
  margin: 0;
  padding: 5px 0 10px;
  background: #fff;
  color: #00582E;
  text-align: center;
  text-decoration: none;
  border-bottom:solid 1px #00582E;
}
#menu li a img {
	-webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
}
#menu li a:hover{
  background: #00582E;
  color:#FFF;
}
#menu li a:hover img {
	-webkit-filter: invert(0%);
    -moz-filter: invert(0%);
    -o-filter: invert(0%);
    -ms-filter: invert(0%);
    filter: invert(0%);
}
#toggle{
  display: block;
  position: relative;
  width: 100%;
  background: #FFF;
  text-align: center;
  padding:5px 0;
  border-bottom:solid 1px #00582E;
}
#toggle a{
  display: block;
  position: relative;
  margin: 0;
  height:30px;
  padding: 12px auto 13px;
  color: #00582E;
  text-align: center;
  text-decoration: none;
}
#toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #00582E;
  }
#toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #FFF;
  }
#toggle a:before{
    margin-top: -6px;
  }
#toggle a:after{
    margin-top: 2px;
  }
  
 
 .img-r,  .img-l {
	 display:block;
	 clear:both;
	 margin:0 auto 15px;
 }
 





.newshead {
	font-size:12px;
	font-weight:bold;
	color:#333;
	line-height:16px;
	padding:12px 0 5px;
	border-top:solid 1px #999;
	border-bottom:solid 1px #999;
	margin-bottom: 10px;
}

.news {
	margin-bottom:5px;
	width:100%;
}
.news a {
	color:#000;
	text-decoration:none;
}
.news a:hover {
	color:#000;
	text-decoration:underline;
}
.news li {
	clear:both;
	padding: 2px 0;
}
.news li dl {
	display:block;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
	color:#00582F;
	width:30%;
	float:left;
	margin-top:0;
}
.news li dd {
	display:block;
	font-size:13px;
	line-height:20px;
	font-weight:normal;
	color:#000;
	float:left;
	max-width:70%;
	margin-left:0;
}
ul.banner {
	width:100%;
}
.banner a {
	display:block;
	width:47%;
	margin:0 1% 1%;
	float:left;
}
.banner a.l2 {
	display:block;
	width:96%;
	margin:0 1% 1%;
	float:left;
}


/*.contact {
	text-align: center;
	padding:30px 0;
}
.contact img {
	width:90%;
	height:auto;
}*/


#footer {
/*	margin:50px 0 0 ;
	padding-top: 64px;
	height:40px;
	background:url(../img/bg-foot.png) top repeat-x;
	background-size:auto 40px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:10px;
	color:#333;
	text-align:center;*/
}

.title {
	margin:20px 0;
}
.title-yoyaku {
	margin:20px 0;
	text-align: center;
	font-size:24px;
}
.lineup a {
	display:block;
	margin-bottom:10px;
}

.title-lineup {
	margin-top:30px;
	margin-bottom:30px;
}
.title-lineup .logo01 {
	width:60%;
	margin:0 auto 20px;
	text-align: center;
}
.title-lineup .btn {
	width:80%;
	margin:0 auto;
	text-align: center;
}
.title-lineup .btn a {
	display:block;
	width:100%;
	margin-bottom:10px;
}
.title-lineup .btn a img {
	width:100%;
}

.subtit {
	padding:5px 0 12px;
	margin-bottom:20px;
	border-bottom:solid 1px #026740;
}
.gaiyo-table td {
	padding-top:5px;
	padding-bottom:5px;
}
.gaiyo-table td a {
	color:#000;
	text-decoration:none;
}

.wideslider {
	display:none;
}


/*-------------フォーム--------------*/
.form-tbl {
	width:90%;
	margin:0 auto;
}
.form-tbl th, .form-tbl td {
	padding:10px;
	width:90%;
	display:block;
	clear:both;
}
.form-tbl th {
	border-bottom:dotted 1px #666;
}
.form-tbl td {
	border-bottom:solid 1px #666;
	text-align:center;
}
.form-tbl td.yoyaku {
	border-bottom:none;
	text-align:left;
}
.form-tbl td.yoyaku span.hissu {
	display:inline-block;
	margin-left:15px;
	background:#9fa0a0;
	font-size:12px;
	line-height:1.1em;
	padding:4px 4px 2px;
	color:#FFF;
}
.form-tbl input[type="text"], .form-tbl textarea {
	padding:5px;
	font-size:14px;
	width:80%;
}
.form-tbl td.yoyaku input[type="text"], .form-tbl textarea {
	padding:5px;
	font-size:14px;
	width:98%;
	border:solid 2px #000;
}
.form-tbl input[type="text"]#datepicker {
	background:url("../img/ico-calen.png") right center no-repeat;
	background-size:contain;
}


input#submit, input#reset, input.submitbtn {
	font-size:14px;
	width:120px;
	padding:10px;
	background:#00582E;
	color:#FFF;
	border-style: none;
	cursor:pointer;
	margin:10px;
	}
	input#reset, input.submitbtn {
		background:#666;
	}
button.kengaku {
	width:auto;
	min-width:200px;
	padding:10px 30px;
	background:#888;
	color:#FFF;
	border-style: none;
	cursor:pointer;
	margin:10px;
	font-size:16px;
	font-weight:bold;
}

.jiturei li {
	display:block;
	list-style:none;
}
.jiturei li img {
	margin:5px 0;
}

.beach-top {
	position:relative;
	text-align: center;
}
.beach-top img {
	width:100%;
	height:auto;
}
.beach-top .mlogo {
	width:50%;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-25%;
	margin-top:-25%;
}
.bg-beach {
	background:url("../img/bg-beach.png");
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.concept-beach {
	width:25%;
	max-width:305px;
	margin-left:-5%;
	margin-top:-3%;
}
.beach-tit {
	font-size:24px;
	color:#796A56;
	line-height:1.4em;
	letter-spacing:0.2em;
	font-weight:600;
}
.beach-tit2 {
	font-size:16px;
	color:#62A1B4;
	line-height:1.8em;
	letter-spacing:0.2em;
	font-weight:600;
}
.beach-tit2 span {
	display:block;
}
.beach-tit3 {
	font-size:22px;
	color:#FFF;
	line-height:1.8em;
	letter-spacing:0.2em;
	font-weight:600;
	margin-bottom:30px;
}
.beach-tit3 span {
	display:block;
}
.beach-tit4 {
	font-size:14px;
	color:#FFF;
	line-height:1.8em;
	letter-spacing:0.2em;
	font-weight:600;
}
.beach-tit4 br {display:none;}
.beach-tit5 {
	font-size:18px;
	color:#796a56;
	line-height:1.8em;
	letter-spacing:0.2em;
	font-weight:600;
	margin-top:40px;
	margin-bottom:20px;
}
.beach-tit6 {
	font-size:13px;
	color:#796a56;
	line-height:2.0em;
	letter-spacing:0.2em;
	font-weight:600;
}
.beach-tit6 br {display:none;}
.bg-beach p {
	font-size:14px;
	line-height:2.4em;
	font-weight:600;
	margin-top:1.0em;
	margin-bottom:1.0em;
	letter-spacing:0.1em;
	color:#796a56;
}
.bg-beach p br {display:none;}
.bg-beach01 {
	background:url("../img/beach-bg01.jpg") center center no-repeat;
	background-size:cover;
	padding:100px 0;
}
.bg-beach02 {
	background:url("../img/beach-bg02.jpg") center center no-repeat;
	background-size:cover;
	padding:100px 0;
}
#photos {
	background:url("../img/beach-bgil.png") top center no-repeat;
	background-size:contain;
}
.photos-tit {
	text-align: center;
}
.f1, .f2{
	text-align: center;
}
.f1 img, .f2 img {
	width:100%;
}

.p-bldoor {
	text-align: center;
	margin-bottom:-40px;
}
.mov-logo {
	text-align: center;
	width:70%;
	margin:0 auto 30px;
}


/*rakucafe-house*/
.mov-logocafe {
	width:40%;
	margin:15px auto 30px;
}
.img100 img {
	width:100%;
	max-width:none;
}
.bg-raku1 {
	background:url("../img/bg-cafe.jpg") left top no-repeat;
	background-size:200px 160px;
	padding-bottom:40px;
}
.bg-raku2 {
	background:url("../img/bg-cafe2.jpg") right top no-repeat;
	background-size:200px auto;
	padding-bottom:40px;
}
.bg-raku3 {
	padding-top:40px;
	padding-bottom:40px;
}
.bg-raku4 {
	background:url("../img/bg-cafe4.jpg") right top no-repeat;
	background-size:200px auto;
	padding-bottom:40px;
}
.bg-sora1 {
	background:url("../img/bg-sora1.jpg") center top no-repeat;
	background-size:100% auto;
	padding-top:40px;
	padding-bottom:40px;
}
.bg-sora2 {
	padding-top:40px;
	padding-bottom:40px;
}




.kengaku a {
	display:block;
	width:100%;
	max-width:700px;
	margin:30px auto;
}
.tit-raku {
	margin:40px auto 30px;
	text-align: center;
	color:#507b7d;
	font-size:32px;
	font-family: 'Mochiy Pop One', sans-serif;
	font-weight:900;
}
.tit-raku img {
	height:33px;
}
.tit-rakup {
	height:70px;
	background: url("../img/raku-bgborder.png") center center repeat-x;
	text-align: center;
}
.tit-sorap {
	height:70px;
	background: url("../img/sora-bgborder.png") center center repeat-x;
	text-align: center;
}
.tit-rakup img {
	height:70px;
}
.raku-gr {
	color:#507b7d;
}
.raku-read {
	font-size:28px;
	line-height:1.6em;
	color:#507b7d;
/*	font-family: 'Mochiy Pop One', sans-serif;
	font-family: 'M PLUS 1', sans-serif;*/
	font-family: 'Murecho', sans-serif;
	font-weight:bold;
	margin-bottom:30px;
}
.raku-read img {
	width:90%;
	max-width:450px;
}
.raku-read2 {
	font-size:18px;
	line-height:1.6em;
	color:#507b7d;
/*	font-family: 'Mochiy Pop One', sans-serif;
	font-family: 'M PLUS 1', sans-serif;*/
	font-family: 'Murecho', sans-serif;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:30px;
}
.cafe-txt {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size:16px;
	line-height:2.0em;
}
.cafe-txt2 {
	font-size:14px;
	font-weight:600;
	line-height:2.2em;
}

.tsuma-txt {
	font-size:16px;
	font-weight:600;
	line-height:2.0em;
}

.raku-ptyle a {
	display:block;
	width:49%;
	margin:0.5%;
	float:left;
}

.raku-pdf {
	width:100%;
	max-width:700px;
	margin:40px auto 40px ;
}
.raku-toi {
	width:100%;
	max-width:300px;
	margin:20px auto 50px;
}
.rakuhibi {
	text-align: center;
}





.bg-rakupopo {
	background:#f4e8d1;
	color:#231815;
}
.rakupopo-madori {
	width:102%;
	margin-top:-40%;
}
.rakupopo-concept {
	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:30px 0 30px;
	text-align: left;
	font-size:14px;
	font-weight:bold;
	line-height:2em;
	position:relative;
}
.rakupopo-concept .img1 {
	display:none;
}
.rakupopo-concept .img2 {
	display:none;
}
.popo-pink {
	color:#cd725c;
}

.rakupopo-select a {
	display:block;
	width:49%;
	margin:0.5%;
	float:left;
}
.slide-m {
	width:100%;
	height:66.6%;
	overflow: hidden;
}




.bg-tsumaf {
	background:url("../img/bg-tsumaef.png");
	background-size:92px 72px;
	padding:50px 0 60px;
}
.bg-tsumac {
	background:url("../img/bg-tsumaec.png");
	background-size:92px 72px;
	padding:30px 0 40px;
}
.tit-tsuma {
	position:relative;
}
.tit-tsuma img {
	display:block;
	width:80%;
	max-width:400px;
	margin:0 auto;
}
.tsuma-setsu {
	position:absolute;
	right:0;
	top:50%;
	width:30%;
	font-size:12px;
	line-height:1.4em;
	font-weight:100;
}
.tsumatxtr {
	margin-bottom:40px;
}
.tit-tsuma {
	margin-top:30px;
	margin-bottom:10px;
	font-size:18px;
	font-weight:600;
}
.tsumap-right.couple .tit-tsuma, .tsumap-left.couple .tit-tsuma {
	margin-top:20px;
	margin-bottom:10px;
	line-height:1.4em;
}
.tit-tsumabar {
	background: url("../img/tsumaef-bar.png") center center repeat-x;
	background-size:auto 2px;
	text-align: center;
	margin:30px 0 20px;
}
.tit-tsumabar.top0 {
	margin:0 0 20px;
}
.tit-tsumabar.couple {
	background: url("../img/tsumaec-bar.png") center center repeat-x;
	background-size:auto 2px;
}
.tit-tsumabar img {
	width:50%;
	max-width:280px;
}
.tit-tsumabar.w90 img {
	width:90%;
	max-width:720px;
	display:block;
	margin:0 auto;
	background:url("../img/bg-tsumaef.png");
	background-size:92px 72px;
}
.tit-tsumabar.w90.couple img {
	width:90%;
	max-width:720px;
	display:block;
	margin:0 auto;
	background:url("../img/bg-tsumaec.png") ;
	background-size:92px 72px;
}
a.bn-tsumaeru {
	display:block;
	width:80%;
	max-width:550px;
	margin:0 auto 30px;
}

a.r-kengaku {
	display:block;
	width:16px;
	padding:15px 7px;
	background:#7D6367;
	border-radius: 10px 0 0 10px;
	position:fixed;
	top:200px;
	right:0;
}	
a.r-kengaku.couple {
	background:#1E7FB8;
}	

/* pilie-sp */

.tit-pilie img {
	display:block;
	height:70px;
	margin:50px auto;
}
.bg-pilie {
	background:url("../img/pilie-bg.jpg") center top repeat-y;
	background-size:100% auto;
}
.bg-branch {
	background:#f5f0e8;
}
.bg-white {
	background: rgba(255,255,255,0.7);
}
img.pilie-tit {
	display:block;
	width:50%;
	margin:50px auto;
}
img.p-round {
	display:block;
	border-radius: 15px;
}
.container-c {
}
.p-roundtxt {
	display: grid;
  place-items: center;
	font-size:19px;
}
.pili-titlebar {
	padding:20px 0;
	margin-bottom:30px;
	border-bottom:solid 1px #000;
}
.pili-titlebar img {
	height:30px;
	display:block;
	margin:0 auto;
}
.pili-titlebar img.photo {
	height:30px;
	display:block;
	margin:10px auto 0;
}

img.sp-mg {
	margin-left:4%;
}

.tit-pilie-k1 {
	margin:50px auto;
	height:50px;
	background:url("../img/pilie-kengakutit1.png") center center no-repeat;
	background-size:auto 30px;
}
.tit-pilie-k2 {
	margin:50px auto;
	height:50px;
	background:url("../img/pilie-kengakutit2.png") center center no-repeat;
	background-size:auto 30px;
}
.tit-pilie-k3 {
	margin:50px auto;
	height:50px;
	background:url("../img/pilie-kengakutit3.png") center center no-repeat;
	background-size:auto 30px;
}
a.pilibanner1 {
	display:block;
	width:100%;
	margin:0 auto 20px;
}
a.pilibanner2 {
	display:block;
	width:100%;
	margin:0 auto;
}

img.pilie-titlp {
	display:block;
	width:50%;
	margin:10px auto 20px;
}
.pili-price {
	margin-bottom:30px;
}
.pili-pricetxt {
	line-height:1.8em;
}
.piliken-fp2, .piliken-fp3 {
	text-align:center;
}
.piliken-fp2 img, .piliken-fp3 img {
	display:block;
	width:90%;
	margin:0 auto 30px;
}

/*Branch*/

.branch-top {
	position:relative;
	text-align: center;
}
.branch-top img {
	width:100%;
	height:auto;
}
.branch-top .mlogo {
	width:50%;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-25%;
	margin-top:-25%;
}

img.branch-tree {
	display:block;
	width:70%;
	margin:0 auto 40px;
}
.branch-right {
	width:100%;
	float:right;
}
.branch-rtxt {
	display: grid;
  place-items: left;
	font-size:16px;
	line-height:1.8em;
}
.branch-rtxt strong {
  place-items: left;
	float: left;
	padding: 0;
	margin:0 0 10px 0;
}

.block1 li {
	width:100%;
	max-width:700px;
/*	width:1299px;*/
	margin:0 auto 40px;
}
.branch-wkp {
	line-height:1.8em;
	border:solid 2px #db697b;
	padding:80px 20px 20px 20px;
	border-radius: 10px;
	background:url("../img/branch-sha.png") center 20px no-repeat #FFF;
	background-size:50px 50px; 
}



.logo-l {
	display:inline-block;
	width:40%;
	max-width:200px;
	margin-top:20px;
	margin-bottom:20px;
}
.logo-r {
	display:inline-block;
	width:80%;
	max-width:380px;
	margin-left:0;
}
.pc-center {
	text-align: left;
}
.pc-center1 {
	text-align: left;
}


/* ----------------------------------------------------------------------
Youtube responsive - Youtube動画のレスポンシブ表示
---------------------------------------------------------------------- */
.ytube {
  position: relative;
  height: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 56.25%;
  padding-top: 30px;
  overflow: hidden;
}

.ytube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



/* min-width: 480px
=============================================================*/
@media only screen and (min-width: 480px) {
	
.wideslider {
	display:block;
}
#box-s {
	display:none;
}
	
#toggle{ 
 display: none;
}

#menu{
  display: block;
  margin: 10px 0 10px;
}

#menu li{
    width: 48%;
	margin:0 1% 2%;
   float: left;
  }
  

#menu li a img {
	-webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
}

#menu li a:hover img {
	-webkit-filter: invert(0%);
    -moz-filter: invert(0%);
    -o-filter: invert(0%);
    -ms-filter: invert(0%);
    filter: invert(0%);
}  
  
  

  
  
  
  
.news li dl {
	width:22%;
}
.news li dd {
	max-width:78%;
}

ul.banner {
	max-width:470px;
	margin:0 auto;
}

.lineup a {
	display:block;
	width:50%;
	float:left;
	margin-bottom:20px;
}
	
} /* /480 */ 
  


/* min-width: 768px
=============================================================*/  
@media only screen and (min-width: 768px) {
	
.pc-view {display:inline-block;}
.sp-view {display:none;}

#header h1 {
	display:block;
	width:278px;
	margin:0 0 0 20px;
	text-align:left;
	font-size:12px;
	line-height:18px;
	float:left;
}
#header h2 {
	display:block;
/*	width:100%;*/
	text-align:right;
	margin:0 30px 10px 0;
	padding-top:20px;
}
.inner {
	margin:0 auto;
	max-width:950px;
}

.top-mainbg {
	width:100%;
	background:url(../img/bg-topmain.png) top repeat-x;
}
	

.bg-raku3 {
	background:url("../img/bg-cafe3.png") left bottom no-repeat;
	background-size:200px auto;
	padding-bottom:40px;
}
	
.cafe-txt {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size:18px;
	line-height:2.4em;
}

.bg-tsumac {
	background:url("../img/bg-tsumaec.png");
	background-size:92px 72px;
	padding:50px 0 60px;
}
.tsuma-txt {
	font-size:18px;
	font-weight:600;
	line-height:2.4em;
}	

.tit-raku img {
	height:43px;
}



.rakupopo-concept {
	padding:30px 0 60px;
	margin-bottom:30px;
	text-align: center;
	font-size:22px;
	font-weight:bold;
	line-height:2em;
	position:relative;
}
.rakupopo-concept .img1 {
	display:block;
	width:22%;
	position:absolute;
	left:85%;
	top:-10%;
}
.rakupopo-concept .img2 {
	display:block;
	width:22%;
	position:absolute;
	left:-3%;
	bottom:0;
}	
.rakupopo-select a {
	display:block;
	width:24%;
	margin:0.5%;
	float:left;
}	

	
.tsumap-left img {
	display:block;
	width:50%;
	float:left;
	margin-right:3%;
}
.tsumatxtr {
	padding-top:10px;
	margin-bottom:0;
}
.tsumap-right {
	width:90%;
	margin-left:10%;
}
.tsumap-right img {
	display:block;
	width:40%;
	float:right;
	margin-left:3%;
}
.tsumap-right.couple img {
	display:block;
	width:50%;
	float:right;
	margin-left:3%;
}	
.tsumap-right .tsumatxtr {
	padding-top:70px;
	margin-bottom:0;
}	
.tsumap-right.couple .tsumatxtr {
	padding-top:20px;
	margin-bottom:0;
}
.tsumap-left.couple {
		/*letter-spacing: -1px;*/
	}	

.block3.tsumaf li:nth-child(1) {
	width:35.9%;
	margin:0;
}
.block3.tsumaf li:nth-child(2) {
	width:33.6%;
	margin:0;
}
.block3.tsumaf li:nth-child(3) {
	width:30.5%;
	margin:0;
}	
	
a.r-kengaku {
	display:block;
	width:19px;
	padding:25px 10px;
	background:#7D6367;
	border-radius: 10px 0 0 10px;
	position:fixed;
	top:200px;
	right:0;
}	

.tit-pilie-k1 {
	margin:50px auto;
	height:50px;
	background:url("../img/pilie-kengakutit1.png") center center no-repeat;
	background-size:auto 35px;
}
.tit-pilie-k2 {
	margin:50px auto;
	height:50px;
	background:url("../img/pilie-kengakutit2.png") center center no-repeat;
	background-size:auto 35px;
}
.tit-pilie-k3 {
	margin:50px auto;
	height:50px;
	background:url("../img/pilie-kengakutit3.png") center center no-repeat;
	background-size:auto 35px;
}
.piliken-fp2 img {
	display:inline-block;
	width:auto;
	height:31vw;
	max-height:340px;
	margin:0 2vw 30px;
}
.piliken-fp3 img {
	display:inline-block;
	width:auto;
	height:31vw;
	max-height:340px;
	margin:0 1vw 30px;
}
.piliken-fp2.garden img {
	display:inline-block;
	width:auto;
	height:31vw;
	max-height:380px;
	margin:0 2vw 30px;
}

/*Branch*/

.branch-top img {
	margin-top:-12px;
	margin-bottom:50px;
}
img.branch-tree {
	display:block;
	width:35%;
	float:left;
}
.branch-right {
	width:60%;
	float:right;
}
.branch-wkp {
	line-height:1.8em;
	border:solid 2px #db697b;
	padding:20px 20px 20px 120px;
	border-radius: 10px;
	background:url("../img/branch-sha.png") 30px center no-repeat #FFF;
	background-size:60px 60px; 
}
	
	
	
	
	
	

/* menu ------------------*/

#toggle{ 
 display: none;
}

#menu{
  display: block;
  width: auto;
  height:36px;
  float:right;
  margin: 0 0 20px;
}
#menu li{
  float: left;
  width:auto;
  margin: 0;
  padding: 0;
}
#menu li a{
  background:none;
  display:block;
  padding: 10px 20px;
  font-size:16px;
  font-weight:bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: block;
  letter-spacing: 0em;
}
#menu li a:hover{
}


#menu li a img {
	-webkit-filter: invert(0%);
    -moz-filter: invert(0%);
    -o-filter: invert(0%);
    -ms-filter: invert(0%);
    filter: invert(0%);
}


/* menu ------------------*/


  .img-r {
	 display:block;
	 clear:none;
	 float:right;
	 margin:0 0 15px 15px;
 }
  .img-l {
	 display:block;
	 clear:none;
	 float:left;
	 margin:0 15px 15px 0;
 }
  .gmap {
	 display:block;
	clear:both;
 }

.news {
	width:450px;
	margin-left:30px;
	float:left;
}
.news li dl {
	width:30%;
}
.news li dd {
	max-width:70%;
}

ul.banner {
	width:240px;
	float:left;
	margin-left:30px;
}
.banner a {
	width:226px;
	margin:0 9px 9px 0;
}
.banner a.l2 {
	width:461px;
	margin:0 9px 9px 0;
}


.bg-main .inner {
	min-height:840px;
	padding-top:30px;
	background:#FFF;
}



.title-lineup {
	margin-top:0;
	margin-right:0;
	width:217px;
	float:left;
}
.title-lineup .logo01 {
	width:auto;
	display:block;
	float:none;
	margin:0 auto 30px;
}
.title-lineup .btn {
	width:100%;
	display:block;
	float:none;
}
.title-lineup .btn a {
	width:100%;
	display:block;
	margin-bottom:15px;
}
.cont-lineup {
	display:block;
	width:505px;
	float:left;
	margin:0 0 0 30px;
	font-size:16px;
	line-height:30px;
}
.pd-left20 {
	display:block;
	padding-left:20px;
}




.form-tbl {
	width:80%;
	margin:0 auto;
}
.form-tbl th, .form-tbl td {
	clear:none;
}
.form-tbl th {
	width:20%;
}
.form-tbl td {
	text-align:left;
}
.form-tbl th {
	border-bottom:dotted 1px #666;
}
.form-tbl td {
	border-bottom:solid 1px #666;
	text-align:center;
}
.form-tbl td.yoyaku {
	border-bottom:none;
	text-align:left;
}


.form-tbl input, .form-tbl textarea {
	padding:5px;
	font-size:14px;
}

#footer {
/*	height:54px;
	background-size:auto 54px;*/
}

.jiturei li {
	width:30%;
	margin:10px 5% 20px 0;
	float:left;
}
.jiturei li:nth-child(3n) {
	margin:10px 0 20px 0;
	clear:right;
}
.jiturei li:nth-child(3n+1) {
	clear:left;
}
	
	

.beach-tit {
	font-size:44px;
}
.beach-tit2 {
	font-size:20px;
}
.beach-tit2 span {
	display:inline-block;
}
.bg-beach p {
	font-size:16px;
	}
.bg-beach p br {display:block;}
.beach-tit3 {
	font-size:32px;
}
.beach-tit3 span {
	display:inline-block;
}
.beach-tit4 {
	font-size:18px;
}
.beach-tit4 br {display:block;}
.beach-tit5 {
	font-size:24px;
	margin-top:80px;
}
.beach-tit6 {
	font-size:16px;
}
.beach-tit6 br {display:block;}
	
.mov-logo {
	width:40%;
	float:right;
	margin-top:-100px;
	margin-bottom:0;
	text-align: left;
}
	

.raku-read {
	font-size:40px;
	line-height:1.6em;
	color:#507b7d;
/*	font-family: 'Mochiy Pop One', sans-serif;
	font-family: 'M PLUS 1', sans-serif;*/
	font-family: 'Murecho', sans-serif;
	font-weight:bold;
	margin-bottom:30px;
}
.raku-read2 {
	font-size:22px;
	line-height:1.6em;
	color:#507b7d;
/*	font-family: 'Mochiy Pop One', sans-serif;
	font-family: 'M PLUS 1', sans-serif;*/
	font-family: 'Murecho', sans-serif;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:30px;
}
	.raku-read2 img {
		max-width:500px;
	}

.logo-l {
	display:inline-block;
	width:40%;
	max-width:200px;
	margin-top:0;
	margin-bottom:0;
}
.logo-r {
	display:inline-block;
	width:60%;
	max-width:380px;
	margin-left:40px;
}
.mov-logocafe {
	width:20%;
	float:right;
	margin-top:-15px;
	margin-right:20%;
}

.raku-ptyle a {
	display:block;
	width:24.6%;
	margin:0.2%;
	float:left;
}

/* pilie-pc*/	


img.pilie-tit {
	display:block;
	width:30%;
	margin:100px auto;
}
.tit-pilie img {
	display:block;
	height:120px;
	margin:50px auto;
}
.pili-titlebar img {
	height:40px;
	float:left;
}
.pili-titlebar img.photo {
	height:50px;
	float:right;
	margin-top:-10px;
}
img.sp-mg {
	margin-left:0;
}

a.pilibanner1 {
	display:inline-block;
	width:60.8%;
	margin:0;
	float:left;
}
a.pilibanner2 {
	display:inline-block;
	width:33.3%;
	margin:0;
	float:right;
}
	
img.pilie-titlp {
	display:block;
	width:13%;
	margin:10px 8% 50px 0;
	float:left;
}
.pili-price {
	width:35%;
	float:left;
}
.pili-pricetxt {
	width:60%;
	float:right;
}
	
	
	
.pc-center {
	text-align: center;
}
.pc-center1 {
	text-align: center;
}
	
/*
.contact img {
	height:140px;
	width:auto;
}*/

	
}/* /768 */ 

@media only screen and (min-width: 990px) {
	.inner {
	width:950px;
	}
	
.br {
	 display:block;
	clear:right;
}
	
	#menu{
    display: block;
  padding: 0;
}

.news {
	width:400px;
}
ul.banner {
	width:470px;
	float:left;
	margin-left:40px;
}
ul.banner.banner-l {
	width:auto;
	max-width:none;
	float:left;
	margin-left:0;
}
ul.banner.banner-l .banner a {
	display:block;
	width:20%;
	margin:0 1% 1%;
	float:left;
}
ul.banner.banner-l .banner a.l2 {
	display:block;
	width:96%;
	margin:0 1% 1%;
	float:left;
}	
	
	
	
	
	
	

.bg-main {
	width:100%;
	background:url(../img/bg-main.png) top repeat-x;
	background-attachment:fixed;
}
.bg-main .inner {
	min-height:840px;
	width:890px;
	padding:30px;
	background:#FFF;
}
.bg-main .inner {
	min-height:0;
	width:890px;
	padding:0;
	background:transparent;
}

.cont-lineup {
	width:643px;
}
	
.f1, .f2{
	width: 50%;
	float:left;
}
	
.p-bldoor {
	width:32%;
	float:right;
	margin-top:-260px;
}
	.bn-beach a {
		display:inline-block;
	}

	.exterior {
		max-width:969px;
		margin:0 auto;
		background:url("../img/beach-0-bg.png") no-repeat;
		background-size:100% 100%;
	}


}



@media only screen and (max-width: 767px) {

.left {
	max-width:50%;
}
.right {
	max-width:50%;
}


.exterior {
		max-width:86%;
	margin:0 auto;
	}


	
/*--　つまえるLP　--*/
.tsuma-setsu {
	position:relative;
	width:80%;
	margin:20px auto;
	text-align:center;
}
	.block3.tsumaf li {
		text-align: left;
	}
	.block3.tsumaf li img.f2 {
		width:92%;
	}
	.block3.tsumaf li img.f3 {
		width:84%;
	}		
	
	
	
	
	

/*blog*/
.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

      .main-inner .fauxcolumn-center-outer {
        left: 0;
        right: 0;
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: 100%;
      }

      .main-inner .fauxcolumn-right-outer {
        width: 100%;
      }

      .main-inner .column-left-outer {
        width: 100%;
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: 100%;
        margin-right: -$(main.column.right.width);
      }
	  
	  .post-body img {
		  width: 90%;
		  margin:10px 0;
	  }
	  
.entry-content iframe {
	width:90%;
	height:60%;
}


}