@charset "utf-8";
@media screen and (max-width:767px){

/* display none
-------------------*/
#header,#header_sub {
  display:none!important
}

#container {
  width:100%;
  margin:0 auto;
  position:relative;
  height:auto!important;
  height:100%;
  min-height:100%
}

#contents {
  box-sizing: border-box;
  min-height:60%;
  padding-top: 23%;
  margin-top: 0;
  width: 100%;
  
}

#contents .title h3 {
    margin: 2% auto 7%;
}

#contents .inner {
  margin:0 auto
}

.backtotop a {
  color:#666
}

/*
 * ad
 */
.pc_none{
	display:block!important;
}
.sp_none{
	display:none!important;
}

#contents #main {
    margin: 0 auto 9%;
    position: relative;
    width: 90%;
}

#contents #main .title {
    margin: 0 auto 5%;
}

#contents #main a.btn {
    bottom: 0;
    position: static;
    right: 0;
    width: 150px;
	margin: 0 auto;
}

#contents #main a.btn:hover{
	color:#625e5c;
	background: #fff;
	border: #454545 1px solid;
	text-decoration: none;
	position:static;
	right: none;
    bottom: none;
	width: 150px;
	margin: 0 auto;
}

#contents #main .sc_btn:hover{
	background: url(../../images/ad/search_icon.gif) no-repeat center left;
	background-position: 9px 10px;
	background-size:14px 14px;
}


#contents #main img{
	margin-bottom: 3%;
}

#contents .sec_01 .spot_list dl {
    float: left;
    margin: 0 1% 12%;
    width: 100%;
}

#contents .sec_01 .spot_list dt {
    float: left;
    text-align: center;
    width: 45%;
    margin-right: 10px;
}

#contents .sec_01 .spot_list dt img {
    margin-bottom: 0;
}

#contents .sec_01 .spot_list dd.name{
	float: left;
	width: 50%;
	 margin-bottom: 2px;
}
#contents .sec_01 .spot_list dd.name2{
	float: left;
	width: 100% !important;
	 margin-bottom: 2px;
}

#contents .sec_03 .title h3 {
    font-size: 27px;
}

#contents .sec_03 dl{
	width : 90%;
	margin: 0 auto 4%;
	float : none;
}

#contents .sec_03 .inner {
    margin-top: 4%;
	padding-bottom: 5%;
}

#contents .sec_03 dd {
    text-align: center;
}


/*light-box*/
.mfp-content{
	width:90% !important;
}

.mfp-figure .mfp-close04{
	height: 60px !important;
    width: 72px !important;
}

.mt_13{
	margin-top: 13px;
}

img.mfp-img {
  min-height: 218px;
  min-width: 260px; 
}

.mfp-close {
  width: auto!important;
  height: auto!important;
  padding: 0 !important;
}

img.mfp-close05{
    height: 14px!important;
    width: 57px!important;
}