@charset "utf-8";
/* 
Theme Name: Touseian2017
Description: This is practice2 Theme.
Version: 1.0.0
Author: Ten design labo
*/ 

/* guide */

#nav ul #bt01 a {
	background-position: left top;
}

#nav ul #bt01 a:hover {
	background-position: left bottom;
}

#nav ul #bt05 a {
	background-position:left bottom;
}


/* おすすめの観光スポット */

.guide_cts {
	margin: auto;	
	margin-top: 50px;
	width: 800px;
	overflow: hidden;
}


.guide_cts h2 {
	text-align: center;
}

.guide_cts .text_small_guide{
	font-size: 12px;
	padding-top: 20px;
	text-align: center;
}

.guide_cts li a {
	display: block;
	margin-top: 25px;
	width:250px;
	height:100px;
	float: left;
	background-image: url(../images/guide_li01.jpg);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.guide_cts ul #guide_li02 a {
	background-image: url(../images/guide_li02.jpg);
	width:275px;
}

.guide_cts ul #guide_li03 a {
	background-image: url(../images/guide_li03.jpg);
	width:275px;
}

.guide_cts ul #guide_li04 a {
	background-image: url(../images/guide_li04.jpg);
}

.guide_cts ul #guide_li05 a {
	background-image: url(../images/guide_li05.jpg);
	width:275px;
}

.guide_cts ul #guide_li06 a {
	background-image: url(../images/guide_li06.jpg);
	width:275px;
}

.guide_cts li a:hover {
	opacity: 0.6;

}

/* 観光スポットの説明 */

.guide_text {
	float: left;
	width: 580px;
	margin-top: 30px;
	text-align:left;
}

.guide_text p {
	padding-top: 20px;
}

.guide_text p a {
	color: #C60;
	text-decoration: underline;
}

.guide_text p a:hover {
	opacity: 0.6;
}

.guide_text h3 #seimei,.guide_text h3 #modoribashi,.guide_text h3 #gosyo,.guide_text h3 #kamisitiken,.guide_text h3 #tenjin,.guide_text h3 #nijo {
    margin-top: -30px; /* ページ内リンク位置上昇分 */
    padding-top: 30px; /* 上昇分を戻す分 */
}

@media screen and (max-width:480px) { 
.guide_cts {
	margin: auto;	
	margin-top: 50px;
	width: 950px;
	overflow: hidden;
}

.guide_cts .text_small_guide{
	font-size: 25px;
}

.guide_text {
	width: 730px;
}

.guide_cts li a {
	width:296px;
	height:119px;
	background-image: url(../images/guide_li01_s.jpg);
}

.guide_cts ul #guide_li02 a {
	background-image: url(../images/guide_li02_s.jpg);
	width:327px;
}

.guide_cts ul #guide_li03 a {
	background-image: url(../images/guide_li03_s.jpg);
	width:327px;
}

.guide_cts ul #guide_li04 a {
	background-image: url(../images/guide_li04_s.jpg);
}

.guide_cts ul #guide_li05 a {
	background-image: url(../images/guide_li05_s.jpg);
	width:327px;
}

.guide_cts ul #guide_li06 a {
	background-image: url(../images/guide_li06_s.jpg);
	width:327px;
}
	
}