@charset "utf-8";
/*==============================================
	filename: sp_ticket.css;
	update: 2015-12-14;
==============================================*/
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
/*
#1f2a66
↓
#054e3c
*/

@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}


.w960,
.w1100{
	width:auto;
	margin:0 auto;}

#HEADER{
	display:none;}


#HEADER .mdiscription{
	padding:35px 20px 25px 280px;
	position:relative;
	width:660px;
	text-align:left;
	margin:0 auto;
	}
	

#spheader{
	display:block;}

#spheader .mdiscription{
	width:100%;
	height:50px;
	margin:0 auto;
	padding:5px 0;
	position:relative;}
#spheader .mdiscription a{
	display:block;}
#spheader .mdiscription .btnmenu{
	position:absolute;
	right:10px;
	top:15px;
	
	}
	
#spheader .mdiscription .btnmenu img{
	width:30px !important;
	
	}
#spheader .mdiscription .header-img{
	width:140px !important;
	position:absolute;
	top:5px;
	left:10px;}
	
#spheader #menu{
	background:#054e3c;
	opacity:0.9;
	}

#spheader #menu > ul > li{
	border-bottom:1px solid #303c7b;
	}
#spheader #menu > ul > li a{
	color:#fff;
	text-decoration:none;
	padding:10px;
	display:block;
	}

#spheader #menu ul li a:hover{
	background:#0d6b52;
	}

#spheader #menu ul li ul{
	background:#054e3c;
	}

#spheader #menu ul li ul li a{
	color:#fff;
	text-decoration:none;
	padding:10px;
	display:block;
	
	}
#spheader #menu ul li.ot{
	padding:1px 10px;
	border:none;
	}
#spheader #menu ul li.ot a{
	padding:9px;
	border:1px solid #054e3c;
	background:rgba(255,255,255,.2);
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	}

#spheader #menu .btnlanguage{
	margin-right:0px;
	}
#spheader #menu .btnlanguage a{
	display:block;
	background:#fff;
	color:#054e3c;
	padding:0
	}

#spheader #menu .btnlanguage a span{
	border:3px solid #054e3c;
	padding:7px;
	background:#FFF;
	display:block;
	}
#spheader #menu .btnlanguage a:hover span{
	}

.related-projects-top {
    width: 100%;
    margin: 0;
    padding: 10px;
    display: block;
    
}

.related-projects__list,
.related-projects-top__list{
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: .1em;
    font-size: 1em;
}
    

.related-projects__list a ,
.related-projects-top__list a {
    padding: .5em 0;
    color:#054e3c;
    position: relative;
    z-index: 1;
}

.related-projects__list a:hover,
.related-projects-top__list a:hover {
    color:rgb(255, 255, 255);
/*    background: rgb(5, 78, 60);*/
}

#contents{
	padding:10px;
    display: block;}
.btnarea{
	width:auto;
	padding:20px;
	}

.btnarea ul li{
	width:auto;
	margin:5px auto;
	text-align:center;
	float:none;}

.btnarea ul li a{
	margin:0 auto;}

    
.bx-wrapper {
 	margin-bottom:20px !important;
	}

.bx-wrapper .bx-pager{
	position: absolute;
	bottom:-30px !important;
}


#leftArea{
	width:auto;
    max-width:100%;
	float:none;
    padding: 0;
	
	}

h2.title {
    font-size: 150%;
    letter-spacing: 0em;
}
    
.tag_block{
    font-size: 0.9em;
    letter-spacing: 0;
    line-height: 1.2em;
    padding: .5em 0;
}


    

ul.category-list li div.list-image {
    width: 30vw;
}


ul.category-list li div.list-image img {
    max-width: 100%;
}

ul.category-list li div.list-image div.noimage {
    max-width: 100%;
    height: 80px;
}

ul.category-list li dl dt,
ul.category-list li dl dd {
    line-height: 1.2em;
}


ul.category-list li dl span.list-type {
    line-height: 1.2em;
    font-size: .8em
}

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
.shopimage{
	margin:0 auto 10px;
	float:none;
	max-width: 100%;
	max-height: 320px;}

    .shopinfo dl{
        display: block;
    }
	.shopinfo dl dt {
		clear: left;
		float: none;
		width: auto;
		font-weight: bold;
		padding:0.2em 1em;
        line-height: 1.5em;
		border-top:1px solid #ccc;
        max-width: 100%;
        background: rgba(30, 96, 80,.3);
		}
	.shopinfo dl dd {
		margin: 0;
		padding:0 1em 0.5em;
		border-top:none;
        max-width: 100%;
		}



#map {
    margin-top: 1em;
    position: relative;
    width: 100%;    /* 左右に余白が必要なら値を変更してもOK */
    height: 0;
    padding-bottom: 80%;    /* padding-topでもOK */
    overflow: hidden;
}
#map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;    /* 必要であれば!importantを付けてください */
    height: 100%;    /* 必要であれば!importantを付けてください */
}
#rightArea{
	width:auto;
    max-width:100%;
	float:none;
	display:none;}

}