@charset "utf-8";
/* CSS Document */

body{
	font-family: 'M PLUS 1p', sans-serif;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	color:#3f3f3f;
	border-top:solid #fbcb08 10px;
}
a{
	color:#3f3f3f;
}

img {
    image-rendering: -webkit-optimize-contrast;
}
.last_text{
	line-height:140%;
	font-size:10px;
	padding:20px;
}
.last_text a{
	color:#ff7f50
}

#slider li {
  display: none;
}
.bx-viewport #slider li {
  display: block !important;
}

.footer{
	overflow:hidden;
}

.font-s80p{font-size:80%;}
.mb80px{margin-bottom:120px;}

iframe{
	border:1px solid #808080!important;
}
/* --PC----------------------------------------------------------- */

@media screen and (min-width: 1025px) {
.pc,.pc_table{
	display:inline!important; }
.tablet{
	display:none!important;}
.phone{
	display:none!important; }

.wrap{
	text-align:center;
}
.titlelogo{
	width:300px;
	padding:25px;
}

/*--スライド---------------------------*/	
.slider_fade li img{
	width: 100%;
	height: 350px;
	object-fit: cover;
	object-position:0 100%;
	}
	

.slider_fade {
    position: relative;
    width: 100%;
    height: 350px;
    margin-o auto;
}

.slider_fade > li {
	width: 100%;
    height: 350px;
    position: absolute;
    list-style: none;
    visibility: hidden;
    animation: anime_slider_fade 12s 0s infinite;
}
.slider_fade > li:nth-of-type(2) {
    animation-delay: 4s;
}
.slider_fade > li:nth-of-type(3) {
    animation-delay: 8s;
}

@keyframes anime_slider_fade {
    0% {
        visibility: visible;
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    33.3% {
        opacity: 1;
    }
    48.3% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
/*------------更新履歴-----------------*/

.news{
	width:500px;
	height:150px;
	margin:20px auto;
	margin-top:40px;
	padding:15px;
	background-color:#f5f5f5;
	font-size:80%;
	text-align:left;
	line-height:160%;
	 overflow-y: scroll
	 overflow-x: hidden;
}
.news_title{
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	border-bottom:#ffd500 2px solid;
	letter-spacing:5px;
}

.f150y{
	font-size:150%;
	color:#ffaa00;
	font-weight:bold;
	padding-right:5px;
}


/*-----------------------------*/

.main_contents{
	width:95%;
	margin:30px auto;
	}

.contents_all{
	width:100%;
	position: relative;
	background-color:#fff;
}

.contents{
	position: relative;
	width:500px;
	height:371px;
	margin:30px auto;
	}
	
.top_text{
	width:550px;
	margin:0 auto;
	margin-top:50px;
	text-align:left;
	line-height:160%;
	font-size:12px;
	background-image:url('../img/triangle_migi.png');
	background-repeat:no-repeat;
	padding-left:30px;
	background-position:left 0px top 35px;  
}

	






/*--カテゴリ---------------------------*/
ul.category{
	width:700px;
	margin:0 auto;
	overflow:hidden;
}

ul.category li{
	border-radius:7px;
	width:200px;
	height:155px;
	background-color:#fff;
	border:5px #f5f5f5 solid;
	float:left;
	margin:30px 50px 0 0;
	padding:10px;
	font-size:23px;
	color:#999;
	text-align:center;
	background-image:url('../img/triangle_shita.png');
	background-size:12% auto;
	background-repeat:no-repeat;
	padding-bottom:30px;
	background-position:center bottom 5px; 
	transition: all 0.3s;
	position: relative;
}
ul.category li:last-child{
	margin:30px 0px 0 0;
}

ul.category li img{
	height:80px;
}

ul.category li:hover{
	background-color:#fffacd;
	opacity:0.8;
}

ul.category li a{
	position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

.cat_title{
	width:600px;
	line-height:75px;
	color:#404040;
	margin:20px auto;
	border:5px #f5f5f5 solid;
	font-size:25px;
	border-bottom: 1px solid #fbcb08;
}
#idou .cat_title{
	border-bottom: 1px solid #2365f5;
}
#taberu .cat_title{
	border-bottom: 1px solid #f54a23;
}

.cat_title img{
	height:80px;
	padding-left:20px;
}
.cat_title img.ping{
	height:50px;
	padding-right:20px;
	margin-bottom:20px;
}



/*--スペース---------------------------*/
.sp_yellow,.sp_gray,.sp_gray_last{
	background-color:#fffacd;
	padding:50px 0 20px 0;
	margin-top:80px;
}
.sp_gray{
	background-color:#f5f5f5;
}
.sp_gray_last{}

.subtitle{
	width:250px;
	font-size:30px;
	font-wieght:100;
	padding-bottom:0px;
	border-bottom:1px solid #fbcb08;
	margin:0px auto;
	margin-bottom:30px;
	font-family: 'Ubuntu', sans-serif;
	line-height:75%;
}
.subtitle span{
	font-size:12px;
}

/*-----------------------------*/

.all_plases{
	overflow:hidden;
	width:1000px;
	margin:0 auto;
	margin-top:50px;
}

.all_plases .place_miru,
.all_plases .place_idou,
.all_plases .place_taberu{
	position: relative;
	width:313px;
	height:auto;
	float:left;
	margin-right:30px;
	line-height:140%;
	background-color:#fff;
	margin-bottom:30px;
	transition: all 0.3s;
}


.all_plases .place_miru a:hover,
.all_plases .place_idou a:hover,
.all_plases .place_taberu a:hover{
	opacity:0.6;
}


.all_plases .place_miru:nth-of-type(3n),
.all_plases .place_idou:nth-of-type(3n),
.all_plases .place_taberu:nth-of-type(3n)
{
	margin-right:0px;
}

.all_plases .place_miru .num,
.all_plases .place_taberu .num,
.all_plases .place_idou .num{
	position: absolute;
	top:10px;
	left:10px;
	width: 40px;
	height: 40px;
	line-height: 35px;
	background-color: #f5b223;
	border-radius: 50%;
	color: #fff;
	font-size:30px;
	font-weight:600px;
	text-align: center;
}

.all_plases .place_taberu .num{
	background-color: #f54a23;
}
.all_plases .place_idou .num{
	background-color: #2365f5;
}

.all_plases img{
	width:100%;
}

.place_title{
	margin:10px 0;
	color:#f3981d;
	font-size:23px;
}

.all_plases .place_more{
	background-color: #f5b223;
	width:100%;
	height:30px;
	line-height:30px;
	color:#fff;
	margin:20px auto;
}

.all_plases .place_taberu .place_more{
	background-color: #f54a23;
}
.all_plases .place_idou .place_more{
	background-color: #2365f5;
}

.place_in{
	font-size:90%;
	}

/*---------ポップアップ----------------------*/
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border: 2px solid #b4b1a0;
  color: #4c4833;
  width: 300px;
  height: 80px;
  box-sizing: border-box;
  text-decoration: none;
  transition-duration: 0.3s;
}
.btn:hover {
  background: #b4b1a0;
  color: #ffffff;
}
.remodal {
  position: relative;
  padding: 25px;
}
.remodal img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.remodal-cancel {
  color: #fff;
  background: #000000;
  width: 100%;
  margin-top: 25px;
}
.remodal-cancel:hover {
  background: #333;
}

.remodal .place_title{
	margin:20px;
}
.remodal p{
	line-height:140%;
}



.gaiyou{
	width:600px;
	line-height:140%;
	font-size:13px;
	padding-top:20px;
	text-align:left;
	margin:0 auto;
}

}

