@charset "utf-8";
/* 45th Anniversary _ Special website CSS */

body	{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica,sans-serif;
	line-height:1.0;
	color:#333;
	letter-spacing:0.05em;
	background-color:#fdfcfd;
	background:url(/45th_anniversary/image/bg_body-pattern.gif) 50% 0 repeat;

	}

/*-------------------------------
 Base _ link
---------------------------------*/
	a				{ text-decoration:none; color:#0095d9;}
	a:hover			{ text-decoration:underline; color:#0095d9; /*color:#19448e;*/}
	a:hover > img[src$=".jpg"]	{
		background:#fff;
		filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
		transition : all .2s; /* Animation Effect */
		}

	/* Link _ Botton
	-----------------------------*/
	a.lnkBtn,
	a.lnkBtnS	{
		min-width:90px;
		background:#0095d9;
		color:#fff;
		letter-spacing:normal !important;
		border-radius:5px;
		text-align:center;
		text-decoration:none;
		display:inline-block;
		position:relative;
	}
		a.lnkBtn	{
			margin:25px auto 20px;
			padding:15px 35px;
			/* add - 45th anniv  */
			box-shadow:0 1px 2px 0px rgba(0,0,0,0.5); 
			}
		a.lnkBtnS	{
			margin:5px auto;
			padding:2px 35px;
			font-size:14px !important;
			font-size:87.5%;	
			}
	a.lnkBtn:hover,
	a.lnkBtnS:hover	{ background:#2973ba; color:#fff; }
	
	a.mrknxt::after	{ color: #fff;
		content: ">";
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		position:absolute; right:10px; top:50%;
		margin-top:-0.5em;
	}
	a.mrkprv::after	{ color: #fff;
		content: "<";
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		position:absolute; left:10px; top:50%;
		margin-top:-0.5em;
	}
	
	a.mrkdwn::after	{ color: #fff;
		content: "▼";
		position:absolute; right:10px; top:50%;
		margin-top:-0.5em;
	}
	
	/* Link _ List */
	.link-list {
		max-width:560px;
		margin:0 auto;
		position:relative;
	}
		.link-list a.lnkBtn	{
			padding:20px 35px;
			background:#533833;
			font-size:112.5%;
			display:block;
		}
		.link-list a.lnkBtn:hover	{ background:rgba(83,56,51,0.8); }
	
	
	/* Link _ Webstore
	-----------------------------*/
			p.lnkStore 	{
				padding:10px 0;
				margin:0 auto;
				text-align:center;
				position:relative;
				clear:both;
			}
			p.lnkStore a,
			p.lnkStore span	{
				width:50%;
				padding:1em 1.5em;
				margin:10px auto;
				background:#42b9ce;
				/*background:#2c9fce;*/
				color:#fff;
				text-align:center;
				text-decoration:none;
				border-radius:5px;
				box-shadow:0 3px 2px -1px rgba(0,0,0,0.2);
				border:1px outset rgba(0,0,0,0.2);
				display:inline-block;
				position:relative;
				
			}
			p.lnkStore a:hover,
			p.lnkStore a:active	{
				background:#497095;
				/*background:#295d92;*/
			}
			p.lnkStore a:before	{
				content:"→";
				position:absolute; right:10px; top:1em;
				color:#fff;
			}
			p.lnkStore span	{ background:#ccc; box-shadow:none; border:none;}

	/* Return to Page Top
	-----------------------------*/		
	p.lnkPtop	{
		width:960px;
		padding:0;
		margin:0 auto 40px; 
		color:#fff;
		font-size:75%;
		font-style:italic;
		text-align:right;
		clear:both;
		position:relative;
	}
		p.lnkPtop a	{
			padding:10px 10px 10px 15px;
			margin-right:10px;
			background:#0095d9;
			color:#fff;
			border-radius:5px;
			text-decoration:none;
			display:inline-block;
		}
		
		p.lnkPtop a:hover	{ background:#19448e; text-decoration:none; }
	
	hr.dotline + p.lnkPtop	{ width:940px;}


/*-------------------------------
 Base _ text
---------------------------------*/
	/* Text */
		.txtl	{ text-align:left;}
		.txtc	{ text-align:center;}
		.txtr	{ text-align:right;}
		
		strong	{ font-size:1.1em;}
	
	/* Color */
		.tc-red	{ color:#a7212f;}

/*-------------------------------
 Base _ placement
---------------------------------*/
	/* Float*/
		.fltl	{ float:left;}
		.fltr	{ float:right;}

	/* Clear Fix */
		.clrfx:after	{ content:".";display:block; height:0;clear:both;visibility:hidden;}
		.clrfx	{ zoom:1;}
		.clr		{ clear:both;}


/*-------------------------------
 Header
---------------------------------*/
div#header	{
	width:100%; min-width:960px;
	padding:5px 0 0;
	margin:0 auto;
	background: #a8202e; /* Old browsers */
	background: -moz-linear-gradient(top,  #a8202e 0%, #a7202f 50%, #a8202e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a8202e 0%,#a7202f 50%,#a8202e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top,  #a8202e 0%,#a7202f 50%,#a8202e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8202e', endColorstr='#a8202e',GradientType=1 ); /* IE6-9 */
	text-align:center;
	font-size:12px;
	/*position:fixed; left:0; top:0;*/
	z-index:1000;
}

	dl.navi_head	{
			width:960px; height:25px;
			margin:0 auto;
			position:relative;
		}
		
		dl.navi_head dt,
		dl.navi_head dd	{ position:absolute; }
			dl.navi_head dt.logo45th { top:5px; left:20px;}
			dl.navi_head dt.logoVS { top:0px; right:10px;}
			
			dl.navi_head dt.logoJF img	{ width:120px;}
			dl.navi_head dt.logoVS img	{ width:110px;}


/*-------------------------------
 Common
---------------------------------*/
img.imgblck	{
	display:block;
	margin:0 auto;
	position:relative;
}


/*-------------------------------
 Hero area _ Site top
---------------------------------*/
div#heroarea	{
	width:100%; min-width:960px;
	margin-top:-30px;
	background:url(/45th_anniversary/image/bg_heroarea_normal.jpg) 50% 0 no-repeat #9d7d4c;
	/*box-shadow:0 0px 8px 1px rgba(0,0,0,0.5) inset;*/
	position:relative;
}
	div#haInner	{
		width:960px;
		margin:0 auto;
		position:relative;
	}
	div#heroarea h1	{ text-align:center;}
	div#heroarea img.linkbtn	{
		display:block;
		position:absolute; right:10px; top:400px;
	}

	/* お知らせ
	-----------------------------*/
	div#infoNews	{
		width:900px;
		padding:0;
		margin:0 auto 40px;
		position:relative;
	}
		div#infoNews .icIntoTab	{
			width:110px; height:calc(100% - 20px);
			padding:20px 0 0;
			/*margin:0 0 -160px 10px;*/
			background:#aa3835;
			border-radius:10px 0 0 10px;
			text-align:center;
			overflow:hidden;
			position:absolute; left:0px; top:0px;
			vertical-align:middle;
		}
		div#infoNews ul	{
			width:770px;
			min-height:160px;
			padding:10px 0 10px 130px;
			margin:0;
			background:rgba(256,256,256,0.8);
			box-shadow:0 1px 5px 0 rgba(0,0,0,0.5);
			border-radius:10px;
			xoverflow-y: scroll;
		}
		div#infoNews li	{
			padding:10px 10px 5px 100px;
			margin-right:10px;
			line-height:1.4;
			text-align:left;
			text-indent:-100px;
		}
			div#infoNews li + li	{ border-top:1px solid #e0e0e0;}
		div#infoNews li span.date	{ font-size:12px; color:#708090; margin:0 5px 5px 0;}
		div#infoNews li span.date:after	{ content:"-"; margin:0 2px;}

