/* Scss Document */
#key {
	background: url(../img/index/key_bg.png) center bottom no-repeat;
	background-size: cover;
}
#key .photo {
	position: absolute;
	top: 0%;
	left: calc(50% - 247px);
}

@media screen and (min-height: 500px) and (max-height: 780px) {
	#key .photo img  {
		width: 84%;
		height: auto;
		
	}	
}


section {
	background: none;
}
#sec1 {
	text-align: center;
	background: url(../img/index/sec1_bg.png) center 0 no-repeat;
	
}
#sec2 {
	background: url(../img/index/sec2_bg.jpg) center 0 no-repeat;
	padding: 101px 0;
	margin-bottom: 27px;
}
#sec2 .info {
	background: url(../img/index/op_bg.png) 0 0 repeat;
	margin: 0 -75px;
	padding: 0 75px 44px;
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.6);
}
#sec2 .info h2 {
	text-align: right;
	padding: 72px 0px 0 0;
}
#sec2 .info .bnr {
	position: absolute;
	top: 87px;
	left: 93px;
}
#sec2 .info .txt-vertical {
	position: absolute;
	top: 91px;
	right: 295px;
	height: 490px;
}
#sec2 .info .txt-vertical p {
	margin-left: 35px;
}
#sec3 {
	background: url(../img/index/sec3_bg.png) center 0 no-repeat;
	padding-top: 136px;
	padding-bottom: 237px;
	line-height: 36px;
}
#sec3 h2 {
	padding-bottom: 46px;
}
#sec3 .txt {
	margin-left: 5px;
	margin-bottom: 55px;
}
#sec3 .banner {
	width: 569px;
	position: absolute;
	top: 314px;
	font-size: 0;
	letter-spacing: 0;
	right: -69px;
}
#sec3 .banner dt {
	padding-top: 190px;
}
#sec3 .banner li {
	display: inline;
}
#sec4 {
	background-image: url(../img/index/sec4_bg.jpg);
	margin-bottom: 100px;
}
#sec4 .info {
	background: url(../img/index/op_bg2.png) repeat center top;
	min-height: 660px;
	width: 846px;
	margin: 0 auto;
	position: relative;
}
#sec4 h2 {
	position: absolute;
	top: 92px;
	right: 87px;
}
#sec4 .bnr {
	position: absolute;
	top: 114px;
	left: 98px;
}
#sec4 .txt-vertical {
	position: absolute;
	top: 120px;
	right: 330px;
	height: 500px;
}
#sec5 {
	text-align: center;
	padding-bottom: 97px;
}
#sec5 h2 {
	background: url(../img/shared/dot.png) 0 bottom repeat-x;
	margin: 0 -10px 50px;
	padding-bottom: 1px;
}
#sec5 .wrap {
	box-sizing: border-box;
	padding: 0 50px;
}
#sec5 .group {
	margin-bottom: 64px;
}
#sec5 .group .fl, #sec5 .group .fr {
	width: 410px;
}
#sec5 .twiter iframe {
	height: 425px !important;
}
#sec5 #instafeed {
	text-align: left;
	letter-spacing: 0;
	font-size: 0;
	margin-bottom: 75px;
}
#sec5 #instafeed li {
	display: inline;
}
#feed {
	text-align: left;
}
#feed .rss {
	float: left;
	width: 270px;
	margin-right: 45px;
	font-size: 16px;
	line-height: 27px;
}
#feed .rss:last-child {
	margin-right: 0;
}#feed .rss dl {
	padding-left: 6px;
}
#feed .rss dt {
	font-size: 14px;
	padding:17px 0 5px;
}
#feed .photo {
	opacity: 1;    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
#feed .photo:hover {
	
	opacity: 0.8;
}


.oshirase{
width: 800px;
margin:auto;
background-color: rgba(253,217,161,0.9);
padding: 15px 0;
margin-bottom: 5px;
color:#630;
text-shadow: 0px 0px 5px rgba(146,119,83,0.5);
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
z-index: 9999999;
}
.oshirase .tit{
text-align: center;
font-size: 22px;
border-bottom: solid 1px #5B0809;
padding-bottom: .4em;
}
.oshirase .txtx{
text-align: center;
padding-top: 10px;
font-size: 15px;
}