/*-----------top---------------*/

.pc_only{
	display:inline;
}
.sp_only{
	display:none;
}

.cst_sp{
	display:none;
}


@media screen and (max-width: 1120px) {
	.topnews .tit {
		margin-left: 2%;
	}
}


.topnews {
    padding: 60px 0 50px;
    position: relative;
}
.topnews .bg {
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 2;
	width: 100%;
}
.topnews .tit {
        font-size: 32px;
    font-weight: normal;
    color: #b58c60;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
	    line-height: 33px;
}
.topnews .tit span{
	color: black;
	font-size: 16px;
	    display: block;
    padding-left: 30px;
}
.topnews .jscrollpane {
    width: 100%;
    /*height: 138px;*/
    height: 165px;
    overflow: hidden;
}
.topnews .newslist {
    margin: 15px 0 35px;
}
.topnews .newslist li {
        padding: 2px 0 15px;
    position: relative;
    line-height: 14px;
}

.topnews .newslist li::before {
    background: url(../../images/top/ico_arrow01.png) 0 0 no-repeat;
    width: 8px;
    height: 13px;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    content: "";
    z-index: 2;
    position: absolute;
}
.topnews .newslist span {
    display: inline-block;
}
.topnews .newslist .date {
    /*font-size: 16px;*/
    font-weight: normal;
    /*margin-right: 55px;*/
    margin-right: 10px;
}
.topnews .newslist .cate.bg01 {
    /*background: #c83e48;*/
    background: #BE0081;
}
.topnews .newslist .cate.bg02 {
    /*background: #0070b9;*/
    background: #B58C60;
}
.topnews .newslist .cate.bg03 {
    background: #cbd20d;
}
.topnews .newslist .cate {
    font-size: 13px;
    background: #c83e48;
    width: 100px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 5px 0;
    margin: 0 30px;
}
.topnews .newslist a {
    font-size: 15px;
    color: #000;
    font-weight: bold;
}
.topnews .jspTrack{
    background: none;
    border-right: 1px solid #b58c60;
}
.topnews .jspDrag {
    background: #b58c60;
}