/*-------------------------------
 Headline
---------------------------------*/

	/* h2 _ Event Contents Title
	-----------------------------*/
	h2.titConts	{
		text-align:center;
		width:960px;
		margin:0 auto 10px;
		position:relative;
	}

/*-------------------------------
  Menu _ Global navi（Page top - Fixed）
---------------------------------*/
div.fxblnk	{ width:100%; height:60px;  position:relative;z-index:0;}

div#menuContens	{
	width:100%; min-width:960px;
	height:60px/*80px*/;
	padding:0;
	margin-top:-60px;
	background:#e70012;
	/*background:linear-gradient(#e70012, #b4010f);*/
	background: #481e1f; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #a7202f 0%, #6d1e25 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom,  #a7202f 0%,#6d1e25 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a7202f 0%,#6d1e25 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7202f', endColorstr='#6d1e25',GradientType=1 ); /* IE6-9 */
	box-shadow:0 5px 5px 0 rgba(0,0,0,0.4);
}

	#mcLst	{
		width:960px;
		padding:0;
		margin:0 auto;
		text-align:center;
		position:relative;
	}
	#mcLst dt	{
		height:60px;
		margin:0 5px;
		margin-right:25px;
		display:none;
		font-size:93.75%;
		vertical-align:middle;
	}
	#mcLst dd	{
		height:60px;
		margin:0 1px;
		display:inline-block;
		font-size:93.75%;
		vertical-align:middle;
	}

	#mcLst dt a	{
		width:auto; height:60px;
		padding:0 10px;
		color:#fff;
		display:block;
		line-height:60px;
		vertical-align:middle;
		position:relative;
	}
		#mcLst dt a:hover	{ background:#481e1f;}
	
	#mcLst dd a	{
		width:auto; height:40px;
		padding:20px 25px;
		color:#fff;
		display:block;
		line-height:40px;
		vertical-align:middle;
		position:relative;
	}
		#mcLst dd a:hover	{
			color:#fff;
			background:#481e1f;
			text-decoration:none;
		}

 /* ----------------------------- Fixed */

	/*  Link _ Anchor
	-----------------------------*/
	.anchor-link {
		display: block;
		height: 1px;
		overflow: hidden;
		position: absolute;
		top: -60px;
		width: 1px;
	}

	.anchor-inner {
		height:100px;
		margin-top:-100px;
		display:block;
	}

	/* After _ Fixed
	-----------------------------*/
	.fixed {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
	}
	
	div#menuContens.fixed	{
		height:60px;
		margin-top:0;
		vertical-align:top;
		overflow:hidden;
		zoom:1;
	}
		div#menuContens.fixed #mcLst	{
			height:60px;
		}
		div#menuContens.fixed #mcLst dt,
		div#menuContens.fixed #mcLst dd	{
			height:60px;
			margin:0;
			display:inline-block;
			float:left;
			font-size:87.5%;
		}
		div#menuContens.fixed #mcLst  dt a	{
			padding:0 10px;
		}
		div#menuContens.fixed #mcLst  dd a	{
			padding:10px 25px;
		}

