/* CSS Document */
#hinata-bokko_wap img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
#hinata-bokko_wap a{
	outline: none;

}
#hinata-bokko_wap p{
	text-align: justify;
	line-height: 160%;

}

#hinata-bokko_wap *:focus {
	outline: none;
}

#hinata-bokko_wap {
    background-color: #ffffff;
    background-size: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    text-align: center;
    outline: none;
}


/*****************************************************************************
****************** 共通 ******************************************************
*****************************************************************************/
#hinata-bokko_allcon{
	max-width: 1280px;
	width: auto;
	margin: 0 auto;
	text-align: center;
	height: auto;
	position: relative;
}
.hinata-bokko_pc{
	display: block;
}
.hinata-bokko_sm{
	display: none;
}
.hinata-bokko_contents{
	width: 100%;
    height: auto;
    margin-top: 10rem;
}
.hinata-bokko_contents .hinata-bokko_top_button{
    position: absolute;
		top: -20rem;
    left: 4rem;
    width: 35%;
    height: auto;
}
#hinata-bokko_wap
.hinata-bokko_contents
.hinata-bokko_top_button img{
	width: 60%;
}
.top-back {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    background: #ebf3dc;
    padding: 3rem 0;
}
.top-wrap{
	background: #ebf3dc;
}
/*****************************************************************************
****************** コピー部分・ボタン *******************************************
*****************************************************************************/
#hinata-bokko_wap .hinata-bokko_contents_text{
	max-width: 1000px;
		margin: 0 auto;
}
#hinata-bokko_wap .hinata-bokko_copy-flex{
    display: flex;
    justify-content: space-between;
		margin-top: -5rem;
}
#hinata-bokko_wap .hinata-bokko_copy{
	display: block;
    flex-basis: 40%;
}
#hinata-bokko_wap .hinata-bokko_copy h1{
	position: absolute;
    width: 44%;
    z-index: 1;
}
#hinata-bokko_wap .hinata-bokko_top_button {
    position: absolute;
    top: 63%;s
    left: 0;
    width: 100%;
    max-width: 400px;
}
#hinata-bokko_wap .hinata-bokko_top_button a {
    cursor: pointer;
    transform: translate(-50%, -50%);
    transition: 1.0s ;
}
#hinata-bokko_wap .hinata-bokko_top_button img {
    max-width: 400px;
    padding-bottom: 1rem;
}
#hinata-bokko_wap .hinata-bokko_top_button img.blue{
  display:block;
}
#hinata-bokko_wap .hinata-bokko_top_button img.green{
  display:none;
}
#hinata-bokko_wap .hinata-bokko_top_button a:hover img.blue{
  display:none;
}
#hinata-bokko_wap .hinata-bokko_top_button a:hover img.green{
  display:block;
}
#hinata-bokko_wap .hinata-bokko_copy img.button{
	padding-top: 1rem;
}
#hinata-bokko_wap .hinata-bokko_main-img{
	position: relative;
	display: block;
    flex-basis: 50%;
}
#hinata-bokko_wap p.main-text{
	padding-top: 13rem;
}
#hinata-bokko_wap .hinata-bokko_copy a:hover{
	opacity: 0.7;
}
/*****************************************************************************
****************** ブック説明部分 *******************************************
*****************************************************************************/
#hinata-bokko_wap .hinata-bokko_book{
	margin-top:5rem;
}
#hinata-bokko_wap .hinata-bokko_book h2{
	width: 50%;
	margin:0 auto;
	display: block;
	padding-top: 5rem;
}
#hinata-bokko_wap .hinata-bokko_book p{
	width: 65%;
    margin: 0 auto;
    display: block;
    padding: 3rem 0;
    text-align: justify;
}
/*****************************************************************************
****************** 施設のリンク部分 *******************************************
*****************************************************************************/
#hinata-bokko_wap .hinata-bokko_area{
	margin-top:5rem;
}
#hinata-bokko_wap .hinata-bokko_area h2{
	width: 25%;
	margin:0 auto;
	display: block;
	padding-top: 5rem;
}
#hinata-bokko_wap .area_flex{
	display: flex;
	justify-content: space-between;
	margin-top: 5rem;
	margin-bottom: 2rem;
}
#hinata-bokko_wap .area_north-west-south,
#hinata-bokko_wap .area_center{
	flex-basis: 45%;
	flex-wrap: wrap;
}
#hinata-bokko_wap .area_north-west-south ul li,
#hinata-bokko_wap .area_center ul li{
text-align: left;
list-style: none;
}
#hinata-bokko_wap .area_north-west-south h3,
#hinata-bokko_wap .area_center h3{
padding-bottom: 2rem;
}
#hinata-bokko_wap .area_north-west-south li,
#hinata-bokko_wap .area_center li{
	padding: 0.5rem 0;
}
#hinata-bokko_wap .area_north-west-south a,
#hinata-bokko_wap .area_center a{
	text-decoration:none;
}
#hinata-bokko_wap .area_north-west-south span{
	font-weight: bold;
	padding-right: 1.5rem;
}
#hinata-bokko_wap .area_center span{
	font-weight: bold;
	padding-right: 1.5rem;
	color:#7ac13b;
}
#hinata-bokko_wap .area_north-west-south ul{
	padding-bottom: 2rem;
}
#hinata-bokko_wap .area_north-west-south ul.area_north span{
	color:#ed6c00;
}
#hinata-bokko_wap .area_north-west-south ul.area_west span{
	color:#ef6279;
}
#hinata-bokko_wap .area_north-west-south ul.area_south span{
	color:#00bbcd;
}
#hinata-bokko_wap .area_map{
	display: block;
	margin:0 auto;
	margin-bottom: 5rem;
}
#hinata-bokko_wap .area_map img{
	width: 50%;
}
.hinata-bokko_pamphlet-con,
#hinata-bokko_wap .hinata-bokko_video .container-fluid,
.hinata-bokko_food-con{
	max-width: 978px;
	width: auto;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.hinata-bokko_pamphlet-con,
	#hinata-bokko_wap .hinata-bokko_video .container-fluid,
	.hinata-bokko_food-con{
		width: 94%;
	}
}


