@charset "UTF-8";
/* CSS Document */
/* --------------------------------------------------------------------
	yamashita-maria
/* --------------------------------------------------------------------
	00. variable
	01. basic
	02. min-width: 480px
	03. min-width: 768px
	04. min-width: 984px
-------------------------------------------------------------------- */
/* --------------------------------------------------------------------

	00. variable
	
-------------------------------------------------------------------- */
/* --------------------------------------------------------------------

	01. basic
	
-------------------------------------------------------------------- */
/* -----------------------------------------------------
	header
----------------------------------------------------- */
body {
	
/*	background: url("../img/common/hhhh.png");*/
}
.wrap1{
	overflow: hidden;
}
.mainimg a {
	text-decoration: none;
}

.yokoku{
	color: #f00;
	text-align: center;
	font-size: 1.28em;
	border: solid 1px #f00;
	margin: 20px auto;
	width: 400px;
	padding: 10px;
}



.header-container {
  width: 100%;
  /*border-top: 10px solid #297060;*/
  border-bottom: 1px solid #604C3F;
	background: #f2f2f2;
  margin: 0 auto; }
  .header-container header h1 {
    width: 100%;
    height: 100px;
    background: url(../img/common/h1_title01.png) no-repeat center top;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/h1_title01.jpg', sizingMethod='scale')";
    margin: 30px auto; }
    .header-container header h1 span {
      display: none; }
  .header-container header p.no01 {
    text-align: center; }
  .header-container header p.no02 {
    width: 90%;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    background: url(../img/common/img_phno.png) no-repeat center top;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/img_phno.jpg', sizingMethod='scale')";
    background-size: contain; }
    .header-container header p.no02 span {
      display: none; }
    .header-container header p.no02 img {
      width: 100%; }
  .header-container header .mainimg {
    width: 100%;
    height: 400px;
/*    background: url(../img/common/img_main8.jpg) no-repeat center top;*/
    background-size: cover;
	  padding: 200px 0;
}

.header-container {
    position: relative;
    height: 740px;
}


@media (min-width: 701px) {
.header-container .or_title{
/*	background-color: rgba(255,255,255,0.5);
	font-size: 3em;
	font-weight: bold;
	color: #444;
	padding-top: 7px;*/
}
	
.or_title_name {
    position: relative;
    z-index: 1;
	color: white;
    font-size: 30px;
	background-color: #121212;
    border-top: 4px solid #D2C4A4;
    border-bottom: 4px solid #D2C4A4;
    width: 100%;
    margin:7em auto;
	padding: 20px 0;
}
	
	
	.br-pc { display:block; }
.br-sp { display:none; }

.bnr{
padding-bottom: 20px;
}

.bnr img{
text-align: center;
margin: 0 auto;
}
	
}





.main-container .readme{
	text-align: center;
	/*margin-top: -30px;*/
	margin-bottom: 20px;
	margin-top: 10px;
	font-weight:bold;
	font-size: 20px;
	color: #df2f2d;
}
.main-container .readme_s{
	text-align: center;
	margin-top: 30px;
}
.main-container .readme_s h3{
	font-weight:bold;
	font-size: 16px;
}
.main-container .readme_s p{
	margin-top: -10px;
	font-size: 14px;
}

    .header-container header .mainimg figure {
      text-align: center; }
      .header-container header .mainimg figure img {
        margin: 20px auto;
        width: 50%;
/*background-color: #04e;*/
}
      .header-container header .mainimg figure figcaption {
        display: none; }
  .header-container header nav {
    margin: 0 auto; }
    .header-container header nav ul a {
      margin: 0;
      padding: 0; }
      .header-container header nav ul a li {
        font-size: 1.4em;
		  font-weight: bolder;
        margin: 0;
        padding: 0;
        background: #C9BC9C;
		color: #604C3F;
        text-align: center;
        border-bottom: #fff 1px solid;
        padding: 20px 0 20px; }
        .header-container header nav ul a li span {
          font-size: 1em; }
    .header-container header nav ul a:hover li {
      background: #DDD5C1; }

#mainvisual h2 {
  background: url(../img/common/h2_mainvisual.png) no-repeat; }

.main #re_list {
  margin: 0 auto;
padding-top: 50px;
/*font-family: 'Noto Serif JP', serif;*/
}
  .main #re_list a {
    color: #777; }
  .main #re_list .thum {
    width: 90%;
    margin: 0 auto; }
    .main #re_list .thum figure {
      padding: 0 0 10px 0; }

