<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 62.5%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	-webkit-text-size-adjust: none;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
mark {
	background-color: transparent;
	color: inherit;
}
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

.mincho	{
	font-family : "游明朝",Yu Mincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","MS P明朝","MS 明朝",serif;
}

/* Body */
body {
	font-family : "游明朝",Yu Mincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","MS P明朝","MS 明朝",serif;
	/* font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif; */
	background-color : #dcdbdb;
	margin: 0;
	width : 100%;
	color : #000;
}
header	{
	background : transparent;
}
header .hd_container {
	width : 96%;
	margin: 0 auto;
	padding-top : 20px;
	display : flex;
	justify-content: space-between;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
@media screen and (min-width:768px) and ( max-width:1200px) {
	header .hd_container {
		width : 96%;
	}
}
.logo_JSS_tx	{ /* PCヘッダ左のロゴ */
	display : block;
	margin : 1rem 0 0 2rem;
}
header .hd_container .hd_box_right {
	display : flex;
	justify-content: space-between;
	margin : 1rem 0;
	font-size : 0.8rem;
}
header .hd_container .hd_box_right img	{
	image-rendering: -webkit-optimize-contrast;
}
header .hd_container .hd_box_right .tx_nav_top,
header .hd_container .hd_box_right .tx_nav_1,
header .hd_container .hd_box_right .tx_nav_2	{
	z-index : 11;
	display : block;
	margin : 0 0.6rem;
}
header .hd_container .hd_box_right .tx_nav_top img	{
	width : 163px;
}
header .hd_container .hd_box_right .tx_nav_1 img	{	width : 65px;}

header .hd_container .hd_box_right .tx_nav_2 img	{	width : 96px;}
header .hd_container .hd_box_right a	{
	text-decoration : none;
	padding : 0 0.2rem;
}
#lecture_cont header .hd_container .hd_box_right a	{
	color : #FFF;
}
@media screen and (max-width: 768px)	{
	header	{
		width : 100%;
		background : #FFF;
		position : fixed;
		z-index : 10;
	}
	header .hd_container	{
		width : 100%;
		padding-top : 0;
		background-image : url(../img/logo_JSS.png);
		background-repeat : no-repeat;
		background-position : 50% 50%;
		background-size : 16%;
		flex-direction: row-reverse;
	}
	.logo_JSS_tx	{ /* PCヘッダ左のロゴ */
		display : none;
	}
	header .hd_container .hd_box_right .tx_nav_top a	{
		display : block;
		width : 100px;
		height : 30px;
		margin-left : -11rem;
	}
	header .hd_container .hd_box_right .tx_nav_top img	{
		display : none;
	}
	header .hd_container .hd_box_right .tx_nav_1,
	header .hd_container .hd_box_right .tx_nav_2	{
		display : none;
	}
	header .hd_container .hd_box_right {
		padding-right : 0px; /* 言語切替レイアウト*/
	}
}
/* 言語切替 */
#box_language	{
	margin : -0.4rem 0 0 1rem;
	font-size : 0.8rem;
	z-index : 11;
}
.lang_change	{
	display: inline-block;
	cursor: pointer;
	padding: 0.6em 1.5em 0.6em 0;
	border : none;
	background-color : transparent;
	background-size : 14%;
	background-position : 90% 46%;
	background-repeat : no-repeat;
	background-image : url(../img/arrow_lang_bk.png);
	color : #000;
	font-size : 0.6rem;
}
#lecture_cont .lang_change	{
	background-image : url(../img/arrow_lang_wh.png);
	color : #FFF;
}
.lang_change:focus	{
	outline: 0;
	border: none;
}
.styled-select::-ms-expand {
  display: none;
}
@media screen and (max-width: 768px)	{
#box_language	{
	margin : 0rem 1rem 0 0;
	font-size : 0.6rem;
	}
}

/* Cookieの確認 */
.cookiebox	{
	position: fixed;
	bottom: 0;
	left : 5%;
	right : 5%;
	width : 90%;
}
.cookiebox.close	{
	display: none;
}
.cookie-consent {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border : solid 1px #fff;
	background : #000;
	color : #FFF;
	font-size : 0.8rem;
	padding : 0 1.4rem;
}
.cookie-consent .cookie-text {
	margin-right : 2rem;
}
.cookie-consent .box_right	{
}
.cookie-agree,
.go_policy {
	color: #000;
	background: #FFF;
	line-height : 220%;
	padding : 0 1.2rem;
	margin : 0.8rem 0;
	white-space : nowrap;
	text-align : center;
}
.cookie-agree:hover,
.go_policy :hover {
  cursor: pointer;
}
.go_policy a	{
	text-decoration : none;
	color : #000;
}
@media screen and (max-width: 768px) {
	.cookiebox	{
		left : 8%;
		right : 8%;
		width : 84%;
	}
	.cookie-consent {
		flex-direction: column;
		font-size : 0.6rem;
		padding : 0 0.6rem;
	}
	.cookie-text {
		margin : 0.4rem auto 0 auto;
		width : 100%;
	}
	.cookie-consent .box_right	{
		display: flex;
		justify-content: space-between;
	}
	.cookie-agree,
	.go_policy {
		margin : 0.8rem 0.4rem;
	}
}

/* Container */
.container {
	width :100%;
	margin-top : -8rem;
}
@media screen and (max-width: 768px)	{
	.container	{
		margin-top : 0;
	}
}
.bg_gr	{
	background : #dcdbdb;
}
.container_in	{
	border : solid 1px #000;
}

