/*---------------------
レイアウト共通クラス
----------------------*/
[v-cloak] { display: none }
.row:before, .row:after { width:0px; }
.nomargin{margin:0px;}
.nopadding{padding:0px !important;}
.page-link{width:100px !important; border:none !important; }
.page-item {margin:auto !important; width:25%;}
.page-item.active .page-link{background-color:#000000 !important; border-color:#000000 !important; color:white !important;}
.pagination>li>a, .pagination>li>span{color:#000000 !important;}
.pc-600{width:600px;}
.width100per{width:100% !important;}
.inlineBlock{display:inline-block;}
.pcOnly{display:block;}
.spOnly{display:none !important;}
body{width:100%; box-sizing : border-box !important;}
.width-600{width:650px !important;}
.shadow{box-shadow: 0 0 8px gray;}
.marginTop20{margin-top:20px;}
.toast-message{color:white !important;}
button{
  -moz-appearance: none;
  -webkit-appearance: none;
}
input{font-size:14px;}
textarea{font-size:14px;}
p{font-size:14px;}
.pagination{
  margin:0px;
  text-align:left;
  padding-left:0px;
}
.page-item{
  display: table;
  float:left;
  margin-right:1px;
}
.page-link{
  text-decoration:none;
  text-align:center;
  border:1px solid #5BC2D8;
  display:block;
  color:#5BC2D8;
  padding:8px 10px;
  height:35px;
  width:35px;
  border-radius:2px;
  background-color:white;
  vertical-align:middle;
  display: table-cell;
}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 5px 20px;
	border: 1px solid 000000;
	background: 000000;
	color:white;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, 000000 0%,000000 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, 000000 0%,000000 100%);
	background-size: 20px, 100%;
}
button{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
div{color:#393939;}
textarea{width:100%; border-style:solid; border-width:1px; border-color:#a9a9a9; border-radius:5px; 
  text-align:left;}
.blocktitle{font-size:15px; margin:0px 0px 10px 0px; font-weight:normal; float:left; margin-top:10px;}
a:hover{color: #222; text-decoration: none; opacity: 0.25;}
body{background-color:#f0ffff; overflow-x: hidden;}
h2.title{font-size:20px; color:#000000; width:100%;}
h4,h2{color:#000000; font-weight:bold; font-size: 16px; }
.sidebar{width:200px; margin:50px 0px 0px 0px; display:inline-block !important; vertical-align:top;}
.disablePaging{color:#6c757d !important;}
.page-item.disabled .page-link {
  color: #6c757d !important;
}

/* エラーメッセージ */ 
p.errormsg{margin:0px 0px 10px 0px; color:#fa8072; font-size:12px;}
input.errors{border-color:#fa8072 !important;}
textarea.errors{border-color:#fa8072 !important;}

/* フォーム */
textarea.base{
  width:100%;
  height:100px;
  border-style:solide; border-width:1px; border-color:#808080;
  border-color:#a9a9a9;
  border-radius:5px;
}
p.confirm{
  margin:0px 0px 10px 0px; 
  color:#393939;
}
.nodecoration{text-decoration:none;}
.marginAuto{margin:auto;}
.mainBlock{width:100%; /* min-height:2060px; */
  margin:0px;  float:left; padding:0% 0% 50px 0%; margin:0px; overflow:hidden;}

@media screen and (max-width:769px)
{
  .block_top{padding-top:0px; width:100% !important; margin:auto; padding:0px;}
  .pc-600{width:100% !important;}
  .pcOnly{display:none !important;}
  .spOnly{display:block !important;}
  .width-600{width:100% !important;}
  .sidebar{width:100%; padding:10px 5px; display:inline-block; vertical-align:top;
    margin:0px;} 
  .reviewRight{margin-top:10px;}
  .reviewLeft{text-align:center !important;}

}

/*---------------------
個別ブロック
----------------------*/
.block_top{width:80%; padding:50px 0px 0px 5%;}
.footer_cont{
  color:white; float:left;
  width:100px; font-size:14px;
  text-decoration:none;
  margin:12px 10px;
}
div.auth{width:600px; margin:0px;  float:left; padding:10px 0% 0px 0%; margin:0px; width:40%; margin-left:30%;}
html.top1{width:100%; height:1700px; margin:0px; float:left;}
body.top1{width:100%; height:1700px; margin:0px; float:left;}
div.top1{width:100%; min-height:2060px; margin:0px;  float:left; padding:0% 0% 0px 0%; margin:0px; } 
div.top2{width:100%; height:540px; background-color:000000; text-align:center;}
div.top21{padding-top:90px; color:white;}
p.top211{font-size:30px; margin-bottom:10px;}
p.top212{font-size:15px; margin:0px;}
div.top22{margin-top:50px; text-align:center;}
.threadList{width:80%; vertical-align:top;}
html{width:100%; min-height:600px; margin:0px; float:left;}
body{width:100%; min-height:600px; margin:0px; float:left;}
div.main{width:100%; min-height:650px; margin:0px;  float:left; padding:0% 0% 0px 0%; margin:0px; }
html.detail{width:100%; min-height:1000px; margin:0px; float:left;}
body.detail{width:100%; min-height:1000px; margin:0px; float:left;}
div.detail{width:100%; min-height:1560px; margin:0px;  float:left; padding:0% 0% 0px 0%; margin:0px; }
div.detail-child{width:50%; min-height:80px;  padding:0px 0px 0px 0%;}
div.block{width:98%; margin-top:0px; min-height:210px; border-radius:5px; background-color:white; padding:5px 1%; padding-bottom:10px;
	display:inline-block;
}
td.label{background-color:000000; color:white; border-radius:25px; font-size:11px; text-align:center; margin-right:10px; padding:3px 10px;}
td.label2{background-color:000000; color:white; border-radius:25px; font-size:11px; text-align:center; margin-right:10px; padding:5px 10px;}
div.content{width:100%; padding:10px 2%; color:#393939; min-height:100px; border-radius:5px; background-color:white; font-size:15px;}
.content_nocolor{width:96%; padding:10px 2%; color:#393939; min-height:200px; border-radius:5px; font-size:15px;}
p.name{margin:0px; font-size:20px; color:#393939;}
p.comment{margin:0px; font-size:14px; color:#393939;}
p.sub-title{margin-left:10px; margin-bottom:0px; font-weight:bold;}
p.sub-body{border-width:1px; margin:0px 10px 0px 10px; padding:5px 0px 0px 10px;}
div.buttonArea{display:inline-block; width:100%; text-align:center;}
a.button{display:inline-block; background-color:000000; color:white; width:180px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px;}
input.button{background-color:000000; color:white; width:180px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px; border-color:000000; display:inline-block;}
input.button:hover{color: #222; text-decoration: none; opacity: 0.25;}

@media screen and (max-width:769px)
{
  .block_top{width:100%; padding:50px 2% 0px 2%;}
  div.auth{width:100%; margin:0px;  float:left; padding:70px 10% 0px 10%; margin:0px;}
  div.top2{width:94%; padding:0px 3%; height:540px; background-color:000000; text-align:center;}
	div.top3{margin-top:0px; text-align:center; min-height:450px; border-width:1px; border-color:#a9a9a9;  padding-bottom:20px;
  background-color:#C8EFEA; padding-top:20px; float:left;}
  p.top31{font-size:30px; color:#393939; margin:20px 0px 0px 0px; float:left; width:100%; text-align:center;}
  p.top31{font-size:30px; color:#393939; margin:20px 0px 0px 0px;}
  div.top32{width:80%; height:220px; margin:20px 0px 0px 10%; padding:20px 1% 10px 1%; border-radius:10px; float:left; background-color:white;}
  img.top321{width:110px;  height:110px; border-radius:100%;}
  p.top34{font-size:12px; color:#0C3C50; margin:0px;}
  p.top35{font-size:20px; color:#0C3C50; margin:0px 0px 10px 0px;}  
  div.detail-child{width:100% !important; min-height:80px;  padding:0px 2% 0px 2%;}
  a.button{display:inline-block; background-color:000000; color:white; width:130px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px;}
  input.button{width:130px;  background-color:000000; color:white; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px; border-color:000000; display:inline-block;}
  .back{background-color:#393939 !important; border-color:#393939 !important; margin-right:20px !important;}  
  .threadList{width:63%; vertical-align:top;}
  .sumBlock{height:80px;}
}

@media screen and (max-width:300px)
{
  .threadList{width:50%; vertical-align:top;}
  .title{font-size:12px !important;}
}

/* --------------------------------------------
個別ブロックv2
--------------------------------------------*/
.back{background-color:#393939 !important; border-color:#393939 !important; margin-right:20px !important;}
a.button2{background-color:#a9a9a9; color:white; width:120px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; 
margin-top:5px; font-size:12px; display:inline-block;}
button.button{background-color:000000; color:white; width:180px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px; border-color:000000; margin:20px 0px 0px 0px; display:inline-block;}
button.button:hover{color: #222; text-decoration: none; opacity: 0.25;}
button.submit{display:block; background-color:000000; color:white; width:180px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto;
margin-top:20px; font-size:14px; border-color:000000;}
button.submit:hover{color: #222; text-decoration: none; opacity: 0.25;}
.blocktitle{font-size:15px; margin:0px 0px 10px 0px; font-weight:normal; float:left; margin-top:10px;}
a:hover{color: #222; text-decoration: none; opacity: 0.25;}
body{background-color:white;}
html.top1{width:100%; height:1700px; margin:0px; float:left;}
body.top1{width:100%; height:1700px; margin:0px; float:left;}
div.top1{width:100%; min-height:2060px; margin:0px;  float:left; padding:0% 0% 50px 0%; margin:0px; } 
div.top2{width:100%; height:170px; background-color:000000; text-align:center;}
br.sp{display:none;}
p.top211{font-size:30px; margin-bottom:10px;}
h1.top211{font-size:25px; margin:0px 0px 10px 0px; }
div.top21{padding-top:30px !important; color:white; text-align:left; padding-left:70px;}
p.top212{font-size:15px; margin:0px;}
div.top22{margin-top:50px; text-align:center;}
div.form{border-style:solid; padding:2%; width:100%; margin-left:0%; min-height:150px; padding-bottom:10px;
background-color:white; border-color:white; border-radius:5px; padding-bottom:20px;}

@media screen and (max-width:769px)
{
  div.top2{width:100%; height:140px; background-color:000000; text-align:center; padding:0px 3%;}
	br.sp{display:block;}
  p.top211{font-size:25px; margin-bottom:5px;}  
  div.top21{padding-top:15px !important; color:white; text-align:left; padding-left:10px;}
  div.form{border-style:solid; padding:2%; width:100%; margin-left:0%; min-height:250px; padding-bottom:10px;
    background-color:white; border-color:white; border-radius:5px; padding-bottom:20px;}  
}

/*---------------------
フォント系
----------------------*/
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.bold{font-weight:bold;}
.underline{text-decoration:underline;}
.text-thin{color:#aab8c2 !important;}
.text-blue{color:#337ab7 !important;}
.text-black{color:#646464 !important;}
.text-active{color:#000000 !important;}
.baseColor{color:#000000;}
.required{color:red;}

/*---------------------
投稿フロー
----------------------*/
.flowBlock{margin-bottom:10px; padding:0px 1%; font-size:14px;}
.cp_stepflow01 {
  font-size: 80%;
  width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 0;
}
.cp_stepflow01 > li {
	position: relative;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	text-overflow: ellipsis;
	color: #b0bec5;
	 -ms-flex: 1;
	-moz-flex: 1;
	-webkit-box-flex: 1;
	     flex: 1;
}
.cp_stepflow01 > li .bubble {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto 0.5em;
	border-radius: 1000px;
	background-color: #b0bec5;
}
.cp_stepflow01 > li .bubble::after,
.cp_stepflow01 > li .bubble::before {
	position: absolute;
	top: 9px;
	display: block;
	width: 100%;
	height: 3px;
	content: '';
	background-color: #b0bec5;
}
.cp_stepflow01 > li.completed,
.cp_stepflow01 > li.completed .bubble {
	color: #00acc1;
}
.cp_stepflow01 > li.completed .bubble,
.cp_stepflow01 > li.completed .bubble::after,
.cp_stepflow01 > li.completed .bubble::before {
	background-color: #4dd0e1;
}
.cp_stepflow01 > li:last-child .bubble::after,
.cp_stepflow01 > li:last-child .bubble::before {
	width: 0%;
	margin-right: 50%;
}
.cp_stepflow01 > li.flow_active,
.cp_stepflow01 > li.flow_active .bubble {
	font-weight: bold;
	color: #000000;
}
.cp_stepflow01 > li.flow_active .bubble,
.cp_stepflow01 > li.flow_active .bubble::after,
.cp_stepflow01 > li.flow_active .bubble::before {
	background-color: #000000;
}

.nopadding{padding:0px !important;}
.capcha{width:300px;}

/*---------------------
ボタン系
----------------------*/
.baseButton{background-color:#000000; margin-top:0px; color:white;
  border-color:#000000; width:150px; padding:12px 20px; border-radius:35px;}
.baseButtonLg{background-color:#000000; margin-top:0px; color:white;
  border-color:#000000; width:200px; padding:12px 20px; border-radius:35px;}
.baseButtonOuter{background-color:white; margin-top:0px; color:#000000;
  border-color:#000000; width:150px; padding:12px 10px; border-radius:30px;}
.baseButtonInner{background-color:#000000; margin-top:0px; color:white;
    border-color:#000000; width:150px; padding:12px 10px; border-radius:30px;}
.baseButton-outline{background-color:white; margin-top:0px; color:#000000;
      border-color:#000000; width:150px; padding:12px 20px; border-radius:35px;}
.backButton{background-color:#393939; margin-top:20px; color:white !important;
border-color:#393939; width:150px; padding:12px 20px; border-radius:35px;}

.alert{margin-bottom:10px !important;}

/*--------------------------------------------
Fontタイプ
--------------------------------------------*/
.type1{font-size:12px;}
.type2{font-size:20px;}
.type3{font-size:26px; color:#000000;}
.font-12{font-size:12px;}
.font-14{font-size:14px;}
.font-16{font-size:16px;}
.font-24{font-size:24px;}

.to-green-500 {
  --gradient-to-color: #48bb78;
}
.from-teal-400 {
  --gradient-from-color: #4fd1c5;
  --gradient-color-stops: var(--gradient-from-color),var(--gradient-to-color, rgba(79, 209, 197, 0));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right,var(--gradient-color-stops));
}
.from-blue-400 {
  --gradient-from-color: #63b3ed;
  --gradient-color-stops: var(--gradient-from-color),var(--gradient-to-color, rgba(99, 179, 237, 0));
}
.to-blue-600 {
  --gradient-to-color: #3182ce;
}
html{
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.rounded{border-radius:12px !important;}
.text-underline{text-decoration:underline;}

/*---------------------
一覧テーブル
----------------------*/
.opacity:hover{opacity:0.5;}
td.list{
  width:8%; 
  text-align:center; 
  font-size:12px; 
  padding:3px 0px 3px 0px; 
  color:#808080;
}
a.list{
  background-color:#84D5E7; 
  text-decoration:none; 
  border-radius:2px;
  color:white; 
  padding:7px; 
  font-size:10px; 
  text-align:center; 
  width:50%; 
  margin-left:25%; 
  height:100%;
}

@media screen and (max-width:769px)
{
  a.list{
    background-color:#84D5E7;
    text-decoration:none;
    border-radius:2px;
    color:white;
    padding:7px;
    font-size:10px;
    text-align:center;
    width:70%;
    margin-left:5%;
    height:100%;
  }
  div.centerBlock{width:100% !important; min-height:650px !important; margin:0px !important;  float:left; padding:2% 2% 0px !important;} 
  h2.title{font-size:16px;}
  p.threadTitle{color:#1e90ff; font-size:14px !important; font-weight:bold; margin-bottom:0px !important;}
  .fontSp14{font-size:14px;}
  .baseButtonOuter{background-color:white; margin-top:20px; color:#000000; width:110px !important;
    border-color:#000000; width:150px; padding:12px 0px; border-radius:30px;}
  .baseButtonInner{background-color:#000000; margin-top:20px; color:white; width:110px !important;
      border-color:#000000; width:150px; padding:12px 0px; border-radius:30px;}
}

/*---------------------
アクティブスタイル
----------------------*/
.active{
   background-color:#000000 !important; 
   color:white !important; 
}

/*---------------------
個別ブロックv3
----------------------*/

/*---------------------
ヘッダー
----------------------*/
div.headerBase{width:100%; height:55px; padding:8px 0px 8px 0px; background-color:white; margin:0px; float:left; color:000000;border-bottom:1px solid #e9eef1; width:100% !important; background-color:#000000;}
.headerTitle{margin:0px 0px 0px 0px; color:#000000; font-size:25px; float:left; font-weight:bold; width:100%; text-align:center; color:white;}
.headerTitleChild{margin:0px 0px 0px 0px; color:#000000; font-size:25px; float:left; font-weight:bold; text-align:center; color:white;}
.footerTitle{margin:0px 0px 0px 0px; color:000000; font-size:25px; float:left; font-weight:bold; width:100%; text-align:center; color:white;}
.headerSecond{display:inline-block; width:100%; padding:5px; border-bottom:solid; border-width:1px;border-color:rgb(226, 197, 141);}
.copyTitle{padding-left:20px; line-height:29px;}
.headerSearch{border-color:rgb(226, 197, 141); width:300px;
  border-style:solid; border-width:1px; padding:3px; padding-left:10px;
  border-radius:5px;}
.headerThird{display:inline-block; width:100%; padding:5px; border-bottom:solid; border-width:1px; border-color:rgb(226, 197, 141);}
.headerNewsBlock{display:inline-block; width:100%; padding:0px;}
.btn-black{color: #fff; background-color: black; border-color: black;}
.btn-rounded{border-radius:35px; padding:10px 15px; width:120px;}
.btnArea{padding-top:20px;}

/*---------------------
フッター
----------------------*/
div.footerBlock{width:100%; padding:10px 10px 0px 10px;  background-color:000000; margin:0px; float:left; text-align:center; height:60px;}
.footerChild{text-align:center; padding:0px; height:40px;}

/*---------------------
共通ブロック
----------------------*/
div.centerBlock{width:50%; min-height:1560px; margin:0px;  float:left; padding:2% 0% 0px 0%; margin:0px 25%;} 
input.baseText{width:100%; border-style:solid; border-width:1px; border-color:#a9a9a9; border-radius:5px; height:30px; padding:3px; margin-bottom:5px;}
.categorySelect{background-color:white; color:#000000; border-color:#000000; border-radius:5px;}
.wordBreak{word-break:break-all;}
.categoryImg{width:90px; border-radius:5px;}
.categoryImgThread{width:70px; border-radius:5px;}
.categoryImgMiddle{width:70px; border-radius:5px;}
.alignTop{vertical-align:top;}
.alignMiddle{vertical-align:middle;}
.commentTop{color:#646464; font-size:17px; font-weight:bold; margin-bottom:0px !important;}
.thumbImg{height:200px; border-radius:5px; margin:10px auto; max-width:100%;}
.ogpImg{width:100px; border-radius:5px; max-height:150px; min-height:60px;}
.mainBlockTitle{font-size:20px; text-align:center; width:100%; color:#000000;}
.mainBlockTitleSmall{font-size:16px; text-align:center; width:100%; color:#000000;}
.pagingBlock{width:100%; float:left; margin-top:10px; text-align:left; margin-bottom:20px;}
.pagingBlockDetail{margin-bottom:0px; padding:0px 20% 10px; width:100%; min-height:0px; display:inline-block;}
.topSortBlock{display:inline-block; width:100%; padding:5px; border-bottom:solid; border-width:1px; border-color:rgb(226, 197, 141);}
.tableCell{display:table-cell;}
.ogpRight{width:75%; margin-left:10px;}

/*---------------------
エラーページ
----------------------*/
div.errorBlock{width:100%; min-height:2060px; margin:0px;  float:left; padding:0% 0% 0px 0%; margin:0px; }
.errorTitle{width:100%; font-size:20px; color:#646464; font-weight:bold; text-align:center; margin-top:30px;}
div.errorTitleChild{border-style:none; padding:30px; width:100%; margin-left:0%; min-height:200px; padding-bottom:10px; }

/*---------------------
サイドバーブロック
----------------------*/
.tagBlock{border-style:solid; border-width:1px; border-color:#e9eef1; display:inline-block; margin-bottom:20px;padding:5px;}
.categoryBlock{border-style:solid; border-width:1px; border-color:#e9eef1; display:inline-block; margin-bottom:20px; padding:5px;}
.categoryImgSmall{width:50px; border-radius:5px;}
.tagBlockPC{border-style:solid; border-width:1px; border-color:#e9eef1; display:inline-block; margin-bottom:10px; padding:5px;}

/*---------------------
スレッド一覧関連ブロック
----------------------*/
.threadListChild{width:100%; padding:10px; overflow:hidden;}
p.threadTitle{color:#1e90ff; font-size:17px; font-weight:bold; margin-bottom:0px !important;}
.searchBlock{padding-top:0px; margin:auto; padding:0px; display:inline-block; padding-top:30px;}

/*---------------------
スレッド詳細関連ブロック
----------------------*/
.threadDetailBlock{margin-bottom:0px; padding:0px 10px; width:100%; margin-top:20px; min-height:0px; display:inline-block;}
.threadDetailRelate{width:100%; float:left; padding:0px 10px; padding-bottom:10px; text-align:center; margin-top:20px;}
.threadDetailCategory{width:100%; float:left; padding:0px 10px; padding-bottom:10px; text-align:center; margin-top:20px;}
.snsBlock{margin-bottom:0px; padding:0px 35%; min-height:0px; display:table;}

span.setting{display:block; color:#a9a9a9; width:100%; font-size:12px;}
html.regis1{width:100%; min-height:1700px; margin:0px; float:left;}
body.regis1{width:100%; min-height:1700px; margin:0px; float:left;}
div.regis1{width:50%; min-height:1560px; margin:0px;  float:left; padding:2% 0% 0px 0%; margin:0px 25%;} 
.regis2{width:100%; font-size:20px; color:#646464; font-weight:bold; text-align:center; margin-top:30px;}
div.regis3{border-style:solid; padding:30px; width:100%; margin-left:0%; min-height:200px; padding-bottom:10px;
background-color:white; border-color:white; border-radius:5px; padding-bottom:20px;}
div.buttonArea{
   width:100%;
   text-align:center;
   padding:2%;
}
div.buttonArea2{
   width:48%;
   margin-left:24%;
   text-align:center;
   padding:2%;
}
a.facebook{
  background-color:#3B5998; border-style:solid; border-width:1px; border-color:#3B5998; padding:5px 0px; font-size:12px; color:white; margin-top:10px; width:100%; border-radius:35px; margin-bottom:10px; display:block; text-align:center; text-decoration:none;
}
a.twitter{
  background-color:#1da1f2; border-style:solid; border-width:1px; border-color:#1da1f2; padding:5px 0px; font-size:12px; color:white; margin-top:10px; width:100%; border-radius:35px; margin-bottom:10px; display:block; text-align:center; text-decoration:none;
}
input.regis41{width:100%; border-style:solid; border-width:1px; border-color:#a9a9a9;
  border-radius:5px; height:30px; padding:3px; margin-bottom:5px;}
input.regis42{background-color:000000; border-style:solid; border-width:1px; border-color:000000; padding:5px 10px 5px 10px; font-size:12px; color:white; margin-top:10px; width:100%; border-radius:35px; margin-bottom:10px;}
input.regis43{background-color:#0059CF; border-style:solid; border-width:1px; border-color:#0059CF; padding:5px 10px 5px 10px; font-size:12px; color:white; margin-top:10px; width:100%; border-radius:5px;}
input.regis43:hover{color: #222; text-decoration: none; opacity: 0.25;}
input.regis42:hover{color: #222; text-decoration: none; opacity: 0.25;}

/* 本来のチェックボックスを非表示 */
.app2_checkbox input[type="checkbox"]{
  display: none;
}
.app2_checkbox input[type="checkbox"]+label{
  cursor: pointer;
  display: inline-block;
  box-sizing: content-box;
  position: relative;
  width: 40px;
  height: 10px;
  background-color: #FFF;
  border: 2px solid #CCC;
  border-radius: 10px;
}
.app2_checkbox input[type="checkbox"]:checked+label{
  background-color: #0078db;
  border-color: #0078db;
}
.app2_checkbox input[type="checkbox"]+label:before{
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px; /* widthと同じ 上のラベルの高さに揃える */
  left: 0;
  top: -5px;
  -webkit-transform: translateX(-10%);
  transform: translateX(-10%);
  border-radius: 50%;
  background-color: #FFF;
  border: 2px solid #CCC;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.app2_checkbox input[type="checkbox"]:checked+label:before{
  left: auto;
  right: auto;
  -webkit-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-color: #0078db;
}

@media screen and (max-width:769px)
{
    div.header1{width:70% !important; height:55px; padding:8px 0px 8px 0px; background-color:white; margin:0px; float:left; color:000000;}
    div.regis1{width:100%; min-height:1560px; margin:0px;  float:left; padding:5% 2% 0px 2%; margin:0px;}
    div.buttonArea2{
    width:100%;
    margin:0px;
    margin-top:10px;
    text-align:center;
    padding:2%;
    }
    .headerSearch{border-color:rgb(226, 197, 141); width:200px;
      border-style:solid; border-width:1px; padding:3px; padding-left:10px;
      border-radius:5px;}
    p.regis2{color:#393939; margin-left:0%; width:100%;}
    div.regis3{border-style:solid; padding:2%; width:100%; margin-left:0%; min-height:280px; padding-bottom:10px;
    background-color:white; border-color:white; border-radius:5px; padding-bottom:20px;}  
    a.facebook{background-color:#3B5998; border-style:solid; border-width:1px; border-color:#3B5998; padding:5px 0px; font-size:12px; color:white; margin-top:10px; width:100%; border-radius:35px; margin-bottom:10px; display:block; text-align:center;
    text-decoration:none;}   
    a.twitter{background-color:#1da1f2; border-style:solid; border-width:1px; border-color:#1da1f2; padding:5px 0px; font-size:12px; color:white; margin-top:10px; width:100%; border-radius:35px; margin-bottom:10px; display:block; text-align:center;
      text-decoration:none;}
    .pagingBlockDetail{margin-bottom:0px; padding:0px 5% 10px; width:100%; min-height:0px; display:inline-block;}
    .snsBlock{margin-bottom:0px; padding:0px 0%; min-height:0px; display:table;}
    .overflow{overflow:hidden;}
    .capcha{width:250px;}
    p.footerTitle{margin:0px 0px 0px 0px; color:000000; font-size:20px; float:left; font-weight:bold; width:100%; text-align:center; color:white;}
    input[type=text] {
      font-size: 16px;
      /* transform: scale(0.8); */
    }
}