/*タグ付け*/
.main #re_list .thum .tag1{
	padding: 2px 20px;
	color: #FFF;
	text-align: center;
	background: #801C1E;
}

.main #re_list .thum .tag2{
	padding: 5px 20px;
	color: #FFF;
	text-align: center;
	background:  #555;
	display: inline-block;
	margin-bottom: 3px;
}



      .main #re_list .thum figure img {
		  margin-top: 5px;
        width: 100%; }
    .main #re_list .thum dl {
      padding: 1px 0 1px 0;
      font-size: 1.17em; }
      .main #re_list .thum dl dt {
        clear: left;
        float: left;
        width: 120px; }
      .main #re_list .thum dl dd {
        width: 560px;
        color: #7e9c00;}
    .main #re_list .thum h1 {
      color: #4d4d4d;
		margin: 5px 0 70px 0; }

.main #weekly_list {
  margin: 0 auto; }
  .main #weekly_list a {
    color: #777; }
  .main #weekly_list .thum {
    width: 90%;
    margin: 0 auto; }
    .main #weekly_list .thum figure {
      padding: 0 0 0 0; }
      .main #weekly_list .thum figure img {
        width: 100%; }
    .main #weekly_list .thum dl {
      font-size: 1.17em; }
      .main #weekly_list .thum dl dt {
        clear: left;
        float: left;
        margin: 0 0 0.8em;
        width: 100px;
        padding: 5px; }
      .main #weekly_list .thum dl dd {
        width: 560px;
        margin-bottom: 0.8em;
        color: #7e9c00;
        padding: 5px; }
    .main #weekly_list .thum h1 {
      color: #956134;
		margin: 10px;
		text-align: center;
}
    .main #weekly_list .thum .special2 {
      color: #956134;
		margin-top: 30px;
		text-align: center;
}
.main #arc_main2{
  width: 90%;
  margin: 0 auto; 
}

.main #arc_main h2{
	text-align: center;
}

.main #arc_main h1{
	text-align: center;
	color: #956134;
}
.main #arc_main h3{
	color: #a48b78;
	text-align: center;
}

/*-----詳細情報テーブル-----*/

.main #arc_main table{
	float: left;
  width: 50%;
  border-collapse: collapse;
	margin-bottom: 50px;
}

.main #arc_main table tr{
  border-bottom: solid 1px #fff;
	border-left: solid 10px white;
}

.main #arc_main table tr:last-child{
  border-bottom: none;
}

.main #arc_main table th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #988574;
  color: white;
  text-align: center;
  padding: 7px 0;
}

.main #arc_main table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;/*
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #988574;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;*/
}

.main #arc_main table td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 7px;
}
.main .abcd{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 40px;
}
/*-----詳細情報テーブルend-----*/

.main .arc_other,
.main #arc_main,
.main #column_2nd,
.main #column_3rd,
.main #column_4th,
.main #gmaps,
.main #spec {
  width: 90%;
  margin: 0 auto; }
  .main .arc_other .phno,
  .main #arc_main .phno,
  .main #column_2nd .ph0no,
  .main #column_3rd .phno,
  .main #column_4th .phno,
  .main #gmaps .phno,
  .main #spec .phno {
    width: 100%; }
    .main .arc_other .phno img,
    .main #arc_main .phno img,
    .main #column_2nd .phno img,
    .main #column_3rd .phno img,
    .main #column_4th .phno img,
    .main #gmaps .phno img,
    .main #spec .phno img {
      width: 100%; }
  .main .arc_other figure,
  .main #arc_main figure,
  .main #column_2nd figure,
  .main #column_3rd figure,
  .main #column_4th figure,
  .main #gmaps figure,
  .main #spec figure {
    width: 100%;
    padding-bottom: 60px; }
    .main .arc_other figure img,
    .main #arc_main figure img,
    .main #column_2nd figure img,
    .main #column_3rd figure img,
    .main #column_4th figure img,
    .main #gmaps figure img,
    .main #spec figure img {
      width: 100%;
      margin-bottom: 7px;
      border: 1px solid #dadcd7; }

.main .sub h3{
	color: #a48b78;
	text-align: center;
clear: both;}

.main .arc_other {
  border-top: 3px solid #333;
  margin: 30px 0 0 0; }

.main #column_1st {
  width: 90%;
  margin: 0 auto; }
  .main #column_1st .phno {
    width: 100%; }
    .main #column_1st .phno img {
      width: 100%; }
  .main #column_1st figure {
    width: 100%;
    padding-bottom: 40px; }
    .main #column_1st figure img {
      width: 100%;
      margin-bottom: 12px; }
