@charset "utf-8";

/*検索パネル対応 がついているものはコンポネ対応したら削除または入替*/


.pc_none {display: none;}
.sp_none {display: block;}
.sp_br {display: none;}


#nebuta, #neputa, #tachinebuta, #tanabata, #kanto, #hachinohe, #sansa, #hanagasa, #minato {
  padding-top: 120px;
  margin-top: -120px;
}

.lh_17{line-height: 1.7;/*検索パネル対応*/}
.red{color: #D20003;}
.bg_blue{
	background-color: #12428E;
}
.bg_green{
	background-color: #F0F6F7;
	padding-top: 40px;
}
.spot_box_1col{
	border: solid 2px #434343;
    padding: 0px 10px 0 10px;
	background-color: #fff;
}
.spot_box_2col_r{
	margin: 0 0 0 10px;
}
.spot_box_3col{
	background-color: #fff;
    border: solid 2px #434343;
    margin: 0 5px;
}

.toptxt{
	text-align: center;
	margin: 10px 0;
}

/*チケット注意*/
.att{
	text-align: center;
	font-size: 120%;
	margin: 0.5em 10px 1em 10px;
	font-weight: bold;
	color: #D20003;
}

.att02{
	text-align: center;
	margin: 0.5em 10px 1em 10px;
	color: #D20003;
}


/*menu*/
.p_menu_box{
	background-color: #12428E;
}
.cmn_contents .clm_osusume_area {
     margin: 0rem;
}
.p_menu li{
	font-size: 1.6rem;
    font-weight: bold;
    border-bottom: none;
    background-color: #12428E;
}
.p_menu li a{
	color: #fff;
}
.cmn_contents .clm_osusume_area>ul>li {
    border-bottom: 1px dashed #757c87;
	border-right: 1px dashed #757c87;
}
.cmn_contents .clm_osusume_area>ul>li a:hover {
	color: #ffc706;
	text-decoration: underline;
}

.cmn_contents .clm_osusume_area>ul>li:nth-of-type(3n) {
	border-right:none!important;
}
.cmn_contents .clm_osusume_area>ul>li:nth-of-type(7) {
	border-bottom:none!important;
}
	.cmn_contents .clm_osusume_area>ul>li:nth-of-type(8) {
		border-bottom: none;
	}
	.cmn_contents .clm_osusume_area>ul>li:nth-of-type(9) {
		border-bottom: none;
	}





.list_img>ul>li {
    padding: 10px 0 10px 35px !important;
}
.list_img>ul>li:after {
    width: 20px;
    height: 20px;
}



/*祭り情報*/
.boxtext, .boxtext_1col{
	padding: 20px 10px 10px 10px;
	
}
.matsuri_title{
	font-size: 2.5rem;
    font-weight: bold;
}
.matsuri_title a{
	color: #222;
	text-decoration: none;
}
.matsuri_title a:hover{text-decoration: underline;}
.pref {
	display: inline-block;
	margin-left: 0;
	padding: 3px 5px;
	background-color: #214387;
	color: #fff;
}
.about{
	border-top: solid 1px #949494;
    margin-top: 10px;
    padding-top: 10px;}

.about b{
	color: #214387;
}


/*おすすめの宿h4*/
.feature .section h4 {
    font-size: 1.4rem;
    color: #fff;
    padding: 6px 10px;
    /*margin: 15px 10px 0px 10px;*/
	margin: 15px 0px 0px 0px;/*検索パネル対応*/
    background-color: #949494;
	border-bottom: none;
	font-weight: normal;
}

/*周辺の宿ボタン*/
.kushitsu{
	text-align: center;
    font-weight: bold;
    color: #ff0000;
    margin-bottom: 10px;
}
.btn_box{margin-bottom: 20px; margin-top: -20px;}
.btn_box_s{margin-bottom: 20px; margin-top: 10px;}

.spot_btn {
	width: auto;
    /*margin: -20px auto 10px auto;*/
    text-align: center;
}
.spot_btn_s {
	width: auto;
    /*margin: 10px auto;*/
    text-align: center;
}
.spot_btn a {
	background: #000;
    font-size: 1.1em;
    color: #fff;
    /* width: 100%; */
    padding: 10px 35px 10px 22px;
    position: relative;
    text-decoration: none;
    display: block;
    margin: 0 8%;
	border-radius: 5px;
	z-index: 10;
}
.spot_btn_s a {
	background: #000;
    font-size: 1.1em;
    color: #fff;
    /* width: 100%; */
    padding: 10px 35px 10px 22px;
    position: relative;
    text-decoration: none;
    display: block;
    margin: 0 10px;
	border-radius: 5px;
}
.spot_btn a:hover,.spot_btn_s a:hover{
	background-color: #494949;
	opacity: 1;
}
.spot_btn a::after,.spot_btn_s a::after {
    content: '';
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    right: 7%;
    -webkit-transform: rotate(45deg) translate(-35%,-40%);
    transform: rotate(45deg) translate(-35%,-40%);
}



.spot_pixta {
    font-size: 0.8em;
    color: #333;
    text-align: right;
	padding: 5px 5px 0 0;
}

.swichi_mv:not([title=""]):after {
    margin-top: -39px;/*検索パネル対応*/
}

/*その他の地域へ*/
.other_tbl{margin: 1em 10px 0 10px;}
.other_tbl th{font-weight: bold; white-space: nowrap; vertical-align: top; color: #214387;}





/*記事*/
.ac_ttl {
    color: #1d3459;
	font-weight: bold;/*検索パネル対応*/
	font-size: 110%;
}
.ac_txt {
    margin: 5px 0 20px 0;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {

	.btn_box{margin-bottom: 20px; margin-top: -20px;}
    .btn_box_s{margin-bottom: 10px; margin-top: 10px;}
	
	.spot_btn {margin: 0 20px;}
	.spot_btn_s {margin: 2px 30px 2px 30px;}
	
	/*.spot_btn_s a {margin: 0 20px;}*/
	/*チケット注意*/
.att,.att02{
	text-align: left;
}
	.toptxt{
		text-align: left;
		margin: 0 10px;
	}

	/*menu*/
	.m_menu li{
		font-size: 1.6rem;
		font-weight: bold;
		border-bottom: none;
		background-color: #12428E;
	}

	.m_menu li a{
		color: #fff;
	}
	.cmn_contents .clm_osusume_area>ul>li {
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	.cmn_contents .clm_osusume_area>ul>li:nth-of-type(3n) {
		border-right: 1px solid #fff!important;/*PCは非表示なのでSPは出す*/
	}
	.cmn_contents .clm_osusume_area>ul>li:nth-of-type(7) {
		border-bottom: none!important;
	}

	/*写真きりかえ*/
	.swichi_box {
		margin: -10px auto 0;
    	width: 100%;
	}

	/*周辺の宿ボタン*/
	
	.list_img>ul>li {
    padding: 10px 0 10px 35px !important;
}
	.list_img>ul>li:after {
		width: 20px;
		height: 20px;
		left: 10px;
	}

	.spot_box_1col{
    	padding: 0px;
    	margin: 0 10px;
}
	.spot_box_2col_r {
    margin: 0px;
}

	.spot_box_3col{
		padding: 0px;
    	margin: 10px 10px;
}
	.boxtext{
	padding: 10px 10px 10px 10px;
}
	.boxtext_1col{
		padding: 0 10px;
	}
	.area_note{padding: 0 10px;}
}