/*-------------------------------
 Menu _ Local navi
---------------------------------*/
.menuLocal	{
	max-width:720px;
	margin:0px auto 40px;
	border-bottom:1px solid #d8cab2;
	position:relative;
	text-align:center;
}
div#heroarea h1 + .menuLocal	{ margin-top:-20px;}
	.menuLocal .new::before	{
		content:"\002605";
		position:absolute; left:-30px; top:10px;
		color:#a6202f;
		font-size:30px;
		letter-spacing:0;
		text-shadow:0 0 1px #fff , 0 1px 1px #fff , 0 0 10px #fff;
	}
	
	.menuLocal a	{
		padding:15px 10px;
		margin:0;
		color:#533833;
		display:block;
		font-weight:bold;
		text-shadow:0 0 1px #fff , 0 1px 1px #fff , 0 0 10px #fff;
	}
		.menuLocal a:hover	{
			background:rgba(83,56,51,0.4);
			/*border-radius:5px;*/
			color:#fff;
			font-weight:normal;
			text-shadow:none;
			text-decoration:none;
		}
		.menuLocal dd a::after	{
			content:"▼";
			position:absolute; right:10px; top:calc(50% - 0.5em);
		}
		
	.menuLocal dt	{
		margin:0 0 10px;
		font-size:36px;
		letter-spacing:2px;
		
	}
	.menuLocal dd	{
		margin:0;
		border-bottom:1px solid #8c816e;
		font-size:24px;
		letter-spacing:0.05em;
		text-align:left;
		position:relative;
	}
		.menuLocal dd:not(:first-of-type)	{
			border-top:1px solid #e8ddc9;
		}
	.menuLocal dd a	{

	}


/*-------------------------------
 Container _ Banner List
---------------------------------*/
div.cntnr_bnr	{
	width:100%; min-width:960px;
	padding:20px 0;
	background:#e70012;
	/*background:linear-gradient(#e70012, #b4010f);*/
	background: #481e1f; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #a7202f 0%, #6d1e25 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom,  #a7202f 0%,#6d1e25 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a7202f 0%,#6d1e25 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7202f', endColorstr='#6d1e25',GradientType=1 ); /* IE6-9 */
	position:relative;
}
	div.cntnr_bnr > ul	{
		max-width:960px;
		margin:0 auto;
		text-align:center;
	}
		div.cntnr_bnr > ul > li	{
			margin:20px;
			display:inline-block;
			vertical-align:top;
			color:#fff;
		}
		div.cntnr_bnr > ul > li img	{
			display:block;
		}

