@charset "Shift_JIS";
#main {
    position: relative;
	height: auto;
	margin: 0px auto 0;
	max-width: 100%;
	min-width: 988px;
	width: 100%;
}
#main img{
	width: 100%;
}

#main figcaption {
    position: absolute;
    bottom: 1%;
    color: #fff;
    right: 0.5%;
    font-size: 11px;
    letter-spacing: .02rem;
}

.main_copy {
    background: #000;
    margin-bottom: 6rem;
}

.main_copy p {
    display: block;
    width: 100%;
    margin: auto;
    max-width: 1500px;
}

.main_copy p img {width: 100%;}

#contents {
	width:1280px;
	margin:70px auto 0 auto;
}

#merit01,
#bn_youtube,
#bn_netdemansiongallery,
#bn_view,
#bn_hachimancho {
/*	margin-left:-5px;*/
/*	margin-right:-5px;*/
	margin-top:10px;
	margin-bottom: 10px;
}
#merit01 a:hover img.pc,
#corona a:hover img,
#bn_youtube a:hover img,
#bn_netdemansiongallery a:hover img,
#bn_view a:hover img,
#bn_hachimancho a:hover img {
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	opacity:0.7;
	zoom:1;
}

#merit02{
	padding:10px 0px 0px 0px;
}

#corona{
	margin: 10px 0px;
}

#b_merit_box_up{
	width: 1282px;
	margin:80px auto 0 auto;
	/*height: 380px;*/
}
#b_merit_box_up ul {
	display: flex;
}
#b_merit_box_up ul.slides li{
	border:1px solid #D1C7B6;
}
#b_merit_box_up ul.slides li img{
	height:378px;
}
#b_merit_box_down{
	width: 1280px;
	margin:22px auto 0 auto;
	height: 380px;
}
#b_merit_box_down ul {
	display: flex;
}
#b_merit_box_down ul.slides li{
	border:1px solid #D1C7B6;
}
li.b_merit1{ /*width:628px; height:378px; margin-left:0;*/ }
li.b_merit2{ /*width:628px; height:378px; margin-left:20px;*/ }

#b_merit {
	width: 960px;
	margin: 10px auto 0;
}




#b_merit li{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width: 313px;
/*	width: 474px;*/
}

#b_merit li.finish{
	float:left;
	margin-right:0px;
	margin-bottom:10px;
}

#b_merit li img{
	width: 313px;
/*	width: 474px;*/
}

#b_merit li.b_merit1{
	width: 960px;
}
#b_merit li.b_merit1 img{
	width: 960px;
}


#info_body{
	padding:10px 0px 0px 0px;
}

#bana1, #bana2{
	width:316px;
	float:right;
}

#bana1 li, #bana2 li{
	margin-bottom:7px;
	_margin-bottom:0px;
	height:58px;
}

*+html #bana1 li, *+html #bana2 li {
	margin-bottom:0px;
}

*:first-child+html #bana1 li.first {
	margin-bottom:10px;
}

#bana2 li.bana_center,
#bana2 li.bana_center2 {
	height: auto;
	margin-top:7px;
}

#caption {
  padding-top: 30px;
  font-size: 10px;
  line-height: 1.5;
}


/******************************************************
 information/inquiry
******************************************************/
#information{
    margin: auto;
}
#information h3{
	text-align:center;
	margin-bottom:60px;
}

/*230127*/
/*#information p{
	width:432px;
    margin: auto;
}*/
#information img{
	margin:0px;
}
h3.information {
	width:100%;
	margin:10px 0px 0px 0px;
	overflow:hidden;
}

h3.information {
    display:block;
    cursor:pointer;
}

h3.inquiry {
	display: block;
	width: 100%;
	overflow: hidden;
}
#information div#topics {
    border-top: 1px solid #D1C7B6;
    border-bottom: 1px solid #D1C7B6;
    min-height: 300px;
}
/******************************************************
 contents_menu
******************************************************/
#contents_menu h3{
	text-align:center;
	/*margin:60px auto 60px auto;*/
	/*width: 432px;*/
}
#contents_menu h3{
	margin:60px auto 0px auto;
	/*width: 27vw;*/
}
#contents_menu ul {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#contents_menu li {
    border: 1px solid #ccc;
    margin-left: 16px;
    width: 48.5%;
  margin-bottom: 16px;
  line-height: 0;
}
#contents_menu li:nth-child(odd){margin-left: 16px;}

