@charset "utf-8";
/* CSS Document */


/* reset
------------------------------------------------------------ */
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
sub {
	vertical-align: 0;
	line-height: 1.0em;
	font-size: small;
}
sup {
	vertical-align: 0.3em;
	line-height: 1.0em;
	font-size: small;
}

/* set
------------------------------------------------------------ */


body{
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family:  "Hiragino Mincho Pro" , "HiraMinProN-W3" ,"ヒラギノ明朝 Pro W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	color:#000;
	line-height:1.3;
	-webkit-print-color-adjust: exact;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal
}

/* margin ----- */
.c_mt00{margin-top:0px !important;}
.c_mt03{margin-top:3px !important;}
.c_mt05{margin-top:5px !important;}
.c_mt10{margin-top:10px !important;}
.c_mt15{margin-top:15px !important;}
.c_mt20{margin-top:20px !important;}
.c_mt25{margin-top:25px !important;}
.c_mt30{margin-top:30px !important;}
.c_mt35{margin-top:35px !important;}
.c_mt40{margin-top:40px !important;}
.c_mt45{margin-top:45px !important;}
.c_mt50{margin-top:50px !important;}
.c_mt60{margin-top:60px !important;}
.c_mt70{margin-top:70px !important;}

.c_mr00{margin-right:0px !important;}
.c_mr03{margin-right:3px !important;}
.c_mr05{margin-right:5px !important;}
.c_mr10{margin-right:10px !important;}
.c_mr15{margin-right:15px !important;}
.c_mr20{margin-right:20px !important;}
.c_mr25{margin-right:25px !important;}
.c_mr30{margin-right:30px !important;}
.c_mr35{margin-right:35px !important;}
.c_mr40{margin-right:40px !important;}
.c_mr45{margin-right:45px !important;}
.c_mr50{margin-right:50px !important;}
.c_mr60{margin-right:60px !important;}
.c_mr70{margin-right:70px !important;}

.c_ml00{margin-left:0px !important;}
.c_ml03{margin-left:3px !important;}
.c_ml05{margin-left:5px !important;}
.c_ml10{margin-left:10px !important;}
.c_ml15{margin-left:15px !important;}
.c_ml20{margin-left:20px !important;}
.c_ml25{margin-left:25px !important;}
.c_ml30{margin-left:30px !important;}
.c_ml35{margin-left:35px !important;}
.c_ml40{margin-left:40px !important;}
.c_ml45{margin-left:45px !important;}
.c_ml50{margin-left:50px !important;}
.c_ml60{margin-left:60px !important;}
.c_ml70{margin-left:70px !important;}

.c_mb00{margin-bottom:0px !important;}
.c_mb03{margin-bottom:3px !important;}
.c_mb05{margin-bottom:5px !important;}
.c_mb10{margin-bottom:10px !important;}
.c_mb15{margin-bottom:15px !important;}
.c_mb20{margin-bottom:20px !important;}
.c_mb25{margin-bottom:25px !important;}
.c_mb30{margin-bottom:30px !important;}
.c_mb35{margin-bottom:35px !important;}
.c_mb40{margin-bottom:40px !important;}
.c_mb45{margin-bottom:45px !important;}
.c_mb50{margin-bottom:50px !important;}
.c_mb60{margin-bottom:60px !important;}
.c_mb70{margin-bottom:70px !important;}

/* clearfix */
.c_clearfix { zoom: 1; }
.c_clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0.01px;
}

/* flot ----- */
.c_floL{float:left;}
.c_floR{float:right;}
.c_ofH { overflow: hidden; }

/* text-align ----- */
.c_taL{text-align:left !important;}
.c_taR{text-align:right !important;}
.c_taC{text-align:center !important;}

/* vertical-align ----- */
.c_vaT{vertical-align:top !important;}
.c_vaM{vertical-align:middle !important;}
.c_vaB{vertical-align:bottom !important;}

/* position ----- */
.c_posR{position:relative;}
.c_posA{position:absolute;}
.c_posS{position:static;}
.c_posF{position:fixed;}

.c_z10{z-index:10;}

/* display ----- */
.c_block{display:block;}
.c_iBlock{display:inline-block !important;}
.c_hide{display:none;}

/* responsive ----- */
@media screen and (max-width: 767px) {
	.c_onlyL {
		display: none !important;
	}
}
@media screen and (min-width: 767px),print{
	.c_onlyS {
		display: none !important;
	}
}

/* center ----- */
.c_center{
	margin-left: auto !important;
	margin-right: auto !important;
	display:block !important;
}

/* width */
.c_liquid { width: 100%; }

