@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: 100%;
	font: inherit;
	vertical-align: baseline;}

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

body {
	/* line-height: 1; */
	-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;
}


/* Body */
body {
	font-family: 'Noto Serif SC', serif ,'Noto Sans SC', sans-serif;
	/* font-family: source-sans-pro; */
	background: url(../img/bg.jpg);
	margin: 0;
	font-style: normal;
	width : 100%;
}
h2	{
	text-align : center;
	margin-bottom : 30px;
}
h2 img	{
	width : 40%;
}
@media (min-width: 768px) {
	h2 img	{
		width : auto;
	}
}
/* Container */
.container {
	max-width : 750px;
	margin: 0 auto;
}

/* mainTitle Section */
ul#hd_banner	{
	margin : 0 0 0 2%;
	display: flex;
	-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
ul#hd_banner li img	{
	width : 95%;
}
#mainTitle_bu {
	background: url(../img/bg_ichimatsu.png);
	padding: 0 0 20px 0;
}
#mainTitle	{
	background-image: url(../img/bg_title.png),url(../img/bg_ichimatsu.png);
	background-repeat : no-repeat, repeat;
	background-position : 50% 58px, 0 0;
	background-size : 140%, 100%;
	padding : 0 0 20px 0;
}
#title	{
	text-align : center;
	margin-top : 120px;
}
#title img	{
	margin : 0 auto;
	width : 88%;
}
@media (min-width: 768px) {
	#title	{
		margin-top : 200px;
	}
	#title .PC	{
		width : 80%;
		margin : 0 auto;
	}
}

/* campaign Section */
#campaign	{
	background-image : url(../img/img_mt_site3.png),url(../img/img_flower3_site2.png),url(../img/img_wave.png),url(../img/img_mt_campaign.png),url(../img/img_plant_campain.png),url(../img/bg_campaign.png);
	background-repeat : no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat-y;
	background-position : 100% 2300px,86% 1660px,100% 700px,105% 30px,0 40px,0 0;
	background-size : 30% auto,30% auto,30% auto,30% auto,24% auto,auto auto;
	padding : 60px 0;
	border : solid 1px #FF000;
}
#campaign .tx	{
	color : #db031b;
	font-size : 16px;
	line-height : 180%;
	width : 98%;
	margin : 0 auto;
	text-align : center;
}
@media (min-width: 768px) {
	#campaign	{
		background-position : 100% 3460px,86% 2400px,100% 1080px,105% 30px,0 40px,0 0;
	background-size : 30% auto,30% auto,30% auto,30% auto,24% auto,auto auto;
	padding : 60px 0;
	border : solid 1px #FF000;
	}
	#campaign .tx	{
		font-size : 22px;
		line-height : 180%;
		width : 90%;
	}
}
#campaign ul	{
	margin-left :4%; 
}
#campaign ul li	{
	color : #db031b;
	font-size : 16px;
	margin-bottom : 0.4rem;
}
#title_campaignsite	{
	margin : 80px 2% 40px 2%;
	position: relative;
	border-bottom: solid 1px #dd1e27;
}
#title_campaignsite img	{
	width : 60%;
}
#title_campaignsite:after	{
	content: '';
    position: absolute;
    top: -10px;
    width: 1px;
    height: -webkit-calc(100% + 30px);
    height: calc(100% + 30px);
    background-color: #dd1e27;
}
#title_campaignsite:after {left: 64%;}
#title_campaignsite p {
    margin: 10px;
    padding: 0;
}
@media (min-width: 768px) {
	#title_campaignsite img	{
		width : auto;
	}
	#title_campaignsite:after {
		left: 55%;
	}
}
#site1,
#site2,
#site3	{
	width : 96%;
	padding : 80px 0 0 0;
	margin : 20px auto 30px auto;
}
#site1	{
	background-image : url(../img/tx_site1.png);
	background-repeat : no-repeat;
	background-size : 26% auto;
}
#site2	{
	background-image : url(../img/tx_site2.png);
	background-repeat : no-repeat;
	background-size : 26% auto;
	}