/*-------------------------------
 Contents Wrapper
---------------------------------*/
div.anchor-box	{ position:relative;}

div.wrapper	{
	width:100%; min-width:960px;
	background:url(/45th_anniversary/image/bg_body.jpg) 50% 0 no-repeat fixed;
	background-size:contain;
	position:relative;
	padding:0 0 40px;
}
	div.wrapper::before	{
		content:"";
		width:100%; height:315px;
		background:url(/45th_anniversary/image/bg_wrapper_bottom.png) 50% bottom repeat-x ;
		position:absolute; left:0; bottom:0;
	}
	div#wrpTop.wrapper	{ padding-top:40px;}
	div#wrpCnts.wrapper	{ margin-top:-30px;}	


	div.wrapper h2.titConts,
	div.wrapper p.honbun	{
		display:none;
	}


	/* Inner Wrapper
	-----------------------------*/
	div.wrapInner	{
		width:960px;
		padding-top:60px;
		margin:0 auto 40px;
		position:relative;
	}
		
		div.wrapInner hr	{
			clear:both;
			margin:0 10px 40px;
			border:1px solid #999;
			border-top-color:transparent;
			border-right-color:transparent;
			border-left-color:transparent;
		}
		div.wrapInner hr.dotline	{
			margin:0 20px 20px;
			border-style:dotted;
			border-bottom-color:#ccc;
		}


/*-------------------------------
 Wrapper _ 
---------------------------------*/
.container_kikaku	{
	width:100%;	min-width:960px;
	margin-bottom:120px;
	text-align:center;
	cursor:pointer;
	position:relative;
}
.container_kikaku + .link-list	{ margin-top:-60px; margin-bottom:60px;}

	.boxthumb#shirokuma01thumb	{ height:530px; background:url(/45th_anniversary/image/img_thumb_01-aisatsu.png) 50% 0 no-repeat;}
	.boxthumb#shirokuma02thumb	{ height:480px; background:url(/45th_anniversary/image/img_thumb_02-happyou.png) 50% 0 no-repeat;}
	.boxthumb#shirokuma03thumb	{ height:400px; background:url(/45th_anniversary/image/img_thumb_03-zokuhou.png) 50% 0 no-repeat;}
	.boxthumb#shirokuma04thumb	{ height:640px; background:url(/45th_anniversary/image/img_thumb_04-zokuhou02.png) 50% 0 no-repeat;}
	
	.boxthumb.open#shirokuma01thumb,
	.boxthumb.open#shirokuma02thumb,
	.boxthumb.open#shirokuma03thumb,
	.boxthumb.open#shirokuma04thumb	{ height:0; background:none;}
	
	.boxthumb::after	{
		content:"続きを見る";
		width:400px;
		padding:20px 0;
		margin-left:-200px;
		background:#a21825;
		border-radius:5px;
		color:#fff;
		position:absolute; left:50%; bottom:50px;
		z-index:100;
	}
	.boxthumb.open::after	{
		content:"閉じる";
		bottom:-50px;
		background:#ccc;
		color:#555;
	}
	.boxthumb:hover::after	{
		background:#741f26;
	}
	.boxthumb.open:hover::after	{
		background:#555;
		color:#fff;
	}
	


div.boxImage	{
	width:100%;
	min-width:960px;
	position:relative;
	margin:0 auto 60px;
	text-align:center;
	overflow:hidden;
	display:none;
	cursor:auto;
}
	div.boxImage#shirokuma00	{ padding-top:950px; background:url(/45th_anniversary/image/img_cont_00-shirokuma_detail.png) 50% 0 no-repeat; display:block;}
	div.boxImage#shirokuma01	{ padding-top:1230px; background:url(/45th_anniversary/image/img_cont_01-aisatsu.png) 50% 0 no-repeat;}
	div.boxImage#shirokuma02	{ padding-top:1170px; background:url(/45th_anniversary/image/img_cont_02-happyou.png) 50% 0 no-repeat;}
	div.boxImage#shirokuma03	{ padding-top:1210px; background:url(/45th_anniversary/image/img_cont_03-zokuhou.png) 50% 0 no-repeat;}
	div.boxImage#shirokuma04	{ padding-top:1400px; background:url(/45th_anniversary/image/img_cont_04-zokuhou02.png) 50% 0 no-repeat;}
	




	/* Contetns box _ Imageなし用
	-----------------------------*/
	div.boxConts	{
		padding:20px 0;
		margin:0 auto 20px;
		background:#f9f6ed;
		/*box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);*/
		box-shadow:0 1px 5px 0 rgba(0,0,0,0.5) , 0 0 60px 10px rgba(219,203,170,0.9) inset;
		position:relative;
	}
		div.boxConts > hr	{
			margin:40px 20px;
			border:none;
			border-top:1px solid #bdb69d;
			border-bottom:1px solid #fff /*#dbd9d2*/;
		}
	
	
		/* Contents Box内タイトル
		-----------------------------*/
		div.boxConts h2	{
			padding:15px 0;
			margin:0 10px 40px;
			color:#7b5f53;
			line-height:1.2;
			font-size:200%;
			font-weight:bold;
			text-align:center;
		}

