@charset "utf-8";
body {
	padding-top: 60px;
}


#loader-bg {
	background: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
}
#loader-bg div {	
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}
#loader-bg img {
	text-align: center;
	margin: 10px auto;
	display: block;

}


body {
	padding-top: 80px;
}
/* CSS Document */

.wrap-twitter {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(26,137,240,1.00);
	border: 5px solid rgba(26,137,240,1.00);
	padding-bottom: 20px;
	border-radius: 10px;
}

.wrap-twitter p {
	color: rgba(255,255,255,1.00);
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 9px;
}

.wrap-twitter div {
	margin-left: 20px;
	margin-right: 20px;
	height: 500px;
	overflow-y: scroll;
}
.copy {
	background-color: rgba(216,108,108,1.00);
}
.copy p {
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-size: 3rem;
	padding-top: 30px;
	padding-bottom: 30px;
}
#news {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}
#news div {
	width: 30%;
	background-color: rgba(255,255,255,1.00);
	margin-left: 1.5%;
	margin-right: 1%;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 3px 4px 1px rgba(152,147,147,1.00);
	box-shadow: 0px 3px 4px 1px rgba(152,147,147,1.00);
	margin-bottom: 20px;
}
#news div p {
	text-align: center;
	font-size: 0.8rem;
	margin-bottom: 10px;
	-webkit-box-shadow: px 0px;
	box-shadow: px 0px;
}



.newsw {
	background-color: #F9DADA;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #FFEFEF), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #FFEFEF),color-stop(.75, #FFEFEF), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.twitterw {
	background-color: #CAE9FF;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #E7F8FC), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #E7F8FC),color-stop(.75, #E7F8FC), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	padding-top: 50px;
	padding-bottom: 50px;

}


.p-title {
	text-align: center;
	font-size: 2rem;
	margin-bottom: 30px;
	font-weight: bold;
}

.p-title:before {
	content: '＼';
	margin-right: 15px;
}
.p-title:after {
	content: '／';
	margin-left: 15px;
}
.p-title.news {
	color: rgba(216,108,108,1.00);
}
.p-title.photo {
	color: rgba(255,95,0,1.00);
	font-weight: bolder;
}
.p-title.twitter {
	color: rgba(26,137,240,1.00);
	font-weight: bolder;
}
.contents {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

#footer {
	text-align: center;
}
#footer img {
	width: 300px;
}
#footer p {
	display: inline-block;
	text-align: center;
}
.share {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
#container   {
	padding-top: 20px;
}
.event-naiyou p  {
	margin-bottom: 10px;
}
.photoreco   {
	background-color: #F9F2B3;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	padding-top: 50px;
	padding-bottom: 50px;

}
.photoreco div  {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}
.photoreco div p {
	text-align: center;
}

.photoreco div img {
	margin-bottom: 20px;

}








@media screen and (min-width:640px){
    .onlysp {
        display: none;
    }
}




@media screen and (max-width:640px){
.onlypc {
        display: none;
    }
body {
	padding-top: 60px;
}
/* CSS Document */

.wrap-twitter {
	max-width: 500px;
	margin-left: 5%;
	margin-right: 5%;
	background-color: rgba(26,137,240,1.00);
	border: 5px solid rgba(26,137,240,1.00);
	padding-bottom: 20px;
	border-radius: 10px;
}

.copy p {
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-size: 6vw;
	padding-top: 30px;
	padding-bottom: 30px;
}
.infiniteslide_wrap {

}
.infiniteslide li img {
	height: 100%;
}

.p-title {
	text-align: center;
	font-size: 5vw;
	margin-bottom: 30px;
}
.p-title.event {
	padding-top: 20px;
}
#news div {
	width: 100%;
	background-color: rgba(255,255,255,1.00);
	margin-bottom: 30px;
}
.news {
	background-color: #F9DADA;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #FFEFEF), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #FFEFEF),color-stop(.75, #FFEFEF), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.twitterw {
	background-color: #CAE9FF;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #E7F8FC), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #E7F8FC),color-stop(.75, #E7F8FC), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	padding-top: 20px;
	padding-bottom: 20px;

}
#footer {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer p {
	display: inline-block;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.share {
	max-width: 800px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 50px;
}
.photoreco div p {
	text-align: center;
	font-size: 3.4vw;
}








}



/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none){
  .wrap-twitter, .twitter {
    display: none;
  }
}