.phno img {
      width: 100%; }
.pay {
  border: #ff6600 2px solid;
  padding: 20px;
  font-weight: bold;
  text-align: center;
  font-size: 1.44em; }



#video{
	text-align: center;
	width:100%;
	margin-bottom: 70px;
}

#video iframe {
	width:90%;
}
/*
.video{
  position:relative;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
*/

.main .phon{
	clear: both;
}

a.btnset p {
  font-size: 1.44em;
  color: #fff;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background: rgba(110,19,20,0.88);
  /*border: 1px solid  #7fd5de;*/
  border-radius: 5px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s;
	text-decoration: none;}
  a.btnset p:hover {
    background: #9C9C9C;
/*    border: 1px solid #454545;*/
    color: #fff; 
	text-decoration: none;}


#reccomend {
  width: 100%;
  background: #adcdc5; }
  #reccomend div {
    padding: 20px; }

#roommap {
	margin: 0 auto;
	text-align: center;
  width: 95%;
	border-radius: 5px;
	margin-top: 50px;
	padding-top: 35px;
	background: #faf9f1;
	border: 1px solid #b5b5b6;

}
.special{
	text-align: center;
  max-width: 984px;
   margin: 0 auto;
}
.special img {
	width: 90%;
margin:0 auto;}

.special .kakaku {
	width: 150px;
	text-align: left;
	margin-top: 50px;
}

/* -----------------------------------------------------
	footer
----------------------------------------------------- */
footer {
  background: #121212; }
  footer a:link {
    color: white;
    text-decoration: none; }
  footer #footer-inner h1 {
    margin: 0 auto;
    background: url(../img/common/im_logo_footer.png) no-repeat center top;
    text-indent: -9999px; }
  footer #footer-inner #copyright {
    padding: 25px 0 40px 0;
    clear: both;
    margin: 0 auto 0px auto;
    text-align: center; 
    color: white;}
  footer #footer-inner ul li {
    width: 100%;
    *margin: 0 10px 12px 0;
    float: none;
    padding: 10px 0px 0px 0;
    line-height: 100%;
    color: #999;
    *zoom: 1;
    text-align: center; }
    footer #footer-inner ul li span {
      border-bottom: dotted 1px #ccc;
      padding: 0 0 10px 0;
      display: block; }
	  /*
    footer #footer-inner ul li:first-child {
      border-bottom: dotted 1px #ccc;
      padding-bottom: 10px; }*/
  footer #footer-inner ul li.otherinfo {
    width: 100%;
    margin: 0; }
  footer #footer-inner ul li ul.child {
    margin: 10px 0 0 0; }
    footer #footer-inner ul li ul.child li {
      display: block;
      float: none;
      clear: both;
      border-bottom: none;
      padding: 10px 10px 0px 0;
      font-size: 0.8em; }
.footer_kslogo{
	  text-align: center;
      margin-top: 50px;
}
	  

/* --------------------------------------------------------------------

	02. min-width: 480px
	
-------------------------------------------------------------------- */
@media only screen and (min-width: 480px) {
  /* -----------------------------------------------------
	footer
----------------------------------------------------- */
  footer {
    width: 100%; }
    footer #footer-inner {
      width: 100%; }
      footer #footer-inner h1 {
        width: 100%; } }