/* font */
.c_fontL  { font-size: 106.25% !important; }	/* 17px */
.c_fontLL { font-size: 112.5% !important; }		/* 18px */
.c_fontXL { font-size: 118.75% !important; }	/* 19px */
.c_fontS  { font-size: 87.5% !important; }		/* 14px */
.c_fontSS { font-size: 75% !important; }		/* 12px */
.c_fontXS { font-size: 62.5% !important; }		/* 10px */

.c_fontB { font-weight: bold !important;}

.c_colorRed { color:  #ce2e2e; }

.c_notes {
	/* ※のあとに半角スペースを入れる */
	text-indent: -1.3em;
	padding-left: 1.3em;
}

.c_lineL { line-height: 1.8; }
.c_lineLL { line-height: 2; }
.c_lineS { line-height: 1.3; }
.c_lineSS { line-height: 1; }

.c_underline { text-decoration: underline; }

.c_nowrap { white-space: nowrap; }

/* link */
.c_textLink { text-decoration: underline; }
.c_textLink:hover { text-decoration: none; }

.c_fadeOver {
	-webkit-transition: 0.3s opacity;
			transition: 0.3s opacity;
	backface-visibility: hidden;
}
.c_fadeOver:hover {
	opacity: 0.6;
}
@media screen and (max-width: 768px) {
	.c_fadeOver:hover {
		opacity: 1;
	}
}



/* style
------------------------------------------------------------ */

/*.osumidistilleryWrap a
.osumidistilleryWrap a:visited,
.osumidistilleryWrap a:hover,
.osumidistilleryWrap a:link {
	color: inherit;
	text-decoration: none;
}*/

.osumidistilleryWrap,
.osumidistilleryWrap *,
.osumidistilleryWrap *::before,
.osumidistilleryWrap *::after {
	box-sizing: border-box;
}
.osumidistilleryWrap img {
	max-width: 100%;
	vertical-align: top;
}
.osumidistilleryWrap {
	width: 100%;
	max-width: 1300px;
	min-width: 960px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000000;
	background-color: #fffff9;
}
@media screen and (max-width: 767px){
	.osumidistilleryWrap {
		min-width: 320px;
		max-width: 640px;
	}
}
.osumidistillerContents {
	max-width: 1196px;
	margin-left: auto;
	margin-right: auto ;
}
.pageHeader {
	background-color: #0c0045;
	padding: 32px 0;
}
.pageHeader-inn {
	max-width: 1196px;
	margin-left: auto;
	margin-right: auto ;
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	justify-content: space-between;
	/*align-items: flex-end;*/
	align-items: center;
}
.pageHeader-title {
	width: 21.0702%;
}
.pageHeader-title img {
	vertical-align: bottom;
}
.pageNav {
	width: 77%;
}
.pageNav-list {
	display: flex;
	justify-content: flex-end;
	/*align-items: right;*/
}
.pageNav-list-item + .pageNav-list-item {
	margin-left: 4.494%;
}
.osumidistilleryWrap .pageNav-list-link {
	color: #b3b3b3;
	text-decoration: none;
	display: inline-block;
}
/*.osumidistilleryWrap .pageNav-list-link:hover {
	text-decoration: underline;
}*/
@media screen and (max-width: 1100px){
	.pageHeader-title {
		width: 18%;
	}
	.pageNav {
		width: 80%;
	}
	.pageNav-list-item + .pageNav-list-item {
		margin-left: 3%;
	}
}
@media screen and (max-width: 767px){
	.pageHeader {
		padding: 12px 0 10px;
	}
	.pageHeader-inn {
		padding-left: 8px;
		padding-right: 8px;
	}
	.pageHeader-title {
		width: 48px;
	}
	.pageNav {
		width: calc(100% - 48px);
	}
	.pageNav-list-item {
		text-align: center;
		margin-left: 2%;
	}
	.pageNav-list-item + .pageNav-list-item {
		margin-left: 2%;
	}
	.osumidistilleryWrap .pageNav-list-link {
		font-size: 62.5%;/* 10px */
		line-height: 1.5;
		display: block;
	}
}
@media screen and (max-width: 480px){
	.pageNav-list-item {
		margin-left: 5px;
	}
	.pageNav-list-item + .pageNav-list-item {
		margin-left: 5px;
	}
}

/*.mainvisual {
	text-align: center;
	position: relative;
	padding-top: 39.8461%;
}
.mainvisual-bg-list-item {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	z-index: 5;
	-webkit-transition: 2.5s opacity ease-in-out;
			transition: 2.5s opacity ease-in-out;
}
.mainvisual-bg-list-item.s_current {
	z-index: 10;
	opacity: 1
}*/
.mainvisual {
	position: relative;
}
.mainvisual-title {
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
	pointer-events: none;

	z-index: 11;
}
.jsSlick01 {
	opacity: 0;
	transition: opacity .3s linear;
}
.jsSlick01.slick-initialized{
	opacity: 1;
}
.leadText {
	text-align: center;
	font-size: 187.5%;/* 30% */
	line-height: 1.7333;
	margin-top: 30px;
}
@media screen and (max-width: 767px){
	.leadText {
		font-size: 93.75%;/* 15px */
		margin-top: 15px;
	}
}
.section01 {
	margin-top: 100px;
	padding-top: 50px;
}
.section-title {
	text-align: center;
}
.section01-col2 {
	margin-top: 100px;
	overflow: hidden;
}
.section01-col2 .s_colL {
	float: left;
}
.section01-col2 .s_colR {
	float: right;
}
.section01-col2-text-wrap {
	width: 47.3846%;
}
.section01-col2 .s_colR.section01-col2-text-wrap {
	padding-right: 7.7041%;
}
.section01-col2 .s_colL.section01-col2-text-wrap {
	padding-left: 7.7041%;
}
.section01-col2-text {
	font-size: 150%;/* 24px */
	line-height: 1.75;
}
.section01-col2-img-wrap {
	text-align: center;
	width: 47.31%;
}
@media screen and (max-width: 767px){
	.section01 {
		margin-top: 35px;
		padding-top: 30px;
	}
	.imgText01 {
		width: 142px;
	}
	.imgText02 {
		width: 173px;
	}
	.imgText03 {
		width: 231px;
	}
	.section01-col2 {
		margin-top: 50px;
	}
	.section01-col2 .s_colL,
	.section01-col2 .s_colR {
		float: none;
	}
	.section01-col2 .s_colL.section01-col2-text-wrap,
	.section01-col2 .s_colR.section01-col2-text-wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
	.section01-col2-text-wrap {
		width: 100%;
	}
	.section01-col2-img-wrap {
		width: 100%;
		margin-top: 10px;
	}
	.section01-col2-text {
		font-size: 87.5%;/* 14px */
	}
}

.section02 {
	padding-top: 50px;
	margin-top: 150px;
}
.section02-col2 {
	margin-top: 200px;
	max-width: 1093px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.section-title + .section02-col2 {
	margin-top: 160px;
}
.section02-col2-img-wrap {
	width: 53.0649%;
	text-align: center;
	float: left;
}
.section02-col2-text-wrap {
	width: 46.4775%;
	float: right;
}
.section02-col2-text-wrap.s_mt01 {
	margin-top: 60px;
}
.section02-col2-text-wrap.s_mt02 {
	margin-top: 90px;
}
.section02-col2-text01 {
	font-size: 150%;/* 24px */
	line-height: 1.75;
}
.section02-col2-text02 {
	font-size: 118.75%;/* 19px */
	line-height: 1.75;
}
.section02-col2-text01 + .section02-col2-text01,
.section02-col2-text02 + .section02-col2-text01 {
	margin-top: 30px;
}
.section02-col2-text03 {
	text-align: center;
	font-size: 150%;/* 24px */
	border-top: 1px solid #000;
	margin-left: 70px;
	margin-right: 70px;
	padding-top: 6px;
}
.section02-col2-text03 .p_inn {
	border-top: 1px solid #000;
	display: block;
	padding-top: 35px;
	padding-bottom: 55px;
}
@media screen and (max-width: 767px){
	.section02 {
		margin-top: 60px;
		padding-top: 30px;
	}
	.imgText04 {
		width: 119px;
	}
	.section02-col2 {
		margin-top: 70px;
	}
	.section-title + .section02-col2 {
		margin-top: 30px;
	}
	.section02-col2-img-wrap,
	.section02-col2-text-wrap {
		width: 100%;
		float: none;
	}
	.section02-col2-img01 {
		width: 171px;
	}
	.section02-col2-img02 {
		width: 171px;
	}
	.section02-col2-img03 {
		width: 160px;
	}
	.section02-col2-text-wrap {
		margin-top: 15px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.section02-col2-text01 + .section02-col2-text01,
	.section02-col2-text02 + .section02-col2-text01,
	.section02-col2-text-wrap.s_mt01,
	.section02-col2-text-wrap.s_mt02 {
		margin-top: 15px;
	}
	.section02-col2-text01 {
		font-size: 87.5%;/* 14px */
	}
	.section02-col2-text02 {
		font-size: 75%;/* 12px */
	}
	.section02-col2-text03 {
		margin-left: 30px;
		margin-right: 30px;
		font-size: 125%;/* 20px */
	}
	.section02-col2-text03 .p_inn {
		padding-top: 15px;
		padding-bottom: 25px;
	}
}

.movie {
	background-color: #FFFAEC;
	padding: 70px 100px;
	margin-top: 160px;
}
.movie .p_title {
	margin-bottom: 50px;
}
.movieArea {
	text-align: center;
}
.movieBox {
	max-width: 780px;
	margin: 0 auto;
}
.movieBox .movieInner {
	padding-top: 56.25%;
	position:relative;
}
.movieBox .movieInner > .jsMovieThumb {
	cursor: pointer;
}
.movieBox .movieInner > div,
.movieBox .movieInner .jsMovieThumb,
.movieBox .movieInner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movieArea .p_text {
	margin: 40px 15px;
	line-height: 2.25;
}
.movieArea .p_text a {
	color: #000;
	display: block;
	max-width: 412px;
	font-size: 143.75%;
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #000;
}
.movieArea .p_text a span {
	position: relative;
	display: inline-block;
	padding-right: 65px;
	background: url(../img/arrow.png) no-repeat right center;
}

@media screen and (max-width: 768px) {
	.movieArea .p_text {
		line-height: 1.875;
		text-align: left;
		margin: 30px 10px 50px;
	}
	.movieBox {
		padding-right: 10px;
		padding-left: 10px;
	}
}
@media screen and (max-width: 767px){
	.movie {
		padding: 40px 20px;
		margin-top: 40px;
	}
	.movieArea .p_text a {
		text-align: center;
	}
}

.section03 {
	background-color: rgba(11,0,64,0.05);
	padding: 70px 100px;
}
.section03-title,
.section03-text {
	font-size: 125%;/* 20px */
	line-height: 2.2;
}
.section03-title {
	margin-top: 90px;
}
.section03-text {
	margin-top: 30px;
}
@media screen and (max-width: 767px){
	.section03 {
		padding: 40px 20px;
		margin-top: 40px;
	}
	.section03-title {
		margin-top: 20px;
	}
	.section03-text {
		margin-top: 15px;
	}
	.section03-text + .section03-title {
		margin-top: 50px;
	}
	.section03-title,
	.section03-text {
		font-size: 87.5%;/* 14px */
	}
}

.pageFooter {
	background-color: #0c0045;
	padding: 90px 100px 10px;
}
.pageFooter-left,
.pageFooter-right {
	width: 46.8123%;
}
.pageFooter-left {
	float: left;
	text-align: center;
	margin-top: 55px;
}
.pageFooter-right {
	float: right;
	padding-left: 10.3825%;
}
.pageFooter-list-item + .pageFooter-list-item {
	margin-top: 25px;
}
.pageFooter-list-item .pageFooter-list-link {
	font-size: 143.75%;/* 23px*/
	color: #b3b3b3;
	text-decoration: none;
}
.pageFooter-list-item .pageFooter-list-link:hover {
	text-decoration: underline;
}
.pageFooter-logo02 {
	text-align: center;
	padding-top: 100px;
	clear: both;
}
.pageFooter-copy {
	text-align: center;
	color: #b3b3b3;
	font-size: 87.5%;/* 14px */
	margin-top: 20px;
}
@media screen and (max-width: 767px){
	.pageFooter {
		padding: 50px 0 10px;
	}
	.pageFooter-left,
	.pageFooter-right {
		width: 100%;
		float: none;
	}
	.pageFooter-left {
		margin-top: 0;
	}
	.pageFooter-right {
		margin-top: 30px;
		/*padding-left: 70px;*/
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	.pageFooter-logo01 {
		width: 144px;
	}
	.pageFooter-list-item + .pageFooter-list-item {
		margin-top: 20px;
	}
	.pageFooter-list-item .pageFooter-list-link {
		font-size: 100%;/* 16px */
	}
	.pageFooter-logo02 {
		padding-top: 50px;
		font-size: 62.5%;/* 10px */
	}
	.pageFooter-copy {
		margin-top: 15px;
	}
}

.onlinebtnWrap a {
	display: inline-block;
}
.onlinebtnWrap a img {
	-webkit-transition: 0.3s opacity;
			transition: 0.3s opacity;
	width: 200px;
	height: 55px;
}
.onlinebtnWrap a:hover img {
	opacity: 0.6
}
@media screen and (max-width: 767px){
	.onlinebtnWrap {
		text-align: center;
	}
}

.js_effectItem01 {
	opacity: 0;
	-webkit-transition: 1.0s opacity ease-in-out;
			transition: 1.0s opacity ease-in-out;
}
.jsEffect.s_show .js_effectItem01 {
	opacity: 1;
}