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

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

	.spNone{
		display:none !important;
	}

	html{
		width:100%;
		height:100%;
		font-size:12px;
	}

	body{
		width:100%;
		height:100%;
		font-size:1rem;
		overflow-x: hidden;
	}

	img {
		display: block;
		max-width:100%;
		width:auto;
	}

	.post h1{
		font-size:150%;
		margin-top: 6em;
	}
	.post h2{
		font-size:125%;
		margin-top: 3em;
	}
	.post h3{
		margin-top: 1.5em;
	}
	.post h4{
	}
	.post .col02 li,
	.post .col03 li{
		margin-bottom: 1.25em;
	}
	.post .col02 li:last-child,
	.post .col03 li:last-child{
		margin-bottom: 0;
	}

  .wpcf7-form dl.first {
		margin-top: 0 !important;
  }

  .wpcf7-form dt {
    width: 6em;
    float: left;
  }

  .wpcf7-form dt.dt {
    width: 10em;
		float: none;
		margin-bottom: 0.5em;
  }

  .wpcf7-form dd.center {
		width: calc(100% - 6em);
		float: left;
    color: #129144;
  }

  .wpcf7-form dd.right {
		clear: both;
		padding-top: 0.5em;
  }

	.slide .image li img{
		display: none;
	}

	.slide .thum{
		position: absolute;
		top: 7px;
		right: 7px;
	}

	.slide .thum li{
		width:21px;
		height:21px;
	}

	.slide .thum li span{
		width:7px;
		height:7px;
	}

/* header */

