@charset "utf-8";

.leftBlock p {
	font-size: 13px;
}

.story {
	background: url(/ir/individual/images/story_main_bg.gif) repeat-y;
}

h2, h3 {
	margin-bottom: 20px;
	text-align: center;
}

h2 {
	background: url(/ir/individual/images/story_tl_bg.png) no-repeat 50% 0;
}


h2.start_tl {
	background: url(/ir/individual/images/story_start_tl_bg.png) no-repeat 50% 0;
}


.visual {
	margin-bottom: 20px;
}

.visual p {
	margin-top: 0;
}

.start, .wine, .bran {
	margin-bottom: 40px;
}

.wine, .bran {
	margin-bottom: 20px;
}

.cont {
	/*width: 594px;
	margin: 0 auto;
	padding-bottom: 20px;*/
	padding: 0 3em 2em;
}


ul.pictures {
	width: 594px;
	overflow: hidden;
	margin-top: 10px;
}

ul.pictures li {
	float: left;
}

ul.pictures li p.txt {
	font-size: 13px;
	text-align: center;
	margin-top: 5px;
}

dl.box {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

dl.box dt,
dl.box dt dd {
	float: left;
}

dl.box dt {
	margin: 0 20px 10px 0;
}

dl.box dd {
	font-size: 13px;
}


/*start*/
.start .bg_wrap {
	background: url(/ir/individual/images/story_start_bg.png) repeat-y ;
	background-size: contain;
}

/*start*/

/*wine*/
.wine {
	background: url(/ir/individual/images/story_wine_bg.jpg) right 3% no-repeat;
}
/*wine*/


/*bran*/
.bran {
	background: url(/ir/individual/images/story_bran_bg.jpg) 100% 97% no-repeat;

}
/*bran*/


dl.itemBox {
	margin: 1em 0 0;
	overflow: hidden;
}

dl.itemBox dt {
	margin: 1em 0;
	width: 25%;
	float: left;
	text-align: center;
}

dl.itemBox dd {
	float: right;
	width: 71%;
}

dl.itemBox dd p {
	margin: 1em 0;
}

dl.itemBox dd p a.half {
	float: left;
	width: 50%;
}
dl.itemBox dd p a.half img {
	width: 95%;
}
	
ul.pictures li p.bijin_cap02 {
	display:block;
}

ul.pictures li p.bijin_cap03 {
	display:none;
}

@media only screen and (max-width: 973px) {
	img {
		max-width: 100%;
	}

	.sp {
		display: block; !important
	}

	.leftBlock p {
		font-size: 1.2em;
	}

	h2 {
		width: 100%;
		margin: 0 auto;
		min-height: 3em;
	}

	h2.start_tl {
		width: 90%;
		background: url(/ir/individual/images/story_start_tl_bg.png) no-repeat 0 111%;
		background-size: contain;
	}

	h2.start_tl span img {
		width: 50%;
	}

	h2, h3 {
		margin-bottom: 1em;
	}

	ul.pictures {
		width: 100%;
	}

	ul.pictures li {
		clear: left;
		width: 100%;
		margin-bottom: 2%;
	}

	ul.pictures li img{
		width: 100%;
	}

	.start img.start_bottom {
		vertical-align: top;
	}

	dl.box dd {
		font-size: 1.2em;
	}

	ul.pictures li p.bijin_cap02 {
		display:none;
	}

	ul.pictures li p.bijin_cap03 {
		display:block;
	}
}

@media only screen and (max-width: 767px) {
	img {
		max-width: 100%;
	}

	.main {
		width: 100%;
	}

	h2 {
		width: 100%;
		margin: 0 auto;
		min-height: 3em;
	}

	h2 {
		width: 100%;
		background: url(/ir/individual/images/story_tl_bg.png) no-repeat 50% 0;
		background-size: initial;
	}

	h2.start_tl {
		width: 90%;
		background-image: url(/ir/individual/images/sp_story_start_tl_bg01.png), url(/ir/individual/images/sp_story_start_tl_bg02.png);
		background-repeat: no-repeat, no-repeat;
		background-position: 0 105%, 99% 105%;
		background-size: 19%, 19%;
	}

	/*h2.start_tl {
		width: 90%;
		background: url(/ir/individual/images/story_start_tl_bg.png) no-repeat 0 111%;
		background-size: contain;
	}*/

	h2.start_tl span img {
		width: 60%;
	}	

	h2, h3 {
		margin-bottom: 1em;
	}

	ul.pictures {
		width: 100%;
	}

	ul.pictures li {
		clear: left;
		width: 100%;
		margin-bottom: 2%;
	}

	ul.pictures li img{
		width: 100%;
	}

	.start {
		width: 100%;
	}

	.start .bg_wrap {
		width: 90%;
		margin:0 auto;
	}	

	.start .bg_wrap {
		width: 100%;
		background: url(/ir/individual/images/story_start_bg.png) repeat-y ;
		background-size: contain;
		margin-bottom: 0;
	}

	.start img.start_bottom {
		vertical-align: top;
	}

	.cont {
		width: 90%;
		margin: 0 auto;
		padding: 0 0 2em;
	}
	
	.start .cont {
		width: 85%;
		margin: 0 auto;
	}

	.start, .wine, .bran {
		margin-bottom: 10%;
	}

	h1.sec_title {
		margin: 2em 1em 1em;
		text-align: center;
	}

	dl.itemBox {
		margin: 1em 0 0;
		overflow: hidden;
	}

	dl.itemBox dt {
		margin: 1em 0;
		text-align: center;
	}

	dl.itemBox dd p {
		margin: 1em 0;
		text-align: left;
	}

	dl.itemBox dd p.btn {
		text-align: center;
	}

	dl.itemBox dd p.btn img {
		margin: 0 auto;
	}

	dl.itemBox dd p.btn a.half {
		display: block;
		width: 50%;
		float: left;
	}

	dl.itemBox dd p.btn a.half img {
		width: 90%;
		margin: 0 auto;
	}

	ul.pictures li p.bijin_cap02 {
		display:none;
	}

	ul.pictures li p.bijin_cap03 {
		display:block;
	}

}
/* 170628_added */


h1.sec_title {
	margin-top: 2em;
	text-align: center;
}

.mt20 {
	margin-top: 2em;
}

.wine {
	margin-bottom: 0;
}

.bran2 {
	background: url(/ir/individual/images/story_bran_bg.jpg) 5% 40% no-repeat;

}

/* 190331_added */

.cont p.banner {
	max-width: 434px;
	margin: 20px auto 0;
}