@charset "UTF-8";

header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 20;
		width: 100%;
		padding:0 0;
		transition: .5s;
	}

header:hover{
		background: #FFFEEC;
}

.is-animation {
		background: #FFFEEC;
		-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	}

/* header #logo */

header #logo{
	width:220px;
	height:54px;
	margin:12px 0;
	float:left;
	background-image: none;
	background-size:auto 54px;
	background-repeat: no-repeat;
	transition: .1s;
}

header:hover #logo{
	width:220px;
	height:54px;
	background-image: url(../images/common/logo.png);
}

.is-animation #logo{
	width:220px;
	height:54px;
	background-image: url(../images/common/logo.png);
}

header #logo a{
	width:220px;
	height:54px;
	text-decoration:none;
	display: block;
	text-indent:-9999px;
	}

@media only screen and  (max-width: 800px) {
header {
	height:58px;
}

header #logo{
	width:176px;
	height:46px;
	background-size:auto 46px;
	margin:6px 0 0;
}

header:hover #logo{
	width:176px;
	height:46px;
	background-image: url(../images/common/logo-sp.png);
}

.is-animation #logo{
	width:176px;
	height:46px;
	background-image: url(../images/common/logo-sp.png);
}

header #logo a{
	width:176px;
	height:46px;
	}
}

/* h_right
--------------------------------------- */
.h_right{
  width:80%;
  float:right;
  display:none;
}

header:hover .h_right{
	display:block;
}

.is-animation .h_right{
	display:block;
}

@media only screen and  (max-width: 800px) {
.h_right{display:none;}

header:hover .h_right{display:none;}

.is-animation .h_right{display:none;}

}

/*topimg
---------------------------------------------------------------------------*/
.topimg {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 400px;
  z-index:1;
  box-shadow:inset 0 1px 5px rgba(96,51,11,.6);
}

@media screen and (max-width: 568px) {
.topimg {
	display:block;
	overflow: hidden;
}
}

#main-contents #cont>div:before{
	display:block;
	position:absolute;
	top:-70px;
	left:0;
	width:100%;
	height:76px;
	background:url(../images/top/bg_topimg.png);
	background-size:auto 76px;
	background-repeat: repeat-x;
	content:''}

@media screen and (max-width: 568px) {
#main-contents #cont>div:before{
	padding: 5% 0 5%;
	top:-60px;
}
}

#top_row {
	display: table;
	width: 100%;
	height:auto;
	position:absolute;
	top:15%;
	text-align: center;
	z-index: 10;
}


@media screen and (max-width: 568px) {
#top_row {
  top:50%;
  margin-top:-150px;
}
}

.topimg .overlay{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: 9;
	height:100%;
}

.topimg .overlay img{
	width:100%;
	height:100%;
	
}

.topimg .tp_left{
	position:absolute;
	bottom:5%;
	left:0;
	z-index: 9;
	width:auto;
	height:90%;
}

@media screen and (max-width: 568px) {
.topimg .tp_left{
	left:-5%;
}
}

.topimg .tp_left img{
	width:auto;
	height:100%;
	max-height:585px;
}

.topimg .tp_right{
	position:absolute;
	bottom:5%;
	right:0;
	z-index: 9;
	width:auto;
	height:90%;
}

@media screen and (max-width: 568px) {
.topimg .tp_right{
	right:-5%;
}
}

.topimg .tp_right img{
	width:auto;
	height:100%;
	max-height:581px;
}

/* Opening
-----------------------------------------*/
.Opening {
position:relative;
background-color: #FFF;
}
.Opening ul li{
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.Opening ul li img.Opening__text{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 9;
}
.Opening ul li span {
}
.Opening ul li span img.Opening__img{
  max-width: inherit;
  width: 100%;
  height: auto;
}

/* top_info
================================================== */
#top_info  {
  color: #fff;
  position: relative;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 2;
  width:100%;
  max-width:1000px;
  margin:0 auto;
  box-sizing: border-box;
}

#top_info .top_text {
  font-size: 1.4em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 600;
  line-height: 1.6;
  color: #FFF;
  letter-spacing:0.05em;
  width:100%;
  margin:0 auto;
}

.top_text img{
  margin:0 auto 10px;
  width:100%;
  max-width:500px;
  height:auto;
}