.snap-drawers {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
}
/*****************************************************************************
****************** スマホ版 ******************************************************
*****************************************************************************/
@media screen and (max-width: 480px) {
	.top-wrap{
    position: relative;
		padding-bottom: 3rem;
	}
	#hinata-bokko_wap img {
    width: 100%;
    max-width: 100%;
    height: auto;
		  margin: 0 auto;
		text-align: center;
}
	.hinata-bokko_contents .hinata-bokko_top_button-sp{
	    position:static;
	    width: 100%;
	    height: auto;
	}
  #hinata-bokko_wap .hinata-bokko_top_button-sp img {
    width: 90%;
      padding-bottom: 1rem;
  }
  #hinata-bokko_wap .hinata-bokko_top_button-sp img.blue{
    display:block;
  }
  #hinata-bokko_wap .hinata-bokko_top_button-sp img.green{
    display:none;
  }
  #hinata-bokko_wap .hinata-bokko_top_button-sp a:hover img.blue{
    display:none;
  }
  #hinata-bokko_wap .hinata-bokko_top_button-sp a:hover img.green{
    display:block;
  }
	#hinata-bokko_wap .hinata-bokko_copy h1 {
    position: static;
    /* margin-top: 0; */
    margin-bottom: 3rem;
    padding: 1rem;
    width: 90%;
}

	#hinata-bokko_wap .hinata-bokko_copy-flex {
    display: block;
}
#hinata-bokko_wap .area_flex {
    display: block;
}
#hinata-bokko_wap p.main-text {
    padding-top: 1rem;
}
#hinata-bokko_wap .text-interview{
	padding: 1rem;
}
#hinata-bokko_wap .hinata-bokko_copy img.button {
    padding-top: 2rem;
    width: 80%;
}
#hinata-bokko_wap .hinata-bokko_book{
	padding: 1rem;
	margin-top: 0;
}
#hinata-bokko_wap .hinata-bokko_book h2{
	width: 100%;
	margin:0 auto;
	display: block;
	padding-top: 5rem;
}
#hinata-bokko_wap .hinata-bokko_book p{
	width: 100%;
    margin: 0 auto;
    display: block;
    padding: 3rem 0;
    text-align: justify;
}
#hinata-bokko_wap .hinata-bokko_area h2 {
    width: 50%;
    margin: 0 auto;
    display: block;
    padding-top: 5rem;
}
#hinata-bokko_wap .hinata-bokko_area {
    padding: 1rem;
    margin-top: 0;
}
#hinata-bokko_wap .area_map img {
    width: 100%;
}
#hinata-bokko_wap .area_north-west-south span {
    padding-right: 1rem;
}
#hinata-bokko_wap .area_center span {
    padding-right: 1rem;
}
	#hinata-bokko_wap .hinata-bokko_copy-flex {
    display: block;
}
#hinata-bokko_wap .area_flex {
    display: block;
}
#hinata-bokko_wap p.main-text {
    padding-top: 1rem;
}
#hinata-bokko_wap .text-interview{
	padding: 1rem;
}
#hinata-bokko_wap .hinata-bokko_copy img.button {
    padding-top: 2rem;
    width: 80%;
}
#hinata-bokko_wap .hinata-bokko_book{
	padding: 1rem;
	margin-top: 0;
}
#hinata-bokko_wap .hinata-bokko_book h2{
	width: 100%;
	margin:0 auto;
	display: block;
	padding-top: 5rem;
}
#hinata-bokko_wap .hinata-bokko_book p{
	width: 100%;
    margin: 0 auto;
    display: block;
    padding: 3rem 0;
    text-align: justify;
}
#hinata-bokko_wap .hinata-bokko_area h2 {
    width: 50%;
    margin: 0 auto;
    display: block;
    padding-top: 5rem;
}
#hinata-bokko_wap .hinata-bokko_area {
    padding: 1rem;
    margin-top: 0;
}
#hinata-bokko_wap .area_map img {
    width: 100%;
}
#hinata-bokko_wap .area_north-west-south span {
    padding-right: 1rem;
}
#hinata-bokko_wap .area_center span {
    padding-right: 1rem;
}
}
/*****************************************************************************
****************** ipad *********************************************
*****************************************************************************/
@media screen and (max-width: 1024px) and (min-width: 481px){
  #hinata-bokko_wap .hinata-bokko_top_button img {
    max-width: 300px;
    padding-bottom: 1rem;
    margin-left: 1rem;
}
	#hinata-bokko_allcon {
    max-width: 750px;
    width: auto;
    margin: 0 auto;
    text-align: center;
    height: auto;
    position: relative;
}
#hinata-bokko_wap img {
    width: 90%;
}
#hinata-bokko_wap .hinata-bokko_area {
    margin-top: 0;
}
}

/*****************************************************************************
****************** bootstrap調整 *********************************************
*****************************************************************************/
ul{
	margin-bottom: 0;
}