#contents_menu li a {transition: .3s all;}
#contents_menu li a:hover {opacity: .7;}

/******************************************************
 sns_area
******************************************************/
#sns_area {
    width: 100%;
    margin: 20px auto 10px;
}
#sns_area .sns_area_inr {
    width: 100%;
    padding: 12px 0 18px;
    border-top: 1px #dddddd solid;
    border-bottom: 1px #dddddd solid;
}
#sns_area .sns_area_title {
    padding-bottom: 15px;
    text-align: center;
}
#sns_area .sns_area_title p {
    display: none;
    font-size: 1.05rem; /** Font Size of SP mode title text ** SP表示時のSNSエリアのタイトルのフォントサイズ（必要に応じて調整） **/
}
#sns_area .sns_area_box {}
#sns_area .sns_area_box ul {
    text-align: center;
}
#sns_area .sns_area_box ul li {
    display: inline-block;
    margin: 0 50px;
    font-size: 0.8rem; /** Font Size of icons ** アイコンの下のフォントサイズ（必要に応じて調整） **/
}
#sns_area .sns_area_box ul li a {
    text-decoration: none;
}
#sns_area .sns_area_box ul li a:hover {
    text-decoration: underline;
}
#sns_area .sns_area_box ul li img {
    margin: 0 0 3px;
    width: 68px;
}

#content_wrap #caption {
    margin-bottom: 1.5rem;
}

/*スライダーの矢印*/
.flex-direction-nav .flex-disabled {
    display: none;
}

.flex-direction-nav {
    margin-top: 0px!important;
}    


/******************************************************
 clear fix
******************************************************/
#info_body:after {
  display : block;
  clear : both;
  content : '';
}
#info_body {
  zoom : 1;
}


@media screen and (max-width: 1600px) {
#main {
	height: auto;
	margin: 0px auto 0;
	max-width: 100%;
	min-width: 61.75vw;
	width: 100%;
}
#main img{
	width: 100%;
}
#contents {
	width:80vw;
	margin:4.38vw auto 0 auto;
}

#merit01,
#bn_youtube,
#bn_netdemansiongallery,
#bn_view,
#bn_hachimancho {
/*	margin-left:-0.312vw;*/
/*	margin-right:-0.312vw;*/
	margin-top:0.625vw;
	margin-bottom: 0.625vw;
}
#merit01 a:hover img.pc,
#corona a:hover img,
#bn_youtube a:hover img,
#bn_netdemansiongallery a:hover img,
#bn_view a:hover img,
#bn_hachimancho a:hover img {
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	opacity:0.7;
	zoom:1;
}

#merit02{
	padding:0.625vw 0px 0px 0px;
}

#corona{
	margin: 0.625vw 0px;
}

#b_merit_box_up{
	width: 80.125vw;
	margin:80px auto 0 auto;
	height: 23.75vw;
}
#b_merit_box_up ul {
	display: flex;
}
#b_merit_box_up ul.slides li{
	border:1px solid #D1C7B6;
}
#b_merit_box_up ul.slides li img{
	height:23.625vw;
}
#b_merit_box_down{
	width: 80vw;
	margin: 1.38px auto 0 auto;
	height: 23.75vw;
}
#b_merit_box_down ul {
	display: flex;
}
#b_merit_box_down ul.slides li{
	border:1px solid #D1C7B6;
}
li.b_merit1{ width:39.25vw; height:23.625vw; /*margin-left:0;*/ }
li.b_merit2{ width:39.25vw; height:23.625vw; /*margin-left:1.25vw;*/ }

#b_merit {
	width: 60vw;
	margin: 10px auto 0;
}




#b_merit li{
	float:left;
	margin-right:0.625vw;
	margin-bottom:0.625vw;
	width: 19.563vw;
/*	width: 29.625vw;*/
}

#b_merit li.finish{
	float:left;
	margin-right:0px;
	margin-bottom:0.625vw;
}

