/************　全体的な　************/

/* 背景 */
body {
  background: url(../img/background.png) center center / cover no-repeat fixed;
}

/* レスポンシブ */
.resize{
  max-width: 100%;
  height : auto;
}

/*センター寄せ周り*/
div#header,div.membox-ori,div#contact,div#sample,div#member,div#abh1 {
  max-width: 1000px;
  margin: 0px auto;
  text-align: center;
}
div#about {
  max-width: 1000px;
  margin: 0px auto;
}

/************　本文周り　************/

/* メニュー周り */
ul{
  list-style-type: none;
  padding-left:0;
  margin-top:2px;
}

/*フッター*/
#futter {
  text-align:center;
}
/* © */
.cpl {
  font-size:14px;
  color:#a9a9a9;
}

/*リンク*/
a:link { color:#a9a9a9; text-decoration:none }
a:visited { color:#a9a9a9; text-decoration:none }
a:hover { color:#a9a9a9; text-decoration:none }
a:active { color:#a9a9a9; text-decoration:none }
a {
  text-decoration: none;
}
a:link.textlink {
  font-weight: normal;
  color: #000;
  border: solid 1px #000;
  border-radius:0.4em;
  padding:0 3px;
  background-color: rgba(0,0,0,0);
}
a:visited {
  color: #000;
}
a:hover.textlink {
  transition: 0.2s ease-in-out;
  color: #fff;
  background-color: rgba(0,0,0,0.5);
  border: solid 1px rgba(0,0,0,0.4);
}

/* 区切り線 */
hr {
  border:none;
	border-top: 2px dashed #bbb;
  max-width: 1000px;
}
hr.abhr {
  max-width: 628px;
}

/* フロート解除領域 */
.clearf {
	clear:both;
}

/* font-awesome */
.fa-twitter         {color:#00aced;}
.fa-facebook-square {color:#305097;}
.fa-home            {color:#b22222;}
.fa-tumblr-square   {color:#34526f;}

/* bold */
.bold,.ah2 {
  font-weight: bold;
}

/* PCで非表示 */
.disnonepc {
  display: none;
}

/* smbchk */
.bg_checkbox li {
    position: relative;
    display: inline-block;
    margin: 0 0 3px 0;
    padding: 0;
}

.bg_checkbox input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0px;
}

.bg_checkbox input[type="checkbox"] + label {
    display: block;
    background-image: url(../img/off.png);
    background-size: 100%;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0px;
    width:46px;
    height:46px;
    border:solid 1px white;
}

.bg_checkbox input[type="checkbox"]:checked + label {
    background-image: url(../img/on.png);
    border:solid 1px black;
}

.bg_checkbox {
  margin: 0 10px 15px 0;
  float: left;
  border: solid 1px;
  border-color: rgba(0,0,0,0.1);
  background-color: rgba(0,0,0,0.2);
}

.charicon{
  width:40px;
  margin:3px 0 0 3px;
}

.cntres {
  min-width:150px;
  min-height: 15px;
  border: solid 1px gray;
  float:left;
  margin:0px 10px 5px 0px;
}

#container {
  width:850px;
  margin:auto;
}



@media screen and (max-width:400px){
  /*400px以下で適用する内容*/
#container {
  width:350px;
  margin:auto;
}
.bg_checkbox {
  margin: 10px auto;
  width:345px;
}
.bg_checkbox input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0px;
}
.bg_checkbox input[type="checkbox"] + label {
    display: block;
    background-image: url(../img/off.png);
    background-size: 100%;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0px;
    width:60px;
    height:60px;

}
.charicon{
  width:50px;
  margin:5px 0 0 5px;
}
.bg_checkbox li {
    position: relative;
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 0 3px 0px;
}
.cntres {
  float:none;
}
.cpl {
  margin-bottom: 300px;
}
}/*@media screen and (max-width:400px) */