@media screen and (max-width: 568px) {
.top_text img{
  max-width:290px;
}
}

#top_info .top_text{
  text-shadow:1px 1px 1px #136961;
}


@media screen and (max-width: 568px) {
#top_info .top_text {
  padding:0 3%;
  font-size: 1.2em;
}
}

/* en_info
--------------------------------------------------*/
.en_info {
    width: 100%;
	margin: 2% auto 3%;
	text-align: center;
}

@media screen and (max-width: 568px) {
.en_info {
    margin: 0 auto 3%;
}
}

.en_info img {
    width: 94%;
	height:auto;
	max-width:650px;
	margin: 0 auto 2%;
}

.sh_text {
    clear:both;
	line-height:1.8;
	text-align: center;
	font-size:2em;
	font-weight:600;
	padding:2% 0 1%;
}

.sh_text .red {
  color:#FF0000;
}

.sh_entext {
  color:#000;
  line-height:1.8;
}

@media screen and (max-width: 800px) {
.shop_info {
    width: 96%;
	margin: 5% 2% 6%;
}

.sh_text {
	font-size:1.6em;
}
.sh_entext {
  font-size:1em;
  text-align: left;
  padding:5px 10px;
}
}

@media screen and (max-width: 568px) {
.sh_text {
  line-height:1.6;
  font-size:1em;
  padding:5% 0 1%;
}
.sh_entext {
  line-height:1.6;
  font-size:14px;
}
}

/* menu_btn
--------------------------------------------------*/
.menu_btn {
	width:100%;
	float:left;
	margin:2% 0 0;
}

@media screen and (max-width: 800px) {
.menu_btn {
  margin:0 0 5%;
}
}

.menu_btn ul {
	width:100%;
	box-sizing:border-box;
	padding:10px 0;
	display:table;
	border-collapse: separate;
	border-spacing: 10px 0;
}

.menu_btn ul li {
	display:table-cell;
	width:20%;
	text-align:center;
	transition: all .3s;
	vertical-align:middle;
	position: relative;
	line-height:1.4;
}

@media only screen and  (max-width: 800px) {
.menu_btn ul {
	width:100%;
	display:block;
	border-spacing: 0;
}

.menu_btn ul li {
	display:block;
	width:48%;
	float:left;
	margin:1%;
	font-size:16px;
	
}
}

@media only screen and  (max-width: 568px) {
.menu_btn ul li {
	display:block;
	width:100%;
	box-sizing:border-box;
	float:left;
	margin:2% 0;
}
}

.menu_btn ul li a {
	width:100%;
	display:block;
	color:#FFF;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	padding:35px 0;
	box-sizing:border-box;
	text-decoration: none;
}

@media screen and (max-width: 568px) {
.menu_btn ul li a {
  padding:20px 0;
}
}

.menu_btn a:hover {
	 -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	 color:#fff;
	 text-decoration: none;
}

.menu_btn ul li a.gr {
	background: #6FC191;
}

.menu_btn a.gr:hover {
	 background: #6AB78A;
}

.menu_btn ul li a.ore {
	background: #F37F53;
}

.menu_btn a.ore:hover {
	 background: #EB7B50;
}

.menu_btn ul li a.yel {
	background: #EDBF47;
}

.menu_btn a.yel:hover {
	 background: #E0B84E;
}

.menu_btn ul li a.sky {
	background: #74CEE4;
}

.menu_btn a.sky:hover {
	 background: #67C5DC;
}

.menu_btn ul li a.ppl {
	background: #EA699C;
}

.menu_btn a.ppl:hover {
	 background: #D96291;
}

.menu_btn li p {
	font-size:1.1em;
	font-weight:500;
	font-family: 'Noto Sans Japanese', sans-serif;
	letter-spacing:0.05em;
	margin-top:2px;
	position: relative;
}

.menu_btn li img {
  height:90%;
  width:auto;
  margin:0;
  position: absolute;
  top: 5%;
  left: 0;
}

/* company_park
---------------------------------------------------------------------------*/
.company_park {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 7% 0 3%;
}

@media screen and (max-width: 800px) {
.company_park {
	padding: 5% 0 5%;
}
}

.company_park:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 90%;
  margin: 3% -10% 0;
  background	:#2EB6AA;
  background: rgba(46, 182, 170, 0.8);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: 1;
}

