@charset "utf-8";

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

	/* お知らせ
	============================== */
	.sec_news .news_wrapper {
		grid-template-columns: 1fr 30%;
		gap: 0 30px;
	}
}

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

	/* メインイメージ
	============================== */
	.sec_mainvisual {
		min-width: auto;
		height: auto;
	}
	.sec_mainvisual .container {
		padding: 0;
		max-width: 100%;
	}
	.sec_mainvisual .main_img img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
}

@media screen and (min-width : 801px) and (max-width: 980px) {

	/* パンフレット
	============================== */
	/* ボタン */
	.sec_news .pamf_cnt .pamf_img .btn_default a {
		padding: 10px 35px 10px 55px;
	}
}

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

	/* お知らせ
	============================== */
	.sec_news .news_wrapper .news_cnt {
		margin-bottom: 20px;
	}
	.sec_news .news_wrapper {
		display: block;
	}

	/* タイトル */
	.sec_news .news_cnt .news_head {
		margin: 0 0 10px;
		padding: 0;
		border-left: none;
	}
	.sec_news .news_cnt .news_head .sec_ttl {
		text-align: center;
		font-size: 140%;
	}
	.sec_news .news_cnt .news_head .sec_en_ttl {
		text-align: center;
		font-size: 94%;
	}

	/* お知らせ一覧 */
	.sec_news .news_cnt .news_list {
		border: 1px solid #CCCCCC;
	}
	.sec_news .news_cnt .news_list .news_item:first-child {
		border-top: none;
	}
	.sec_news .news_cnt .news_list .news_item {
		border-bottom: 1px solid #CCCCCC;
	}
	.sec_news .news_cnt .news_list .news_item:last-child {
		border-bottom: none;
	}
	.sec_news .news_cnt .news_list .news_item a {
		padding: 10px 30px 10px 10px;
		background-image: none;
		position: relative;
	}
	.sec_news .news_cnt .news_list .news_item a::after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 11px;
		width: 9px;
		height: 9px;
		margin: -4px 0 0 0;
		border-top: solid 2px #ccc;
		border-right: solid 2px #ccc;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.sec_news .news_cnt .news_list .news_item .news_date {
		color: #666666;
		font-size: 74%;
	}
	.sec_news .news_cnt .news_list .news_item .news_des {
		font-size: 94%;
	}

	/* お知らせ一覧へボタン */
	.sec_news .news_cnt .btn_default {
		margin: 15px 0 0 0;
		position: static;
	}
	.sec_news .news_cnt .btn_default a {
		display: block;
        margin: 0 auto 5px;
        padding: 8px 25px;
		width: 30%;
		line-height: 1.2;
		text-align: center;
		font-size: 94%;
	}
	.sec_news .news_cnt .btn_default a::before {
		left: 3px;
		top: 3px;
	}
	.sec_news .news_cnt .btn_default a::after {
        width: 15px;
	}


	/* パンフレット
	============================== */

	/* タイトル */
	.sec_news .pamf_cnt .pamf_head {
		padding-bottom: 0;
		border-bottom: none;
	}
	.sec_news .pamf_cnt .pamf_head .sec_ttl {
		font-size: 140%;
	}
	.sec_news .pamf_cnt .pamf_head .sec_en_ttl {
		font-size: 94%;
	}

	/* パンフレット */
	.sec_news .pamf_cnt .pamf_img {
		margin-bottom: 15px;
	}
	

	/* 施設情報
	============================== */
	/* 施設一覧 */
	.sec_facility .list_thumbnail {
		gap: 30px 25px;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width : 640px) {
	/* 共通
	============================== */
	/* コンテンツ */
	.sec_news,
	.sec_about,
	.sec_facility,
	.sec_report {
		padding: 15px 0;
	}

	/* ボタン */
	.btn_default a {
		display: block;
        margin: 0 auto 5px;
        padding: 8px 25px;
		width: 80%;
		line-height: 1.2;
		font-size: 94%;
	}
	.btn_default a::before {
		left: 3px;
		top: 3px;
	}
	.btn_default a::after {
        width: 15px;
	}


	/* メインイメージ
	============================== */
	.sec_mainvisual {
		max-width: 100%;
		min-width: auto;
		height: auto;
		background-size: cover;
	}


	/* お知らせ
	============================== */

	/* お知らせ一覧へボタン */
	.sec_news .news_cnt .btn_default a {
		width: 80%;
	}

	/* パンフレット
	============================== */
	/* ボタン */
	.sec_news .pamf_cnt .pamf_img .btn_default a {
		padding: 10px 35px 10px 55px;
	}


	/* オーベルジュとは
	============================== */
	.sec_about {
		margin: 0 10px;
		padding: 20px 0 40px;
	}

	/* タイトル */
	.sec_about .about_head {
		margin: 0 0 17px 0;
		text-align: center;
		line-height: 1.2;
	}
	.sec_about .about_head .about_head_ttl {
		font-size: 94%;
	}

	/* 内容 */
	.sec_about .about_wrapper .about_des {
		text-align: left;
		line-height: 1.2;
		font-size: 94%;
	}
	.sec_about .about_wrapper .about_des .pc_only {
        display: none;
    }

	/* ボタン */
	.sec_about .btn_default {
		text-align: left;
	}


	/* 施設情報
	============================== */
	.sec_facility {
		padding: 15px 0 30px;
	}

	/* タイトル */
	.sec_facility .faility_head {
		margin: 0 0 10px;
		line-height: 1.2;
	}
	.sec_facility .faility_head .sec_ttl {
		font-size: 140%;
	}
	.sec_facility .faility_head .sec_en_ttl {
		font-size: 94%;
	}

	/* 施設一覧 */
	.sec_facility .list_thumbnail {
		margin-bottom: 15px;
		gap: 30px 20px;
		grid-template-columns: repeat(2, 1fr);
	}
	.sec_facility .thumbnail_item {
		margin-bottom: 10px;
	}
	.sec_facility .thumbnail_item:last-child {
		margin-bottom: 0;
	}
	.sec_facility .list_thumbnail .thumbnail_cat {
		font-size: 74%;
	}
	.sec_facility .list_thumbnail .thumbnail_food {
		left: 5px;
		bottom: 5px;
	}
	.sec_facility .list_thumbnail .thumbnail_food img {
		width: 100px;
		height: 100px;
		border: 2px solid #ffffff;
	}
	.sec_facility .list_thumbnail .thumbnail_ttl {
		font-size: 100%;
	}
	.sec_facility .list_thumbnail .thumbnail_ttl::before {
		top: 0.1em;
	}
	.sec_facility .list_thumbnail .thumbnail_address {
		padding: 2px 0 0px 23px;
		background-position: left top;
	}

	/* ボタン */
	.sec_facility .btn_default {
		margin: 0;
	}
	.sec_facility .btn_default a {
		padding: 8px 25px;
		background-image: none;
	}


	/* オーベルジュ訪問レポート
	============================== */
	.sec_report {
		padding: 15px 0 41px;
	}
	.sec_report .container .reort_cnt {
		padding: 0 4px;
		line-height: 1.2;
	}

	/* タイトル */
	.sec_report .report_head {
		margin: 0 0 21px;
		line-height: 1.2;
	}
	.sec_report .report_head .sec_ttl {
		font-size: 171%;
	}
	.sec_report .report_head .sec_en_ttl {
		font-size: 128%;
	}

	/* オーベルジュ訪問レポート */
	.sec_report .reort_des {
		margin: 0 0 41px;
	}
	.sec_report .report_box .report_sub_ttl {
		line-height: 1.2;
	}
	.sec_report .report_box {
		margin: 0 0 32px 0;
	}
	.sec_report .report_box .report_list {
		margin: 0 0 0.3em 1.1em;
	}




	/* ==================================================
	clearfix
	================================================== */
	#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
		content: ""; /* 変更しない */
		display: table; /* 変更しない */
		clear: both; /* 変更しない */
	}
}
@media screen and (max-width : 480px) {
	/* 共通
	============================== */
	/* ボタン */
	.btn_default a {
		width: calc(100% - 10px);
	}


	/* 施設情報
	============================== */
	/* 施設一覧 */
	.sec_facility .list_thumbnail {
		display: block;
	}
}