/*---tab-------------------------------------------------------------------------*/
@media screen and (min-width:667px) and ( max-width:1024px) {
.tablet,.pc_table{
	display:inline!important; 
}
.pc,.phone{
	display:none!important; 
}
html,body{
    width: 100%;
    overflow-x: hidden;
}

.wrap{
	text-align:center;
}
.titlelogo{
	width:300px;
	padding:25px;
}

/*--スライド---------------------------*/	
.slider_fade li img{
	width: 100%;
	height: 350px;
	object-fit: cover;
	object-position:0 100%;
	}
	

.slider_fade {
    position: relative;
    width: 100%;
    height: 350px;
    margin-o auto;
}

.slider_fade > li {
	width: 100%;
    height: 350px;
    position: absolute;
    list-style: none;
    visibility: hidden;
    animation: anime_slider_fade 12s 0s infinite;
}
.slider_fade > li:nth-of-type(2) {
    animation-delay: 4s;
}
.slider_fade > li:nth-of-type(3) {
    animation-delay: 8s;
}

@keyframes anime_slider_fade {
    0% {
        visibility: visible;
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    33.3% {
        opacity: 1;
    }
    48.3% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
/*------------更新履歴-----------------*/

.news{
	width:500px;
	height:150px;
	margin:20px auto;
	margin-top:40px;
	padding:15px;
	background-color:#f5f5f5;
	font-size:80%;
	text-align:left;
	line-height:160%;
	 overflow-y: scroll
	 overflow-x: hidden;
}
.news_title{
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	border-bottom:#ffd500 2px solid;
	letter-spacing:5px;
}

.f150y{
	font-size:150%;
	color:#ffaa00;
	font-weight:bold;
	padding-right:5px;
}


/*-----------------------------*/
.contents_all{
	width:100%;
	position: relative;
	background-color:#fff;
}
.contents{
	position: relative;
	width:500px;
	height:371px;
	margin:30px auto;
	}
	
.top_text{
	width:550px;
	margin:0 auto;
	margin-top:50px;
	text-align:left;
	line-height:160%;
	font-size:12px;
	background-image:url('../img/triangle_migi.png');
	background-repeat:no-repeat;
	padding-left:30px;
	background-position:left 0px top 35px;  
}


/*--カテゴリ---------------------------*/
ul.category{
	width:700px;
	margin:0 auto;
	overflow:hidden;
}

ul.category li{
	border-radius:7px;
	width:200px;
	height:155px;
	background-color:#fff;
	border:5px #f5f5f5 solid;
	float:left;
	margin:30px 50px 0 0;
	padding:10px;
	font-size:23px;
	color:#999;
	text-align:center;
	background-image:url('../img/triangle_shita.png');
	background-size:12% auto;
	background-repeat:no-repeat;
	padding-bottom:30px;
	background-position:center bottom 5px; 
	transition: all 0.3s;
	position: relative;
}
ul.category li:last-child{
	margin:30px 0px 0 0;
}

ul.category li img{
	height:80px;
}

ul.category li:hover{
	background-color:#fffacd;
	opacity:0.8;
}

ul.category li a{
	position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

.cat_title{
	width:600px;
	line-height:75px;
	color:#404040;
	margin:20px auto;
	border:5px #f5f5f5 solid;
	font-size:25px;
	border-bottom: 1px solid #fbcb08;
}
#idou .cat_title{
	border-bottom: 1px solid #2365f5;
}
#taberu .cat_title{
	border-bottom: 1px solid #f54a23;
}

.cat_title img{
	height:80px;
	padding-left:20px;
}
.cat_title img.ping{
	height:50px;
	padding-right:20px;
	margin-bottom:20px;
}



/*--スペース---------------------------*/
.sp_yellow,.sp_gray,.sp_gray_last{
	background-color:#fffacd;
	padding:50px 0 20px 0;
	margin-top:80px;
}
.sp_gray{
	background-color:#f5f5f5;
}
.sp_gray_last{}

.subtitle{
	width:250px;
	font-size:30px;
	font-wieght:100;
	padding-bottom:0px;
	border-bottom:1px solid #fbcb08;
	margin:0px auto;
	margin-bottom:30px;
	font-family: 'Ubuntu', sans-serif;
	line-height:75%;
}
.subtitle span{
	font-size:12px;
}

/*-----------------------------*/

.all_plases{
	overflow:hidden;
	margin-top:50px;
	width:690px;
	margin:0 auto;
}

.all_plases .place_miru,
.all_plases .place_idou,
.all_plases .place_taberu{
	position: relative;
	width:210px;
	height:auto;
	float:left;
	margin-right:30px;
	line-height:140%;
	background-color:#fff;
	margin-bottom:30px;
	transition: all 0.3s;
	font-size:11px;
}


.all_plases .place_miru a:hover,
.all_plases .place_idou a:hover,
.all_plases .place_taberu a:hover{
	opacity:0.6;
}


.all_plases .place_miru:nth-of-type(3n),
.all_plases .place_idou:nth-of-type(3n),
.all_plases .place_taberu:nth-of-type(3n)
{
	margin-right:0px;
}

.all_plases .place_miru .num,
.all_plases .place_taberu .num,
.all_plases .place_idou .num{
	position: absolute;
	top:10px;
	left:10px;
	width: 40px;
	height: 40px;
	line-height: 35px;
	background-color: #f5b223;
	border-radius: 50%;
	color: #fff;
	font-size:30px;
	font-weight:600px;
	text-align: center;
}

.all_plases .place_taberu .num{
	background-color: #f54a23;
}
.all_plases .place_idou .num{
	background-color: #2365f5;
}

.all_plases img{
	width:100%;
}

.place_title{
	margin:10px 0;
	color:#f3981d;
	font-size:20px;
}
.place_title span{
	font-size:15px;
}

.all_plases .place_more{
	background-color: #f5b223;
	width:100%;
	height:30px;
	line-height:30px;
	color:#fff;
	margin:20px auto;
}

.all_plases .place_taberu .place_more{
	background-color: #f54a23;
}
.all_plases .place_idou .place_more{
	background-color: #2365f5;
}

/*---------ポップアップ----------------------*/
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border: 2px solid #b4b1a0;
  color: #4c4833;
  width: 300px;
  height: 80px;
  box-sizing: border-box;
  text-decoration: none;
  transition-duration: 0.3s;
}
.btn:hover {
  background: #b4b1a0;
  color: #ffffff;
}
.remodal {
  position: relative;
  padding: 25px;
}
.remodal img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.remodal-cancel {
  color: #fff;
  background: #000000;
  width: 100%;
  margin-top: 25px;
}
.remodal-cancel:hover {
  background: #333;
}

.remodal .place_title{
	margin:20px;
}
.remodal p{
	line-height:140%;
}



.gaiyou{
	width:600px;
	line-height:140%;
	font-size:13px;
	padding-top:20px;
	text-align:left;
	margin:0 auto;
}
}