.company_park:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 90%;
  margin: 3% -10% 0;
  background	:#FFD93B;
  background: rgba(255, 217, 59, 0.9);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: 0;
}

@media screen and (max-width: 800px) {
.company_park:before {
  height: 93%;
}

.company_park:after {
  height: 93%;
}
}

@media screen and (max-width: 568px) {
.company_park:before {
  width: 150%;
  height: 97%;
  margin: 3% -25% 0;
}

.company_park:after {
  width: 150%;
  height: 97%;
  margin: 3% -25% 0;
}
}

.company_park .cont{
	height: auto;
	padding: 80px 0 0;
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 568px) {
.company_park .cont{
	height: auto;
	padding: 60px 0 50px;
}
}

.company_park .block {
  position: relative;
  z-index: 3;
}


.company_park h2 {
  margin-bottom: 30px;
  padding:0 10px 10px;
  display:inline-block;
  color: #ffffff;
  border-bottom: 4px solid #1B847B;
  font-size:2.4em;
  font-weight:500;
}

@media screen and (max-width: 568px) {
.company_park h2 {
	font-size: 30px;
	margin-bottom: 15px;
}
}

.company_park .other_tx{
  font-size: 1.6em;
  line-height:1.8;
  color: #FFF;
  font-weight:400;
  font-family: 'Noto Sans Japanese', sans-serif;
}

.company_park .other_tx span{
  color: #F0FF00;
  font-size: 1.4em;
  font-weight:500;
}

@media screen and (max-width: 800px) {
.company_park .other_tx{
	width:96%;
	margin:0 2% 0;
	letter-spacing:0em;
	font-size: 1.4em;
	line-height:1.6;
}
.company_park .other_tx span{
  font-size: 1.2em;
}
}

@media screen and (max-width: 568px) {
.company_park .other_tx{
	font-size: 1.2em;
}
}

.nayami {
  width:100%;
  float:left;
  margin:0 0 0;
}

.nm40 {
  width:38%;
  float:left;
  padding:3% 3% 0 ;
  box-sizing:border-box;
}

@media screen and (max-width: 800px) {
.nm40 {
	padding:1% 2% 0;
}
}

@media screen and (max-width: 568px) {
.nm40 {
	padding:1% 2% 0;
	width:100%;
}
}

.nm40 li {
  width:100%;
  float:left;
  padding:3% 3%;
  box-sizing:border-box;
  margin:10px 0 10px;
  background:#FFF;
  -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}
.nm40 li p{
  font-size: 1.1em;
  line-height:1.6;
  font-weight:500;
  color:#474747;
  font-family: 'Noto Sans Japanese', sans-serif;
}

@media screen and (max-width: 800px) {
.nm40 li {
  margin:5px 0;
}

.nm40 li p{
	font-size: 15px;line-height:1.4;
}
}

.nm20 {
  width:24%;
  float:left;
  padding:1% 1% 0;
  box-sizing:border-box;
  color:#FFF;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 1.1em;
}

@media screen and (max-width: 568px) {
.nm20 {
	padding:1% 2% 0;
	width:100%;
}
}

.nm20 img{
  width:96%;
  height:auto;
  margin:0 2% 5px;
}

@media screen and (max-width: 568px) {
.nm20 img{
	max-width:200px;
	margin:0 auto 5px;
}
}

.nm20 p{
  text-align: center;
  color:#FFF;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 1.1em;
}

.ktarrow{
	font-size:6em;
	margin:0 auto;
	clear:both;
	text-align: center;
	line-height:1;
	color:#F6FF00;
}

.kktu{
	font-size:1.6em;
	margin:0 auto 1%;
	text-align: center;
	color:#FFF;
}

@media screen and (max-width: 800px) {
.kktu{
	font-size:1.4em;
}
}

@media screen and (max-width: 568px) {
.kktu{
	line-height:1.4;
}
}

.kktu span{
	font-size:2em;
}

@media screen and (max-width: 568px) {
.kktu span{
	font-size:1.4em;
}
}

.kktu strong{
	font-size:2em;
	color:#F6FF00;
}

.kaiketu {
  width:100%;
  float:left;
  margin:1% 0 1%;
}

.kkt40 {
  width:40%;
  float:left;
  padding:3% 3% 0;
  box-sizing:border-box;
}
@media screen and (max-width: 800px) {
.kkt40 {
	padding:1% 2% 0;
}
}

