@charset "Shift_JIS";

body, div, ul, li{
	margin:0;
	padding:0;
}

body{
	background-color : white;
	font-size : 62.3%;
	color : rgb(41, 38, 35);
	font-family : メイリオ, HiraKakuProN-W3;
       -webkit-text-size-adjust: 100%;
}

a{
	text-decoration: none;
	color: #292623;
}

a:link{
	color : black;
	border-style:none;
}
a:visited{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
	
}
a:active{
	text-decoration: none;
}


/* ------- wrapper ------- */

#wrapper{
	width: 1000px;
	margin: 0 auto;
       overflow: hidden;
}

#menu{
 height : 70px;
 background-color : white;
}


#inquiry{
 text-align:right;
 font-size : 130%;
 font-family : メイリオ, HiraKakuProN-W3;
}

/* ------- header ------- */

#header{
  width : 900px;
      text-align:center;
}

#header img{
	margin-top : 0px;
}

/* ------- header R.E. ------- */

#header_re{
	height : 110px;
	width : 900px;
	text-align:center;
}

#header_re img{
	margin-top : 0px;
}

/* ------- nav ------- */

#nav{
	width: 900px;
	background: #eaf4fc;
}

#nav li{
	list-style-type: none;
}

#nav > li{
	position: relative;
	z-index: 10000;
	float: left;
	width: 110px;
}

#nav > li > a{
	display: block;
	padding: 23px 0 23px 0;
	background : none 0% 0% / auto auto repeat scroll padding-box border-box white;
	border-right : 0px solid rgb(194, 197, 169);
	font-family : メイリオ, HiraKakuProN-W3;
	font-size: 1.8em;
	line-height: 1;
	text-align: center;
}

#nav > li:hover > a{
	background: #4F4944;
	color: #FFFFFF;
	font-weight: bold;
}

#nav .subs{
	visibility: hidden;
	position: absolute;
	width: 760px;
	top: 100%;
	left: 0;
	padding: 15px;
	background: url("images/arrow.png") no-repeat 66px 0 #797168;
  font-family : メイリオ, HiraKakuProN-W3;
}

#nav > li:hover .subs{
	visibility: visible;
}

#nav .subs > li{
	float: left;
	width: 160px;
}

#nav .subs li span{
	font-size: 2.0em;
	color: #FFFFFF;
}

#nav .subs li{
	padding-top: 5px;
}

#nav .subs li a{
	display: block;
	border-left: 6px solid #4F4944;
	padding: 13px 0 13px 0;
	font-size: 1.4em;
	line-height: 1;
	text-indent: 12px;
	color: #FFFFFF;
}

#nav .subs li a:hover{
	border-left: 12px solid #BCB8B4;
	background: #FFFFFF;
	color: #797168;
	font-weight: bold;
}

/* ------- nav col ------- */

#nav .col4{
	width: 760px;
}

#nav .col2{
	width : 320px;
}

#nav .col1{
	width: 160px;
}

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

#nav > li.color-blue:hover > a{
	background: #0F81BD;
}

#nav > li.color-green:hover > a{
	background: #0A9AA7;
}

#nav > li.color-red:hover > a{
	background: #BE386D;
}

#nav .color-blue .subs{
	background: url("images/arrow_blue.png") no-repeat 66px 0 #419ED6;
}

#nav .color-green .subs{
	background: url("images/arrow_green.png") no-repeat 66px 0 #28B8BB;
}

#nav .color-red .subs{
	background: url("images/arrow_red.png") no-repeat 66px 0 #E1608D;
}

#nav .color-blue .subs li a{
	border-left: 6px solid #0F81BD;
}

#nav .color-green .subs li a{
	border-left: 6px solid #0A9AA7;
}

#nav .color-red .subs li a{
	border-left: 6px solid #BE386D;
}

#nav .color-blue .subs li a:hover{
	border-left: 12px solid #A0CFEB;
	color: #419ED6;
}

#nav .color-green .subs li a:hover{
	border-left: 12px solid #94DCDD;
	color: #28B8BB;
}

#nav .color-red .subs li a:hover{
	border-left: 12px solid #F0B0C6;
	color: #E1608D;
}

