@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:cotents.css */
/* creation date:2015年3月31日 */
/* last updated:2015年3月31日 */
/* -------------------------------------------------- */

/* --------------------------------------------------
	001.firstBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.graIn {
		text-align:center;
		background:url(/cmp/yuenchi-kon/common/images/bg_gra.png) repeat-x;
	}
	.commentBlock {
		text-align:center;
		padding-top:50px;
		position:relative;
	}
	#action {
		width:1268px;
		height:236px;
		position:absolute !important;
		top: 0;
		left: 50%;
		margin-left:-634px;
	}
	.commentBlock .inner p {
		font-size:186%;
		line-height:2;
	}
	.commentBlock .inner .icon-heart {
		width:25px;
		height:23px;
		display:inline-block;
		background:url(/cmp/yuenchi-kon/common/images/ico_heart.png) no-repeat;
		margin-left:5px;
	}
}
@media screen and (max-width: 639px) {
	.graIn {
		text-align:center;
		background:url(/cmp/yuenchi-kon/common/images/bg_gra.png) repeat-x 0 8%;
		background-size:4px auto;
	}
	#action {
		display:none;
	}
	.commentBlock {
		text-align:center;
	}
	.commentBlock .inner {
		padding:10px 0px 10px;
	}
	.commentBlock .inner p {
		font-size:107%;
		letter-spacing:0;
		text-shadow:0 1px #690404;
		padding:0px;
	}
	.commentBlock .inner .icon-heart {
		width:14px;
		height:13px;
		display:inline-block;
		background:url(/cmp/yuenchi-kon/common/images/ico_heart.png) no-repeat;
		background-size:auto 13px;
		margin:0 3px 0 1px;
	}
}



/* --------------------------------------------------
	003.timetableBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#timetableBlock {
		background:url(/cmp/yuenchi-kon/common/images/bg_timetable.png) no-repeat 50% 0%;
		text-align:center;
		margin:0px auto;
		padding:10px 0 30px;
		overflow:hidden;
		position:relative;
		zoom:1;
	}
	#timetableBlock header h2 {
		font-size:286%;
		font-weight:normal;
		color:#012148;
	}
	#timetableBlock header p {
		font-size:186%;
		letter-spacing:3px;
		color:#79622d;
	}
	#timetableBlock header p .icon-heart {
		width:25px;
		height:26px;
		display:inline-block;
		background:url(/cmp/yuenchi-kon/common/images/ico_heart_pink.png) no-repeat bottom;
		margin:0 3px 0 1px;
	}
	#timetableBlock .com {
		width:200px;
		height:100px;
		text-align:center;
		line-height:100px;
		position:absolute;
	}
	#timetableBlock #com1 {
		left:52%;
		top:130px;
	}
	#timetableBlock article {
		width:980px;
		height:500px;
		text-align:left;
		font-size:114%;
		letter-spacing: 0px;
		position:relative;
		margin:0 auto;
	}
	#timetableBlock article h3 {
		font-size:186%;
		font-weight:normal;
		color:#79622d;
	}
	#timetableBlock article h3 span {
		display:none;
	}
	#timetableBlock article figure {
		position:absolute;
	}
	#timetableBlock article#tim1 {
		color:#333;
		padding:150px 500px 300px 120px;
	}
	#timetableBlock article#tim1 #img1 {
		width:378px;
		height:246px;
		right:50px;
		top:200px;
	}
	#timetableBlock article#tim1 #img2 {
		width:367px;
		height:275px;
		left:50px;
		bottom:-90px;
	}
	#timetableBlock #com2 {
		left:10px;
		top:90px;
	}
	#timetableBlock article#tim2 {
		color:#333;
		padding:40px 0px 300px 580px;
	}
	#timetableBlock article#tim2 #img3 {
		width:376px;
		height:262px;
		left:0px;
		top:120px;
	}
	#timetableBlock article#tim2 #img4 {
		width:318px;
		height:252px;
		left:240px;
		top:230px;
	}
	#timetableBlock #com3 {
		right:0px;
		top:-20px;
	}
	#timetableBlock article#tim3 {
		padding:0px 500px 300px 80px;
	}
	#timetableBlock article#tim3 #img5 {
		width: 263px;
		height: 180px;
		right: -20px;
		top: 130px;
	}
	#timetableBlock article#tim3 #img6 {
		width:383px;
		height:303px;
		right:0px;
		top:-60px;
	}
	#timetableBlock #com4 {
		left: 180px;
		top: 150px;
	}
	#timetableBlock #com5 {
		right:-50px;
		top:310px;
	}
	#timetableBlock article#tim4 h3 {
		padding-top:25px;
	}

	#timetableBlock article#tim3 h3 ,
	#timetableBlock article#tim4 h3 {
		color:#fff;
	}
	#timetableBlock article#tim4 {
		height:320px;
	}
	#timetableBlock article#tim4 #img7 {
		position:static;
		float:left;
		margin-right:35px;
	}
	#timetableBlock #com6 {
		right:-110px;
		top:20px;
	}
	#timetableBlock #com7 {
		right:90px;
		bottom:-40px;
	}
	#timetableBlock article#tim3 #img8 {
		left: -50px;
		top: 90px;
	}
}

@media screen and (max-width: 639px) {
	#timetableBlock {
		background:url(/cmp/yuenchi-kon/common/images/bg_timetable_sp.png) no-repeat 50% 20%;
		background-size:335px auto;
		text-align:center;
		margin:0px auto;
		padding:10px 0 0px;
		overflow:hidden;
		position:relative;
		zoom:1;
	}
	#timetableBlock header {
		padding-bottom:15px;
	}
	#timetableBlock header:after {
		width:100%;
		content:"▼";
		display:block;
		color:#8F7B50;
		text-align:center;
	}
	#timetableBlock header h2 {
		font-size:200%;
		line-height:1.2;
		font-weight:normal;
		color:#012148;
	}
	#timetableBlock header p {
		font-size:107%;
		color:#79622d;
	}
	#timetableBlock header p .icon-heart {
		width:14px;
		height:13px;
		display:inline-block;
		background:url(/cmp/yuenchi-kon/common/images/ico_heart_pink.png) no-repeat bottom;
		background-size:auto 13px;
		margin:0 3px 0 1px;
	}
	#timetableBlock .com {
		text-align:center;
		position:absolute;
	}
	#timetableBlock article figure {
		position:relative;
	}
	#timetableBlock article figure img  ,
	#timetableBlock .com img {
		width:100%;
		height:auto;
	}
	#timetableBlock #com1 {
		width:47px;
		height:20px;
		left:10px;
		top:20px;
	}
	#timetableBlock article {
		text-align:left;
		position:relative;
		background-repeat:no-repeat;
		background-size:49px auto;
		margin:0 10px 10px;
		padding-bottom:10px;
	}
	#timetableBlock article h3 {
		font-size:114%;
		height:56px;
		font-weight:normal;
		color:#79622d;
		padding:8px 0 0 56px;
	}
	#timetableBlock article p {
		letter-spacing: 0;
		padding-left: 5%;
	}
	#timetableBlock article h3 span {
		font-size:107%;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		color:#000000;
		margin-right:5px;
	}
	#timetableBlock article#tim1 {
		color:#333;
		background-image:url(/cmp/yuenchi-kon/common/images/tim1.png);
	}
	#timetableBlock article#tim1 #img1 {
		width:189px;
		left:-5px;
		margin-top:10px;
	}
	#timetableBlock article#tim1 #img2 {
		width: 60%;
		bottom: -40px;
		right: 0;
		position:absolute;
	}
	#timetableBlock #com2 {
		width:71px;
		right:10px;
		top:30px;
	}
	#timetableBlock article#tim2 {
		color:#333;
		background-image:url(/cmp/yuenchi-kon/common/images/tim2.png);
		margin-top:60px;
	}
	#timetableBlock article#tim2 #img3 {
		width: 58%;
		margin-top: 8px;
		left: 5%;
	}
	#timetableBlock article#tim2 #img4 {
		width:38%;
		position:absolute;
		bottom:0px;
		right:10%;
	}
	#timetableBlock #com3 {
		width:74px;
		height:15px;
		right:0px;
		top:-20px;
	}
	#timetableBlock article#tim3 {
		background-image:url(/cmp/yuenchi-kon/common/images/tim3.png);
		background-position:0 20px;
		clear:both;
		padding-top:20px;
	}
	#timetableBlock article#tim3 #img5 {
		width:40%;
		position:absolute;
		bottom:10px;
		right:5%;
		transform: rotate(5deg);
	}
	#timetableBlock article#tim3 #img6 {
		width:60%;
		margin-left:2%;
		transform: rotate(-15deg);
	}
	#timetableBlock article#tim3 #img8 {
		width:20%;
		position:absolute;
		top:0px;
		right:5%;
	}
	#timetableBlock #com4 {
		width:95px;
		height:22px;
		left: 10px;
		top: -10px;
	}
	#timetableBlock #com5 {
		width:56px;
		height:41px;
		right:0px;
		top:110px;
	}
	#timetableBlock article#tim4 h3 {
		background-image:url(/cmp/yuenchi-kon/common/images/tim4.png);
		background-repeat:no-repeat;
		background-size:49px auto;
		text-align:left;
		margin:15px 0 5px;
	}
	#timetableBlock article#tim3 h3 span ,
	#timetableBlock article#tim4 h3 span ,
	#timetableBlock article#tim3 h3 ,
	#timetableBlock article#tim4 h3 {
		color:#fff;
	}
	#timetableBlock article#tim4 {
		background-position:50% 0%;
	}
	#timetableBlock article#tim4 #img7 {
		text-align:center;
		position:static;
	}
	#timetableBlock #com6 {
		width:44px;
		height:30px;
		right:0px;
		bottom:120px;
	}
	#timetableBlock #com7 {
		width:40px;
		height:22px;
		right:0px;
		bottom:0px;
	}
}

/* --------------------------------------------------
	003.catch
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#catch {
		height:240px;
		line-height:240px;
		background:url(/cmp/yuenchi-kon/common/images/bg_catch.png) no-repeat 50% 50%;
		text-align:center;
	}
}
@media screen and (max-width: 639px) {
	#catch {
		height:120px;
		line-height:120px;
		background:url(/cmp/yuenchi-kon/common/images/bg_catch.png) repeat-y 50% 50%;
		background-size:auto 80px;
		text-align:center;
		margin-bottom:40px;
	}
	#catch img {
		width:auto;
		height:66px;
	}
}

/* --------------------------------------------------
	004.outlineBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#outlineBlock {
		width:800px;
		position:relative;
		padding:100px 0 20px;
		margin:0 auto 80px;
	}
	#outlineBlock h3 {
		width:232px;
		height:63px;
		font-weight:normal;
		line-height:63px;
		font-size:200%;
		background:url(/cmp/yuenchi-kon/common/images/bg_data_day.png) no-repeat;
		text-align:center;
		position:relative;
		top:-60px;
		margin:0 auto -60px;
		text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	}
	#outlineBlock h3 span {
		font-size:65%;
	}
	#outlineBlock .Box {
		width:800px;
		float:left;
		background:url(/cmp/yuenchi-kon/common/images/bg_white_a80.png);
		border:1px solid #60512C;
		padding:30px;
		margin:0 5px;
	}
	#outlineBlock .Box dl {
		padding:20px 25px;
		border-bottom:1px solid #60512C;
	}
	#outlineBlock .Box dl dt {
		width: 25%;
		float: left;
		text-align:left;
		font-weight:bold;
		color:#79622d;
	}
	#outlineBlock .Box dl dd {
		width: 75%;
		float: right;
		color:#000;
	}
	#outlineBlock .Box dl dd small {
		font-size:86%;
		line-height:1.3;
		display:inline-block;
	}
	#outlineBlock .innerBox dl dd i {
		font-size:88%;
		text-decoration:line-through;
	}
	#outlineBlock .innerBox dl dd u {
		text-decoration:none;
	}
	#outlineBlock .innerBox dl dd ul li {
		padding-left:20px;
		margin-bottom:5px;
		position:relative;
	}
	#outlineBlock .innerBox dl dd ul li:before {
		font-size:75%;
		content:"●";
		color:#666;
		left:0px;
		position:absolute;
		padding:5px 0;
	}
	#outlineBlock .attention {
		width:800px;
		font-size:86%;
		margin:0 auto;
		clear:both;
		padding-top:25px;
		overflow:hidden;
		zoom:1;
	}
	#outlineBlock .attention .ttl {
		width:90px;
		height:32px;
		line-height:30px;
		text-align:center;
		float:left;
		border:1px solid #fff;
	}
	#outlineBlock .attention ul {
		width:700px;
		float:right;
	}
	#outlineBlock .attention ul li {
		line-height:16px;
	}
}
#outlineBlock .Box dl:nth-last-of-type(1) {
	border:none;
}

@media screen and (max-width: 639px) {
	#outlineBlock {
		position:relative;
		padding:10px 0 20px;
	}
	#outlineBlock h3 {
		font-weight:normal;
		line-height:30px;
		font-size:143%;
		background:#B89E5D;
		text-align:center;
		text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	}
	#outlineBlock h3 span {
		font-size:65%;
	}
	#outlineBlock .Box {
		background:url(/cmp/yuenchi-kon/common/images/bg_white_a80.png);
		border:1px solid #60512C;
		padding:10px;
		margin:0 10px 10px;
	}
	#outlineBlock .Box dl {
		font-size:93%;
		padding:5px 5px;
		border-bottom:1px solid #60512C;
	}
	#outlineBlock .Box dl dt {
		text-align:left;
		font-weight:bold;
		color:#79622d;
	}
	#outlineBlock .Box dl dd {
		color:#000;
	}
	#outlineBlock .Box dl dd small {
		font-size:86%;
		line-height:1.3;
		display:inline-block;
	}
	#outlineBlock .innerBox dl dd i {
		font-size:88%;
		text-decoration:line-through;
	}
	#outlineBlock .innerBox dl dd u {
		text-decoration:none;
	}
	#outlineBlock .innerBox dl dd ul li {
		padding-left:20px;
		margin-bottom:5px;
		position:relative;
	}
	#outlineBlock .innerBox dl dd ul li:before {
		font-size:75%;
		content:"●";
		color:#666;
		left:0px;
		position:absolute;
		padding:5px 0;
	}
	#outlineBlock .attention {
		font-size:86%;
		margin:0 auto;
		clear:both;
		padding-top:15px;
		overflow:hidden;
		zoom:1;
	}
	#outlineBlock .attention .ttl {
		width:90px;
		height:32px;
		line-height:30px;
		text-align:center;
		border:1px solid #fff;
		margin:0 auto 10px;
	}
	#outlineBlock .attention ul {
		text-align:left;
		padding:0 15px;
	}
	#outlineBlock .attention ul li {
	}

}

#outlineBlock .attention ul li b {
	color:#b09559;
}


/* --------------------------------------------------
	005.faqBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#faqBlock {
		width:960px;
		margin:0 auto;
	}
	#faqBlock h2 {
		font-size:358%;
		font-weight:normal;
		color:#d3bd8a;
		text-align:left;
	}
	#faqBlock h2 span {
		font-size:50%;
	}
	#faqBlock .inBox {
		background:url(/cmp/yuenchi-kon/common/images/bg_blue_a80.png);
		border:1px solid #60512C;
		position:relative;
		padding:40px 30px;
	}
	#faqBlock article {
		border-bottom:1px solid #252528;
		padding:20px 10px;
	}
	#faqBlock article h3 span {
		font-size:125%;
		color:#d3bd8a;
		font-weight:normal;
		margin-right:20px;
	}
	#faqBlock article h3 {
		font-size:172%;
		text-align:left;
	}
	#faqBlock article .inner {
		font-size:114%;
		padding:10px 0 10px 40px;
	}
}
#faqBlock article:nth-last-of-type(1) {
	border:none;
}
@media screen and (max-width: 639px) {
	#faqBlock {
		margin:0 10px;
	}
	#faqBlock h2 {
		font-size:200%;
		font-weight:normal;
		color:#d3bd8a;
		text-align:center;
	}
	#faqBlock h2 span {
		font-size:50%;
	}
	#faqBlock .inBox {
		background:url(/cmp/yuenchi-kon/common/images/bg_blue_a80.png);
		border:1px solid #60512C;
		position:relative;
		padding:10px 12px;
	}
	#faqBlock article {
		border-bottom:1px solid #252528;
		padding:10px 5px;
	}
	#faqBlock article h3 span {
		font-size:114%;
		color:#d3bd8a;
		font-weight:normal;
		margin-right:10px;
	}
	#faqBlock article h3 {
		font-size:114%;
		text-align:left;
		padding-bottom:5px;
	}
	#faqBlock article .inner {
		font-size:93%;
		padding:5px 0 5px 0px;
	}
}

/* --------------------------------------------------
	007.mapBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#mapBlock {
		width:960px;
		margin:0 auto 80px;
	}
	#mapBlock h2 {
		font-size:358%;
		font-weight:normal;
		color:#d3bd8a;
		text-align:left;
	}
	#mapBlock .inBox {
		background:url(/cmp/yuenchi-kon/common/images/bg_blue_a80.png);
		border:1px solid #60512C;
		position:relative;
	}
	#mapBlock p {
		font-size:114%;
		line-height:34px;
		text-align:center;
		background:url(/cmp/yuenchi-kon/common/images/bg_gold_a80.png);
	}
	#mapBlock p span {
		font-size:88%;
	}
	#mapBlock #gmap {
		width:100%;
		height:380px;
	}
}

@media screen and (max-width: 639px) {
	#mapBlock {
		margin:0 10px 30px;
	}
	#mapBlock h2 {
		font-size:200%;
		font-weight:normal;
		color:#d3bd8a;
		text-align:center;
	}
	#mapBlock .inBox {
		background:url(/cmp/yuenchi-kon/common/images/bg_blue_a80.png);
		border:1px solid #60512C;
		position:relative;
	}
	#mapBlock p {
		text-align:center;
		letter-spacing:0;
		background:url(/cmp/yuenchi-kon/common/images/bg_gold_a80.png);
		padding:10px;
	}
	#mapBlock p span {
		font-size:86%;
		display:block;
	}
	#mapBlock #gmap {
		width:100%;
		height:200px;
	}
}