@charset "UTF-8";
/* CSS Document */
.category {
	font-size: 0.75em;
  border-radius: 6px;
	margin-right: 2%;
}
.category a {
  font-size: 0.75em;
  color: #fff;
}
.entertainment {
	color: #35441B;
	border: thin solid #35441B;
	padding: 1%;
}
.history {
color: #35441B;
	border: thin solid #35441B;
	padding: 1%;
}
.scene {
  color: #35441B;
	border: thin solid #35441B;
	padding: 1%;
}
.facility {
	color: #35441B;
	border: thin solid #35441B;
	padding: 1%;
}
.shibamata {
	color:#35441B;
	border: thin solid #35441B;
	padding: 1%;
}
.m6_guide02 {
  background-color: #ccc;
}
/*-------------目的別-top------------------*/
.p6_mokuteki_title_text {
	text-align: center;
	margin-bottom: 80px;	
	font-size: 120%;
	
	}	
.p6_mokuteki_all {
	width: 20%;
		float: left;
		text-align: center;	
	}
.p6_mokuteki_all a {
	color: #333333;	
	}
.p6_mokuteki_all a:hover {
	color: #42210B;	
	}
.p6_mokuteki_img {
		text-align: center;	
		margin-bottom: 20px;
	}	
.p6_mokuteki_all_02 {
	width: 20%;
		float: left;
		text-align: center;	
	}
.p6_mokuteki_all_02 a {
	color: #333333;	
	}
.p6_mokuteki_all_02 a:hover {
	color: #42210B;	
	}
.p6_mokuteki_img {
		text-align: center;	
		margin-bottom: 20px;
	}		
.p6_mokuteki_text {
	text-align: center;	
		font-size: 110%;
}	

.p6_mokuteki_img {
overflow: visible;/*拡大時、はみ出た部分も表示*/
width: 100%;
height: 100%;
}
.p6_mokuteki_img img {
/*display: block;コンテンツのひとかたまりとなる要素*/
transition-duration: 0.5s;/*変化にかかる時間*/
}
.p6_mokuteki_img img:hover {
transform: scale(1.2,1.2);/*画像の拡大率*/
transition-duration: 0.5s;
}	
/*------------*/
.p6_mokuteki_title_text {
	text-align: center;	
		font-size:1.19em;
}
.spot_main_title {
	width:50%;
margin-left: auto;
margin-right: auto;
	font-size: 2.2em;
    color: #42210B;
    letter-spacing: 2px;
    font-weight: bold;
	text-align: center;
	padding: 2% 0;
	margin-bottom: 5%;

}
.spot_main_title_img {
	width: 20%;
	float: left;
	text-align: center;
}
.spot_main_title_text {
	width: 75%;
	float: left;
	padding-top: 1%;
	text-align: left;
	padding-left: 5%;
}
.spot_all {
	padding-bottom: 2%;
	padding-top: 3%;
		border-bottom:  1px dotted #BDBDBD;
		position: relative;
}
.spot_left {
	width: 28%;
	float: left;
}
.spot_right {
	width: 55%;
	float: left;
	margin-left: 3%;
}
.spot_right_title {
  position: relative;
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom:3%;
}
.spot_right_text {
	padding-top: 2%;
}
	/*特集一覧をみる*/
.spot_more {
		width: 8%;
		float: right;
		background-color: #35441B;
		padding:1% 2%;
		color: #FFFFFF;
		text-align: center;
	border-radius:  6px;
	position:absolute;
bottom:35px;
	right: 0; /* 左を基準 */
	display: flex;
	}
	
.spot_more a {
    background-image:url("../images/more_yaji.png");
    background-repeat: no-repeat;
    background-position: 0% center;
    padding-left: 20px;
    font-size: 0.8em;
  color: #FFFFFF;
    text-decoration: none;
    text-align: left;
	transition : all 0.5s;
	display: block;
	width: 100%;
	height: 100%;
	
}
.spot_more:hover {
   background-color: #42210B;
	
}
/*---------------------------------
アコーディオンボックス
--------------------------------*/
.mokuteki_list {
	width: 20%;
/*	float: right;*/
	position: absolute;
	top: 580px;
	left: 70%;
	right: 0;
	z-index: 1;

}
.acbox{
  width: auto;
  font-size:0px; /* ラベルと開く部分を分離する時は数値を入れる */
  margin:0 10px; /* ボックス全体の位置調整 */
}

.acbox label{
  width: auto;
  font-size: 16px; /* ラベルの文字サイズ */
  font-weight: bold;
  text-align: center;
  background:#35441B; /* ラベルの背景色 */
  position: relative;
  display: block;
  padding:8px;
  border-radius: 4px; /* ラベルの角の丸み */
  cursor: pointer;
  color: #fff;
}

.acbox label:hover{
  background: #534741; /* ラベルにマウスを乗せた時の背景色 */
}

.acbox input{
  display: none;
}

.acbox label:after{
  color: #fff;
  content:"▼"; /* ラベルのアイコン */
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -14px;
}

.acbox input:checked ~ label::after {
  content:"▲"; /* ラベルをクリックした後のアイコン */
}

.acbox div{
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 0.15s; /* 開閉スピードの設定 */
}

.acbox input:checked ~ div{
  height: auto;
  padding: 18px; /* 開いた部分の枠内の余白 */
  border-radius: 0px;
  background: #F3F4F5; /* 開いた部分の背景色 */
  opacity: 1;
}

.acbox input:checked ~ label {
  background: #35441B; /* クリック後のラベルの背景色 */
	  border-radius: 4px 4px 0 0; /* ラベルの角の丸み */
}

.acbox-under{
  font-size: 15px; /* 開いた部分の文字サイズ */
  color: #555555; /* 開いた部分の文字色 */
	display: flex;
}
.acbox-under:before{
  font-size: 15px; /* 開いた部分の文字サイズ */
  background-color: #534741; /* 開いた部分の文字色 */
	
}
.acbox-under a {
	display: block;
	width: 100%;
}
@media screen and (max-width: 768px){

.p6_mokuteki_all {
	width: 28%;
		float: left;
		text-align: center;	
		margin-left: 4%;
		min-height: 250px;
	}
.p6_mokuteki_all_02 {
	width: 28%;
		float: left;
		text-align: center;	
		margin-left:15%;
		min-height: 250px;
	}
.p6_mokuteki_title_text {
	text-align: center;	
		font-size:1.00em;
}
	.mokuteki_list {
	width: 100%;
/*	float: right;*/
	position: static;
	top: 150px;
	left: 70%;
	right: 0;
	z-index: 1;

}
.spot_left {
	width: 90%;
	float: none;
margin-left:auto;
margin-right: auto;
}
.spot_left img {
		text-align: center;
width: 100%;
margin-left:auto;
margin-right: auto;
	}
.spot_right {
		width: 90%;
	float: none;
margin-left:auto;
margin-right: auto;
	
}
	.spot_more {
		width: 90%;
	float: none;
margin-left:auto;
margin-right: auto;
		position:relative;
		margin-top: 20px;
		margin-bottom: 20px;
bottom:0;
	right: 0; /* 左を基準 */
		padding: 3%;
	}
	
}