@charset "UTF-8";

/* 基本色 */
:root {
	--main-color: #ffffff;
	--accent-color: #ff7f50;
	--dark-main-color: #5A1124;
	--text-bright-color: #fff;
	--icon-color: #fff;
	--icon-bk-color: #ddd;
	--gray-color: #ddd;
	--large-width: 1000px;
	--middle-width: 800px;
}


/* 基本設定： フォントサイズ */
@media (max-width: 599px) {
	:root {
		font-size: 14px;
	}
}

@media (min-width: 600px) and (max-width: 799px) {
	:root {
		font-size: 16px;
	}
}

@media (min-width: 800px) {
	:root {
		font-size: 18px;
	}
}

body {font-size: 16px;}



/* 基本設定： ページ全体 */
body {
	margin: 0;
	font-family: 'メイリオ',
		'Hiragino Kaku Gothic Pro', 
		sans-serif;
}


/* ヘッダー */
header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	background-color: rgba(255,255,255,0.9);
}

.nohero header {
	position: static;
	border-bottom: solid 1px #ddd;
	border-bottom: solid 1px var(--gray-color);
}

.logo {
  float: left;
  margin-top: 10px;
  margin-left: 5px;
}


/* ヘッダーA: サイト名 */
.headA {
	display: inline-block;
	line-height: 70px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #A7304F;
	background-color: var(--main-color);
	color: #fff;
	color: var(--text-bright-color);
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	text-decoration: none;
}


/* ヘッダーB： ナビゲーションメニュー */
.headB ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.headB a {
	display: block;
	padding: 15px;
	color: inherit;
	font-size: 12px;
	text-decoration: none;
}

.headB a:hover {
	background-color: rgba(0,0,0,0.3);
}

@media (min-width: 768px) {
	header .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}

	.headB ul {
		display: flex;
	}
}


/* ヘッダーC： トグルボタン */

@media (max-width: 767px) {
	/* 小さい画面用の設定 */
	header .container-small {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.headC {
		margin-right: 10px;
		padding: 0;
		border: none;
		outline: none;
		background: none;
		font-size: 28px;
		opacity: 0.5;
		cursor: pointer;
	}

	.headC:hover {
		opacity: 0.3;
	}

	.headB {
		display: none;
	}
}

@media (min-width: 768px) {
	/* 大きい画面用の設定 */
	.headC {
		display: none;
	}

	.headB {
		display: block !important;
	}
}


/* トップ画像 */
.conO {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	min-height: 450px;
	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(img_info/info_top.jpg);
	background-position: center;
	background-size: cover;
	color: #fff;
	color: var(--text-bright-color);
	text-align: center;
}

.conO.compact {
	height: 450px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(img_info/info_top.jpg);
}

.conO h1 {
	margin-top: 0;
	margin-bottom: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 13vw;
	letter-spacing: 0.2em;
	margin-left: 0.2em;
}

.conO p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
}

.conO img {
	width: 20%;
}

.conO a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #B4AC46;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.conO a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}


@media (min-width: 768px) {
	.conO h1 {
		font-size: 115px;
	}

	.conO p {
		font-size: 24px;
	}
}


/* 八重樫店長のおすすめ情報 */
.conO0 {
	background-color: #ffffff;
	background-color: var(--main-color);
	color: #000000;
}

.conO0 .text {
	padding: 20px;
}

.conO0 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.conO0 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.conO0 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #B4AC46;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.conO0 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.conO0 .photo {
	min-height: 200px;
	background-image: url(img_osusume/osusume_0.png);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.conO0 .container {
		display: flex;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}

	.conO0 .photo {
		flex: 3;
	}

	.conO0 .text {
		flex: 2;
		padding: 50px;
	}
}


/* 2025年10月のおすすめ情報 */
.con58 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con58 .text {
	padding: 20px;
}