#b_merit li img{
	width: 19.563vw;
/*	width: 29.625vw;*/
}

#b_merit li.b_merit1{
	width: 60vw;
}
#b_merit li.b_merit1 img{
	width: 60vw;
}


#info_body{
	padding:0.625vw 0px 0px 0px;
}

#bana1, #bana2{
	width:19.75vw;
	float:right;
}

#bana1 li, #bana2 li{
	margin-bottom:0.438vw;
	_margin-bottom:0px;
	height:3.625vw;
}

*+html #bana1 li, *+html #bana2 li {
	margin-bottom:0px;
}

*:first-child+html #bana1 li.first {
	margin-bottom:0.625vw;
}

#bana2 li.bana_center,
#bana2 li.bana_center2 {
	height: auto;
	margin-top:0.438vw;
}


/******************************************************
 information/inquiry
******************************************************/
#information{
    margin: auto;
}
#information h3{
	text-align:center;
	margin-bottom:3.75vw;
}
/*230127*/
/*
#information p{
	width:27vw;
    margin: auto;
}
*/
#information img{
	margin:0px;
}
h3.information {
	width:100%;
	margin:0.625vw 0px 0px 0px;
	overflow:hidden;
}

h3.information {
    display:block;
    cursor:pointer;
}

h3.inquiry {
	display: block;
	width: 100%;
	overflow: hidden;
}
#information div#topics{
	border: 1px solid #D1C7B6;
	min-height:18.75vw;
}
/******************************************************
 contents_menu
******************************************************/
#contents_menu h3{
	margin:60px auto 0px auto;
	/*width: 27vw;*/
}
#contents_menu {
	margin-bottom: 1.875vw;
}

/******************************************************
 sns_area
******************************************************/
#sns_area {
    width: 100%;
    margin: 20px auto 10px;
}
#sns_area .sns_area_inr {
    width: 100%;
    padding: 0.75vw 0 1.125vw;
    border-top: 1px #dddddd solid;
    border-bottom: 1px #dddddd solid;
}
#sns_area .sns_area_title {
    padding-bottom: 0.938vw;
    text-align: center;
}
#sns_area .sns_area_title p {
    display: none;
    font-size: 1.05rem; /** Font Size of SP mode title text ** SP表示時のSNSエリアのタイトルのフォントサイズ（必要に応じて調整） **/
}
#sns_area .sns_area_box {}
#sns_area .sns_area_box ul {
    text-align: center;
}
#sns_area .sns_area_box ul li {
    display: inline-block;
    margin: 0 3.125vw;
    font-size: 0.8rem; /** Font Size of icons ** アイコンの下のフォントサイズ（必要に応じて調整） **/
}
#sns_area .sns_area_box ul li a {
    text-decoration: none;
}
#sns_area .sns_area_box ul li a:hover {
    text-decoration: underline;
}
#sns_area .sns_area_box ul li img {
    margin: 0 0 0.188vw;
    width: 4.25vw;
}


/******************************************************
 clear fix
******************************************************/
#info_body:after {
  display : block;
  clear : both;
  content : '';
}
#info_body {
  zoom : 1;
}


}


@media screen and (max-width: 1600px) {
#contents_menu li {
    margin-left: auto;
    width: 39vw;
}
#contents_menu li:nth-child(odd){margin-left: auto;}
}

/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/

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



#main {
	margin: 0 auto;
	max-width: initial;
	max-width: auto;
	min-width: initial;
	min-width: auto;
	width: 100%;
}

#main figcaption {
    position: absolute;
    bottom: 3%;
    color: #fff;
    right: 0.5%;
    font-size: 11px;
    letter-spacing: .02rem;
}

#contents {
	padding:0px 0px 30px 0px;
    margin-top: 117px;
    margin-bottom: 40px;
}

#merit01 img,
#corona img,
#bn_youtube img,
#bn_netdemansiongallery img,
#bn_view img,
#bn_hachimancho img {
	width: 100%;
}

#info_body{ }
#contents_menu ul {
    flex-wrap: wrap;
}
#contents_menu li {
    width: 100%;
    margin: 0 auto 20px;
}
#contents_menu li:nth-child(odd) {
    margin-left: auto;
}    

