*{
 margin: 0;
 padding: 0;
}



.conteiner{
max-width: 1000px;
margin: 0 auto;
padding-left: 1em;
padding-right: 1em;
}


a{
 text-decoration: none;
 color:#424242;

}




/* text */
.left{
 text-align: left;
}

.right{
 text-align: right;
 
}

.center{
 text-align: center;
}

.bold{
 font-weight: bold;
}

.small{
 font-weight: normal;
 font-size: 0.8em;
}

i{
 margin-right: 0.5em;
}


/* float */
.spot_page h1{
    font-size: 1.4em;
    margin-bottom: 1em;
}



.spot_page h2{
    margin-bottom: 0;
    line-height: 1;
    max-width: 100%;
}

.spot_page h2 img{
    margin-bottom: 0;
        width: 100%;
}

.s_box1{
        background: #fdfaee;
    padding: 1em;
    margin-bottom: 2em;
}

.spot_page li{
   list-style: none;
   font-size: 1.1em;
   
}

.spot_page li a{
 display: block;
 padding: 0.5em 1em;  
}

.spot_page li a:hover{
 color: #c80000;
}
	
	
.spot_page li a:before{
   	font-family: FontAwesome;
	content : "\f0da";
	margin-right: 0.3em;
}

input[type="text"],
txt_keyword {
    padding: 0.4em 1em;
}	

input[type="submit"] {
    background: #ccc;
    color: #ffff;
   padding: 0.2em;
}	
	
	
.s_list_box{
        background: #fdfaee;
    padding: 1em;
    margin-bottom: 2em;
    border: 1px solid #fdd093;
}

	
.s_list h2{
    font-size: 1.2em;
    text-decoration: underline;
    margin-bottom: 1em;
}

.s_list h2:before{
   	font-family: FontAwesome;
	content : "\f0c8 ";
	margin-right: 0.3em;
	transform: rotate(-45deg);
}

.s_list figure{
    text-align: center;
    border: 1px solid #696969;
    display: inline-block;
    background: #fff;
    padding: 0.5em;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 1em;
}

.s_list img{
        max-width: 100%;
}

.s_list dt{
    background:#f2ebbf;
    border: 1px solid #c6aa26;
        display: inline-block;
    color: #5f5014;
    padding: 0.1em 1em;
    margin-bottom: 0.3em;
}

.s_list dd{
    margin-bottom: 0.5em;
}


.s_list h3{
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 1em;
}

.s_list p{
    margin-bottom: 1em;
}

.s_list table{
    max-width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
    font-size: 0.9em;
}

.s_list th{
    background: #c6aa26;
    color: #fff;
    font-weight: bold;
    width: 30%;
    border: 1px solid #f2dc86;
    padding: 0.4em 1em;
}

.s_list td{
    border: 1px solid #f2dc86;
        padding: 0.2em 1em;
        word-break: break-all 
}

.s_list_in{
 border-bottom: 1px solid #696969;
 padding-bottom: 1em;
 margin-bottom: 3em;
}

.map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 2em;
}
 
.map iframe,
.map object,
.map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.voice{
    border: 1px solid #ccc;
    padding: 0.3em 1em;
    font-size: 0.9em;
    display: inline-block;
}

.fl_main{
   overflow: hidden; 
}

.fl_right{
    float: right;
    width: 67%;
    box-sizing: border-box;
}

.fl_left{
    float: left;
    width: 30%;
    mrgin-right: 3%;
        box-sizing: border-box;
}

.voice_box{
    background: #fef4ed;
    padding:2em;
    border: 2px solid #feadac;
}

.voice_box h3{
    color: #7a1f1e;
    border-bottom: 1px solid #7a1f1e;
    margin-bottom: 1em;
padding-bottom: 0.3em;
}

.voice_box p{
    margin-bottom: 1em;
}


.voice_box figure{
    text-align: center;
    border: 1px solid #696969;
    display: inline-block;
    background: #fff;
    padding: 0.5em;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 1em;
}
.voice_box img{
    max-width: 100%;
}

.date{
    font-size: 0.9em;
}

.pagenav ul{
    overflow: hidden;
    max-width:200px;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom: 1em;
}

.pagenav li{

 border: 1px solid #ccc;
 padding: 0.2em 0.4em;
 box-sizing: border-box;
font-size: 0.8em;
float: left;
list-style: none;
margin: 0.3em;

}

 li.on{
   font-weight: bold;
    background: #f4f4f4;
}

.pagenav li.all{
border: none;
}

.voice1{
    font-size: 0.9em;
}

.voice2{
    margin-top:1em ;
    margin-bottom: 1em;
    font-size: 0.9em;

}

.spot_page .nav li a:before{
   	font-family: FontAwesome;
	content : "";

}


.nav ul{
    overflow: hidden;

}


.nav li{
    float: left;
    width: 31%;
    margin: 1%;
}
.nav li a{
   padding: 0;
}

.nav li img{
    padding: 0;
}


.cate{
    color: #b29055;
    font-weight: bold;
    font-size: 0.9em;
}