/*2clum-*/
.contents_2clum{
	margin: 35px 0 35px 0;
	padding-bottom: 0px;
       padding-top:25px
	overflow: hidden;
	width : 900px;
       padding-left : 0px;
      background-color: #ffffef;
}
.contents_2clum h2{
	font-size : 200%;
	color: black;
	margin-bottom : 10px;
       font-family : メイリオ, HiraKakuProN-W3;
}
.contents_2clum .section{
	float:left;
	width : 295px;
	margin-right : 5px;
  padding-left : 0px;
}
.contents_2clum .section.last{
       width:600px;
	margin-right: 0px;
       padding-left : 0px;
}

cont_wrap{
	max-width: 1000px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
font-size: 20px;
}

/*newslist*/
ul.newsList li{
	background-color : transparent;
	border-bottom: 1px dotted #ccc;
	}
	
ul.newsList li a{
	 
	display: block; 
	position: relative; 
	padding: 13px 0 13px 9em;
	}

ul.newsList li a:hover{
	 
	background-color: #EDF6FF;
	}	
	
ul.newsList li a span.date{
	 
	display: block; 
	position: absolute; 
	top: 16px; 
	left: 0; 
	width: 9em; 
	color: #333; 
	}
ul.newsList p{
	text-align:right;
}




/*5clum-*/
.contents_5clum{
	margin: 0 0 35px 0;
	padding-bottom: 0px;
	overflow: hidden;
	width : 900px;
	border-bottom : 0px solid white;
}
.contents_5clum .section{
       font-family : メイリオ, HiraKakuProN-W3;
	float:left;
	width : 525px;
	margin : 0px 0px 30px 0px;
}

.contents_5clum p{
      font-size:1.25em;
}

.contents_5clum .section1{
       font-family : メイリオ, HiraKakuProN-W3;
	float:left;
	width : 190px;
	margin : 0px 0px 30px 0px;
}
.contents_5clum .sectionlast{
       font-family : メイリオ, HiraKakuProN-W3;
	float:left;
	width : 160px;
	margin : 0px 0px 30px 0px;
}
.contents_5clum h3{
	font-weight: bold;
	margin-bottom: 5px;
}

/*footer*/
.footer{
	background-color : white;
	padding: 20px 0;
	margin-bottom: 10px;
}
.footer .contents_5clum{
	overflow: hidden;
	width : 900px;
	margin:0 auto;
}
.footer p{
	float:left;
	margin-right : 0px;
}
.footer p:fast-child{
	margin-left: 1px;
}
.footer p:last-child{
	margin-right:0px;
}
.copy{
	text-align: center;
	margin-bottom: 10px;
}



img{
	vertical-align: bottom;
}

/* お知らせ */
ul.newsList li{
  font-family : メイリオ, HiraKakuProN-W3;
	list-style:none; 
	border-bottom: 1px dotted #ccc;
       font-size:1.25em;
	}
	
ul.newsList li a{
	 
	display: block; 
	position: relative; 
	padding: 8px 0 8px 9em;
	}
	
ul.newsList li a:hover{
	 
	background-color: #EDF6FF;
	}
	
ul.newsList li a span.date{
	 
	display: block; 
	position: absolute; 
	top: 16px; 
	left: 0; 
	width: 9em; 
	color: #333; 
	}

/* マーカー線 */
.marker_water {
background: linear-gradient(transparent 65%, #ffff66 65%);
}


/* 04.吹き出し */
#heading04{
	position:relative;
	margin:0 15px;
	padding:10px 20px;
	font:bold 24px/1.6 Arial, Helvetica, sans-serif;
	color:#333;
	border:#333 solid 3px;
	border-radius:18px;
	background:#fff;
	box-shadow:
		-7px -5px 0 0 #e8e8e8 inset,
		2px 3px 0 0 #000;
}
#heading04:before{
	content:" ";
	position:absolute;
	top:100%;
	left:14px;
	width:0;
	height:0;
	border-width:20px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#333;
}
#heading04:after{
	content:" ";
	position:absolute;
	bottom:-27px;
	left:18px;
	width:0;
	height:0;
	border-width:14px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#e8e8e8;
}

/*
実績一覧
-------------------------------------------*/
.grid {
    display: grid;
gap: 18px;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 6%;
margin-bottom: 50px;
}



/* 更新情報簡単チェックボタン */
.button2{
	display: inline-block;
	width : 280px;
	height : 40px;
	text-align: center;
	text-decoration: none;
	outline: none;
  line-height : 40px;
}
.button2::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button2,
.button2::before,
.button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button2{
	background-color : rgb(255,165,0);
	color : rgb(255, 255, 255);
}
 .button2:hover{
	background-color: rgb(255,215,0);
}

h1{
  width: 900px;
  margin: 0 auto;
  padding: 0;
  word-spacing: 0px;
  font-size: 0px;
  color: #fff;
}