@media screen and (max-width: 568px) {
.kkt40 {
	padding:1% 2% 0;
	width:100%;
}
}

.kkt40 li {
  width:100%;
  float:left;
  padding:3% 3%;
  box-sizing:border-box;
  margin:10px 0 10px;
  background:#FF7D7D;
  -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}

.kkt40 li p{
  font-size: 1.2em;
  line-height:1.6;
  font-weight:500;
  color:#FFF;
  font-family: 'Noto Sans Japanese', sans-serif;
}

@media screen and (max-width: 800px) {
.kkt40 li {
  margin:5px 0;
}

.kkt40 li p{
	font-size: 15px;line-height:1.4;
}
}

.kkt20 {
  width:20%;
  float:left;
  padding:1% 1% 1%;
  box-sizing:border-box;
  color:#FFF;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 1.1em;
}

@media screen and (max-width: 568px) {
.kkt20 {
	padding:1% 2% 0;
	width:100%;
}
}

.kkt20 img{
  width:96%;
  height:auto;
  margin:0 2% 5px;
}

@media screen and (max-width: 568px) {
.kkt20 img{
	max-width:150px;
	margin:0 auto 5px;
}
}

.kkt20 p{
  text-align: center;
  color:#FFF;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 1em;
  line-height:1.6;
}

/* .btn_box
--------------------------------------------------*/
.btn_box{
  width:100%;
  float:left;
  padding:0;
  text-align: center;
}

.maru_btn {
	width:100%;
	margin:3% 0 7%;
	float:left;
}

@media screen and (max-width: 568px) {
.maru_btn {
	margin:5% 0 0;
}
}

.maru_btn ul {
	text-align:center;
	width:100%;
	float:left;
}

.maru_btn ul li {
	width:125px;
	height:125px;
	transition: all .3s;
	vertical-align:middle;
	position: relative;
	line-height:1.4;
	display:inline-block;
	margin:0 5px 10px;
}


.maru_btn ul li a {
	width:100%;
	display:block;
	color:#FFF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	padding:35px 0;
	box-sizing:border-box;
	text-decoration: none;
}


.maru_btn a:hover {
	 border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	 color:#fff;
	 text-decoration: none;
}

.maru_btn ul li a.gr {
	background: #48AA71;
}

.maru_btn a.gr:hover {
	 background: #3C9460;
}

.maru_btn ul li a.ore {
	background: #F37F53;
}

.maru_btn a.ore:hover {
	 background: #DA6E44;
}

.maru_btn ul li a.yel {
	background: #EDBF47;
}

.maru_btn a.yel:hover {
	 background: #E0B84E;
}

.maru_btn ul li a.sky {
	background: #74CEE4;
}

.maru_btn a.sky:hover {
	 background: #67C5DC;
}

.maru_btn li p {
	font-size:1.1em;
	font-weight:500;
	font-family: 'Noto Sans Japanese', sans-serif;
	letter-spacing:0.05em;
	margin-top:2px;
	position: relative;
}

.company_park img {
  width:100%;
  height:auto;
}

/* park_list
---------------------------------------------------------------------------*/
.park_list {
  margin: 0;
  padding: 2% 0 4%;
  float:left;
  width:100%;
}

.park_list h3 {
  margin-bottom: 2%;
  font-size:2.4em;
  font-weight:400;
  text-align: center;
  color:#2EB6AA;
}

@media screen and (max-width: 568px) {
.park_list h3 {
  font-size:1.5em;
  margin-bottom: 5px;
}
}

.park_list .other_tx{
  font-size: 1em;
  line-height:1.6;
  color:#000;
  text-align: center;
}

@media screen and (max-width: 800px) {
.park_list .other_tx{
	width:96%;
	margin:0 2% 0;
	letter-spacing:0em;
	font-size: 14px;
}
}

@media screen and (max-width: 568px) {
.park_list .other_tx{
	width:100%;
	margin:0;
}
}
.park_list ul{
	float: left;
	width:100%;
	margin:2% 0;
	padding:0;
}

