/* --------------------共通(style.css)のメディアクエリ--------------------------- */
@media only screen and (max-width: 768px) {
	#hero {
		height: 480px;
	}
}

/*セクション(スマホ)*/
/*
@media only screen and (max-width: 768px) {
	.section {
		padding: 0;
	}
}
*/
/*---------------------トップページ-------------------------*/

/*アクティブ*/
.contentsActive {
	background-color: #878fa2;
	position:absolute;
}

/*問合せとかのラッパー*/
.wrapsection {
	padding-top: 80px;
    padding-bottom: 80px;
}
@media only screen and (max-width: 768px) {
	.wrapsection {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

/*トップ：アイキャッチ背景*/
#eyecatchBackground {
	height: 100%;
	width: 100%;
	top: 0;
	position: fixed;
	background-image: url(../images/top/eyecatch.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: -100;
}

/*トップ：タイトル */
.titleImage {
	text-align: center;
}

/*トップ：ロゴ */
.titleLogo {
	width: 29vh;
    /*margin-top: -35px;*/
    margin-right: -90px;
}
@media only screen and (max-width: 768px) {
	.titleLogo {
		width: 25vw;
    	margin-top: -40px;
	}
}
@media only screen and (max-width: 480px) {
	.titleLogo {
		width: 35vw;
    	margin-top: -40px;
    	margin-right: -40px;
	}
}

/*トップ：トピックス*/
#topics {
	background-color: #ffc896;/*#e69664;*/
	opacity:0.95;
}

/*トップ：最新情報＆トピックス*/
#topicsFrame {
	width: 100%;
	height: 14vw;
    border: none;
    display: block;
}
@media only screen and (max-width: 768px) {
	#topicsFrame {
		height: 240px;
	}
}
#topicsWrapper {
	overflow-y: scroll;
	height: 260px;
    margin-top: 20px;
}


/*トップ：最新情報＆トピックス(スクロールバー調整)*/
.topicsScroll::-webkit-scrollbar-track{background:#dddddd;}
.topicsScroll::-webkit-scrollbar-thumb{background:#2cc2e4;}/*バーの色*/

/*トップ：h3タイトル*/
.h3title {
	font-size: 30px;
	letter-spacing: 5px;
}
@media only screen and (max-width: 768px) {
	.h3title {
		font-size: 1.5em;
	}
}

/*トップ：h3タイトル(スモール)*/
.h3titleSmall {
	font-size: 30px;
	letter-spacing: 5px;
}
@media only screen and (max-width: 768px) {
	.h3titleSmall {
		font-size: 0.8em;
	}
}

/*トップ：うだつ背景*/
#udatsu {
	background-image: url(../images/top/udatsu.jpg);
	height: 800px;
}
@media only screen and (max-width: 768px) {
	#udatsu {
		background: #FFF url(../images/top/udatsu.jpg) 10% 0 no-repeat;
		background-size: cover;
		padding: 0!important;
		height: 640px;
	}
}

/*トップ：うだつテキスト*/
.udatsuText {
	font-size: 40px;
	color: #FFF;
}
@media only screen and (max-width: 768px) {
	.udatsuText {
		font-size: 1.5em;
	}
}

/*トップ：観光スポット背景*/
#kanko {
	background-image:url(../images/top/kanko.jpg);
	height: 800px;
}
@media only screen and (max-width: 768px) {
	#kanko {
		background: #FFF url(../images/top/kanko.jpg) 50% 0 no-repeat;
		background-size: cover;
		padding: 0!important;
		height: 640px;
	}
}

/*トップ：観光スポットテキスト*/
.kankoText {
	font-size: 40px;
	color: #fff;
}
@media only screen and (max-width: 768px) {
	.kankoText {
		font-size: 1.5em;
	}
}

/*伝統のまつり*/
#festival {
	background-image:url(../images/top/festival.jpg);
	height: 800px;
}
@media only screen and (max-width: 768px) {
	#festival {
		background: #FFF url(../images/top/festival.jpg) 45% 0 no-repeat;
		background-size: cover;
		padding: 0!important;
		height: 640px;
	}
}