/* リンクボタン */
.btn{
  text-decoration: none;
  border: 1px solid #92e2f6;
  padding: 10px;
  display: block;
  width : 280px;
  text-align: center;
  color : black;
  font-size:1.5em;
  background-color: #92e2f6;
  z-index:1;
}

.btn:hover{
  background-color: #92e2f6;
  border-color: #92e2f6;
  z-index:1;
}
.solid{
  box-shadow: 0 6px 0 #2ab5ed;
  z-index:1;
}
.solid:hover{
  box-shadow: none;
  z-index:1;
}
.solid{
  box-shadow: 0 6px 0 #2ab5ed;
  position: relative;
  top: 0;
  z-index:1;
}
.solid:hover{
  box-shadow:none;
  top: 6px;
  z-index:1;
}
.solid{
  box-shadow: 0 6px 0 #2ab5ed;
  position: relative;
  top: 0;
  -moz-transition: 100ms all linear;
  -o-transition: 100ms all linear;
  transition: 100ms all linear;
  z-index:1;
}
.solid:hover{
  box-shadow:none;
  top: 6px;
  z-index:1;
}
.radius{
	border-radius: 6px;
  z-index:1;
}

/* 来店予約ボタン */
.btn6{
  text-decoration: none;
  border: 1px solid #92e2f6;
  padding: 10px;
  display: block;
  width : 250px;
  text-align: center;
  color : black;
  font-size:1.5em;
  background-color: #92e2f6;
  z-index:1;
}

.btn6:hover{
  background-color: #92e2f6;
  border-color: #92e2f6;
  z-index:1;
}
.solid6{
  box-shadow: 0 6px 0 #2ab5ed;
  z-index:1;
}
.solid6:hover{
  box-shadow: none;
  z-index:1;
}
.solid6{
  box-shadow: 0 6px 0 #2ab5ed;
  position: relative;
  top: 0;
  z-index:1;
}
.solid6:hover{
  box-shadow:none;
  top: 6px;
  z-index:1;
}
.solid6{
  box-shadow: 0 6px 0 #2ab5ed;
  position: relative;
  top: 0;
  -moz-transition: 100ms all linear;
  -o-transition: 100ms all linear;
  transition: 100ms all linear;
  z-index:1;
}
.solid6:hover{
  box-shadow:none;
  top: 6px;
  z-index:1;
}
.radius6{
	border-radius: 6px;
  z-index:1;
}

.btn2{
  text-decoration: none;
  border: 1px solid #FF3333;
  padding: 10px;
  display: block;
  width: 200px;
  text-align: center;
  color: #333;
  background-color: #FF3333;
  color: #fff;
}
.btn2:hover{
  background-color: #FF3333;
  border-color: #FF3333;
}
.solid2{
  box-shadow: 0 6px 0 #CC0000;
}
.solid2:hover{
  box-shadow: none;
}
.solid2{
  box-shadow: 0 6px 0 #CC0000;
  position: relative;
  top: 0;
}
.solid2:hover{
  box-shadow:none;
  top: 6px;
}
.solid2{
  box-shadow: 0 6px 0 #CC0000;
  position: relative;
  top: 0;
  -moz-transition: 100ms all linear;
  -o-transition: 100ms all linear;
  transition: 100ms all linear;
}
.solid2:hover{
  box-shadow:none;
  top: 6px;
}
.radius2{
	border-radius: 6px;
}


.btn3{
  text-decoration: none;
  border: 1px solid #00CC66;
  padding: 10px;
  display: block;
  width: 260px;
  text-align: center;
  font-size:200%;
  color: #333;
  background-color: #00CC66;
  color: #fff;
}
.btn3:hover{
  background-color: #00CC66;
  border-color: #00CC66;
}
.solid3{
  box-shadow: 0 6px 0 #009966;
}
.solid3:hover{
  box-shadow: none;
}
.solid3{
  box-shadow: 0 6px 0 #009966;
  position: relative;
  top: 0;
}
.solid3:hover{
  box-shadow:none;
  top: 6px;
}
.solid3{
  box-shadow: 0 6px 0 #009966;
  position: relative;
  top: 0;
  -moz-transition: 100ms all linear;
  -o-transition: 100ms all linear;
  transition: 100ms all linear;
}
.solid3:hover{
  box-shadow:none;
  top: 6px;
}
.radius3{
	border-radius: 6px;
}


