/*トップバナー*/
.topbana_inner {
	position: relative;
}
.topbana_inner .top1 {
	position: absolute;
	top: 150px;
	left: 20px;
	z-index: 999;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
}
.topbana .topbana_inner .top2 {
	position: absolute;
	top: 300px;
	left: 20px;
	z-index: 999;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}
.topbana .topbana_inner .top3 {
	position: absolute;
	top: 390px;
	left: 20px;
	z-index: 999;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3;
}

@media screen and (min-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
.topbana_inner .top1 {
	top: 200px;
	left: 60px;
	font-size: 50px;
	font-weight: 600;
	line-height: 1.2;
}
.topbana .topbana_inner .top2 {
	top: 450px;
	left: 70px;
	font-size: 20px;
	font-weight: 400;
}

.topbana .topbana_inner .top3 {
	top: 540px;
	left: 60px;
	font-size: 40px;
	font-weight: 400;
	line-height: 1.3;
}
}
@media screen and (min-width:820px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/

}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
}
/*おしらせ*/
#maincontent .maincontent_inner .main {
	font-size: 18px;
	font-weight: 800;
	color: #A3A3A3;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
}

/*おしらせおわり*/

/*不定期なお知らせ*/

.notifications .notifications_in img {
	width: 100%;
}

.notifications .notifications_in h3 {
	color:#393939 ;
	font-size: 14px;
	font-weight: 400;
	padding: 16px 16px;
	letter-spacing: 0.05em;
	line-height: 1.5;
}

.notifications .notifications_in {
	background: #F2F2F2;
	margin-bottom: 12px;
	margin-left: 4px;
	margin-right: 4px;
}

.oshirase {
	padding: 0px 15px;
}
.oshirase_in {
	font-size: 14px;
	font-weight: 400;
	padding: 16px 16px;
	letter-spacing: 0.05em;
	line-height: 1.5;
	padding-bottom: 40px;
	padding-top: 40px;
	color: beige;
	background-color: #111987;
	border-bottom: 2px solid #C7C7C7;
	border-top: 2px solid #C7C7C7;
}
.oshirase h3{
	font-size: 26px;
	font-weight: 500;
	padding-bottom: 18px;
	text-align: center;
}

.space-A{
	padding-bottom: 20px;
}

.space-B{
	padding-top: 20px;
	padding-bottom: 20px;
}
.kikan {
	font-size: 25px;
	font-weight: 500;
}
.oshirase P {
	padding-bottom: 10px;
}
@media screen and (min-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/

}
@media screen and (min-width:820px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/

}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
.notifications {
	max-width: 945px;
}
.oshirase_in {
	font-size: 16px;
	font-weight: 400;
}

}
/*不定期なお知らせおわり*/

/*アイコン*/
.material-symbols-outlined {
  padding-bottom: 1px;
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}
.icon {
	vertical-align: middle;
}
/*アイコン終わり*/







@media screen and (min-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
	
}
@media screen and (min-width:820px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/

}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
	.oshirase_in p {
		padding-left: 160px;
	}
}
/*お知らせ終わり*/

/*SNS*/
#maincontent .maincontent_inner .main {
	font-size: 18px;
	font-weight: 800;
	color: #A3A3A3;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.sns {
	display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
}
.sns .sns_in {
	background: #F2F2F2;
	width: 32%;
	margin-bottom: 12px;
}

.sns_in a h3 {
	color:#393939 ;
	font-size: 14px;
	font-weight: 400;
	padding: 16px 16px;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
.sns .sns_in img {
	width: 100%;
}
/*sns100％ワイド*/
.sns_w .sns_w_in img {
	width: 100%;
}
.sns_w_in a h3 {
	color:#393939;
	font-size: 14px;
	font-weight: 400;
	padding: 16px 16px;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
.sns_w .sns_w_in {
	background: #F2F2F2;
	margin-bottom: 12px;
	margin-left: 4px;
	margin-right: 4px;
}

@media screen and (min-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
	.sns .sns_in {
		width: 32%;
	}
	.sns_in a h3 {
		font-size: 16px;
	}
}
@media screen and (min-width:820px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/

}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
	#maincontent {
		display: flex;
		justify-content: center;
	}
	.sns {
		max-width: 945px;
	}
	.sns .sns_in {
	width: 32%;
	}
	#maincontent .maincontent_inner .main {
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;	
}
body main .site .shop {
		width: 305px;
		height: 100%;
		margin-left: 8px;
		margin-top: 26.39px;
}
}
/*SNS終わり*/
/*サービスメニュー/プロダクト/参加イベント共通*/
#maincontent .maincontent_inner .main {
	font-size: 18px;
	font-weight: 800;
	color: #A3A3A3;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.service {
	display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
}
.service .service_in {
	background: #F2F2F2;
	width: 49%;
	margin-bottom: 12px;
}

.service_in a h3 {
	color:#393939 ;
	font-size: 14px;
	font-weight: 400;
	padding: 16px 16px;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
.service .service_in img {
	width: 100%;
}


@media screen and (min-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
	.service .service_in {
		width: 49%;
	}
	.service_in a h3 {
		font-size: 16px;
	}
}
@media screen and (min-width:820px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/

}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
	#maincontent {
		display: flex;
		justify-content: center;
	}
	.service {
		max-width: 945px;
	}
	.service .service_in {
	width: 32%;
	}
	#maincontent .maincontent_inner .main {
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;	
}
body main .site .shop {
		width: 305px;
		height: 100%;
		margin-left: 8px;
		margin-top: 26.39px;
}
}
/*サービスメニュー/プロダクト/参加イベント共通終わり*/
/*セットメニュー*/
#setmenu .setmenu_in img {
	width: 100%;
}
.setmenu_in a h3 {
	color:#393939 ;
	font-size: 14px;
	font-weight: 400;
	padding: 16px 16px;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
#setmenu .setmenu_in {
	background: #F2F2F2;
	margin-bottom: 12px;
	margin-left: 4px;
	margin-right: 4px;
}
@media screen and (min-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/

}
@media screen and (min-width:820px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/

}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
		#setmenu {
		max-width: 945px;
	
}
}
/*セットメニュー終わり*/
/*ニュースペーパー*/
.magagen {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: 20px;
}
.magagen img {
	width: 24%;
	margin-bottom: 8px;
}
.webnews {
	border: 0.7px solid #B8B8B8;
	margin: 8px 4px 8px 4px;
}
.webnews_in {
	display: flex;
}
.webnews_in img {
	width: 35%;
	height: 100%;
	padding: 8px;
}
.webnews_in h3 {
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.4;
	font-weight: 500;
	padding: 15px 15px 15px 15px;
	color: #393939;
}
.webnews_in h3 p {
	text-align: right;
	padding-right: 8px;
	font-size: 12px;
}

@media screen and (min-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
.webnews_in h3 {
	font-size: 18px;
}
.webnews_in h3 p {
	font-size: 16px;
}
.webnews_in img {
	width: 25%;
	padding: 8px;
}
.magagen p {
	font-size: 20px;
}
}
@media screen and (min-width:820px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/

}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
.webnews {
max-width: 945px;
}
.webnews_in img {
	width: 20%;
}
.magagen {
	max-width: 945px;
}
}
/*ニュースペーパー終わり*/