.park_list li{
	display:inline-block;
	vertical-align:top;
	width:48%;
	margin:1%;
	padding:0;
	-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
	background-color:#48AA71;
	background-image: url(../images/bg_park.png);
	background-size:auto 95%;
	background-repeat: no-repeat;
	background-position: right bottom;
	-moz-box-shadow: 0 1px 3px #C2C2C2;
	-webkit-box-shadow: 0 1px 3px #C2C2C2;
	box-shadow: 0 1px 3px #C2C2C2;
}

.park_list ul a:hover {
	filter:alpha (opacity=80);
	-moz-opacity:0.90;
	opacity:0.90;
}

@media screen and (max-width: 800px) {
.park_list li{
	width:90%;
	margin:1% 5%;
	max-width:570px;
}
}

@media screen and (max-width: 568px) {
.park_list li{
	width:98%;
	margin:1.5% 1%;
}
}

.park_list .pk_photo{
	width:40%;
	padding:0;
	display:block;
	overflow: hidden;
	float:left;
}

@media screen and (max-width: 1280px) {
.park_list .pk_photo{
	width:45%;
}
}

@media screen and (max-width: 568px) {
.park_list .pk_photo{
	width:40%;
}
}

.park_list .pk_photo img{
	width:100%;
	height:auto;
	-webkit-border-top-left-radius:6px;-moz-border-top-left-radius:6px;border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;-moz-border-bottom-left-radius:6px;border-bottom-left-radius:6px;
}

.park_list .pk_syousai{
	width:60%;
	box-sizing: border-box;
	padding:1.5% 4% 0;
	float:right;
	color:#FFF;
}

@media screen and (max-width: 1280px) {
.park_list .pk_syousai{
	width:55%;
}
}

@media screen and (max-width: 568px) {
.park_list .pk_syousai{
	width:60%;
}
}

.park_list .pk_syousai h4 {
  margin-bottom: 2%;
  font-size:1.6em;
  font-weight:400;
  font-family: 'Noto Sans Japanese', sans-serif;
}

@media screen and (max-width: 1280px) {
.park_list .pk_syousai h4 {
  font-size:1.2em;
}
}

@media screen and (max-width: 568px) {
.park_list .pk_syousai h4 {
  font-size:1.2em;
  font-weight:400;
  margin-bottom: 5px;
}
}

.park_list .pk_syousai span{
  color: #F0FF00;
}

.park_list .pk_syousai a{
  color: #F0FF00;
  text-decoration:none;
}

.park_list .pk_syousai  a:hover{
  color: #F0FF00;
  text-decoration:none;
}

.park_list .pk_syousai .pk_tx{
  margin-top: 5px;
  font-size:14px;
}

@media screen and (max-width: 568px) {
.pk_tx{
  display:none;
}
}

/*topics
---------------------------------------------------------------------------*/
#topics {
  margin: 0;
  padding: 4.5% 0;
  float:left;
  width:100%;
}

.bg_grey {
  background	:#FFF5E9;
}

#topics h5 {
  margin-bottom: 2%;
  font-size:2.4em;
  font-weight:400;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  color:#F37F53;
}

@media screen and (max-width: 568px) {
#topics h5 {
  font-size:1.5em;
  margin-bottom: 5px;
}
}

#topics .other_tx{
  font-size: 1em;
  line-height:1.6;
  color:#000;
}

@media screen and (max-width: 800px) {
#topics .other_tx{
	width:96%;
	margin:0 2% 0;
	letter-spacing:0em;
	font-size: 14px;
}
}

.topic_right{
	width: 50%;
	margin:0 0 20px 0;
	float:right;
	box-sizing: border-box;
	padding:0 2%;
}


@media screen and (max-width: 800px) {
.topic_right{
	width:100%;
	padding:0 2%;
}
}

.topic_left{
	width: 50%;
	margin:0 0 20px 0;
	float:left;
	box-sizing: border-box;
	padding: 0 2%;
}

@media screen and (max-width: 800px) {
.topic_left{
	width:100%;
	margin:0 0 5%;
}
}

@media screen and (max-width: 568px) {
.topic_left{
	padding:0 1%;
	margin:3% 0;
}
}

.codomon{
	width: 100%;
	margin:0 0 3% 0;
	float:left;
	box-sizing: border-box;
	padding: 2% 3%;
	color:#FFF;
	background:#0EABD0;
	-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
}

.cd_left{
	width: 70%;
	margin:0 0 2% 0;
	float:left;
	padding: 0 2%;
	box-sizing: border-box;
}

