@charset "shift_jis";

@media screen and (max-width:970px){
#contentsArea {
	overflow:hidden;
	width:auto;
}
#contentsArea h1 {
	font-size:11px;
	padding:1px 10px;
}

}
/* パンくずリスト
------------------------------------------ */
@media screen and (max-width:970px){
#pastlist {
	padding:0 10px !important;
	width:auto;
}
}
/* メインのカラムなど
------------------------------------------ */
@media screen and (max-width:970px){
#boxMain {
	float:none;
	padding:0;
	width:auto;
}
#columnRight {
	float:none;
	width:auto;
}
.conWrap {
	width:auto;
}
}
/* プロジェクトのメインナビ
------------------------------------------ */
@media screen and (max-width:970px){
#projectNav {
	background:#00a0e9;
    height:auto;
	padding:3px 0;
    width: auto;
}
#projectNav ul {
	border:2px #fff dotted;
	border-left:none;
	border-right:none;
	padding:45px 0 10px 0;
}
#projectNav .btn1 , #projectNav .btn2 , #projectNav .btn3 , #projectNav .btn4 {
	margin:5px 0;
	padding:0;
	width:49%;
}
#projectNav .btn1 a,
#projectNav .btn2 a,
#projectNav .btn3 a,
#projectNav .btn4 a {
	margin:0 auto;
}




}


@media screen and (max-width:360px){
#projectNav ul {
	padding:75px 0 10px 0;
}
#projectNav .btn1 , #projectNav .btn2 , #projectNav .btn3 , #projectNav .btn4 {
	background:url(../images/shiga/sp_project_common/ln_dot_1.png) no-repeat center bottom;
	border:none;
	padding-bottom:10px;
	width:100%;
}
#projectNav .btn1 {
	padding-top:10px;
}
#projectNav .btn4 {
	background:none;
	padding-bottom:5px;
}
}
/* ナビなど
------------------------------------------ */
@media screen and (max-width:970px){
#boxTab {
	width:auto;
}
#projectNav {
	width:auto;
}
}
/* ボタンタブ
------------------------------------------ */
#boxTab li {
    float:left;
    height:40px;
    margin:0;
    padding:0;
    width: 93px !important;
}
@media screen and (max-width:970px){
#boxTab {
    height:auto;
	margin:0 auto 35px auto;
    width:auto;
}
#boxTab ul {
	font-size:0;
	text-align:center;
}
#boxTab ul li {
	display:inline-block;
	float:none;
	margin-bottom:0;
	width:93px;
}
#boxTab li.btnTab1 {
	background: url(../images/shiga/sp_project_common/bt_tab1_new.gif) no-repeat;
}
#boxTab li.btnTab2 {
	background: url(../images/shiga/sp_project_common/bt_tab2_new_ov.gif) no-repeat;
}
#boxTab li.btnTab3 {
	background: url(../images/shiga/sp_project_common/bt_tab3_new.gif) no-repeat;
}
#boxTab li.btnTab4 {
	background: url(../images/shiga/sp_project_common/bt_tab4_new.gif) no-repeat;
}
#boxTab li.btnTab5 {
	background: url(../images/shiga/sp_project_common/bt_tab5_new.gif) no-repeat;
}
#boxTab li.btnTab6 {
	background: url(../images/shiga/sp_project_common/bt_tab6_new.gif) no-repeat;
}
#boxTab li.btnTab7 {
	background: url(../images/shiga/sp_project_common/bt_tab7_new.gif) no-repeat;
}
#boxTab li.btnTab8 {
	background: url(../images/shiga/sp_project_common/bt_tab8_new.gif) no-repeat;
}
#boxTab li.btnTab9 {
	background: url(../images/shiga/sp_project_common/bt_tab9_new.gif) no-repeat;
}
#boxTab li.btnTab10 {
	background: url(../images/shiga/sp_project_common/bt_tab10_new.gif) no-repeat;
}
/* ボーダー */
#boxTab li {
	border-bottom:1px #ccc dashed;
	margin:1%;
}
}
@media screen and (max-width:400px){
#boxTab li {
	margin:2%;
}
}
/* 滋賀特集等ボタン
------------------------------------------ */
ul.featureList.clearfix {
	width:auto;
}
.featureList li {
	float:none;
}
@media screen and (max-width:970px){
ul.featureList {
	padding:0;
}
.featureList .bt2 {
	margin:0 auto;
}
.featureList .bt2 a {
	margin:0 auto;
}
}