#bana1{
	width:100%;
	margin-bottom: 10px;
}
#bana1 li{
	width:50%;
	float:left;
	margin:0px;
	padding:0px;
	height:auto;
}

#bana2{
	margin-top:10px;
	width:100%;
}
#bana2 li{
	width:50%;
	float:left;
	margin:0px;
	padding:0px;
	height:auto;
}

#bana2 li.bana_center {
	height: auto;
	width:80%;
	margin:4% 10%;
}

#bana2 li.bana_center2 {
	height: auto;
	width:100%;
	margin:2% 0 2%;
}

#b_merit {
	width: 100%;
}

#b_merit li{
	margin-right:0;
	margin-bottom:0;
/*	padding:0.5%;*/
	padding:0.5% 0.5% 0.95%;
	width:49%;
}

#b_merit li.finish{
	margin-right:0;
	margin-bottom:0;
}

#b_merit li.single{
	padding:0.5%;
	width:99%;
}
#b_merit li.hgt2{
	padding:0.5%;
}

#b_merit li img{
	width:100%;
}

#b_merit li.b_merit1,
#b_merit li.b_merit2,
#b_merit li.b_merit3,
#b_merit li.b_merit4{
	width: 99%;
	margin-right:0;
	margin-bottom:0;
}
#b_merit li.b_merit1 img,
#b_merit li.b_merit2 img,
#b_merit li.b_merit3 img,
#b_merit li.b_merit4 img{
	width: 100%;
}

.widebnr {
	margin-top: 10px;
}

#b_merit_box_down{
	width: 100%;
	margin:22px auto 0 auto;
}

#contents_menu h3{
	width:100%;
    text-align: center;
}

.main_copy p {
    width: 100%;
}    
    
/******************************************************
 entry
******************************************************/

#entry h3{
	width:100%;
}
#entry h3 img{
	width:100%;
}
#entry ul {
    margin: 20px auto;
    display: block;
    width: 100%;
}
#entry ul li{
    margin: 0 auto 20px 0;
}
#entry ul li.finish{
    margin: 0 auto 20px 0;
}
#entry p.b90{
	width: calc(100% - 40px);
	margin: 0 auto;
}
/******************************************************
 information/inquiry
******************************************************/

#information_area{  }


h3.information {
	width:100%;
	overflow:hidden;
    display:block;
    cursor:pointer;
    background-size: 100%!important;
}
h3.information.active{
	background: url(../images/top/h3_information_on.jpg) left top no-repeat;
}

div.information{
    background:#f2f2f2;
    width:100%;
    height:300px;
    text-align:center;
    display:none;
    overflow: auto;
}

#information-waku{
	display:none;
	width:95%;
	height:300px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

iframe.spframe{
	transform:scale(0.65);
	-o-transform:scale(0.65);
	-webkit-transform:scale(0.65);
	-moz-transform:scale(0.65);
	-ms-transform:scale(0.65);
	transform-origin:0 0;
	-o-transform-origin:0 0;
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
}

/******************************************************
 b_merit_box_up
******************************************************/
#b_merit_box_up{
	width: calc(100% - 70px);
    height: 52.6vw;
}
#b_merit_box_up ul.slides li img{
    height: auto;
}
#b_merit_box_up .flex-viewport{
}
#b_merit_box_up ul li{
	/*height: auto;*/
	height: 51.88vw;
}
#b_merit_box_up .flex-next{
	right: -30px!important;
    width: 20px;
top: 100px;
}
#b_merit_box_up .flex-prev{
	left: -30px!important;
    width: 20px;
top: 100px;
}
/******************************************************
 b_merit_box_down
******************************************************/
#b_merit_box_down{
	width: calc(100% - 70px);
    height: 52.6vw;
}
#b_merit_box_down .flex-viewport{
}
#b_merit_box_down ul li{
	/*height: auto;*/
	/*height: calc((100% - 70px) / 1.654);*/
	height: 51.88vw;
}
#b_merit_box_down .flex-next{
	right: -30px!important;
    width: 20px;
    top: 100px;
}
#b_merit_box_down .flex-prev{
	left: -30px!important;
    width: 20px;