@media screen and (max-width: 568px) {
.cd_left{
	width:100%;
	padding:0 2%;
	margin:0 0 5px 0;
}
}

.cd_logo{
  text-align: center;
  margin:0 0 10px;
}

.cd_logo img{
  width:208px;
  height:auto;
  margin:0 auto 0;
}

.cd_txt{
  font-size:1.1em;
  margin:5px 0;
  color:#EAFF00;
  font-weight:500;
  font-family: 'Noto Sans Japanese', sans-serif;
  line-height:1.5;
}

.cd_right{
	width: 30%;
	margin:0 0 2% 0;
	float:right;
}

@media screen and (max-width: 568px) {
.cd_right{
	display:none;
}
}

.cd_right img{
  width:100%;
  height:auto;
}

.cd_box{
	width: 100%;
	margin:0 0 3% 0;
	float:left;
	padding: 0 2%;
	box-sizing: border-box;
}

.cd_txt2{
  font-size:15px;
  margin:5px 0 10px;
}

.cd_txt3{
  font-size:15px;
  padding:10px 0 5px;
  border-top:1px dotted #FFF;
}

.cd_bt{
  padding:5px 0 15px;
}

.cd_bt img{
  display:inline-block;
  margin:0 15px 0 0;
  width:100%;
  height:auto;
  max-width:150px;
}

@media screen and (max-width: 568px) {
.cd_bt img{
	max-width:120px;
	margin:0 10px 0 0;
}
}