/*-------------------------------
 Contetnts _ Shirokuma Shigechan
---------------------------------*/
div.shirokuma_hero	{
	width:100%; min-width:960px;
	background:url(/45th_anniversary/image/bg_heroarea.jpg) 50% 0 no-repeat;
	/*box-shadow:0 0px 8px 1px rgba(0,0,0,0.5) inset;*/
	position:relative;
}
	div.haInner	{
		width:960px;
		margin:0 auto;
		position:relative;
	}
	div.shirokuma_hero h1	{}
	div.shirokuma_hero img.linkbtn	{
		display:block;
		position:absolute; right:10px; top:400px;
	}
	/* Contetns box _ プレゼント概要
	-----------------------------*/
	table#summary	{
		width:900px;
		margin:-100px auto 10px;
		background:#fff;
		border:10px solid #fff;
		box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
		line-height:1.3;
		font-size:18px;
		text-align:left;
		position:relative;
	}
		table#summary th	{
			padding:5px 15px 10px 5px;
			white-space:nowrap;
		}
		table#summary td	{
			padding:5px 20px 10px 15px;
			position:relative;
		}
			table#summary td::before	{
				content:"：";
				margin-left:-1em;
			}
			table#summary td img	{
				position:absolute; right:-40px; top:-100px;
			}

	/* Contetns box _ お迎え方法詳細
	-----------------------------*/
	div#application	{
		width:940px;
		margin:0 auto;
		text-align:left;
		position:relative;
	}
		div#application h3	{
			margin:0 0 -13px 20px;
			position:relative;
			z-index:100;
		}

		div.app_list	{
			width:920px;
			padding:10px;
			margin:0 auto 20px;
			background:rgba(244,223,183, 0.9);
			box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.4);
			position:relative;
		}
			div.app_list.end	{ background:rgba(162,147,126,0.6);}
			div.app_list.end::after	{
				content:"※終了いたしました";
				color:#fff;
				position:absolute; right:40px; bottom:40px;
				font-size:18px;
				text-shadow:0 1px 5px rgb(162,147,126);
			}

			/* お迎え詳細 _ 各方法 */
			dl.app_detail dt	{
				padding-top:20px;
				min-height:100px;
				font-size:36px;
				font-weight:bold;
				line-height:1.2;
				letter-spacing:0.05em;
			}
				dl.app_detail img	{
					margin:-20px 10px 10px 0;
					display:block;
					float:left;
				}
					dl.app_detail span	{
						color:#a6182a;
						font-size:26px;
					}
				
				dl.app_detail dd	{
					padding:0 20px 20px 120px;
					font-size:20px;
					font-weight:bold;
					line-height:1.3;
				}
				
				dl.app_detail dd address	{
					padding:15px 10px 15px 6em;
					background:#fff;
					line-height:1.4;
					font-size:18px;
					text-indent:-5em;
				}

			/* お迎え詳細 _ 実施店舗リスト */
			dl.app_shop	{
				padding:10px;
				margin:20px 20px 0;
				background:#f9e8ca;
				border:1px solid #e4d4ba;
				position:relative;
			}
				dl.app_shop dt	{
					margin:10px auto 20px;
					font-size:20px;
					font-weight:bold;
					text-align:center;
				}
				dl.app_shop dd	{
					min-width:30%;
					margin:0 0 15px 0;
					display:inline-block;
				}
					dl.app_shop dd::before	{
						content:"・";
						margin:0 0.5em 0 0;
					}
					dl.app_shop dd a	{ color:#533934;}
					dl.app_shop dd a:hover	{ text-decoration:underline;}
			

			/* お迎え詳細 _ 注釈 */
			ul.note	{
				font-size:16px;
				font-weight:normal;
				line-height:1.3;
			}
				ul.note li	{
					padding-left:1em;
					text-indent:-1em;
				}
				dl.app_detail + ul.note	{
					margin:0 10px;
					font-weight:bold;
				}


/*-------------------------------
 Contetnts _ Shop Information 8/11
---------------------------------*/
div.shopinfo	{
	width:940px;
	padding:20px 0;
	margin:0 auto 100px;
	background:#fbf8f0;
	background:rgba(251,248,240,0.8);
	box-shadow:0 1px 5px 0 rgba(0,0,0,0.5);
	color:#533934;
	position:relative;
	top:60px;
}
	div.shopinfo hr	{ margin:40px 20px;}

	div.shopinfo > h1	{
		margin:20px;
		font-size:30px;
		line-height:1.5;
		text-align:center;
	}
		div.shopinfo > h1:first-line	{ color:#a6182a; font-size:24px; font-weight:bold;}
		div.shopinfo > h1 strong	{ font-size:36px; font-weight:bold;}

	div.shopinfo > h2	{
		margin:20px;
		font-size:30px;
		font-weight:bold;
		line-height:1.5;
		text-align:center;
	}
	

	div.shopinfo dl.app_shop dd::before	{
		content:"";
		margin:0;
	}
		div.shopinfo dl.app_shop dd a	{ padding-right:0.2em;}
		div.shopinfo dl.app_shop dd a::before	{
			content:"▼";
			margin:0 0.2em;
		}
		div.shopinfo dl.app_shop dd a:hover	{ background:#533934; color:#fff; text-decoration:none;}


	ul.app_shop-note	{
		padding:0 20px;
		margin:20px;
		font-size:14px;
	}
		ul.app_shop-note li	{
			margin:5px 1em;
			line-height:1.3;
			text-indent:-1em;
		}

	/* Shop Information - Detail
	-----------------------------*/
	div.app_shop-detail	{
		padding:20px;
		margin:20px 20px 60px;
		background:rgba(256,256,256,0.9);
		border:1px solid #e4d4ba;
	}
		img.map	{
			margin:10px auto;
			display:block;
		}
	
		div.app_shop-detail > h3	{
			padding:5px 10px;
			margin:0 0 10px;
			border-left:10px solid #533934;
			font-size:20px;
		}
		div.app_shop-detail > p	{
			margin:10px 20px;
			line-height:1.5;
		}
		
		div.app_shop-detail table	{
			width:calc(100% - 40px);
			margin:20px;
			background:#533934;
			border-collapse:separate;
			border-spacing:1px;
		}
			div.app_shop-detail table th,
			div.app_shop-detail table td	{
				padding:10px;
			}
			div.app_shop-detail table th	{
				width:30%;
				background:#f9f3e7;
				white-space:nowrap;
			}
			
			div.app_shop-detail table td	{
				background:#fff;
			}

		div.app_shop-detail > dl	{
			width:calc(100% - 40px);
			margin:40px 20px ;
		}
			div.app_shop-detail > dl dt	{
				padding:8px 10px;
				margin:10px 0 20px;
				background:#533934;
				color:#fff;
			}
			div.app_shop-detail > dl dt::before	{ content:"●";}
			
			div.app_shop-detail > dl dd	{
				margin:10px;
				line-height:1.5;
			}
			div.app_shop-detail > dl dd li	{
				padding-left:1em;
				margin-bottom:10px;
				font-size:15px;
				line-height:1.3;
				text-align:justify;
				text-indent:-1em;
			}
	
	
	/*---------------------------*/


/*-------------------------------
 Contetnts _ Photo-essay 
---------------------------------*/
div.photoessay_hero	{
	width:100%; min-width:960px;
	min-height:770px;
	padding:80px 0 0;
	margin:0 auto 20px;
	background:url(/45th_anniversary/image/pec_bg_heroarea.png) 50% -110px no-repeat;
	text-align:center;
	position:relative;
	
	}

	/* Photo-essay _ Replacement image
	-----------------------------*/
	.pec_img_catch	{
		width:800px; height:360px;
		margin:80px auto 0;
		background:url(/45th_anniversary/image/pec_text_catch.png) 50% 0 no-repeat;
		position:relative;
	}
	
	.pec_img_shokin	{
		width:398px;
		height:164px;
		margin-left:42px;
		background:url(/45th_anniversary/image/pec_img_shokin.png) 0 0 no-repeat;
		position:absolute; left:50%; bottom:20px;
	}
	
	.pec_img_episode	{
		width:940px; height:480px;
		margin:-20px auto -250px;
		background:url(/45th_anniversary/image/pec_img_episode.png) 50% 0 no-repeat;
	}
	
		div[class^="pec_img_"] *	{
			display:none;
		}
	/*---------------------------*/


	div.photoessay	{
		width:940px;
		padding:20px 0;
		margin:0 auto 40px;
		background:#fbf8f0;
		background:rgba(251,248,240,0.8);
		box-shadow:0 1px 5px 0 rgba(0,0,0,0.5);
		color:#533934;
		position:relative;
	}

	div.photoessay > h2,
	div.photoessay > p	{
		margin:40px;
	}
		div.photoessay > h2	{
			font-size:26px;
			line-height:1.5;
			text-align:center;
		}
			div.photoessay > h2 strong	{ font-size:32px;}
		
		div.photoessay > p	{
			font-size:20px;
			font-weight:bold;
			line-height:1.5;
		}


	/* Photo-essay _ Entry
	-----------------------------*/
	div.box-entry	{
		margin:40px;
		padding:0 0 20px 24px;
		position:relative;
		line-height:1.5;
		font-size:20px;
		text-align:left;
	}
		div.box-entry:not(#entry-mail) > h3	{
			margin:0 0 10px -24px;
			font-size:24px;
			font-weight:bold;
		}
			div.box-entry:not(#entry-mail) > h3::before	{
				content:"◆";
			}
		
		
		div.box-entry > dl	{ }
			div.box-entry > dl dt	{
				margin-bottom:10px;
			}
			div.box-entry > dl dd::before	{
				content:"●";
				
			}
			div.box-entry > dl dd	{
				margin-right:1em;
				display:inline-block;
			}
			div.box-entry > dl dd:first-of-type	{
				font-size:22px;
				display:block;
			}

		
		
		div.box-entry > ul li	{
			margin:0 0 5px 1em;
			text-indent:-1em;
		}
		
		
		div.box-entry > ol li	{
			margin:0 1em 5px 0;
			display:inline-block;
		}
		
		
		/* Entry Box _ Only - Rule */
		div#entry-rule.box-entry	{
			padding-top:20px;
			border-top:4px dotted #533934;
			border-bottom:4px dotted #533934;
		}
			div#entry-rule.box-entry > ul	{ font-size:14px;}
		
		
		/* Entry Box _ Only - Mail */
		div#entry-mail.box-entry	{
			padding:0 0 40px;
			margin-bottom:20px;
			background:#fff;
			border:1px solid #533934;
			box-sizing:border-box;
			text-align:center;
			
		}
			div#entry-mail.box-entry > h3	{
				padding:10px 80px;
				background:#533934;
				margin:0 auto 40px;
				color:#fff;
				font-size:24px;
			}
			
	
	/* Module _ link button
	-----------------------------*/
	.mdl-lnkbtn	{
		padding:20px 0;
		margin:0 auto 20px;
		line-height:1.5;
		font-size:20px;
		text-align:center;
	}
		.mdl-lnkbtn	a.lnkBtn	{ width:40%; padding-top:30px; padding-bottom:30px;}
		
		div.box-entry > .mdl-lnkbtn	{ padding-right:24px;}


