@charset "UTF-8";

.shadow{
	text-shadow:2px 2px 3px rgba(0,0,0,0.3);
}
.shadow2{
	text-shadow:2px 1px 0px rgba(0,0,0,0.4);
}
.kiloji{
	font-family: kiloji_b;
}
.bg-gray{
	background-color:#efefef;
}
body{
	font-family: YuGothic,'Yu Gothic', sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
}
img{
	max-width:100%;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
}
.index-header{
	margin:0;
	padding:105px 0;
	background-image:url(../images/apricot2.jpg);
	background-size:cover;
	background-position: center center;
}
.index-header h1{
	font-size:400%;
	color:#FFFFFF;
	padding:30px;
	font-weight:bold;
}
.index-header p{
	font-size:90%;
	color:#FFFFFF;
	padding:0 30px;
	font-weight:bold;
}
.index-header h1 span{
	font-size:50%;
}

.btn-bbs{
	padding:30px 0;
	background-image:url(../images/apricot2.jpg);
	background-size:cover;
	background-position: center center;
	font-size:200%;
	color:#FFFFFF;
	font-weight:bold;
}
.btn-bbs:hover{
	color:#FFFFFF;
}
.bbs-header{
	margin:0 0 30px;
	padding:10px 0;
	background-image:url(../images/apricot2.jpg);
	background-size:cover;
	background-position: center center;
}
.bbs-header h1{
	font-size:400%;
	color:#FFFFFF;
	padding:0 30px;
	font-weight:bold;
}
.bbs-header p{
	font-size:90%;
	color:#FFFFFF;
	padding:0 30px;
	font-weight:bold;
}
.bbs-header h1 span{
	font-size:50%;
}

#index section{
	max-width:1000px;
	margin-right:auto;
	margin-left:auto;
	padding:50px 0;
}
#index section h2{
	font-size:240%;
	color:#CC0000;
	font-weight:bold;
	line-height:1.4em;
}
#index section h3{
	font-size:160%;
	color:#000000;
	font-weight:bold;
	line-height:1.4em;
	padding:0.5em 0;
}
#index section h4{
	font-size:120%;
	color:#000000;
	font-weight:bold;
	line-height:1.4em;
	padding:0.5em 0;
}
#index section p{
	font-size:120%;
	color:#333333;
	line-height:1.4em;
	text-align: justify;
}
.flubox{
	background-color:#FFFFFF;
}
.flubox:nth-child(2n+1){
	background-color:rgba(200,100,0,0.1);
}

.news{
	display:block;
	height:300px;
	overflow-y: scroll;
}

/*sidebar*/
.sidebanner{
	border-radius: 5px;
	background-image:url(../images/apricot2.jpg);
	background-size: cover;
	color:#FFFFFF;
	padding:10px;
	margin-bottom:20px;
}
.sidebanner h4,
.sidebanner p{
	color:#FFFFFF;
	font-weight:bold;
	text-shadow:2px 2px 3px #57310a;
}


/*bbs*/
.category-list{}

.category-list h2{
	font-size:200%;
	color:#000000;
	font-weight:bold;
}

.category-list h3{
	margin:2em 0 1em;
	font-size:160%;
	color:#CC3300;
	line-height:1.5em;
	font-weight:bold;
	border-bottom:2px solid #efefef;
	border-left:20px solid #770000;
}

.bbs{}

.bbs h2{
	font-size:200%;
	color:#000000;
	font-weight:bold;
}



/*list*/
.groupNameBack{
	background: #FF5F6D;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #FFC371, #FF5F6D);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #FFC371, #FF5F6D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	border-radius:5px;
	padding:7px 0;
}
.groupNameBack h3{
	color:#FFFFFF;
	margin:0;
	padding:0;
}
.qanda{}
.qanda dt{
	font-size:120%;
}
.qanda dd{
	font-size:100%;
	margin:1em 0 2em 1em;
	text-align: justify;
}

.pagetop{
	background-color:rgba(0,100,255,0.4);
	font-size:40px;
	border-radius: 50%;
	position:fixed;
	bottom:10px;
	right:10px;
	width:80px;
	height:80px;
	line-height:0;
	text-align:center;
	cursor: pointer;
	color:#FFFFFF;
	z-index:9999;
}
.twitter_share{
	font-size:40px;
	border-radius: 50%;
	position:fixed;
	bottom:20px;
	left:10px;
	width:40px;
	height:40px;
	z-index:9999;
}
.line_share{
	font-size:40px;
	border-radius: 50%;
	position:fixed;
	bottom:20px;
	left:60px;
	width:40px;
	height:40px;
	z-index:9999;
}
.facebook_share{
	font-size:40px;
	border-radius: 50%;
	position:fixed;
	bottom:20px;
	left:110px;
	width:40px;
	height:40px;
	z-index:9999;
}