.cd_bt a:hover {
	filter:alpha (opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

.cd_txt4{
  font-size:15px;
  padding:20px 0 0;
  border-top:1px dotted #FFF;
}

@media screen and (max-width: 568px) {
.cd_txt4{
  padding:5px 0 0;
  line-height:2;
}
}

.cd_txt4 span{
  	font-size:14px;display:inline-block;
	margin-left:15px;
}

.cd_txt4 a{color:#FFF;padding:5px 8px 4px;background-color:#000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-decoration:none;}
.cd_txt4 a:hover{color:#FFF;text-decoration:none;background-color:#323232;}


/* recruit
--------------------------------------- */
.recruit{
	width:100%;
	box-sizing: border-box;
	position: relative;
	float:left;
	margin: 15px auto;
	position: relative;
	-moz-box-shadow: 0 1px 3px #C2C2C2;
	-webkit-box-shadow: 0 1px 3px #C2C2C2;
	box-shadow: 0 1px 3px #C2C2C2;
	-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
	background-color:#FE5C73;
	background-image: url(../images/bg_park.png);
	background-size:auto 95%;
	background-repeat: no-repeat;
	background-position: right bottom;
	}

@media screen and (max-width: 568px) {
.recruit{
	margin: 15px auto 0;
	}
}

.recruit .p-photo{
	width:45%;
	height: auto;
	float:left;
	display:block;
	position: relative;
	overflow: hidden;
	}

.recruit .p-text{
	width:55%;
	float:right;
	padding:0 2% 0 3.5%;
	box-sizing: border-box;
	}

@media screen and (max-width: 800px) {
.recruit .p-photo{
	width:50%;
	}

.recruit .p-text{
	width:50%;
	}
}

@media screen and (max-width: 568px) {
.recruit .p-photo{
	width:100%;
	margin:0;
	}

.recruit .p-text{
	width:100%;
	padding:0 5% 3%;
	}
}

.recruit img{
	width:100%;
	height: auto;
	-webkit-border-top-left-radius:6px;-moz-border-top-left-radius:6px;border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;-moz-border-bottom-left-radius:6px;border-bottom-left-radius:6px;
	}


@media screen and (max-width: 568px) {
.recruit img{
	margin:0;
	-webkit-border-top-left-radius:6px;-moz-border-top-left-radius:6px;border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;-moz-border-top-right-radius:6px;border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:0px;-moz-border-bottom-left-radius:0px;border-bottom-left-radius:0px;
	}
}

.recruit .rec_ttl {
	font-size:1.8em;
	line-height:1.2;
	color:#FFF;
	font-weight:600;
	padding-top:20px;
}


@media screen and (max-width: 568px) {
.recruit .rec_ttl {
	font-size:1.4em;
	padding-top:10px;
}
}

.recruit .cg_text {
	margin-top:5px;
	color:#FFF;
	font-size:14px;
	line-height:1.7;
}

@media screen and (max-width: 568px) {
.recruit .cg_text {
	margin-top:5px;
}
}

a:hover .recruit {
	filter:alpha (opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}






































@media screen and (max-width: 1280px) {
.bk25{
	width:33.3333%;
	padding:0 2.5% 4%;
}
}

@media screen and (max-width: 800px) {
.bk25{
	padding:0 1.5% 4%;
}
}

@media screen and (max-width: 768px) {
.bk25{
	width:50%;
	padding:0 2.5% 4%;
}
}

@media screen and (max-width: 568px) {
.bk25{
	width:100%;
	padding:0 2.5% 6%;
}
}

.bukken_list a{
	color:#000;
}

.bukken_list a:hover {
	filter:alpha (opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}


.bk-photo{
	width:100%;
	position: relative;
	display:block;
	overflow: hidden;
	height:195px;
	border:1px solid #ccc;
	background:#FFF;
	float:left;
}

@media screen and (max-width: 1280px) {
.bk-photo{
	height:210px;
}
}

@media screen and (max-width: 800px) {
.bk-photo{
	height:170px;
}
}

@media screen and (max-width: 768px) {
.bk-photo{
	height:230px;
}
}

@media screen and (max-width: 568px) {
.bk-photo{
	height:250px;
}
}

.bk-photo img{
	width:auto;
	margin:auto auto;
	height:100%;
}

.bk-category{
	position: absolute;
	top: 0;
	left: 0;
	display:table;
	line-height:1;
	font-size:12px;
}

.bk-category .chintai{
	padding:4px 7px 3px;
	magin:0;
	display:table-cell;
	background:#000;
	color:#FFF;
	letter-spacing:0.1em;
	border:1px solid #000;
}

.bk-category .buy{
	padding:4px 7px 3px;
	magin:0;
	display:table-cell;
	background:#FFF;
	color:#000;
	letter-spacing:0.1em;
	border:1px solid #000;
}

.bk-category .new{
	padding:5px 7px 2px;
	magin:0;
	display:table-cell;
	background:#FD0000;
	color:#FFF;
	border:1px solid #FD0000;
}

.bk-tx{
	width:100%;
	float:left;
	box-sizing: border-box;
	padding:5px;
}

.bk-title{
	font-weight:400;
	font-family: 'Noto Sans Japanese', sans-serif;
	line-height:1.2;
	height:25px;
	display:block;
	overflow: hidden;
	box-sizing: border-box;
	padding:3px 0;
	font-size:1em;
}

.bk-price{
	line-height:1;
	height:25px;
	display:block;
	overflow: hidden;
	box-sizing: border-box;
	padding:3px 0;
	font-size:15px;
}

.bk-price span{
	font-weight:400;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:1.2em;
	padding:0 3px 0 10px;
}

.bk-spec{
	width:100%;
	margin-top:5px;
	float:left;
	font-size:14px;
	display:block;
	overflow: hidden;
	height:75px;
}

.bk-spec p{
	display:block;
	padding:1px;
	width:100%;
}

.bk-spec small{
	font-size:12px;
}


.news_box{
	width:96%;
	max-width:950px;
	margin:0 auto 3%;
	box-sizing: border-box;
	padding:1% 3% 2%;
	background	:#FFF;
}

.news_box li{
	width:100%;
	box-sizing: border-box;
	padding:2%;
	border-bottom:1px dotted #CCC;
}

@media screen and (max-width: 568px) {
.news_box{
	width:100%;
}

.news_box li{
	font-size:0.9em;
}
}

.day {font-family: 'Roboto Condensed', sans-serif;padding-right:3%;color:#767676;}

.news_box a {
	text-decoration: underline;
	color:#000;
	}

.news_box a:hover {  
	text-decoration	: none;
	color:#FF0000;
	}

@media screen and (max-width: 800px) {
.news_box span {
  display:block;
}
}

/* .ƒCƒ“ƒXƒ^
-----------------*/
.insta-bnr{
  width:100%;
  margin:0 auto 3%;
}

@media screen and (max-width: 800px) {
.insta-bnr{
  width:100%;
}
}

.insta-bnr img{
  width:100%;
  height:auto;
}