/*-------------------------------
 Contetnts _ Party
---------------------------------*/
div.party_hero	{
	width:960px;
	padding:40px 0 0;
	margin:0 auto 20px;
	background:url(/45th_anniversary/image/party_bg_heroarea.png) 50% 0 no-repeat;
	text-align:center;
	position:relative;
	}
	
	div.party_hero > p:first-of-type	{
		margin:-25px 0 0 20px;
		color:#352323;
		font-size:18px;
		font-weight:bold;
		line-height:1.6;
		text-align:left;
	}

	/* Party _ Replacement image
	-----------------------------*/
	
		div[class^="pec_img_"] *	{
			display:none;
		}
	/*---------------------------*/


	div.contsbox_party	{
		width:940px;
		padding:20px 0;
		margin:0 auto 40px;
		background:#fbf8f0 url(/45th_anniversary/image/party_bg_contents.png) right 0 no-repeat;
		background:rgba(251,248,240,0.8) url(/45th_anniversary/image/party_bg_contents.png) right 0 no-repeat;
		box-shadow:0 1px 5px 0 rgba(0,0,0,0.5);
		color:#533934;
		position:relative;
	}


	/* Party _ summary
	-----------------------------*/
	div.box-summary	{
		margin:10px 40px;
		padding:0 0 20px 24px;
		color:#352323;
		line-height:1.5;
		font-size:20px;
		text-align:left;
		position:relative;
	}
		div.box-summary > h2	{
			min-width:5em;
			padding:5px 10px;
			margin:0 0 20px -24px;
			background:#990019;
			color:#fff;
			font-size:22px;
			font-weight:bold;
			letter-spacing:0.05em;
			line-height:1.2;
			display:inline-block;
			text-align:center;
		}
		
		div.box-summary p.notice	{
			padding:10px;
			margin:20px 0 20px -20px;
			background:#352323;
			color:#fff;
			font-size:16px;
			text-align:center;
		}	
	
	/* Box - Replace Image */
	div.box-summary.replace_img	{
		padding:0;
		margin:10px 10px 40px;
	}
	div.box-summary.replace_img p	{
		display:none;
	}
	
	/* Box - Flow */
	div.box-summary > div.box-flow	{
		margin:0 20px 60px 0px;
	}
	div.box-flow	{
		text-align:center;
	}
		div.box-flow strong	{
			font-size:24px;
			font-weight:bold;
		}
	
		div.box-flow dl	{
			padding:10px;
			margin-bottom:20px;
			background:#fff;
			border-radius:10px;
			box-shadow:0 0 5px 1px rgba(0,0,0,0.4);
			
		}
			div.box-flow dl > dt	{
				min-width:260px;
				padding:10px;
				color:#990019;
				font-size:24px;
				font-weight:bold;
				display:table-cell;
				vertical-align:top;
				white-space:nowrap;
			}
			div.box-flow dl > dd	{
				padding:10px 20px;
				color:#352323;
				font-size:20px;
				display:table-cell;
				text-align:left;
			}
		
		div.box-flow > ul	{
			margin:20px 10px;
			text-align:left;
			font-size:16px;
		}
			div.box-flow > ul li	{
				margin:4px 0;
				line-height:1.3;
			}
			
		div.box-flow > p	{
			font-size:20px;
		}
		
		div.box-flow .arrow-down	{
			width:0; height:0;
			margin:10px auto 0px;
			border:20px solid transparent;
			border-top:15px solid #990019;
			font-size:40px;
			display:block;
			overflow:hidden;
		}