top: 100px;
}


#bana_bord_sp .flex-next{
top: 200px;
}
#bana_bord_sp .flex-prev{
top: 200px;
}


/******************************************************
 caption
******************************************************/

#caption {
margin: 0px 2% 0px 2%;
padding: 20px 0px;
}

/******************************************************
 pickupContents
******************************************************/
h3.pickup_contents{
	display:block;
	width:100%;
	overflow:hidden;
}
.flex-viewport{
	margin-bottom:20px;
}

.flex-direction-nav .flex-next{
	right:-10px!important;
	top:35px;
}

.flex-direction-nav .flex-prev{
	left:-10px!important;
	top:35px;
}

.flex-direction-nav {
    height: 0;
}      

/******************************************************
 sns_area
******************************************************/
#sns_area {}
#sns_area .sns_area_inr {
    padding: 2% 0 3%;
}
#sns_area .sns_area_title {
    padding-bottom: 2%;
}
#sns_area .sns_area_title p {
    display: block;
}
#sns_area .sns_area_title img {
    display: none;
}
#sns_area .sns_area_box {}
#sns_area .sns_area_box ul {}
#sns_area .sns_area_box ul li {
    margin: 0 8vw;
}
#sns_area .sns_area_box ul li a {}
#sns_area .sns_area_box ul li a:hover {}
#sns_area .sns_area_box ul li img {
    margin: 0 0 3%;
}

/******************************************************
 caption
******************************************************/    
#content_wrap #caption {
    margin: 2rem auto!important;
}

}

/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/

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

#b_merit_box_up{
height: 200px;
}

}

/*add 230208*/
#caption {display: block;}

/*add 230728*/
.main_copy {
    margin-bottom: min(10vw,6rem);
}


.bnr_aria {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: min(10vw,6rem);
    width: 96%;
}
.bnr_aria02 {
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
    width: 96%;
}
.b_merit1 a,.b_merit2 a {transition: .3s all;}
.b_merit1 a:hover,.b_merit2 a:hover {opacity: .7;}


.bnr_aria img {width: 100%;}


/* slider */
.flexslider .flex-viewport .slides li a{ margin-bottom:0!important;}
li.b_merit1{ width:min(38vw,620px)!important; margin-right:27px!important; }
li.b_merit2{ width:min(38vw,620px)!important;}

@media screen and (max-width: 640px) {
#b_merit_box_up ul li {
    height: auto!important;
}
.flexslider .flex-viewport .slides li a {
    margin-bottom: 0!important;
}
    
#b_merit_box_up .flex-direction-nav .flex-next {
    top: 27vw!important;
}    
#b_merit_box_up .flex-direction-nav .flex-prev {
    top: 27vw!important;
}
li.b_merit1{ width:24%!important;}
li.b_merit2{ width:24%!important;}    
}



/************* バナースライド *************/

.top-banner {
  padding-top: 50px;
}

.banner-slide {
  margin: 27px -10px 0;
}

.banner-slide .slick-slide {
  margin: 0 14px;
  border: 1px solid #d1c7b6;
  background:#DDD;
}

.banner-slide .slick-slide figure{
  width: 100%;
  height: 100%;
}

.banner-slide .slick-prev {
  left: -50px;
}

.banner-slide .slick-next {
  right: -50px;
}

@media screen and (max-width: 1400px) {
  .banner-slide {
    margin: 27px 25px 0;
  }
  .banner-slide .slick-prev {
    left: -25px;
  }
  .banner-slide .slick-next {
    right: -25px;
  }
}

@media screen and (max-width: 639px) {
  .banner-slide .slick-dots li {
    width: 10px;
    height: 10px;
  }

  .banner-slide .slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 50%;
    background-color: #707070;
  }

  .banner-slide .slick-dots li.slick-active button {
    background-color: rgba(80, 50, 30, 1);
  }

  .banner-slide .slick-dots li button:before {
    display: none;
  }


  .banner-slide .slick-slide {
    margin: 0;
  }    
  .banner-slide .slick-prev {
    left: -30px;
  }
  .banner-slide .slick-next {
    right: -30px;
  }
  .slick-slide img{
    margin: auto;
  }
}