/*トップ：伝統のまつり*/
.festivalText {
	font-size: 40px;
	color: #fff;
}
@media only screen and (max-width: 768px) {
	.festivalText {
		font-size: 1.5em;
	}
}

/*トップ：あかりアート背景*/
#akariart {
	background-image:url(../images/top/akariart.jpg);
	height: 800px;
}
@media only screen and (max-width: 768px) {
	#akariart {
		background: #FFF url(../images/top/akariart.jpg) 5% 0 no-repeat;
		background-size: cover;
		padding: 0!important;
		height: 640px;
	}
}

/*トップ：あかりアートテキスト*/
.akariartText {
	font-size: 40px;
	color: #fff;
}
@media only screen and (max-width: 768px) {
	.akariartText {
		font-size: 1.5em;
	}
}

/*トップ：美濃和紙*/
#minowashi {
	background-image:url(../images/top/washi.jpg);
	height: 800px;
}
@media only screen and (max-width: 768px) {
	#minowashi {
		background: #FFF url(../images/top/washi.jpg) 50% 0 no-repeat;
		background-size: cover;
		padding: 0!important;
		height: 640px;
	}
}

/*トップ：美濃和紙*/
.washiText {
	font-size: 40px;
	color: #fff;
}
@media only screen and (max-width: 768px) {
	.washiText {
		font-size: 1.5em;
	}
}

/*オフィシャルサプライヤー*/
.officialsuplyer {
	margin-top: 50px;
}

/*トップ：クッション */
#cushion {
	background-image:url(../images/top/cushion.jpg);
	height: 500px;
}
@media only screen and (max-width: 768px) {
	#cushion {
		background: #FFF url(../images/top/cushion.jpg) 28% 0 no-repeat;
		background-size: cover;
	}
}

/*トップ：クッションタイトル*/
.cushionTitle {
	font-size: 40px;
	color: #fff;
}
@media only screen and (max-width: 768px) {
	.cushionTitle {
		font-size: 1.4em;
	}
}

/*トップ：クッションテキスト*/
.cushionText {
	font-size: 40px;
	color: #fff;
}
@media only screen and (max-width: 768px) {
	.cushionText {
		font-size: 1.2em;
	}
}

/*トップ：スポンサー*/
#sponsor {
	background-color:#F9FAFD;
}

/*トップ：バナー*/
#banner {
	color: #000;
	background-color: #84a2d4;
}

/*トップ：協賛バナー*/
.bannerImage {
	margin-bottom:20px;
}

div.spbanner img {
	margin-bottom:20px;
}
/*
@media only screen and (max-width: 768px) {
	.bannerImage {
		margin-top: 20px;
	}
}
*/
/*トップ：協賛バナースペーサー*/
/*
.spacerBannerLine {
	margin-top: 20px;
}
*/
@media only screen and (max-width: 768px) {
	.spacerBannerLine {
		margin-top: 0;
	}
}

/*トップ：方言*/
#dialect {

}

/*トップ：方言テキスト*/
.dialectText {
	font-size: 40px;
	color: #fff;
}
@media only screen and (max-width: 768px) {
	.dialectText {
		font-size: 1.2em;
	}
}


/*トップ：お問い合わせ*/
#contactarea {
	color: #000;
	background-color: #e69664;
	opacity:0.95;
}

/*トップ：お問い合わせ文言*/
.contactText {

}
@media only screen and (max-width: 768px) {
	.contactText {
		font-size: 1.0em!important;
	}
}

/*トップ：お問い合わせ強調文字*/
.contactStrong {
	font-weight: 500;
}

/*トップ：お問い合わせ名前とか*/
@media only screen and (max-width: 768px) {
	#contact label {
		letter-spacing: 0;
		font-size: 1.2em;
    	margin-top: 10px;
	}
}

/*トップ：テキストシャドウ(黒)*/
.textShadowBlack {
	/*text-shadow: 1px 1px 2px #000;*/
	text-shadow: 0 0 5px #222, 0 0 10px #222, 0 0 0.4px #222;
}

/*トップ：テキストシャドウ(白)*/
.textShadowWhite {
	text-shadow: 1px 1px 2px #FFF;
}