/* 滋賀特集 ボタン
------------------------------------------ */
@media screen and (max-width:670px){
#shiga .featureList .bt2 {
	background:#d42568;
	height:30px;
	margin:10px;
	position: relative;
	
    -webkit-border-radius:4px 4px 4px 4px;
    -moz-border-radius:4px 4px 4px 4px;  
    border-radius:4px 4px 4px 4px;

	box-shadow:rgb(194, 21, 73) 0px 2px 1px 3px;
	-webkit-box-shadow:rgb(194, 21, 73) 0px 2px 1px 3px;
	-moz-box-shadow:rgb(194, 21, 73) 0px 2px 1px 3px;

}
#shiga .featureList .bt2 a:link, #shiga .featureList .bt2 a:visited {
	background:none;
	display:block;
	font-size:14px;
	height:30px;
	line-height:30px;
	padding-top:10px;
	position: relative;
	text-indent:0;
	width:100%;
}
#shiga .featureList .bt2 :before {
	border:5px solid transparent;
	border-left: 5px solid #fff;
	content:"";
	display:block;
	height:0;
	margin-top:0;
	position:absolute;
	right:7px;
	top: 50%;
	width:0;
}
}
/* 日本全国女子旅プロジェクト TOPへ戻る ボタン
------------------------------------------ */
.conWrap #boxMain .bt {
	margin:10px;

}
@media screen and (max-width:670px){
.conWrap #boxMain .bt {
	background:#d42568;
	height:30px;
	margin:10px;
	position: relative;
		
    -webkit-border-radius:4px 4px 4px 4px;
    -moz-border-radius:4px 4px 4px 4px;  
    border-radius:4px 4px 4px 4px;

	box-shadow:rgb(194, 21, 73) 0px 2px 1px 3px;
	-webkit-box-shadow:rgb(194, 21, 73) 0px 2px 1px 3px;
	-moz-box-shadow:rgb(194, 21, 73) 0px 2px 1px 3px;

}
.conWrap #boxMain .bt a {
	background:none;
	display:block;
	font-size:14px;
	height:30px;
	line-height:30px;
	padding-top:10px;
	position: relative;
	width:100%;
}
.conWrap #boxMain .bt:before {
	border:5px solid transparent;
	border-left:5px solid #fff;
	content:"";
	display:block;
	height:0;
	margin-top:-5px;
	position:absolute;
	right:7px;
	top:50%;	
	width:0;
}
}
/* サイドバー 検索 
------------------------------------------ */

@media screen and (max-width:740px){
#boxKensaku {
	width:auto;
}
#boxKensaku h3.titKensaku {
	float:none;
	margin-bottom:2px;
}
h3.subtitle span {
	font-size:16px;
}
.boxKensakuIn {
	border-top:1px #c48886 solid;
	padding: 13px 10px 16px 10px
}
}
@media screen and (max-width:640px){
#tabnavi ul {
	float:none;
	width:100%;
}
#tabnavi li {
	display:inline-block;
	float:none;
	padding:0 0.5%;
	text-align:center;
	width:auto;
}
#tabnavi .tab1 a , #tabnavi .tab2 a , #tabnavi .tab3 a {
	background:#f8bdbb;
	border:1px #c48886 solid;
	display:inline-block;
	margin:0 1%;
	overflow:hidden;
	padding:0 3%;
	text-align:center;
	text-decoration:none;
	width:auto;
	
	border-top-left-radius: 6px; 
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px; 
}
#tabnavi .tab1 a:hover, #tabnavi .tab1 a.active , #tabnavi .tab2 a:hover, #tabnavi .tab2 a.active , #tabnavi .tab3 a:hover, #tabnavi .tab3 a.active {
	background:#fff;
	border-bottom:none;
	color:#554a44;
	width:auto;
}
#tabnavi .tab1 a span , #tabnavi .tab2 a span , #tabnavi .tab3 a span {
	color:#fff;
	display:block;
	font-size:10px;
	font-weight:bold;
	line-height:40px;
	text-align:center;
	width:auto;
	white-space:nowrap;
}
#tabnavi .tab1 a:hover span , #tabnavi .tab1 a.active span , #tabnavi .tab2 a:hover span , #tabnavi .tab2 a.active span , #tabnavi .tab3 a:hover span , #tabnavi .tab3 a.active span {
	color:#554a44;
}
}
/* サイドバー special 
------------------------------------------ */
@media screen and (max-width:970px){
.sideSP {
	text-align:center;
	width:auto;
}
.sideSP h3 {
	margin:0 auto 10px auto;
}
.sideSP .boxSP {
	display:inline-block;
	margin:0 1% 15px 1%;
	width:47%;
}
.btnSide {
    margin: 15px auto;
    width: 170px;
}
}
@media screen and (max-width:400px){
.sideSP .boxSP {
	margin:0 1% 15px 1%;
	width:97%;
}
}

/* サイドバーランク sideRank 
------------------------------------------ */
@media screen and (max-width:970px){
.sideRank {
	text-align:center;
	width:auto;
}
.sideRank h3 {
	margin:0 auto 10px auto;
	
}
.sideRank .boxRank {
	display:inline-block;
	margin:0 1% 15px 1%;
	vertical-align:top;
	width:47%;
}
.sideRank .boxRank .rankIn {
	background:none;
	border-bottom:1px #666 dotted;
	margin:0 5px;
    width: auto;
}
}
@media screen and (max-width:400px){
.sideRank .boxRank {
	margin:0 1% 15px 1%;
	width:97%;
}
}
/* サイドバナー サイドナビ snavArea 
------------------------------------------ */

#snavArea {
	text-align:center;
}

#snavArea .section {
	display:inline-block;
	max-width:199px;
	text-align:left;
	vertical-align:top;
	width:32%;
}
#snavArea .snavBlockC01 {
	background:none;
	border:1px #ccc solid;
}
#snavArea .snavBlockC01 h3 {
	border-bottom:1px #ccc solid;
}
#snavArea .snavBlockB02, #snavArea .snavBlockB03 {
	background:none;
}

#snavArea .snavBlockB02 .blockInner , #snavArea .snavBlockB03 .blockInner {
	border:1px #ccc solid;
}
@media screen and (max-width:400px){
#snavArea .section {
	width:auto;
}
}

/* サイドバナー conarea_t 
------------------------------------------ */
.conarea_t h3 {
	background:#d34885;
	text-align:center;
	width:auto;
}
.conarea_t ul.bnrarea {
	text-align:center;
}

.conarea_t ul.bnrarea li {
	display:inline-block;
	margin:0 1% 10px 1%;
	max-width:200px;
}