@charset "utf-8";

/*  トップページ 真愛だよりのカテゴリーの文字サイズを少し大きく*/
ul.thumb-list [class^="cat-"],
#main ul#letter [class^="cat-"]{
   font-size: .75em;
	height: 50px;
	width: 50px;
}
/*  ----------------------------------------  */

/* TOPページ　真愛だよりの画像*/
#letter .ofi {
	width: 400px;
	height: 300px;
	border-radius: 3%;
	object-fit: cover;
	object-position: 50% 0%;
	font-family: 'object-fit: cover; object-position: 50% 0%;' /* IE・Edge対応 */
}


@media screen and (max-width: 767px) {
	/*トップページ　メインビジュアル*/
	#mainvisual {
		background-size: auto 100%;
		background-repeat: no-repeat;
		padding-bottom: 20px;
		background-image: url(../../image/top/bg_background_smp.png);
	}
	/*  ----------------------------------------  */
	/*トップページ　黒瀬町・季節の窓*/
    #mainvisual .pic.window:before {
		background-image: url("../../image/top/img_picframe_window_smp.png");
    }
    /*  ----------------------------------------  */
	
	#mainvisual .maincopy {
		font-size: 1.4em;
		padding-top: 0.1em;
	}
	
	#mainvisual .inner p:not(.maincopy) {
        padding-top: 0;
		position: relative;
		top: -15px;
    }
	
	#mainvisual .inner p {
        padding-left: 0;
    }
	
	/*クイックナビ*/
	
	#quick-navi {
		margin-top: 0px;
	}
	
	#quick-navi li:first-child {
		border-left: none;
	}
	
	#quick-navi a {
		font-size: 0.8em;
	}
	
	
	/*ホバーの解除*/
	#quick-navi a:hover {
        background-color: #fff;
	}
	
	#sub .banner-space a:hover img {
		opacity: 1.0;
	}
	
	
}