.btn4{
  text-decoration: none;
  border: 1px solid #b3d9ad;
  padding: 10px;
  display: block;
  width: 500px;
  text-align: center;
  font-size:250%;
  color: #333;
  background-color: #b3d9ad;
  color: #fff;
}
.btn4:hover{
  background-color: #b3d9ad;
  border-color: #b3d9ad;
}
.solid4{
  box-shadow: 0 6px 0 #009966;
}
.solid4:hover{
  box-shadow: none;
}
.solid4{
  box-shadow: 0 6px 0 #009966;
  position: relative;
  top: 0;
}
.solid4:hover{
  box-shadow:none;
  top: 6px;
}
.solid4{
  box-shadow: 0 6px 0 #009966;
  position: relative;
  top: 0;
  -moz-transition: 100ms all linear;
  -o-transition: 100ms all linear;
  transition: 100ms all linear;
}
.solid4:hover{
  box-shadow:none;
  top: 6px;
}
.radius4{
	border-radius: 6px;
}


.btn5{
  text-decoration: none;
  border: 1px solid #FF9900;
  padding: 10px;
  display: block;
  width: 500px;
  text-align: center;
  font-size:250%;
  color: #333;
  background-color: #FF9900;
  color: #fff;
}
.btn5:hover{
  background-color: #FF9900;
  border-color: #FF9900;
}
.solid5{
  box-shadow: 0 6px 0 #FF6600;
}
.solid5:hover{
  box-shadow: none;
}
.solid5{
  box-shadow: 0 6px 0 #FF6600;
  position: relative;
  top: 0;
}
.solid5:hover{
  box-shadow:none;
  top: 6px;
}
.solid5{
  box-shadow: 0 6px 0 #FF6600;
  position: relative;
  top: 0;
  -moz-transition: 100ms all linear;
  -o-transition: 100ms all linear;
  transition: 100ms all linear;
}
.solid5:hover{
  box-shadow:none;
  top: 6px;
}
.radius5{
	border-radius: 6px;
}


.sample{
   width:900px;
    background-color:#f9f6ef;
    margin:20px;
    padding:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow:5px 5px 3px #f4f0ef;
    -moz-box-shadow:5px 5px 3px #f4f0ef;
    -webkit-box-shadow:5px 5px 3px #f4f0ef;
}

/*2menuclum-*/
.contents_2menuclum{
	margin: 35px 0 35px 0;
	padding-bottom: 50px;
       padding-top:0px
	overflow: hidden;
	width : 900px;
       padding-left : 0px;
}
.contents_2menuclum h2{
	font-size : 200%;
	color: black;
	margin-bottom : 10px;
       font-family : メイリオ, HiraKakuProN-W3;
}
.contents_2menuclum .section{
	float:left;
	width : 100px;
	margin-right : 0px;
  padding-left : 0px;
}
.contents_2menuclum .section.last{
	width : 800px;
	margin-right: 0px;
  padding-left : 0px;
}


/*22clum（オススメ物件・はじめての方へ）-*/
.contents_22clum{
	margin : 35px 0px;
	padding-bottom: 100px;
       padding-top:0px
	overflow: hidden;
	width : 900px;
       padding-left : 0px;
}
.contents_22clum h2{
	font-size : 200%;
	color: black;
	margin-bottom : 10px;
       font-family : メイリオ, HiraKakuProN-W3;
}
.contents_22clum .section{
	float:left;
	width : 280px;
	margin-right : 20px;
       padding-left : 0px;
}
.contents_22clum .section.last{
       width:600px;
	margin-right: 0px;
       padding-left : 0px;
}
.contents_22clum p{
	font-size: 1.5em;
	margin-bottom: 5px;
       text-align:center;
}


/*4clum-*/
.contents_4clum{
	margin: 0 0 20px 0;
	padding-bottom: 0px;
	overflow: hidden;
	width : 500px;
	border-bottom : 0px solid white;
}
.contents_4clum .section{
	float:left;
	width : 110px;
	margin : 0px 20px 20px 0px;
}
.contents_4clum .section1{
	float:left;
	width : 110px;
	margin : 0px 0px 20px 0px;
}
.contents_4clum p{
	font-size: 1.5em;
	margin-bottom: 5px;
}



/* ------- nav_footer ------- */

#nav_footer{
	width: 900px;
	background: #FFFFFF;
}

#nav_footer li{
	list-style-type: none;
}

#nav_footer > li{
	position: relative;
	z-index: 10;
	float: left;
	width: 140px;
}