/*
	.header{
		height: 6em;
	}

	.header .h1{
		left: 1.5em;
		top:1.5em;
	}

	.header .h1 img{
		height: 3em;
	}

	.header p.menu{
		position: absolute;
		top: 1.75em;
		right: 1.5em;
	}

	.header p.menu img{
			height: 2.5em;
	}

	.header nav .close {
			top: 1.25em;
			right: 1.5em;
	}
	.header nav .close img {
	    width: 40px;
	}

	.header .hat{
		top:2em;
		left:64%;
		width: 3em;
	}

	.header .comment{
		display: none;
	}
*/
	.header {
		padding: 1.5em 0 0;
	}
	.header .h1{
		margin: 0 0 1em;
	}
	.header .h1 img{
		height: 2.5em;
		margin: 0 auto;
	}
	.header .catch{
		margin: 0 0 1.5em;
	}
	.header .catch img{
		height: 0.8em;
		margin: 0 auto;
	}
	.header .sns{
		display: none;
	}

	.header nav li {
		width: calc(100% / 3);
		float: left;
		background: url(../img/header-bg.png) right center / 1px auto repeat-y;
	}

	.header nav li:nth-child(3n){
		background: none;
	}

	.header nav li a{
		display: block;
		background: url(../img/header-bg2.png) center top / auto 1px repeat-x;
	}

	.header nav li img{
		margin: 0 auto;
	}

	/* footer */

	footer {
		font-size: 85%;
	}

	.footer p img{
		height: 1.5rem;
	}
  /* ?? */
  .blank{
    height: 0.5em;
  }
	.subBody {
		padding: 2.25em 0.5em 0.5em;
	}
	.subPage2 .subBody{
		display: none;
	}
	.subBody .ancestor{
		width: 100%;
		max-width: 200px;
		margin: 0 auto 2.25em;
	}
	.subBody .ancestor img{
		max-width: 100%;
		margin: 0 auto;
	}
	.sideNav .head{
		color: #fff;
		font-weight: normal;
		line-height: 1.5;
		text-align: center;
		padding: 0.75em 1em;
		background: #b2a790;
	}
	.sideNav {
		box-shadow: 0 0 0.25em rgba(0,0,0,0.25);
	}
	.sideNav .body {
		display: none;
	}
  .sideNav .bottom {
    width: 100%;
    height: 0.75em;
    background: url(../img/open.png) center / auto 0.25em no-repeat #b2a790;
		border-top: 1px solid #e4dace;
  }
  .sideNav .bottom.open {
    background-image: url(../img/_open.png);
		border-top: none;
  }

	.subPage .mainBody{
		padding: 1.5em 1.5em 3em;
		margin: 0 0.5em 3em;
		background: #fff;
	}

	.subPage .mainBody2{
		padding: 1.5em 1.5em 3em ;
		margin: 0.5em 0.5em 3em;
		background: #fff;
	}

	.pan {
		font-size: 80%;
		margin: 0 auto 3em;
	}

	.pickupContents{
		display: none;
	}

	footer .access{
		margin: 3em 1.5em;
	}

	footer .access ul{
		margin: -0.25em 0;
	}

	.footerMap .image{
		position: absolute;
		bottom: 0;
		left: 0;
	}

	footer .sitemap{
		margin: 0 1.5em;
	}

	footer .sitemap iframe{
		display: block;
		width: 100%;
		height: 240px;
	}

	footer .sitemap ul{
		display: none;
	}

	.footerBody2 {
		padding: 3em 1.5em;
	}

	.footerBody2 .left address{
		font-size: 80%;
		line-height: 1.5;
		text-align: center;
		margin: -0.25em 0 1em;
	}

	.footerBody2 .copylight{
		text-align: center;
	}

	.footerBody2 .right{
		display: none;
	}

	.gyosei {
		width: 50%;
		float: left;
	}

	.gyosei a{
		display: block;
		background: #6f9b2e;
	}

	.kanko {
		width: 50%;
		float: left;
	}

	.kanko a{
		display: block;
		background: #709f99;
	}

	.back {
		clear: both;
	}

	.back a{
		display: block;
		background: #486932;
	}

	.brLink a img{
		height: 3em;
		margin: 0 auto;
	}

	/* ?? */

	.concierge{
		position: relative;
		box-sizing: border-box;
		padding: 1.25em ;
		margin:0 1.5em 6em;
		border: 1em solid #C9BC9C;
		background:#FFF;
	}
	.concierge p{
		font-size: 85%;
	}

	.concierge .link a{
		bottom: -2.75rem;
	}

	.concierge .ab{
		height: 16em;
		margin: 0 auto;
	}

	.what .body li{
		font-size: 80%;
	}

	.what .body h2 img{
		height: 5.5em;
	}

	.what .body .right{
		margin: 3em 0;
	}

	.what .left p{
		font-size: 85%;
	}

	.what .bnr li {
		width: calc((100% / 2) - .5em);
		height: 3em;
		margin:0 1em 1em 0;
		float: left;
	}

	.what .bnr li:nth-child(2n){
		margin-right: 0;
	}

	.what .bnr li a{
		width: 100%;
		height: 100%;
	}

	.pan {
		text-align: center;
	}


	/* index */

	#index .contents {
		background: url(../img/bg01.png) top center / 100% repeat-x;
	}

	#index #slide .image {
		padding-bottom: 60%;
	}

  .more{
  	margin: 1.5em 1.5em 0;
  }

	#index .info{
		padding: 3em 1.5em;
	}

	.info .body h2{
		margin-bottom: 1.5rem;
	}

	.info .body h2 img{
		margin: 0 auto;
	}

	.info .body ul{
		margin-bottom: 1.5em;
	}

	.info .body li{
		font-size: 80%;
		padding: 0.75em 0;
	}

	.info .body li span{
		width: 6em;
	}

	.info .body li a{
		width: calc(100% - 6em);
	}

	.info .body p{
		text-align: center;
	}

	/* houselist */

	.houseLists {
		margin-top: 6rem;
	}

	.houseLists .houseList table{
		width: 100%;
		font-size: 80%;
		border: 1px solid #b3b3b3;
		border-collapse: collapse;
	}

	.houseLists .houseList td{
		display: block;
	}

	.houseLists .houseList li{
		line-height: 1.5;
		padding: 0.75em 1em;
		border-bottom: 1px dotted #b3b3b3;
	}

	.houseLists .houseList .td3{
		line-height: 1.5;
		padding: 0.75em 1em;
		border-bottom: 1px dotted #b3b3b3;
	}

	.houseLists .houseList .td3 br{
		display: none;
	}

	.houseLists .houseList .td4{
		text-align: center;
		border-bottom: none;
	}

  .houseImage li {
    display: block;
    width: calc(50% - 0.5rem);
		float: left;
		margin: 1rem 1rem 0 0;
  }

  .houseImage li:nth-child(2n) {
		margin-right: 0;
  }

  .houseImage li:nth-child(-n+2) {
		margin-top: 0;
  }

  .houseImage li:nth-child(2n+1) {
		clear: both;
  }

  .houseImage li a {
    display: block;
    width: 100%;
    padding-top: 100%;
    background-color: rgba(179, 179, 179, 0.24);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

	/* zadankai */

	.zadankai h1{
		margin-top: 0;
	}

	.zadankai h2{
		font-size: 150%;
		line-height: 1.25;
		margin-top: 3rem;
		padding: 0;


	.zadankai ul li:nth-child(2n){
		margin-right: 0;
	}
	}

	.zadankai .span{
		display: block;
		width: 3em;
		float: left;
		line-height: 1.75;
		text-align: right;
		margin-right: 1em;
	}

	.zadankai .span2{
		display: block;
		width: calc(100% - 4em);
		float: left;
		line-height: 1.75;
	}

	.zadankai ul li img{
		margin: 1em auto 0;
	}

	.zadankai .profile{
		margin-top: 6em;
	}

	.zadankai dl{
		margin-top: 3em;
		padding: 0;
		background: none;
	}

	.zadankai dl:first-child{
		margin-top: 0;
	}

	.zadankai dt{
		margin-bottom: 0.75em !important;
	}

	.zadankai dt img{
		display: block;
		margin: 0 auto;
	}

	.zadankai .youtube iframe{
		display: block;
		max-width: 100%;
		margin: 1.5em auto 0;
	}

  .zadankai .youtube iframe:first-child{
  	margin-top: 3em;
  }

  /* season */

	.season h1 img{
		width: auto;
		height: 2em;
	}

  .season .left{
    display: none;
  }

  .season .body2{
  	clear: both;
  }

  .season .body2 .left2 p{
		font-size: 80%;
  	line-height: 2;
		text-align: center;
  	margin: 2.5em 0;
  }

	.season .body2 .right2 img{
		display: block;
		margin: 0 auto;
	}

  .season .body2 .ab,
	.season .body2 .ab2{
		display: none;
  }

	/* shokokai */

	.shokokai .pageNav ul{
		margin: 0 0 6em;
	}

	.shokokai .pageNav ul li{
		width: calc(100% / 2);
		float: left;
		text-align: center;
		padding: 0 1em;
		margin: 0.5em 0 0;
		border-left: 1px solid rgba(51,51,51,1);
		box-sizing: border-box;
	}

	.shokokai .pageNav ul li:nth-child(2n){
		border-right: 1px solid rgba(51,51,51,1);
	}

	.shokokai .pageNav ul li:nth-child(-n+2){
		margin-top: 0;
	}

	.shokokai .pageNav ul li:nth-child(2n+1){
		clear: both;
	}

	.shokokai .image li{
		margin-bottom: 1em;
	}

	.shokokai .image li:last-child{
		margin-bottom: 0;
	}

}

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

	/* archives */

	.archives{
		padding: 1.5em 0 3em;
	}

	.archives dl{
		margin: 0 1.5em 1.5em;
	}

	.archives dl:last-child{
		margin-bottom: 0;
	}

	/* archives2 */

	.archives2{
		padding: 1.5em 0 3em;
	}

	.archives2 dl{
		padding: 1em;
		margin: 0 1.5em 2em;
	}

	.archives2 dl:last-child{
		margin-bottom: 0;
	}

	.footerBody2 .fb{
	}

  .footerBody2 .fb .fb-page {
		margin: 0 0 3em;
  }
}