/* 日本の酒 なるほど講座 */
body#lecture .lec_top	{
	text-align : center;
	/* height : 100vh; */
	padding-top : 5rem;
}
body#lecture .lec_top h1 img	{
	margin : 2rem auto;
	width : 287px;
}
body#lecture .lec_top .topImg img	{
	/* height :70vh; */
	width : 337px;
	-webkit-backface-visibility: hidden;
}
body#lecture .lec_top .box_btn	{
	display : none;
}
@media screen and (max-width: 768px) {
	body#lecture .lec_top	{
		margin : 0;
	}
	body#lecture .lec_top h1 img	{
		width : 66%;
		margin : 0 auto 1rem auto;
	}
	body#lecture .lec_top .topImg img	{
		width : 74%;
	}
	body#lecture .lec_top .box_btn	{
		display : block;
		margin-top : 1rem;
	}
	body#lecture .lec_top .box_btn img	{
		width : calc(138px * 0.8);
		margin : 0 0.2rem;
		image-rendering: -webkit-optimize-contrast;
	}
}
.swiper	{
	display : block;
}
.forMB	{
	display : none;
	margin-top : -10rem;
}
@media screen and (max-width: 768px) {
	.swiper	{
		display : none;
	}
	.forMB	{
		display : block;
		margin-top : 4rem;
	}
	ul.sake li,
	ul.shochu li{
		text-align : center;
		padding : 2.4rem 0;
	}
	ul.sake li:nth-child(1)	{background-color: #E50012;}
	ul.sake li:nth-child(2)	{background-color: #009844;}
	ul.sake li:nth-child(3)	{background-color: #FBCE00;}
	ul.sake li:nth-child(4)	{background-color: #ED85A7;}
	ul.shochu li:nth-child(1)	{background-color: #00AAEA;}
	ul.shochu li:nth-child(2)	{background-color: #F29600;}
	ul.shochu li:nth-child(3)	{background-color: #004DA0;}
	ul.shochu li:nth-child(4)	{background-color: #E3007F;}
	.MB-title	{
		width : 58%;
	}
	img.anime	{
		width : 84%;
		margin : 1.2rem 0;
	}
	.MB-tx	{
		width : 80%;
	}
	.box_mb_btn	{
		margin-top :1rem;
	}
	.box_mb_btn	img	{
		width : calc(138px * 0.8);
		margin : 0 0.2rem;
		image-rendering: -webkit-optimize-contrast;
	}
}

/* Footer */
#page-top {
	position: fixed;
	bottom: 5%;
	right: 2%;
}
/* #page-top a {
	color : #FFF;
	font-size : 0.9rem;
	text-decoration : none;
	background-image : url(../img/bu_goto_top_n.png);
	background-repeat : no-repeat;
	background-size : 100%;
	width : 85px;
	height : 102px;
	display: block;
}
#page-top a:hover {
	background-image : url(../img/bu_goto_top_g.png);
	background-repeat : no-repeat;
	background-size : 100%;
} */
@media screen and (max-width: 768px) {
	#page-top {
		bottom: 5%;
		right: 10%;
	}
}
#con_ft	{
	/* background : url(../img/bg_ft.png); */
	display : flex;
	justify-content: space-between;
	align-items: center;
	width : 96%;
	margin : 0 auto;
}
#swiper_ft	{
	width : 96%;
	margin : rem auto 0 auto;
	display : flex;
	flex-direction: row-reverse;
	z-index : 11;
	position : absolute;
	bottom : 34px;
}
#con_ft .logo_sakura	{
	margin : 0.4rem 2rem;
}
#con_ft .logo_sakura img	{
	width : 137px;
}
#con_ft .ft_box_right	{
	padding-right : 1rem;
}
#con_ft .ft_box_right img	{
	image-rendering: -webkit-optimize-contrast;
}
#swiper_ft .ft_box_right img	{width : 80px;}
#con_ft .ft_box_right img	{width : 80px;}

#con_ft .ft_box_right a	{
	font-size : 0.9rem;
	text-decoration : none;
	margin : 0 0.1rem;
}
#swiper_ft .ft_box_right a	{
	font-size : 0.9rem;
	text-decoration : none;
	margin : 0 0.2rem;
}
@media screen and (max-width: 768px)	{
	#con_ft	{
		display : none;
	}
	#con_ft .ft_box_right	{
		padding-right : 0;
		display : flex;
		flex-direction: column;
		align-items: center;
	}
	#con_ft .ft_box_right a	{
		margin : 0.6rem 0;
	}
}
footer	{
	margin : -2rem auto 0 auto;
	text-align : center;
	display : block;
}
footer .bu_policy	{
	margin-bottom : -0.6rem;
}
footer .bu_policy img	{
	width : 61px;
	image-rendering: -webkit-optimize-contrast;
}

footer .container .policy a	{
	color : #838383;
	text-decoration : none;
}
#sake footer .container .copyright,
#shochu footer .container .copyright	{
	color : #FFF;
}
.copyright	{
	text-align : center;
}
.copyright img	{
	width : 337px;
	image-rendering: -webkit-optimize-contrast;
}
@media screen and (max-width: 768px) {
	footer	{
		display : none;
	}
}

.hidden {
	display: none;
}
img {
	max-width: 100%;
}
br.onlyPC	{
	display : block;
	}
br.onlyMB	{
	display : none;	
}
@media screen and (max-width: 768px)  {
	br.onlyPC	{
		display : none;
	}
	br.onlyMB	{
		display : block;
	}
}</pre></body></html>