/* youtubeレスポンシブ用 */
.youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
	margin-bottom:20px;
}
.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*loader*/
.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ff9995, 1.8em -1.8em 0 0em rgba(255,153,149, 0.2), 2.5em 0em 0 0em rgba(255,153,149, 0.2), 1.75em 1.75em 0 0em rgba(255,153,149, 0.2), 0em 2.5em 0 0em rgba(255,153,149, 0.2), -1.8em 1.8em 0 0em rgba(255,153,149, 0.2), -2.6em 0em 0 0em rgba(255,153,149, 0.5), -1.8em -1.8em 0 0em rgba(255,153,149, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,153,149, 0.7), 1.8em -1.8em 0 0em #ff9995, 2.5em 0em 0 0em rgba(255,153,149, 0.2), 1.75em 1.75em 0 0em rgba(255,153,149, 0.2), 0em 2.5em 0 0em rgba(255,153,149, 0.2), -1.8em 1.8em 0 0em rgba(255,153,149, 0.2), -2.6em 0em 0 0em rgba(255,153,149, 0.2), -1.8em -1.8em 0 0em rgba(255,153,149, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,153,149, 0.5), 1.8em -1.8em 0 0em rgba(255,153,149, 0.7), 2.5em 0em 0 0em #ff9995, 1.75em 1.75em 0 0em rgba(255,153,149, 0.2), 0em 2.5em 0 0em rgba(255,153,149, 0.2), -1.8em 1.8em 0 0em rgba(255,153,149, 0.2), -2.6em 0em 0 0em rgba(255,153,149, 0.2), -1.8em -1.8em 0 0em rgba(255,153,149, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,153,149, 0.2), 1.8em -1.8em 0 0em rgba(255,153,149, 0.5), 2.5em 0em 0 0em rgba(255,153,149, 0.7), 1.75em 1.75em 0 0em #ff9995, 0em 2.5em 0 0em rgba(255,153,149, 0.2), -1.8em 1.8em 0 0em rgba(255,153,149, 0.2), -2.6em 0em 0 0em rgba(255,153,149, 0.2), -1.8em -1.8em 0 0em rgba(255,153,149, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,153,149, 0.2), 1.8em -1.8em 0 0em rgba(255,153,149, 0.2), 2.5em 0em 0 0em rgba(255,153,149, 0.5), 1.75em 1.75em 0 0em rgba(255,153,149, 0.7), 0em 2.5em 0 0em #ff9995, -1.8em 1.8em 0 0em rgba(255,153,149, 0.2), -2.6em 0em 0 0em rgba(255,153,149, 0.2), -1.8em -1.8em 0 0em rgba(255,153,149, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,153,149, 0.2), 1.8em -1.8em 0 0em rgba(255,153,149, 0.2), 2.5em 0em 0 0em rgba(255,153,149, 0.2), 1.75em 1.75em 0 0em rgba(255,153,149, 0.5), 0em 2.5em 0 0em rgba(255,153,149, 0.7), -1.8em 1.8em 0 0em #ff9995, -2.6em 0em 0 0em rgba(255,153,149, 0.2), -1.8em -1.8em 0 0em rgba(255,153,149, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,153,149, 0.2), 1.8em -1.8em 0 0em rgba(255,153,149, 0.2), 2.5em 0em 0 0em rgba(255,153,149, 0.2), 1.75em 1.75em 0 0em rgba(255,153,149, 0.2), 0em 2.5em 0 0em rgba(255,153,149, 0.5), -1.8em 1.8em 0 0em rgba(255,153,149, 0.7), -2.6em 0em 0 0em #ff9995, -1.8em -1.8em 0 0em rgba(255,153,149, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,153,149, 0.2), 1.8em -1.8em 0 0em rgba(255,153,149, 0.2), 2.5em 0em 0 0em rgba(255,153,149, 0.2), 1.75em 1.75em 0 0em rgba(255,153,149, 0.2), 0em 2.5em 0 0em rgba(255,153,149, 0.2), -1.8em 1.8em 0 0em rgba(255,153,149, 0.5), -2.6em 0em 0 0em rgba(255,153,149, 0.7), -1.8em -1.8em 0 0em #ff9995;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ff9995, 1.8em -1.8em 0 0em rgba(255,153,149, 0.2), 2.5em 0em 0 0em rgba(255,153,149, 0.2), 1.75em 1.75em 0 0em rgba(255,153,149, 0.2), 0em 2.5em 0 0em rgba(255,153,149, 0.2), -1.8em 1.8em 0 0em rgba(255,153,149, 0.2), -2.6em 0em 0 0em rgba(255,153,149, 0.5), -1.8em -1.8em 0 0em rgba(255,153,149, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,153,149, 0.7), 1.8em -1.8em 0 0em #ff9995, 2.5em 0em 0 0em rgba(255,153,149, 0.2), 1.75em 1.75em 0 0em rgba(255,153,149, 0.2), 0em 2.5em 0 0em rgba(255,153,149, 0.2), -1.8em 1.8em 0 0em rgba(255,153,149, 0.2), -2.6em 0em 0 0em rgba(255,153,149, 0.2), -1.8em -1.8em 0 0em rgba(255,153,149, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,153,149, 0.5), 1.8em -1.8em 0 0em rgba(255,153,149, 0.7), 2.5em 0em 0 0em #ff9995, 1.75em 1.75em 0 0em rgba(255,153,149, 0.2), 0em 2.5em 0 0em rgba(255,153,149, 0.2), -1.8em 1.8em 0 0em rgba(255,153,149, 0.2), -2.6em 0em 0 0em rgba(255,153,149, 0.2), -1.8em -1.8em 0 0em rgba(255,153,149, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,153,149, 0.2), 1.8em -1.8em 0 0em rgba(255,153,149, 0.5), 2.5em 0em 0 0em rgba(255,153,149, 0.7), 1.75em 1.75em 0 0em #ff9995, 0em 2.5em 0 0em rgba(255,153,149, 0.2), -1.8em 1.8em 0 0em rgba(255,153,149, 0.2), -2.6em 0em 0 0em rgba(255,153,149, 0.2), -1.8em -1.8em 0 0em rgba(255,153,149, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,153,149, 0.2), 1.8em -1.8em 0 0em rgba(255,153,149, 0.2), 2.5em 0em 0 0em rgba(255,153,149, 0.5), 1.75em 1.75em 0 0em rgba(255,153,149, 0.7), 0em 2.5em 0 0em #ff9995, -1.8em 1.8em 0 0em rgba(255,153,149, 0.2), -2.6em 0em 0 0em rgba(255,153,149, 0.2), -1.8em -1.8em 0 0em rgba(255,153,149, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,153,149, 0.2), 1.8em -1.8em 0 0em rgba(255,153,149, 0.2), 2.5em 0em 0 0em rgba(255,153,149, 0.2), 1.75em 1.75em 0 0em rgba(255,153,149, 0.5), 0em 2.5em 0 0em rgba(255,153,149, 0.7), -1.8em 1.8em 0 0em #ff9995, -2.6em 0em 0 0em rgba(255,153,149, 0.2), -1.8em -1.8em 0 0em rgba(255,153,149, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,153,149, 0.2), 1.8em -1.8em 0 0em rgba(255,153,149, 0.2), 2.5em 0em 0 0em rgba(255,153,149, 0.2), 1.75em 1.75em 0 0em rgba(255,153,149, 0.2), 0em 2.5em 0 0em rgba(255,153,149, 0.5), -1.8em 1.8em 0 0em rgba(255,153,149, 0.7), -2.6em 0em 0 0em #ff9995, -1.8em -1.8em 0 0em rgba(255,153,149, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255,153,149, 0.2), 1.8em -1.8em 0 0em rgba(255,153,149, 0.2), 2.5em 0em 0 0em rgba(255,153,149, 0.2), 1.75em 1.75em 0 0em rgba(255,153,149, 0.2), 0em 2.5em 0 0em rgba(255,153,149, 0.2), -1.8em 1.8em 0 0em rgba(255,153,149, 0.5), -2.6em 0em 0 0em rgba(255,153,149, 0.7), -1.8em -1.8em 0 0em #ff9995;
  }
}


.item{
}
.item .item_inbox{
	border-radius: 5px;
	border:1px solid #efefef;
	margin-bottom:20px;
	padding:20px;
	
}

.waiting{
	position:fixed;
	top:0;
	bottom:0;
	width:100%;
	background-color:rgba(0,0,0,0.6);
	display:none;
	z-index:100000;
}
.waiting p{
	margin-top:40%;
	text-align: center;
	color:#FFFFFF;
}