#nav_footer > li > a{
	display: block;
	padding: 23px 0 23px 0;
	background: #FFFFFF;
	border-right : 0px solid rgb(194, 197, 169);
	font-family : メイリオ, HiraKakuProN-W3;
	font-size: 1.8em;
	line-height: 1;
	text-align: center;
}


#nav_footer .subs{
	visibility: hidden;
	position: absolute;
	width: 770px;
	top: 100%;
	left: 0;
	padding: 15px;
  font-family : メイリオ, HiraKakuProN-W3;
}

#nav_footer > li:hover .subs{
	visibility: visible;
}

#nav_footer .subs > li{
	float: left;
	width: 190px;
}

#nav_footer .subs li span{
	font-size: 2.0em;
	color: #FFFFFF;
}

#nav_footer .subs li{
	padding-top: 5px;
}

#nav_footer .subs li a{
	display: block;
	border-left: 6px solid #4F4944;
	padding: 13px 0 13px 0;
	font-size: 1.4em;
	line-height: 1;
	text-indent: 12px;
	color: #FFFFFF;
}



/*3clum-*/
.contents_3clum{
	margin: 0 0 0 0;
	padding-bottom : 0px;
       padding-top : 0px;
	overflow: hidden;
	width: 900px;
	border-bottom : 0px solid rgb(214, 214, 214);
}

.contents_3clum h1{
	background-color: #f6f6f6;
	border-radius: 6px;
}


.contents_3clum h3{
	font-size: 200%;
	color: blck;
	margin-bottom: 10px;
  font-family : メイリオ, HiraKakuProN-W3;
}
.contents_3clum .section:nth-of-type(2) h3{
	color : black;
}
.contents_3clum .section:nth-of-type(3) h3{
	color: #8C6900;
}
.contents_3clum .section{
	float:left;
       height:280px;
	width: 220px;
	margin-right : 10px;
}

.contents_3clum .section.last2{
       height:280px;
       width:380px;
	margin-right: 20px;
}

.contents_3clum .section.last{
       height:280px;
       width:270px;
	margin-right: 0px;
}
.contents_3clum .section h4{
	font-weight: bold;
       font-size:150%;
    font-family : メイリオ, HiraKakuProN-W3;
}
.contents_3clum .section p{
  font-size : 130%;
  font-family : メイリオ, HiraKakuProN-W3;
}
.contents_3clum .section1 p{
  font-size : 130%;
  font-family : メイリオ, HiraKakuProN-W3;
}

.contents_3clum .section.last h4{
  padding-bottom:5px;
}

.contents_3clum h2{
	position: relative;
	padding: .5em .75em;
	background-color: #e8e8e8;
}

 .contents_3clum h2::after {
	content: '';
	position: absolute;
	top: -20px;
	left: 0;
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #f0f0f0;
}





/*footermenu_2clum-*/
.footermenu_2clum{
	margin : 35px 0px;
      margin-top:30px;
	padding-bottom: 100px;
       padding-top:0px
	overflow: hidden;
	width : 900px;
       padding-left : 0px;
}
.footermenu_2clum h2{
      text-align:center;
	font-size : 1.5em;
	color: black;
	margin-bottom : 0px;
       font-family : メイリオ, HiraKakuProN-W3;
}
.footermenu_2clum .section{
      width:680px;
	margin-right: 0px;
  padding-left : 0px;
}
.footermenu_2clum .section.last{
	float:right;
	width : 200px;
	margin-left : 0px;
       padding-left : 0px;
}


/*search3clum-*/
.search_3clum{
	margin: 0 0 0 0;
	padding-bottom : 0px;
       padding-top : 0px;
	overflow: hidden;
	width: 900px;
	border-bottom : 0px solid rgb(214, 214, 214);
      background-color: #eaf4fc;
}
.search_3clum h2{
	font-size: 2em;
       font-family : メイリオ, HiraKakuProN-W3;
	color: black;
}
.search_3clum h3{
	font-size: 2em;
	color: blck;
	margin-bottom: 0px;
       margin-left:20px;
  font-family : メイリオ, HiraKakuProN-W3;
}
.search_3clum .section:nth-of-type(2) h3{
	color : black;
}
.search_3clum .section:nth-of-type(3) h3{
	color : black;
}
.search_3clum .section{
	float:left;
	width: 280px;
	margin-right: 0px;
       margin-left: 20px;
}
.search_3clum .section.last{
       width:270px;
	margin-right: 0px;
}
.search_3clum .section h4{
	font-weight: bold;
       font-size:150%;
    font-family : メイリオ, HiraKakuProN-W3;
}
.search_3clum .section p{
  font-size : 130%;
  font-family : メイリオ, HiraKakuProN-W3;
}
.search_3clum .section.last p{
  font-size : 1.5em;
  font-family : メイリオ, HiraKakuProN-W3;
}