/* --------------------------------------------------------------------

	03. min-width: 768px
	
-------------------------------------------------------------------- */
/* --------------------------------------------------------------------

	04. min-width: 984px
	
-------------------------------------------------------------------- */
@media only screen and (min-width: 984px) {
  .header-container {
    width: 100%;
    /*border-top: 10px solid #297060;*/
    margin: 0 auto; }
    .header-container header .innerh1 {
      width: 984px;
      height: 60px;
      margin: 0 auto; }
    .header-container header h1 {
      width: 148px;
      height: 37px;
      margin: 10px 0 0 0px;
      background-size: cover;
      position: absolute; }
    .header-container header p.no01 {
      text-align: center;
      position: absolute;
      margin: 30px 0 0 562px; }
    .header-container header p.no02 {
      height: 100px;
      width: 252px;
      height: 24px;
      background-size: cover;
      position: absolute;
      margin: 20px 0 0 732px; }
    .header-container header .mainimg figure img {
      margin: 20px auto;
      width: 350px; }
    .header-container header nav {
      width: 1000px; }
      .header-container header nav ul {
        padding: 3px 0 0 0;
        min-height: 120px; }
        .header-container header nav ul a li {
          width: 246px;
          height: 60px;
          line-height: 60px;
          padding: 0 !important;
          margin: 0 3px 3px 0;
          float: left; }
		  
        .header-container header nav ul a span {
          font-size: 0.8em !important; }
		  .line_X{
		  font-size: 0.3em;
		  }
  .main {
    width: 984px;
    margin: 0 auto;
    margin-top: 110px;
	}
    .main #re_list {
      margin: 0 auto; }
      .main #re_list .thum {
        width: 480px;
        float: left; }
        .main #re_list .thum figure {
          padding: 0 0 10px 0; }
          .main #re_list .thum figure img {
            border: 1px solid #dadcd7; }
      .main #re_list .ss {
        margin: 0 0 0 24px; }
    .main #weekly_list .thum {
      width: 100%;
      margin: 0 auto; }
    .main .arc_other,
    .main #arc_main,
    .main #column_1st,
    .main #column_2nd,
    .main #column_3rd,
    .main #column_4th,
    .main #gmaps,
    .main #spec {
      width: 984px; }
      .main .arc_other .photo,
      .main #arc_main .photo,
      .main #column_1st .photo,
      .main #column_2nd .photo,
      .main #column_3rd .photo,
      .main #column_4th .photo,
      .main #gmaps .photo,
      .main #spec .photo {
        clear: left; }
      .main .arc_other .phno,
      .main #arc_main .phno,
      .main #column_1st .phno,
      .main #column_2nd .phno,
      .main #column_3rd .phno,
      .main #column_4th .phno,
      .main #gmaps .phno,
      .main #spec .phno {
        width: 254px;
        height: 24px; }
	
	/*PC電話番号大きさ*/
	      .main #arc_main2 .phno{
        width: 254px;
        height: 24px; }
	
        .main .arc_other .phno img,
        .main #arc_main .phno img,
        .main #column_1st .phno img,
        .main #column_2nd .phno img,
        .main #column_3rd .phno img,
        .main #column_4th .phno img,
        .main #gmaps .phno img,
        .main #spec .phno img {
          width: 100%; }
    .main #column_1st figure {
      width: 984px;
      height: auto; }
      .main #column_1st figure img {
        width: 100%; }
    .main #column_1st figure.ri {
      margin-left: 36px; }
    .main #column_2nd figure {
      width: 474px;
      height: 320px;
      float: left; }
      .main #column_2nd figure:last-child {
        margin-left: 36px; }
      .main #column_2nd figure img {
        width: 100%; }
    .main #column_2nd figure.ri {
      margin-left: 36px; }
    .main #column_3rd figure {
      width: 312px;
      height: 300px;
      float: left;
      margin-left: 24px; }
      .main #column_3rd figure:first-child {
        margin-left: 0px; }
      .main #column_3rd figure img {
        width: 100%; }
    .main #column_4th figure {
      width: 228px;
      height: 300px;
      float: left;
      margin-left: 24px; }
      .main #column_4th figure:first-child {
        margin-left: 0px; }
      .main #column_4th figure img {
        width: 100%; }
  #reccomend {
    width: 100%;
    min-height: 500px;
    background: #adcdc5;
    text-align: center; }
    #reccomend a.opr {
      color: #00aecf; }
    #reccomend h1.main {
      margin: 0px;
      height: 100px;
      text-align: center; }
    #reccomend .inner {
      width: 984px;
      margin: 0 auto;
      padding: 0; }
    #reccomend .inner div {
      width: 312px;
      height: 300px;
      float: left;
      margin-left: 24px;
      background: #fff; }
      #reccomend .inner div:nth-child(2) {
        margin-left: 0px; }
      #reccomend .inner div:nth-child(5) {
        margin-top: 20px;
        margin-left: 0px;
        margin-bottom: 40px; }
    #reccomend .inner div.riri {
      margin-left: 0px; }
    #reccomend .inner div.lala {
      margin-top: 20px;
      margin-left: 0px;
      margin-bottom: 40px; }
  /* -----------------------------------------------------
	footer
----------------------------------------------------- */
  footer {
    width: 100%; }
    footer #footer-inner {
      width: 984px;
      margin: 0 auto;
      padding: 40px 0 0px; }
      footer #footer-inner h1 {
        width: 984px;
        margin: 0 auto;
        background: url(../../img/common/im_logo_footer.png) no-repeat 0 0;
        text-indent: -9999px; }
      footer #footer-inner nav {
        margin-bottom: 10px;
        clear: both; }
      footer #footer-inner #copyright {
        padding: 25px 0 40px 0;
        clear: both;
        font-size: 0.7em;
	    color: white;}
      footer #footer-inner ul li {
        /*width: 150px;*/
        *margin: 0 10px 12px 0;
        float: left;
        padding: 10px 0px 0px 0;
        line-height: 100%;
        color: #999;
        *zoom: 1; }
        footer #footer-inner ul li span {
          border-bottom: dotted 1px #ccc;
          padding: 0 0 10px 0; }
        footer #footer-inner ul li:first-child {
          margin: 10px 0 0 0; }
      footer #footer-inner ul li.otherinfo {
        width: 110px; }
      footer #footer-inner ul li ul.child {
        margin: 10px 0 0 0; } }