.con58 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con58 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con58 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con58 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con58 .photo {
	min-height: 200px;
	background-image: url(img_osusume/o2025_10.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con58 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con58 .photo {
		flex: 0 0 400px;
	}

	.con58 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2025年9月のおすすめ情報 */
.con57 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con57 .text {
	padding: 20px;
}

.con57 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con57 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con57 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con57 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con57 .photo {
	min-height: 200px;
	background-image: url(img_osusume/o2025_9.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con57 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con57 .photo {
		flex: 0 0 400px;
	}

	.con57 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2025年8月のおすすめ情報 */
.con56 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con56 .text {
	padding: 20px;
}

.con56 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con56 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con56 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con56 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con56 .photo {
	min-height: 200px;
	background-image: url(img_osusume/o2025_8.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con56 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con56 .photo {
		flex: 0 0 400px;
	}

	.con56 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2025年7月のおすすめ情報 */
.con55 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con55 .text {
	padding: 20px;
}

.con55 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con55 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con55 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con55 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con55 .photo {
	min-height: 200px;
	background-image: url(img_osusume/o2025_7.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con55 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con55 .photo {
		flex: 0 0 400px;
	}

	.con55 .text {
		flex: 1;
		padding: 50px;
	}
}




/* 2025年6月のおすすめ情報 */
.con54 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con54 .text {
	padding: 20px;
}

.con54 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con54 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con54 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con54 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con54 .photo {
	min-height: 200px;
	background-image: url(img_osusume/o2025_6.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con54 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con54 .photo {
		flex: 0 0 400px;
	}

	.con54 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2025年5月のおすすめ情報 */
.con53 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con53 .text {
	padding: 20px;
}

.con53 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con53 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con53 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con53 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con53 .photo {
	min-height: 200px;
	background-image: url(img_osusume/o2025_5.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con53 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con53 .photo {
		flex: 0 0 400px;
	}

	.con53 .text {
		flex: 1;
		padding: 50px;
	}
}




/* 2025年2月のおすすめ情報 */
.con52 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con52 .text {
	padding: 20px;
}

.con52 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con52 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con52 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con52 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con52 .photo {
	min-height: 200px;
	background-image: url(img_osusume/o2025_2.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con52 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con52 .photo {
		flex: 0 0 400px;
	}

	.con52 .text {
		flex: 1;
		padding: 50px;
	}
}



/* 2025年1月のおすすめ情報 */
.con51 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con51 .text {
	padding: 20px;
}

.con51 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con51 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con51 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con51 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con51 .photo {
	min-height: 200px;
	background-image: url(img_osusume/o2025_1.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con51 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con51 .photo {
		flex: 0 0 400px;
	}

	.con51 .text {
		flex: 1;
		padding: 50px;
	}
}



/* 2024年12月のおすすめ情報 */
.con50 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con50 .text {
	padding: 20px;
}

.con50 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con50 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con50 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con50 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con50 .photo {
	min-height: 200px;
	background-image: url(img_osusume/os2024-12.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con50 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con50 .photo {
		flex: 0 0 400px;
	}

	.con50 .text {
		flex: 1;
		padding: 50px;
	}
}



/* 2024年11月のおすすめ情報 */
.con49 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con49 .text {
	padding: 20px;
}

.con49 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con49 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con49 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con49 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con49 .photo {
	min-height: 200px;
	background-image: url(img_osusume/os2024-11.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con49 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con49 .photo {
		flex: 0 0 400px;
	}

	.con49 .text {
		flex: 1;
		padding: 50px;
	}
}



/* 2024年6月のおすすめ情報 */
.con48 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con48 .text {
	padding: 20px;
}

.con48 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con48 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con48 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con48 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con48 .photo {
	min-height: 200px;
	background-image: url(img_osusume/os2024-6.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con48 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con48 .photo {
		flex: 0 0 400px;
	}

	.con48 .text {
		flex: 1;
		padding: 50px;
	}
}



/* 2024年5月のおすすめ情報 */
.con47 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con47 .text {
	padding: 20px;
}

.con47 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con47 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con47 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con47 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con47 .photo {
	min-height: 200px;
	background-image: url(img_osusume/os2024-5.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con47 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con47 .photo {
		flex: 0 0 400px;
	}

	.con47 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2024年3月のおすすめ情報 */
.con45 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con45 .text {
	padding: 20px;
}

.con45 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con45 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con45 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con45 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con45 .photo {
	min-height: 200px;
	background-image: url(img_osusume/os2024-3.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con45 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con45 .photo {
		flex: 0 0 400px;
	}

	.con45 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2024年1月のおすすめ情報 */
.con43 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con43 .text {
	padding: 20px;
}

.con43 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con43 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con43 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con43 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con43 .photo {
	min-height: 200px;
	background-image: url(img_osusume/os2024-1.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con43 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con43 .photo {
		flex: 0 0 400px;
	}

	.con43 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2023年10月のおすすめ情報 */
.con41 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con41 .text {
	padding: 20px;
}

.con41 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con41 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con41 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con41 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con41 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2023_10.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con41 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con41 .photo {
		flex: 0 0 400px;
	}

	.con41 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2023年9月のおすすめ情報 */
.con40 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con40 .text {
	padding: 20px;
}

.con40 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con40 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con40 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con40 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con40 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2023_9.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con40 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con40 .photo {
		flex: 0 0 400px;
	}

	.con40 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2023年8月のおすすめ情報 */
.con39 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con39 .text {
	padding: 20px;
}

.con39 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con39 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con39 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con39 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con39 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2023_8.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con39 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con39 .photo {
		flex: 0 0 400px;
	}

	.con39 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2023年7月のおすすめ情報 */
.con38 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con38 .text {
	padding: 20px;
}

.con38 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con38 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con38 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con38 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con38 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2023_7.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con38 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con38 .photo {
		flex: 0 0 400px;
	}

	.con38 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2023年6月のおすすめ情報 */
.con37 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con37 .text {
	padding: 20px;
}

.con37 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con37 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con37 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con37 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con37 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2023_6.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con37 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con37 .photo {
		flex: 0 0 400px;
	}

	.con37 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2023年5月のおすすめ情報 */
.con36 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con36 .text {
	padding: 20px;
}

.con36 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con36 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con36 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.con36 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con36 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2023_5.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con36 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con36 .photo {
		flex: 0 0 400px;
	}

	.con36 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2023年4月のおすすめ情報 */
.con35 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con35 .text {
	padding: 20px;
}

.con35 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con35 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con35 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con35 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con35 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2023_4.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con35 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con35 .photo {
		flex: 0 0 400px;
	}

	.con35 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2023年2月のおすすめ情報 */
.con34 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con34 .text {
	padding: 20px;
}

.con34 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con34 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con34 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con34 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con34 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2023_2.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con34 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con34 .photo {
		flex: 0 0 400px;
	}

	.con34 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2023年1月のおすすめ情報 */
.con33 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con33 .text {
	padding: 20px;
}

.con33 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con33 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con33 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con33 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con33 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2023_1.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con33 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con33 .photo {
		flex: 0 0 400px;
	}

	.con33 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2022年12月のおすすめ情報 */
.con32 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con32 .text {
	padding: 20px;
}

.con32 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con32 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con32 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con32 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con32 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2022_12.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con32 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con32 .photo {
		flex: 0 0 400px;
	}

	.con32 .text {
		flex: 1;
		padding: 50px;
	}
}



/* 2022年11月のおすすめ情報 */
.con31 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con31 .text {
	padding: 20px;
}

.con31 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con31 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con31 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con31 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con31 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2022_11.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con31 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con31 .photo {
		flex: 0 0 400px;
	}

	.con31 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2022年10月のおすすめ情報 */
.con30 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con30 .text {
	padding: 20px;
}

.con30 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con30 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con30 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con30 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con30 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2022_10.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con30 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con30 .photo {
		flex: 0 0 400px;
	}

	.con30 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2022年7月のおすすめ情報 */
.con29 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con29 .text {
	padding: 20px;
}

.con29 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con29 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con29 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con29 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con29 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2022_7.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con29 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con29 .photo {
		flex: 0 0 400px;
	}

	.con29 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2022年6月のおすすめ情報 */
.con28 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con28 .text {
	padding: 20px;
}

.con28 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con28 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con28 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con28 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con28 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2022_6.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con28 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con28 .photo {
		flex: 0 0 400px;
	}

	.con28 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2022年5月のおすすめ情報 */
.con27 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con27 .text {
	padding: 20px;
}

.con27 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con27 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con27 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con27 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con27 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2022_5.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con27 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con27 .photo {
		flex: 0 0 400px;
	}

	.con27 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2022年4月のおすすめ情報 */
.con26 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con26 .text {
	padding: 20px;
}

.con26 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con26 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con26 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con26 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con26 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2022_4.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con26 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con26 .photo {
		flex: 0 0 400px;
	}

	.con26 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2022年3月のおすすめ情報 */
.con25 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con25 .text {
	padding: 20px;
}

.con25 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con25 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con25 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con25 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con25 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2022_3.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con25 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con25 .photo {
		flex: 0 0 400px;
	}

	.con25 .text {
		flex: 1;
		padding: 50px;
	}
}



/* 2022年2月のおすすめ情報 */
.con24 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con24 .text {
	padding: 20px;
}

.con24 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con24 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con24 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con24 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con24 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2022_2.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con24 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con24 .photo {
		flex: 0 0 400px;
	}

	.con24 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2022年1月のおすすめ情報 */
.con23 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con23 .text {
	padding: 20px;
}

.con23 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con23 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con23 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con23 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con23 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2022_1.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con23 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con23 .photo {
		flex: 0 0 400px;
	}

	.con23 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2021年12月のおすすめ情報 */
.con22 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con22 .text {
	padding: 20px;
}

.con22 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con22 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con22 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con22 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con22 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2021_12.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con22 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con22 .photo {
		flex: 0 0 400px;
	}

	.con22 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2021年9月のおすすめ情報 */
.con20 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con20 .text {
	padding: 20px;
}

.con20 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con20 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con20 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con20 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con20 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2021_9.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con20 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con20 .photo {
		flex: 0 0 400px;
	}

	.con20 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2021年8月のおすすめ情報 */
.con19 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con19 .text {
	padding: 20px;
}

.con19 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con19 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con19 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con19 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con19 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2021_8.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con19 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con19 .photo {
		flex: 0 0 400px;
	}

	.con19 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2021年7月のおすすめ情報 */
.con18 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con18 .text {
	padding: 20px;
}

.con18 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con18 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con18 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con18 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con18 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2021_7.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con18 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con18 .photo {
		flex: 0 0 400px;
	}

	.con18 .text {
		flex: 1;
		padding: 50px;
	}
}


/* ２０２１年６月のおすすめ情報 */
.con17 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con17 .text {
	padding: 20px;
}

.con17 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con17 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con17 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con17 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con17 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2021_6.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con17 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con17 .photo {
		flex: 0 0 400px;
	}

	.con17 .text {
		flex: 1;
		padding: 50px;
	}
}


/* ２０２１年4月のおすすめ情報 */
.con16 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con16 .text {
	padding: 20px;
}

.con16 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con16 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con16 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con16 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con16 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2021_4.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con16 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con16 .photo {
		flex: 0 0 400px;
	}

	.con16 .text {
		flex: 1;
		padding: 50px;
	}
}


/* ２０２１年３月のおすすめ情報 */
.con15 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con15 .text {
	padding: 20px;
}

.con15 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con15 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con15 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con15 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con15 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2021_3.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con15 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con15 .photo {
		flex: 0 0 400px;
	}

	.con15 .text {
		flex: 1;
		padding: 50px;
	}
}


/* ２０２１年２月のおすすめ情報 */
.con14 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con14 .text {
	padding: 20px;
}

.con14 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con14 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con14 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con14 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con14 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2021_2.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con14 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con14 .photo {
		flex: 0 0 400px;
	}

	.con14 .text {
		flex: 1;
		padding: 50px;
	}
}


/* ２０２１年１月のおすすめ情報 */
.con13 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con13 .text {
	padding: 20px;
}

.con13 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con13 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con13 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con13 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con13 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2021_1.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con13 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con13 .photo {
		flex: 0 0 400px;
	}

	.con13 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 12月のおすすめ情報 */
.con12 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con12 .text {
	padding: 20px;
}

.con12 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con12 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con12 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con12 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con12 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2020_12.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con12 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con12 .photo {
		flex: 0 0 400px;
	}

	.con12 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 11月のおすすめ情報 */
.con10 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con10 .text {
	padding: 20px;
}

.con10 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con10 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con10 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con10 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con10 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2020_11.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con10 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con10 .photo {
		flex: 0 0 400px;
	}

	.con10 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 9月のおすすめ情報 */
.con9 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con9 .text {
	padding: 20px;
}

.con9 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con9 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con9 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con9 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con9 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2020_9.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con9 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con9 .photo {
		flex: 0 0 400px;
	}

	.con9 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 8月のおすすめ情報 */
.con8 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con8 .text {
	padding: 20px;
}

.con8 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con8 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con8 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con8 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con8 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2020_8.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con8 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con8 .photo {
		flex: 0 0 400px;
	}

	.con8 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 7月のおすすめ情報 */
.con7 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con7 .text {
	padding: 20px;
}

.con7 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con7 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con7 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con7 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con7 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2020_7.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con7 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con7 .photo {
		flex: 0 0 400px;
	}

	.con7 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 6月のおすすめ情報 */
.con6 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.con6 .text {
	padding: 20px;
}

.con6 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.con6 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.con6 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.con6 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.con6 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2020_6.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.con6 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.con6 .photo {
		flex: 0 0 400px;
	}

	.con6 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 5月のおすすめ情報 */
.conO5 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.conO5 .text {
	padding: 20px;
}

.conO5 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.conO5 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.conO5 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.conO5 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.conO5 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2020_5.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.conO5 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.conO5 .photo {
		flex: 0 0 400px;
	}

	.conO5 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 4月のおすすめ情報 */
.conO4 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.conO4 .text {
	padding: 20px;
}

.conO4 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.conO4 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.conO4 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.conO4 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.conO4 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2020_4.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.conO4 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.conO4 .photo {
		flex: 0 0 400px;
	}

	.conO4 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 3月のおすすめ情報 */
.conO3 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.conO3 .text {
	padding: 20px;
}

.conO3 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.conO3 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.conO3 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.conO3 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.conO3 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2020_3.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.conO3 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.conO3 .photo {
		flex: 0 0 400px;
	}

	.conO3 .text {
		flex: 1;
		padding: 50px;
	}
}


/* 2月おすすめ情報 */
.conO2 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.conO2 .text {
	padding: 20px;
}

.conO2 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.conO2 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.conO2 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.conO2 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.conO2 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2020_2.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.conO2 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.conO2 .photo {
		flex: 0 0 400px;
	}

	.conO2 .text {
		flex: 1;
		padding: 50px;
	}
}


/* サンエース通信1月号 */
.conO1 .container {
	padding-top: 2px;
  margin-top: 20px;
}

.conO1 .text {
	padding: 20px;
}

.conO1 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.conO1 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.conO1 a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	box-shadow: 0 0 0 1px #888;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff7f50;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.conO1 a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.conO1 .photo {
	min-height: 200px;
	background-image: url(img_osusume/2020_1.jpg);
	background-position: center;
	background-size: cover;
}

@media (min-width: 768px) {
	.conO1 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.conO1 .photo {
		flex: 0 0 400px;
	}

	.conO1 .text {
		flex: 1;
		padding: 50px;
	}
}


/* フッター */
footer {
	color: #fff;
	color: var(--text-bright-color);
	background-color: #ffa500;
}

footer .container {
	padding: 40px 20px;
}


@media (min-width: 768px) {
	footer .container {
		display: flex;
		flex-wrap: wrap;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}

	.footA {
		flex: 0 0 40%;
	}

	.footB {
		flex: 0 0 60%;
	}

	.footC {
		flex: 0 0 100%;
	}
}


/* フッターA： サイト情報 */
.footA {
	margin-bottom: 30px;
}

.footA h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 27px;
	letter-spacing: 0.2em;
}

.footA p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
}

.footA a {
	color: inherit;
	text-decoration: none;
}


/* フッターB： フッターメニュー */
.footB div {
	margin-bottom: 20px;
}

.footB h3 {
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: solid 1px currentColor;
	font-size: 14px;
}

.footB ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footB a {
	display: block;
	padding: 5px;
	color: inherit;
	font-size: 12px;
	text-decoration: none;
}

.footB a:hover {
	background-color: rgba(0,0,0,0.3);
}


@media (min-width: 768px) {
	.footB {
		display: flex;
	}

	.footB div {
		flex: 1;
	}

	.footB div:not(:first-child) {
		margin-left: 40px;
	}
}


/* フッターC： コピーライト */
.footC {
	font-size: 12px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
}