.topnews .bnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    margin-bottom: 30px;
}
.newsslider img {
    margin: 0 auto;
}
.newsslider .slick-prev,
.newsslider .slick-next {
    width: 40px;
    height: 40px;
    z-index: 2;
}
.newsslider .slick-prev {
    left: -10px;
    background: url(../../images/top/ico_prev.png) 0 0 no-repeat;
}
.newsslider .slick-next {
    background: url(../../images/top/ico_next.jpg) 0 0 no-repeat;
    right: -10px;
}
.newslist ul{
	padding-bottom: 600px;
    width: 870px;
    margin: 0 0 0 auto;
}
@media screen and (max-width: 1120px) {
	.topnews .bnr {
    width: 100%;
}
	.newsslider{
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.pc_only{
		display:none;
	}
	.sp_only{
		display:inline;
	}


	.topnews .newslist li {
    padding: 0 0 16px;
    line-height: 23px;
}
   .topnews {
    padding: 80px 5% 25px;
}
    .topnews .bg {
	position: absolute;
	bottom: 100%;
	left: 0;
	z-index: 2;
	width: 100%;
    }
    .topnews .tit {
	font-size: 30px;
    }
    .topnews .jscrollpane {
	height: 113px;
    }
    .topnews .newslist {
	margin: 15px 0 ;
    }
    .topnews .newslist li {
	padding-right: 20px;
	padding-left: 11px;
    }
    .topnews .newslist li::before {
	right: 10px;
    }
    .topnews .newslist span {
	display: inline-block;
    }
    .topnews .newslist .date {
	font-size: 13px;
    }
	
.topnews .newslist .cate {
	width:80px;
	font-weight: bold;
	padding:2px 0;
	margin: 0 0 0 10px;
    }
    .topnews .newslist a {
	margin-top: 10px;
	display: block;
	font-size: 13px;
    } 
	.newslist ul {
    width: 100%;
	}
    .topnews .bnr {
	display: block;
	text-align: center;
	margin-bottom: 15px;
    }
	
    .topnews .bnr a {
        display: block;
    }
    .topnews .bnr a + a {
        margin-top: 20px;
    }
    .newsslider img {
        margin: 0 auto;
    }
    .newsslider .slick-prev,
    .newsslider .slick-next {
        width: 20px;
        height: 20px;
        z-index: 2;
    }
    .newsslider .slick-prev {
        left: -5px;
        background: url(../../images/top/ico_prev.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .newsslider .slick-next {
        background: url(../../images/top/ico_next.jpg) 0 0 no-repeat;
        background-size: 100%;
        right: -5px;
    }
}

/**************NEWS　リスト部分*************************/

/*ラベル*/
.accbox label {
        display: contents;
    font-weight: normal;
    cursor: pointer;
    transition: all 0.5s;
    font-size: 16px;
    color: #000;
}

/*ラベルホバー時*/
.accbox label:hover {
    opacity: 0.5;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    opacity: 1;
}

.accshow p {
    padding-left: 136.5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    margin-top: 8px;
}
.accbox ul li:hover{
	opacity: 0.5;
	transition: 0.8s;
}
.blog_bnr {
    width: 540px;
    height: 170px;
}
@media screen and (max-width: 1100px) {
	.blog_bnr {
    width: 540px;
    height: 154px;
}
	}
	@media screen and (max-width: 999px) {
	.blog_bnr {
    width: auto;
    height: auto;
}
}
@media screen and (max-width: 768px) {
.accshow p {
    padding-left: 0;
	font-size: 17px;
}
	.accbox label {
    display: block;
}
	.accshow p {
    padding-left: 0;
    font-size: 15px;
}
	.accbox ul li:hover{
	opacity: 1;
}
	.accbox label:hover {
    opacity: 1;
}
	.bnrbox01 p a img{
		display: block;
		margin: auto;
	}
		
	
}

	
/**************ブレダ部分*************************/

.top_main{
	text-align:center;
	/*position: relative;*/
}
	.top_main_title{
		position: absolute;
		    z-index: 10;
		left: 0;
		top: 50%;
		transform: translate3d(0, -50%,0);
		background: #b58c60;
		width: 37%;
		height: 37vw;
	}

.top_main_title div{
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%,0);
            transform: translate3d(-50%, -50%,0);
	width: 80%;
	text-align: center;
}
.top_main_title div img{
	display: block;
    margin: auto;
}
h1{
	color: white;
	font-size: 22px;
	letter-spacing: 0.56em;
	margin-top: 50px;
	line-height: 60px;
	
}
.main_img{
	display:inline-block;
	width: 100%;
	margin-bottom: 20px;
}
.topbun{
	display:inline-block;
	text-align:center;
	color:#FFFFFF;
	font-size:1.3em;
	width:1120px;
	padding:120px 250px;
	line-height:2.0;
    background: url(../images/top/R.png) 0 0 no-repeat;
}

@media screen and (max-width: 1400px) {
	.main_img img {
		max-width: 100%;
	}	
	.top_main_title {
    width: 44%;
    height: 44vw;
}
}

@media screen and (max-width: 768px) {
	.top_main_title div img {
    width: 53%;
}
	.main_img {
    width: 100%;
	/*margin: 20px 0 0 auto;*/
	margin-top: 20px;
}
	.main_img img {
    width: 100%;
}	

	.topbun{
		display:inline-block;
		text-align:center;
		color:#FFFFFF;
		font-size:1.1em;
		width:100%;
		padding:20px 20px;
		line-height:2.0;
		background: url(../images/top/R_sp.jpg) 0 0 no-repeat;
		background-size: cover;
	}
	.topbun span{
		text-align:center;
	}


	h1 {
    color: white;
    font-size: 16px;
    letter-spacing: 0.3em;
	margin-top: 28px;
    line-height: 29px;
}
	.top_main_title div {
   width: 225px;
       height: 159px;
    padding: 5px;
}
	.top_main_title {
   width: 270px;
    height: 198px;
    top: 66%;
    background-color: rgba(181,140,96,0.6);
}
	.top_main {
    margin-top: -40px;
}
	.accshow p {
    margin-top: 0px;
}
	
	
}
	
/***************上バナー部分***************/	
.bnr_top_area{
	width: 1120px;
	margin: 0 auto 65px;
}
.bnr_top_area a{
	transition: all 0.5;
	display: block;
}
.bnr_top_area a:hover{
	opacity: 0.6;
}
.bnr_line{
	margin-bottom: 22px;
	display: block;
}
.line_flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
@media screen and (max-width: 1120px) {
	.bnr_top_area{
	width: 100%;
	}	
}
	
/*施設案内*/
.sisetu_area{
	background: #f4d4d0;
	position: relative;
	height: 666px;
}
.sisetu_area_inner{
	position: relative;
	width: 1120px;
	margin: 0 auto;
	height: 620px;
}
.sisetu_area_inner dl{
	width: 530px;
	height: 530px;
	border: solid 1px black;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate3d(0, -50%,0);
}
.sisetu_img{
	width: 57%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate3d(0, -50%,0);
}
 h2{
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.2em;
    font-weight: normal;
	font-family: 'Lora', serif;
}
.sisetu_area h2,.program_area h2{
	margin-top: 72px;
    margin-bottom: 72px;
}
.sisetu_area span,.program_area span{
	font-size: 18px;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", Helvetica, Arial, Verdana, sans-serif;
}
.sisetu_area dd,.program_area dd{
	margin-bottom: 106px;
	text-align: center;
	font-size: 16px;
}
.sisetu_yoger{
	position: absolute;
	left: -58px;
	bottom: -22px;
}
.btn_more{
	background-image: url("../../images/common/more_btn.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 189px;
	position: static!important;	
	margin-top: 113px;
	margin-left: 86px;
    text-align: left;
    line-height: 42px;
	font-size: 16px;
}
.btn_more_outer{
	transition: all 0.5s;
	display: block;
}
.btn_more_outer:hover{
	opacity: 0.5;
	color: black;
}


/*バナーと施設部分*/
@media screen and (max-width: 768px) {
	.cst_pc{
		display:none;
	}
	.cst_sp{
		display:block;
	}
	
	.line_flex{
		display: block;
	}
	.line_flex div{
		margin-bottom: 22px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
   		margin: 22px auto;
	}
	.line_flex:last-of-type div{
		margin: 0 auto;
	}
	.line_flex:last-of-type{
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
		    -webkit-box-pack: start;
		        -ms-flex-pack: start;
		            justify-content: flex-start;
	}
	.line_flex:last-of-type div{
		    width: 45%;
		margin-bottom: 22px;
		margin-left: 0;
	}
	.line_flex:last-of-type div:nth-of-type(even){
		margin-right: 0;
	}
	.line_flex:last-of-type div img{
		width: 100%;
	}
	.bnr_top_area {
    width: 90%;
		    margin: 0 auto 32px;
	}
	.sisetu_area_inner div {
        position: static;
	}
	.sisetu_area_inner dl {
    width: 90%;
    height: 370px;
    position: static;
    top: 0;
    transform: translate3d(0, 0,0);
    margin: auto;
	}
	.sisetu_area h2, .program_area h2 {
    margin-top: 35px;
    margin-bottom: 33px;
		    font-size: 27px;
	}
	.sisetu_area dd, .program_area dd {
    font-size: 14px;
	}
	.btn_more {
    text-align: left;
    margin: 59px auto;
    width: 80%;
		    background-position: left bottom;
	}
	.sisetu_area {
		height: 100%;	
	}
	.sisetu_img {
    top: 0;
	}
	
	.sisetu_img {
    position: static;
    transform: translate3d(0, 0,0);
    width: 80%;
    margin: -33px 5% 0 15%;
	}
	.sisetu_area dd, .program_area dd {
    margin-bottom: 80px;
}
	
.btn_more {
        margin: 39px 5% 0 15%;
	}
	
	.sisetu_area_inner {
    height: auto;
}
}
/***************効果エリア***************/

.effect_area{
	background: #ede7e7;
	background-image: url("../../images/top/effect-img.png");
	background-position: left center;
	background-repeat: no-repeat;
	height: 714px;
}
.effect_area_inner{
	width: 1120px;
	margin: 0 auto;
}
.effect_area_inner dl{
	width: 486px;
	margin: 0 0 auto auto;
	text-align: center;
	padding-top: 94px;
}
.effect_area_inner dl dt{
	margin-bottom: 46px;
}
.effect_area_inner dl dt p:first-of-type{
	margin-top: 21px;
    margin-bottom: 5px;
    font-size: 30px;
    color: #b58c60;
}
.effect_area_inner dl dt p:last-of-type{
	font-weight: normal;
	font-size: 16px;
}
.effect_area_inner dl dd{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.effect_area_inner dl dd div{
	background: #b58c60;
    color: white;
    width: 145px;
    height: 145px;
    border-radius: 50%;
    font-weight: bold;
    padding: 47px 0;
    margin-bottom: 32px;
}

/*プログラムエリア*/

.program_area{
	background: #f9f1e9;
	height: 798px;
}
.program_area_inner{
	position: relative;
	width: 1120px;
	margin: 0 auto;
	    height: 620px;
}
@media screen and (max-width: 1120px) {
	.sisetu_area_inner,.program_area_inner,.effect_area_inner{
	width: 90%;
	}	
	.sisetu_yoger {
    left: 2px;
	}
	.sisetu_img {
    width: 50%;
	}
	
}

.program_area_inner dl {
    width: 530px;
    height: 530px;
    border: solid 1px #f4d4d0;
    position: absolute;
    right: 0;
	top: 70%;
    transform: translate3d(0, -50%,0);
	background: white;
}	
.pro_flower{
	position: absolute;
	right: 11px;
    bottom: 14px;
}	
.program_img_area{
	position: absolute;
    left: 0;
	width: 58%;
	height: 694px;
	margin-top: 42px;
	margin-bottom: 63px;
}
.program_img_area img{
	position: absolute;
}
.program_img_area img:first-of-type{
	right: 0;
	top: 0;
}
.program_img_area img:nth-of-type(2){
	left: -78px;
	top: 174px;
}
.program_img_area img:nth-of-type(3){
	left: 76px;
	top: 356px;
}
.program_img_area img:last-of-type{
	right: 79px;
	bottom: 0;
}	
@media screen and (max-width: 999px) {
	.sisetu_img {
    width: 40%;
	}
}
@media screen and (max-width: 1120px) {
.program_img_area {
    width: 50%;
	}
	
}
	.program_img_area img:nth-of-type(3) {
    left: 18px;
	}
@media screen and (max-width: 768px) {
	.effect_area_inner dl {
    width: auto;
	padding: 31px 3% 94px;
}
.effect_area_inner dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;
    width: 354px;
    margin: auto;
}
	.effect_area_inner dl dd div {
    width: 109px;
    height: 109px;
    margin: 5px 2px;
	padding: 35px 0;
}
	.effect_area {
    height: auto;
}
	.sisetu_yoger {
    left: 15px;
	width: 100px;
	bottom: 12px;
}
	.program_area {
    height: auto;
    padding: 0;
}
	.program_area_inner dl {
	width: 90%;
    height: 370px;
    position: static;
    transform: translate3d(0, 0%,0);
	margin: auto;
}
	.program_img_area {
    position: static;
	}
	.program_img_area img:nth-of-type(2) {
    bottom: 50px;
    left: 0;
    top: auto;
    width: 30%;
}
	.program_img_area {
    position: static;
    margin-bottom: 0px;
	height: 180px;
    margin-top: 42px;
}
	.program_img_area img:first-of-type {
    right: 4%;
    width: 80%;
    top: 352px;
}
	.program_img_area img:nth-of-type(3) {
    left: 5%;
    top: 360px;
}
	.program_img_area img:nth-of-type(2) {
    bottom: 13px;
    left: 17%;
    top: auto;
    width: 32%;
}
	.pro_flower {
	right: 8px;
    bottom: 34px;
    width: 60px;
}
	.sisetu_area_inner, .program_area_inner, .effect_area_inner {
    width: 100%;
	padding: 40px 0;
}
	
	.sisetu_img {
    width: 80%;
    margin: -33px auto 0;
}
	.program_img_area img:first-of-type {
    right: auto;
    width: 80%;
    top: auto;
    bottom: 51px;
    left: 50%;
    transform: translate3d(-50%, 0px, 0px);
}
	.sisetu_area_inner dl {
		height: auto;
	
}
	.program_area_inner dl {
		height: auto;
}
	
	.program_area_inner{
	height:auto;
}
	
	
}

/***************アクセスエリア***************/

.access_area{
	display: flex;
}
.access_area p{
	font-weight: normal;
	text-align: center;
	font-size: 16px;
}
.ina_pink{
	background: #c41289;
	color: white;
	text-align: center;
	font-weight: bold;
	width: 95px;
	margin: 0 auto 34px;
}
.access-img{
	width: 100%;
}
.info_area{
	    width: 53%;
}
.info{
	background: #ede7e7;
	height: 396px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1%;
}
.info div img{
	display: block;
	margin:  89px auto 23px;
}
.info dl{
	margin-top: 12px;
}
.info dt{
	text-align: center;
	color: #b58c60;
	font-size: 20px;
	margin-bottom: 2px;
}
.info dd div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 3px;
}
.info dl:first-of-type {
    margin-bottom: 10px;
}
.info dl:last-of-type dt{
	line-height: 22px;
	font-size: 16px;
}
.info dl:last-of-type dt span{
	font-size: 12px;
}
.info dl:last-of-type dt dd p{
	font-size: 12px;
}

.info_l{
	margin-right: 54px;
}
.font-pink{
	color: #c41289;
}
.map_area{
	width: 47%;
}
.eigyo_comment{
	font-size: 12px !important;
}
.info .day{
	width: 112px;
}
.info .hour{
	width: 200px;
}
@media screen and (max-width: 1120px) {
	.info_area {
    width: 60%;
}
	.map_area {
    width: 40%;
}
	.info_l {
    margin-right: 24px;
}
	
}


@media screen and (max-width: 768px) {
.access_area {
    display: block;
}
	.info_area {
    width: 100%;
}
	.map_area {
    width: 100%;
    height: 300px;
}
	.info {
    height: auto;
    display: block;
    padding: 32px 0;
}
	.info_l {
    margin-right: 0;
}
	.info div img {
    margin: 0px auto 23px;
}
	.info .hour {
    width: auto;
}
	.info dl {
    margin-top: 45px;
}
.info dt {
    margin-bottom: 13px;
}

	.program_img_area {
    position: static;
    margin-bottom: 0;
    height: auto;
    margin-top: 0;
    margin: -33px auto 0px;
    width: 80%;
}
	.program_img_area img:first-of-type {
		right: auto;
    width: 100%;
    top: auto;
    bottom: 51px;
    left: auto;
    transform: translate3d(0, 0px, 0px);
    position: static;
    margin: 0 auto 0;
}
	.pro_flower {
    right: 15px;
    bottom: 44px;
}
	.info dl {
    margin-top: 23px;
}

}
/**************:口コミエリア***************/

.voice_area{
	background: #f4d4d0;
	padding-top: 66px;
}
.voice_title{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 50px;
 
	padding: 60px auto 55px;
	 align-items: center;/*上下中央揃え*/
    -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;/*左右中央揃え*/
	
}
.voice_inner{
	display: flex;
	flex-wrap: wrap;
	width: 1120px;
	margin: 0 auto;
}
.woman_voice{
	display: flex;
	width: 48%;
	margin-bottom: 67px;
}
.woman_voice:nth-child(odd){
	margin-right: 4%;
}

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




@media screen and (max-width: 768px) {
.voice_inner {
    display: block;
    padding-bottom: 32px;
}
	.woman_voice {
	 flex-direction: column-reverse;
    width: 80%;
    margin: 0 auto 32px;
}
	.woman_voice:nth-child(odd) {
     margin-right: 0;
}
	.woman_voice div:first-of-type {
    margin: 0 auto 0;
}
	.voice_content {
	background-position: center;
    width: 100%;
	height: 145px;
    padding-top: 36px;
    margin: 0 auto;
}
	.voice_content.four_line{
	 padding-top: 25px;
	}

	.woman_voice:nth-child(odd) {
    margin: 0 auto 32px;
}
	.woman_voice div img{
	display: block;
    margin: auto;
	}
	.voice_content p {
    font-weight: normal;
    line-height: 18px;
    font-size: 14px;
}
	

}


h1.lora{
letter-spacing: 0.5em;
line-height: 40px;
}
h1.lora span{
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"!important;
letter-spacing: 0.2em;
line-height: 1.3em;
font-size: 19px;
font-weight: normal;
}
h1.lora span:first-of-type{
display: block;
margin-top: 20px;
}
@media screen and (max-width: 960px) {
	.top_main_title {
	width: 60%;
	height: 50vw;
	}
	.top_main_title div img {
	width: 55%;
	}
}
@media screen and (max-width: 768px) {
	.top_main_title{
	width: 300px;
	height: 360px;
	top: 60%;
	}
	.top_main_title div{
	width: 90%;
	top:30%;
	}
	h1.lora span{
	font-size: 16px;
	letter-spacing: 0.1em;
	}
}