#site3	{
	background-image : url(../img/tx_site3.png);
	background-repeat : no-repeat;
	background-size : 26% auto;
}
#site1 p,
#site2 p,
#site3 p	{
	color : #db031b;
	font-size : 16px;
	line-height : 160%;
	margin-left : 20px;
}
@media (min-width: 768px) {
	#site1,
	#site2,
	#site3	{
		background-size : auto auto;
}
	#site1 p,
	#site2 p,
	#site3 p	{
		font-size : 22px;
		margin : 20px 0 0 80px;
	}
}
#campaign .note,
#campaign .box_boothinfo	{
	color : #db031b;
	line-height : 180%;
	text-align : center;
}
#campaign .note	{
	font-size : 12px;
	margin : 0 auto;
}
#campaign .box_boothinfo	{
	font-size : 14px;
	border : solid 1px #db031b;
	margin : 20px auto 0 auto;
	padding : 20px 0;
	width : 98%;
}
#campaign .box_boothinfo ul.boto_booth	{
	margin : 20px auto;
	display: flex;
	justify-content: center;
}
#campaign .box_boothinfo ul.boto_booth li	{
 -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
   font-size : 14px;
   margin : 0 20px;
}
#campaign .box_boothinfo ul.boto_booth li .gengo	{
	margin-bottom : 10px;
}
#campaign .box_boothinfo ul.boto_booth li a	{
text-decoration : none;
color : #fff;
padding : 14px;
text-align : center;
background: rgb(191,19,31); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(191,19,31,1) 0%, rgba(236,1,30,1) 36%, rgba(236,1,30,1) 64%, rgba(191,19,31,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(191,19,31,1) 0%,rgba(236,1,30,1) 36%,rgba(236,1,30,1) 64%,rgba(191,19,31,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(191,19,31,1) 0%,rgba(236,1,30,1) 36%,rgba(236,1,30,1) 64%,rgba(191,19,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf131f', endColorstr='#bf131f',GradientType=1 ); /* IE6-9 */
}
@media (min-width: 768px)	{
	#campaign .note	{
		font-size : 18px;
	}
	#campaign .box_boothinfo	{
		font-size : 18px;
		width : 94%;
	}
}
/* about Section */
#about	{
	padding : 60px 0 10px 0;
	background-image : url(../img/img_plant_info.png),url(../img/img_plant_about.png),url(../img/bg_red.png);
	background-repeat : no-repeat,no-repeat,repeat;
	background-position : 100% 2500px,96% 130px, 0 0;
	background-size : 24% auto,30% auto,auto auto;
}
#title_whatIsSake	{
	margin : 60px 50% 0 0;
	padding-left : 30px;
	position: relative;
	border-bottom: solid 2px #eed474;
}
#title_whatIsSake:before	{
	content: '';
    position: absolute;
    top: 10px;
    width: 2px;
    height: -webkit-calc(100% + 1100px);
    height: calc(100% + 1100px);
    background-color: #eed474;
}
#title_whatIsSake:before {left: 18x;}
#title_whatIsSake p {
    margin: 0;
    padding: 0 0 10px 14px;
}
#about h3	{
	margin : 40px 0 20px 0;
}
#about h3 img	{
	width : 90%;
}
#about .tx	{
	color : #efd776;
	font-size : 14px;
	line-height : 160%;
}
@media (min-width: 768px)	{
	#about	{
		background-position : 100% 3100px,96% 130px, 0 0;
		background-size : 30% auto,30% auto,auto auto;
	}
	#about h3 img	{
		width : auto;
	}
	#about .tx	{
		font-size : 18px;
	}
}
.about_R	{
	margin : 0 10px 0 44px;
}
#title_whatIsHonkaku	{
	margin : 60px 0 0 20px;
	position: relative;
	border-bottom: solid 2px #eed474;
}
#title_whatIsHonkaku:before	{
	content: '';
    position: absolute;
    top: 10px;
    width: 2px;
    height: -webkit-calc(100% + 950px);
    height: calc(100% + 950px);
    background-color: #eed474;
}
#title_whatIsHonkaku:before {right: 20px;}
#title_whatIsHonkaku p {
    margin: 10px 0;
    padding: 0;
    width : 90%;
}
.about_L	{
	margin : 20px 30px;
}
#title_InformationCent	{
	margin : 30px 50% 0 0;
	padding-left : 30px;
	position: relative;
	border-bottom: solid 2px #eed474;
}
#title_InformationCent:before	{
	content: '';
    position: absolute;
    left: 30px;
    top: -4px;
    width: 2px;
    height: -webkit-calc(100% + 400px);
    height: calc(100% + 400px);
    background-color: #eed474;
}
#title_InformationCent p {
    margin: 0;
    padding : 0 0 10px 20px;
    width : 140%;
}
.info_R	{
	margin : 20px 10px 20px 44px;
}
.ph_center img	{
	width : 70%;
}
.bn_JSSinfo img	{
	width : 75%;
}
@media (min-width: 768px)	{
	#title_whatIsSake:before	{
   		height: -webkit-calc(100% + 1260px);
    		eight: calc(100% + 1260px);
	}
	#title_whatIsHonkaku:before	{
		height: -webkit-calc(100% + 1300px);
    		height: calc(100% + 1300px);
	}
	.ph_center img,
	.bn_JSSinfo img	{
		width : auto;
	}
}

footer {
	background-color: #FFFFFF;
	border : solid 1px #FFF;
	padding : 0 1%;
}
.attention	{
	padding: 0.6em 0;
   	margin: 2em auto;
    	border: double 6px #db031b;
}
.attention p	{
	color : #db031b;
	line-height : 160%;
	text-align : center;
	font-size : 15px;
}
footer p	{
	color : #140700;
	font-size : 12px;
	line-height : 180%;
}
.copyright	{
	color : #140700;
	font-size : 10px;
	text-align : center;
	padding : 40px 0 20px 0; 	
}


.hidden {
	display: none;
}

img {
	max-width: 100%;
}
br.only_MB	{
		display : block;	
	}
@media (min-width: 768px) {
	img {
		width: auto;
	}
	br.only_MB	{
		display : none;	
	}
}


/* !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;}