/*-------------------------------
 Contact Us
---------------------------------*/
div#contactus	{

	width:100%; min-width:960px;
	background: #a8202e; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #ac3936 0%, #481e1f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom,  #ac3936 0%,#481e1f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ac3936 0%,#481e1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac3936', endColorstr='#481e1f',GradientType=1 ); /* IE6-9 */
	/*position:relative;
	margin:0 auto;*/
}
	div#contactus address	{
		width:960px;
		padding:20px 0 40px;
		margin:0 auto;
		color:#fff;
		font-size:15px;
		line-height:1.5;
		text-align:center;
		position:relative;
	}
		div#contactus address strong	{
			display:inline-block;
			padding:5px 20px;
			margin:0 auto 20px;
			background:#481e1f;
			border:1px solid #fff;
			color:#fff;
			font-size:22px;
			font-weight:bold;
		}
		div#contactus address em	{ font-size:18px; line-height:2;}
			
/*-------------------------------
 Footer
---------------------------------*/
#footer	{
	min-width:960px;
		
	background: #99713e; /* Old browsers */
	background: -moz-linear-gradient(bottom,  transparent 0%, #99713e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom,  transparent 0%,#99713e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  transparent 0%,#99713e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#99713e',GradientType=1 ); /* IE6-9 */	
	padding:0 0 40px;
}
	/* Footer - Innner Box
	-----------------------------*/
	div#ftrInner	{
		width:960px;
		padding:80px 0px 10px;
		margin:0 auto;
		position:relative;
		text-align:center;
	}
		#ftrInner .logoVs	{ margin:0 auto 10px;}
		#ftrInner p	{
			margin:0 auto 10px;
			color:#fff;
			font-size:87.5%;
			letter-spacing:normal;
			line-height:1.5;
			text-shadow:0 1px 3px #9a7240 , 0 0 6px #9a7240;	
		}
		#footer	p.copy{
			margin:20px auto 25px;
		}