.search_3clum .section.last h4{
  padding-bottom:5px;
}


.search_3clum h2{
	padding: .5em .75em;
	background-color: #7ec4fc;
}

/*23clum-*/
.contents_23clum{
	margin: 0px 0 0px 0;
	padding-bottom: 0px;
       padding-top:0px
	overflow: hidden;
	width : 600px;
       padding-left : 0px;
}
.contents_23clum h2{
	font-size : 200%;
	color: black;
	margin-bottom : 10px;
       font-family : メイリオ, HiraKakuProN-W3;
}
.contents_23clum .section{
	float:left;
	width : 90px;
	margin-right : 50px;
  padding-left : 0px;
}
.contents_23clum .section.last{
       width:450px;
	margin-right: 0px;
       padding-left : 0px;
}



 img.layer{
 top:330px;
 left:750px;
 position: absolute;
 z-index: 2;
 width:200px;
 }





/* 上部が角丸になった見出しを描く */

#sample_01 h2{
 width: 350px;
 padding: 10px;
 background: #69F;
 color: #FFFFFF;
 border-top-right-radius: 8px;
 border-top-left-radius: 8px;
 -webkit-border-top-right-radius: 8px;
 -webkit-border-top-left-radius: 8px;
 }

/* 章節の四隅が角丸 */

#sample_02{
 width: 300px;
 border-radius: 8px;
 -webkit-border-radius: 8px;
 border: solid 1px #555555;
 behavior: url(PIE.htc);
 }

#sample_02 h2{
 padding: 10px;
 background: #555555;
 color: #FFFFFF;
 -webkit-border-top-right-radius: 6px; ← 　内側の見出しは少し半径を小さく（border 1pxに対して-2px）
-webkit-border-top-left-radius: 6px;
 border-top-right-radius: 6px;
 border-top-left-radius: 6px;
 }

#sample_02 p{
 padding: 10px;
 } 


/*3clum-*/
.ltd_3clum{
	margin: 0 0 0 0;
	padding-bottom : 0px;
       padding-top : 50px;
	overflow: hidden;
	width: 900px;
	border-bottom : 0px solid rgb(214, 214, 214);
}


.ltd_3clum .section{
	float:left;
       height:220px;
	width: 290px;
	margin-right : 10px;
}

.ltd_3clum .section.last{
       height:220px;
       width:270px;
	margin-right: 0px;
}
.ltd_3clum .section p{
  font-size : 130%;
  font-family : メイリオ, HiraKakuProN-W3;
}
.ltd_3clum .section1 p{
  font-size : 130%;
  font-family : メイリオ, HiraKakuProN-W3;
}

#filterBtn{
 padding-bottom: 30px;
 padding-top: 50px;
}

#filterBtn a{
 margin: 0 10px;
 padding: 5px 30px;
 background: #fff;
 background: linear-gradient(to bottom,#fff 40%,#ddd 100%);
 border: #ddd 1px solid;
 border-redius: 30px;
}

#filterBtn a:hover{
 background: #fff;
}

#filterBtn a.active{
 color: #ff0000;
 font-weight: bold;
 background: #fff;
}

#filterList ul{
 margin: 0 auto;
 width: 850px;
 text-align: center;
}

#filterList ul li{
 margin: 5px;
 width: 200px;
 float: left;
}

#filterList ul li img{
 width: 200px;
}

.cal_wrapper{
	max-width: 960px;
min-width: 300px;
margin: 2.0833% auto;
}

.googlecal{
	position: relative;
padding-bottom: 100%;
height: 0;
}

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

@media only screen and (min-width: 768px) {
.googlecal{
	padding-bottom: 75%;
}
}


a.bt-samp34{
  display: block;
  text-decoration: none;
  height : 35px;
  width : 250px;
  line-height: 37px;
  text-align: center;
  color : navy;
  border : 1px solid navy;
  border-radius: 20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
a:hover.bt-samp34{
  background: #2bb6c1;
  color: #fff;
}

.anim-box.poyoyon3.is-animated {
  animation: poyoyon3 2.5s infinite;
  opacity: 1;
}
@keyframes poyoyon3 {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}