/*---------Phone-------------------------------------------------------------------------*/
@media screen and (max-width: 666px) {
.pc,.tablet,.pc_table,.place_more{
	display:none!important; 
}
.phone{
	display:inline!important; 
}

html,body{
    width: 100%;
}

.wrap{
	text-align:center;
}
.titlelogo{
	width:200px;
	padding:10px;
}

/*--スライド---------------------------*/	
.slider_fade li img{
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position:0 100%;
	}
.slider_fade {
    position: relative;
    width: 100%;
    height: 200px;
    margin-o auto;
}
.slider_fade > li {
	width: 100%;
    height: 200px;
    position: absolute;
    list-style: none;
    visibility: hidden;
    animation: anime_slider_fade 12s 0s infinite;
}
.slider_fade > li:nth-of-type(2) {
    animation-delay: 4s;
}
.slider_fade > li:nth-of-type(3) {
    animation-delay: 8s;
}

@keyframes anime_slider_fade {
    0% {
        visibility: visible;
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    33.3% {
        opacity: 1;
    }
    48.3% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
/*------------更新履歴-----------------*/

.news{
	width:95%;
	height:150px;
	margin:20px auto;
	margin-top:40px;
	padding:15px;
	background-color:#f5f5f5;
	font-size:80%;
	text-align:left;
	line-height:160%;
	 overflow-y: scroll
	 overflow-x: hidden;
}
.news_title{
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	border-bottom:#ffd500 2px solid;
	letter-spacing:5px;
}

.f150y{
	font-size:150%;
	color:#ffaa00;
	font-weight:bold;
	padding-right:5px;
}


/*-----------------------------*/
	
.main_contents{
	width:95%;
	margin:30px auto;
	}

.contents_all{
	width:100%;
	position: relative;
	background-color:#fff;
}

.contents{
	position: relative;
	width:500px;
	height:371px;
	margin:30px auto;
	}
	
.top_text{
	width:90%;
	margin:0 auto;
	margin-top:20px;
	text-align:left;
	line-height:160%;
	font-size:12px;
}


/*--カテゴリ---------------------------*/
ul.category{
	width:95%;
	margin:0 auto;
	overflow:hidden;
}

ul.category li{
	border-radius:7px;
	width:100%;
	height:85px;
	background-color:#fff;
	border:5px #f5f5f5 solid;
	margin:30px 0 0 0;
	padding:10px;
	font-size:23px;
	color:#999;
	text-align:left;
	background-image:url('../img/triangle_migi.png');
	background-size:4% auto;
	background-repeat:no-repeat;
	background-position:left 10px bottom 25px; 
	transition: all 0.3s;
	position: relative;
	overflow:hidden;
}
ul.category li:last-child{
	margin:30px 0px 0 0;
}

ul.category li img{
	height:80px;
	display:block;
	float:left;
	padding-left:40px;
}
ul.category .spcon{
	display:block;
	float:left;
	height:75px;
	line-height:75px;
	padding-left:20px;
}

ul.category li:hover{
	background-color:#fffacd;
	opacity:0.8;
}

ul.category li a{
	position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

.cat_title{
	width:100%;
	line-height:75px;
	color:#404040;
	margin:20px auto;
	border:5px #f5f5f5 solid;
	font-size:25px;
	border-bottom: 1px solid #fbcb08;
}
#idou .cat_title{
	border-bottom: 1px solid #2365f5;
}
#taberu .cat_title{
	border-bottom: 1px solid #f54a23;
}

.cat_title img{
	height:80px;
	padding-left:20px;
}
.cat_title img.ping{
	height:50px;
	padding-right:20px;
	margin-bottom:20px;
}



/*--スペース---------------------------*/
.sp_yellow,.sp_gray,.sp_gray_last{
	background-color:#fffacd;
	padding:50px 0 20px 0;
	margin-top:80px;
}
.sp_gray{
	background-color:#f5f5f5;
}
.sp_gray_last{}

.subtitle{
	width:250px;
	font-size:30px;
	font-wieght:100;
	padding-bottom:0px;
	border-bottom:1px solid #fbcb08;
	margin:0px auto;
	margin-bottom:30px;
	font-family: 'Ubuntu', sans-serif;
	line-height:75%;
}
.subtitle span{
	font-size:12px;
}

/*-----------------------------*/

.all_plases{
	width:100%;
	margin:0 auto;
	margin-top:50px;
}

.all_plases .place_miru,
.all_plases .place_idou,
.all_plases .place_taberu{
	position: relative;
	width:100%;
	height:90px;
	background-color:#fff;
	margin-bottom:20px;
	transition: all 0.3s;
}


.all_plases .place_miru a:hover,
.all_plases .place_idou a:hover,
.all_plases .place_taberu a:hover{
	opacity:0.6;
}

.all_plases .place_miru .num,
.all_plases .place_taberu .num,
.all_plases .place_idou .num{
	position: absolute;
	top:5px;
	left:5px;
	width: 30px;
	height: 30px;
	line-height: 25px;
	background-color: #f5b223;
	border-radius: 50%;
	color: #fff;
	font-size:25px;
	font-weight:600px;
	text-align: center;
}

.all_plases .place_taberu .num{
	background-color: #f54a23;
}
.all_plases .place_idou .num{
	background-color: #2365f5;
}

.all_plases img{
	height:90px;
	float:left;
	display:block;
}

.place_title{
	color:#f3981d;
	font-size:18px;
	padding:10px;
}
.place_title span{
	font-size:15px;
}

.all_plases p{
	font-size:12px;
	line-height:140%;
}

/*---------ポップアップ----------------------*/
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border: 2px solid #b4b1a0;
  color: #4c4833;
  width: 300px;
  height: 80px;
  box-sizing: border-box;
  text-decoration: none;
  transition-duration: 0.3s;
}
.btn:hover {
  background: #b4b1a0;
  color: #ffffff;
}
.remodal {
  position: relative;
  padding: 25px;
}
.remodal img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.remodal-cancel {
  color: #fff;
  background: #000000;
  width: 100%;
  margin-top: 25px;
}
.remodal-cancel:hover {
  background: #333;
}

.remodal .place_title{
	margin:20px;
}
.remodal p{
	line-height:140%;
}



.gaiyou{
	width:600px;
	line-height:140%;
	font-size:13px;
	padding-top:20px;
	text-align:left;
	margin:0 auto;
}

}