@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;
}
a	{
	text-decoration : 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;
}
.gothic	{
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
.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;
	background: url(../img/bg.png);
	margin: 0;
	color : #231815;
}
/* Header */
header	{
	background : url(../img/bg_u.png) no-repeat 50% 0;
	margin : 0 auto;
	padding-top : 100px;
}
@media screen and (max-width: 480px)	{
	header	{
		background-size : contain;
		padding-top : 60px;
	}
	header img	{
		width : 76%;
	}
}
/* Container */
.container {
	width : 1024px;
	margin: 0 auto;
	text-align : center;
}
@media screen and (max-width: 768px)	{
	.container {
		width : 100%;
	}
	/* img {
		max-width: 100%;
	} */
}
#welcome	{
	margin: 0 auto;text-align : center;
}
#welcome h2	{
	margin-top : 4rem;
	color : #E00012;
	font-size : 2.4rem;
	font-weight : 900;
}
#welcome p	{
	margin : 1rem auto 2rem auto;
	font-size : 1.6rem;
	font-weight : 900;
}
#site	{
	margin: 100px auto;text-align : center;
}
#site h2	{
	margin : 0 auto;
	width : 770px;
	background : #E00012;
	color : #fff;
	font-size : 1.8rem;
	padding : 1.2rem 0;
	border-radius : 1rem;
}
#site h3	{
	margin : 3rem auto 0 auto;
	width : 600px;
	border : solid 2px #E00012;
	color : #E00012;
	font-size : 1.4rem;
	padding : 1rem 0;
}
#site .box_site	{
	margin : 4rem 0 8rem 0;
}
#site .box_site .tx_airport,
#site .box_site .tx_site	{
	margin : 2rem 0;
	line-height : 200%;
}
#site .box_site .tx_airport	{
	font-size : 1.4rem;
	font-weight : 900;
}
#site .box_site .tx_site	{
	font-size : 1.8rem;
	font-weight : 900;
}
#site .box_site .tx_site_sub	{
	line-height : 180%;
	font-size : 1.2rem;
	font-weight : 400;
}
#site .box_site .tx_period	{
	margin : 2rem 0;
}
#site .box_site .tx_period h4	{
	margin-top : 2rem;
	font-size : 1.4rem;
	line-height : 200%;
	font-weight : 900;
}
#site .box_site .tx_period p	{
	line-height : 160%;
	font-size : 1.2rem;
}
#greeting	{
	margin: 0 auto;
	text-align : center;
}
#greeting p	{
	font-size : 1.4rem;
}
#greeting h2	{
	margin : 4rem auto;
	width : 770px;
	background : #E00012;
	color : #fff;
	font-size : 1.8rem;
	line-height : 200%;
	padding : 1.2rem 0;
	border-radius : 1rem;
}
#japansakekyo	{
	margin: 0 auto 2rem auto;
	text-align : center;
}
#japansakekyo img	{
	margin : 1rem 0;
}
#japansakekyo p	{
	font-size : 1.2rem;
	font-weight : 900;
	margin : 2rem auto;
}
@media screen and (max-width: 768px)	{
	#welcome p	{
		width : 90%;}
	#site h2	{
		width : 94%;
		padding : 1rem 0;
	}
	#site .box_site .tx_period	{
		margin : 2rem 1rem;
	}
	#site .box_site .tx_period h4	{
		line-height : 140%;
		margin-bottom : 0.6rem;
	}
	#site .box_site .tx_period p	{
		width : 86%;
		margin : 0 auto;
		text-align : left;
		padding-left : 1rem;
		line-height : 140%;
		font-size : 0.9rem;
	}
	#greeting h2	{
		margin : 2rem auto;
		width : 90%;
		font-size : 1.6rem;
		line-height : 180%;
	}
	.resizeimage img {
		width: 100%;
	}
}
@media screen and (max-width: 480px)	{
	.container {
		width : 92%;
		margin : 0 4%;
	}
	#welcome h2	{
		margin-top : 2rem;
		font-size : calc(2.4rem*0.6);}
	#welcome p	{
		width : 96%;
		font-size : calc(1.6rem*0.6);}
	#welcome h2.ko	{font-size : calc(2.6rem*0.5);}
	#welcome p.ko{font-size : calc(1.6rem*0.6);}
	#site	{
		margin: 60px auto;
	}
	#site h2	{
		width : 100%;
		font-size : 1.2rem;
		padding : 0.8rem 0;
	}
	#site h3	{
		margin : 1.6rem auto 0 auto;
		width : 100%;
		font-size : 0.85rem;
		padding : 0.6rem 0;
	}
	#site .box_site	{
		margin : 1rem 0 4rem 0;
	}
	#site .box_site .tx_airport,#site .box_site .tx_site	{
		margin : 0.8rem 0;
		line-height : 160%;
	}
	#site .box_site .tx_airport	{
		font-size : 1.2rem;
	}
	#site .box_site .tx_airport	{
		font-size : .0.9rem;
	}
	#site .box_site .tx_site	{
		font-size : 1.2rem;
	}
	#site .box_site .tx_site_sub	{
		font-size : 1rem;
	}
	#site .box_site .tx_period	{
		margin : 2rem 0.4rem;
	}
	#site .box_site .tx_period h4	{
		font-size : 1.2rem;
	}
	#site .box_site .tx_period p	{
		width : 100%;
		padding-left : 0;
		line-height : 160%;
	}
	#greeting p	{
		font-size : 1.1rem;
	}
	#greeting h2	{
		width : 98%;
		margin : 1rem auto 3rem auto;
		font-size : 0.9rem;
	}
	#japansakekyo img	{
		margin : 0;
	}
	#japansakekyo p	{
		font-size : 1rem;
	margin : 2rem auto;
	}
	#japansakekyo p.en	{
		font-size : 0.9rem;
		text-align : left;
		margin : 1rem 0.4rem;
	}
	#japansakekyo p.kanji	{
		font-size : 0.85rem;
		font-weight : 400;
	}
	#japansakekyo p.ko	{
		font-size : 0.8rem;
		font-weight : 400;
	}
}
@media screen and (min-width:768px) and ( max-width:1200px) {
}
#lecture	{
	margin: 6rem auto 4rem auto;
	text-align : center;
}
#lecture h3	{
	margin : 1rem auto;
	background-color : #dcdddd;
	background-image : url(../img/lc_midashi.png);
	background-repeat :no-repeat;
	background-size : 80%;
	background-position : 50% 88%;
	height : 740px;
	width : 500px;
	padding : 2rem;
	font-size : 1.6rem;
}
@media screen and (max-width: 768px)	{
	#lecture h3	{
		margin : 1rem auto 4rem auto;
		background-size : calc(80% * 0.9);
		height : calc(740px * 0.8);
		width : calc(500px* 0.8);
	}
}
@media screen and (max-width: 480px)	{
	#lecture h3	{
		margin : 1rem auto 2rem auto;
		background-size : calc(80% * 0.9);
		height : calc(740px * 0.58);
		width : calc(500px* 0.58);
		padding : 2rem 1rem 1rem 1rem;
		line-height : 110%;
	}
}
#attention {
	text-align : left;
	margin-bottom : 2rem;
	padding-left : 1rem;
}
#attention ul	{
	margin-bottom : 0.6rem;
}
#attention ul li	{
	padding-left : 20px;
	position : relative;
}
#attention ul li:before	{
	content : '◎';
	position : absolute;
	top : 0;
	left : 0;
}
#attention ul.En	{font-size : 1rem;}
#attention ul.CN,
#attention ul.TW,
#attention ul.Ko	{font-size : 0.9rem;}
@media screen and (max-width: 768px)	{
	#attention	{padding : 0 1rem;}
	#attention ul.En	{font-size : 0.9rem;}
	#attention ul.CN,
	#attention ul.TW,
	#attention ul.Ko	{font-size : 0.8rem;}
}
@media screen and (max-width: 480px){
	#attention	{padding : 0;}

}
/* 日本の酒なるほど講座 言語切り替えタブ */
.tab {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom : 4rem;
}
.tab > label {
	flex: 1 1;
	order: -1;
	min-width: 70px;
	padding: .7em 1em .5em;
	background-color: #f2f2f2;
	color: #999;
	font-weight: 600;
	font-size: .9em;
	text-align: center;
	cursor: pointer;
}
.tab > label:hover {
	opacity: .8;
}
.tab input {
	display: none;
}
.tab > div {
	display: none;
	width: 100%;
	padding: 1.5em 1em;
	background-color: #fff;
}
.tab label:has(:checked) {
	border-bottom: 4px solid #e00512;
	color: #e00512;
}
.tab label:has(:checked) + div {
	display: block;
}
#lecture ul	{
	display : flex;
	flex-direction: row;
	justify-content: space-around;
	margin : 1rem 1rem 0 1rem;
}
#lecture ul	li .bu_link_Sake,
#lecture ul	li .bu_link_Shochu	{
	margin : 1.6rem auto;
	width : 80%;
	color : #fff;
	font-size : 1.6rem;
	line-height : 260%;
	font-weight : 900;
	border-radius: 2rem;
}
#lecture ul	li .bu_link_Sake	{background : #B42B2D;}
#lecture ul	li .bu_link_Shochu	{background : #8F0AA7;}
@media screen and (max-width: 480px)	{
	#lecture ul	{
		flex-direction: column;
	}
	#lecture ul	li:first-child	{
		margin-bottom : 2rem;
	}
	#lecture ul	li .bu_link	{
		width : 90%;
	}
}
/* Swiper */
#lecture ul	li p	{width : 400px;}
.swiper	{
	width: 400px;
	height: 600px;
}
.swiper-slide	{
	width : 100%;
	height : 100&;
	text-align : center;
	color : #fff;
}
.swiper-slide img	{
	width : 360px;
	position : relative;
	top : 40px;
}
.lc_sake_top	{background : url(../img/lc_sake_top.png) no-repeat;color : #000;}
.lc_sake1	{background : #EC001E;}
.lc_sake2	{background : #009549;}
.lc_sake3	{background : #FFD100;}
.lc_sake4	{background : #F59DC5;}
.lc_shochu_top	{background : url(../img/lc_shochu_top.png) no-repeat;color : #000;}
.lc_shochu1	{background : #00A2EF;}
.lc_shochu2	{background : #F47600;}
.lc_shochu3	{background : #0052A4;}
.lc_shochu4	{background : #F00081;}
.En_Sake .swiper-slide h1	{font-size : 2.4rem;line-height : 120%;margin-top : 3.6rem;}
.En_Shouchu .swiper-slide h1	{font-size : 2.4rem;line-height : 120%;margin-top : 2.4rem;}
.En_Sake .swiper-slide h2,
.En_Shouchu .swiper-slide h2	{font-size : 1.4rem;font-weight : 900;margin-top : 2rem;}
.En_Sake p,
.En_Shouchu p	{font-size : 1.4rem;margin-top : 2.4rem;line-height : 110%;}
.CN_Sake .swiper-slide h1,
.CN_Shouchu .swiper-slide h1,
.TW_Sake .swiper-slide h1,
.TW_Shouchu .swiper-slide h1
	{font-size : 2.4rem;line-height : 120%;margin-top : 3.6rem;}
.Ko_Sake .swiper-slide h1,
.Ko_Shouchu .swiper-slide h1
	{font-size : 2rem;line-height : 120%;margin-top : 3.6rem;}
.CN_Sake .swiper-slide h2,
.CN_Shouchu .swiper-slide h2,
.TW_Sake .swiper-slide h2,
.TW_Shouchu .swiper-slide h2,
.Ko_Sake .swiper-slide h2,
.Ko_Shouchu .swiper-slide h2	{font-size : 2.2rem;font-weight : 900;margin-top : 2rem;}
.CN_Sake p,
.CN_Shouchu p,
.TW_Sake p,
.TW_Shouchu p,
.Ko_Sake p,
.Ko_Shouchu p	{font-size : 1.4rem;margin-top : 2.4rem;line-height : 110%;}
@media screen and (max-width: 768px)	{
	#lecture ul	li p	{width : calc(400px * 0.8);}
	.swiper	{
		width: calc(400px * 0.8);
		height: calc(600px * 0.8);
	}
	.lc_sake_top,
	.lc_shochu_top	{background-size : 100%;}
	.swiper-slide img	{
		width : calc(360px * 0.74);
		top : 20px;
	}
	.En_Sake .swiper-slide h1	{font-size : 2rem;}
	.En_Shouchu .swiper-slide h1	{font-size : 2rem;}
	.En_Sake .swiper-slide h2,
	.En_Shouchu .swiper-slide h2	{font-size : 1.2rem;}
	.En_Sake p,
	.En_Shouchu p	{font-size : 1.2rem;margin-top : 2rem;line-height : 110%;}
	.CN_Sake p,
	.CN_Shouchu p,
	.TW_Sake p,
	.TW_Shouchu p{font-size : 1.1rem;margin-top : 2rem;line-height : 120%;}
	.Ko_Sake .swiper-slide h1,
	.Ko_Shouchu .swiper-slide h1	{font-size : 1.6rem;line-height : 120%;margin-top : 3.6rem;}
	.Ko_Sake .swiper-slide h2,
	.Ko_Shouchu .swiper-slide h2	{font-size : 1.8rem;font-weight : 900;margin-top : 2rem;}
	.Ko_Sake p,
	.Ko_Shouchu p	{font-size : 1.1rem;margin-top : 2rem;line-height : 110%;padding : 0 0.6rem;}
}
@media screen and (max-width: 480px){
	.CN_Sake p,
	.CN_Shouchu p,
	.TW_Sake p,
	.TW_Shouchu p	{font-size : 1rem;margin-top : 2rem;line-height : 120%;padding : 0 1rem;}
}
@media screen and (max-width: 390px){
	#lecture ul	li p	{width : calc(400px * 0.74);}
	.swiper	{
		width: calc(400px * 0.74);
		height: calc(600px * 0.74);
	}
	.Ko_Sake .swiper-slide h1,
	.Ko_Shouchu .swiper-slide h1
		{font-size : 1.4rem;line-height : 120%;margin-top : 3rem;}
	.En_Sake .swiper-slide h2,
	.En_Shouchu .swiper-slide h2	{font-size : 1.2rem;font-weight : 900;margin-top : 1rem;}
	.En_Sake p,
	.En_Shouchu p	{font-size : 1rem;margin-top : 1rem;line-height : 110%;}
	.CN_Sake .swiper-slide h2,
.CN_Shouchu .swiper-slide h2,
.TW_Sake .swiper-slide h2,
.TW_Shouchu .swiper-slide h2,
.Ko_Sake .swiper-slide h2,
.Ko_Shouchu .swiper-slide h2	{font-size : 1.6rem;font-weight : 900;margin-top : 1rem;}
.CN_Sake p,
.CN_Shouchu p,
.TW_Sake p,
.TW_Shouchu p,
.Ko_Sake p,
.Ko_Shouchu p	{font-size : 1rem;margin-top : 1rem;line-height : 140%;}
}
/* Footer */
footer	{
	background : url(../img/bg_b.png) no-repeat 50% 100%;
	margin : 0 auto;
	padding : 30px 0 120px 0;
}
.copyright	{
	text-align : center;
	margin : 10px auto;
	font-weight : 900;
}
footer a	{
	text-decoration : none;
	color : #231815;
}
@media screen and (max-width: 480px)	{
	footer	{
		background-size : contain;
		padding : 30px 0 40px 0;
	}
	.copyright	{
		font-size : 0.7rem;
	}
}
/* Cookieの確認 */
.cookie-consent {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	bottom: 0%;
	width: 100%;
	background: #820000;
	padding: 1rem 5%;
	box-sizing: border-box;
	visibility: visible;
	z-index : 14;
}
.cookie-text {
	margin-right : 2rem;
}
.cookie-text p	{
	color : #fff;
	font-size : 0.8rem;
	margin-bottom : 1rem;
}
.cookie-agree {
	color: #820000;
	background: #FFF;
	padding : 0 3rem;
	margin : 0.8rem;
	white-space : nowrap;
	text-align : center;
	font-size : 2rem;
}
.cookie-agree:hover {
  cursor: pointer;
}

.cc-popup2 { /* 下から来る */
	bottom: 0px;
}
.cc-hide1 {	 /* パッと消える */
	display: none;
}
.cc-hide2 {	 /* ゆっくり消える */
	animation: hide 0.5s linear 0s;
	animation-fill-mode: forwards;
}
@keyframes hide {
	from {
		opacity: 1;
	}
	to {
	opacity: 0;
	visibility: hidden;
	}
}
@media screen and (max-width: 768px) {
	.cookie-consent {
		flex-direction: column;
		position: fixed;
	}
	.cookie-text {
		margin-right : 0;
	}
	.cookie-consent .box_right	{
		display: flex;
		justify-content: space-between;
	}
}

br.onlyPC	{
	display : block;
	}
br.forTB	{
	display : none;	
}
br.onlySP	{
	display : none;	
}
@media screen and (max-width: 768px)  {
	br.onlyPC	{
		display : none;
	}
	br.forTB	{
		display : block;
	}
}
@media screen and (max-width: 480px)  {
	br.forTB	{
		display : none;	
	}
	br.onlySP	{
		display : block;	
	}
}

.hidden {
	display: none;
}
/* ----
メディアクエリなし 【スマートフォン縦】
@media screen and (min-width: 481px) { } 【スマートフォン横】
@media screen and (max-width: 768px) { } 【タブレット縦以上】
 --- */

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
dl#root,
dl.ryakureki
	{
	display: block;
	min-height: 1%;
}
.clearfix:after,
dl#root:after,
dl.ryakureki:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}
.blockC { margin-right: auto; margin-left: auto; text-align: left;}
* html .blockC { margin-right: 0; margin-left: 0;}
.blockR { margin-left: auto; text-align: left;}
* html .blockR { margin-left: 0;}

/* !Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* !Padding  ---------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}