#re_list a img:hover {
  opacity: 0.6; }

#re_list a img {
  transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  /* :WebKit用 */
  -webkit-transition: opacity 0.2s linear;
  /* :Mozilla用 */ }



@media (max-width: 767px) {
	
.header-container .or_title{
/*	background-color: rgba(255,255,255,0.5);
	font-size: 2.5em;
	font-weight: bold;
	color: #444;
	padding-top: 7px;*/
	}
	
.or_title_name {
    position: relative;
    z-index: 1;
	color: white;
    font-size: 25px;
	background-color: #121212;
    border-top: 4px solid #D2C4A4;
    border-bottom: 4px solid #D2C4A4;
    width: 100%;
    margin:7em auto;
	padding: 20px 0;
}
	
	
.main #re_list .thum h1 {
	font-size: 1.5em;
}	
.main #weekly_list .thum h1 {
	font-size: 1.3em;
}
	
	.br-pc { display:none; }
.br-sp { display:block; }
	
}


.residence_H{
	font-size: 1.8em;
	font-weight: bold;
	color: #4d4d4d;
}

footer{
    padding-top: 50px;
 }

.footer_kslogo {
    width: 15em;
    margin: 0 auto;
}

	
  /* -----------------------------------------------------
	footer_231102
----------------------------------------------------- */

/*div{
	margin: 24px 0;
	padding: 80px;
}*/

.title,
.toggle{
	margin: 0 auto;
}

.title{
	pointer-events: none;
	padding: 8px;
	border-bottom: dotted 1px #ccc;
    padding: 0 0 10px 0;
	color: #999;
	text-align: center;
	font-size: 100%;
}

.toggle{
	padding: 8px;
	list-style: none;
	font-size: 95%;
}

.toggle li{
	line-height: 1.5em !important;
}

/*.toggle li:not(:last-child){
	border-bottom: solid 1px #aaa;
}*/

.footer-cont{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.footer-box{
	margin: 0 10px;
	width: 20%;
	
}


/*フッター　トグル新規*/
.title {
    cursor: pointer;
}

/*
.toggle {
    display: none;
}
*/

.toggle.open {
    display: block;
}


@media only screen and (max-width: 640px){
	
.header-container {
    position: relative;
    height: 500px;
}
	
.header-container header .mainimg figure img {
    margin: 0px auto;
    margin-bottom: 25px;
    width: 60%;
}
	

    .google_map_iframe {
        width: 300px;
    }
	
	div{
		padding: 0;
	}
	.title{
		pointer-events: all;
		width: 100%;
		padding: 10px 0;
		font-size: 140% !important;
	}
	
	.toggle{
		display: none;
		width: 100%;
	}
	
	.toggle li{
		padding: 15px 0 !important;
		font-size: 130% !important;
	}
	
	.footer-cont{
	display: block;
	margin-bottom: 20px;
}
	
	.footer-cont li{
		font-size: 120%;
		line-height: 2em !important;
	}

.footer-box{
	margin: 0 10px 0 0;
	width: 100%;
	
}
.toggle li:last-child {
border-bottom: dotted 1px #ccc;
}
	

    .or_title_name {
        position: relative;
        z-index: 1;
        color: white;
        font-size: 25px;
        background-color: #121212;
        border-top: 4px solid #D2C4A4;
        border-bottom: 4px solid #D2C4A4;
        width: 100%;
         margin: 7em auto; 
        margin-top: 15px;
        padding: 20px 0;
    }
	
}

    .google_map {
        text-align: center;
		margin-top: 60px;
    }