/*---------------------
レイアウト共通クラス
----------------------*/
html {
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
body {
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}

.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:#E2C58D !important; border-color:#E2C58D !important; color:white !important;}
.pagination>li>a, .pagination>li>span{color:#E2C58D !important;}
.pc-600{width:620px;}
.adspace{width:100%;}
.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:620px !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 E2C58D;
	background: E2C58D;
	color:white;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, E2C58D 0%,E2C58D 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, E2C58D 0%,E2C58D 100%);
	background-size: 20px, 100%;
}
button{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
.btn-base{background-color:#E2C58D; color:white;}
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:#E2C58D; width:100%;}
h4,h2{color:#E2C58D; font-weight:bold; font-size: 16px; }
.sidebar{width:300px; margin:10px 0px 0px 20px; display:inline-block !important; vertical-align:top;}
.disablePaging{color:#6c757d !important;}
.page-item.disabled .page-link {
  color: #6c757d !important;
}

/* Modal */
*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.modal{
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
}
.modal__bg{
  background: rgba(0,0,0,0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}
ul {
  list-style: none;
}
.modal__content{
  background: #fff;
  left: 50%;
  padding: 40px;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 60%;
}
.modal-dialog{margin-top:35vh;}
/* Modal */
.pointNone{pointer-events: none;}

/* エラーメッセージ */
p.errormsg{margin:0px 0px 10px 0px; color:#fa8072; font-size:12px;}
input.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;}

}

/*---------------------
個別ブロック
----------------------*/
.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:E2C58D; 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:E2C58D; color:white; border-radius:25px; font-size:11px; text-align:center; margin-right:10px; padding:3px 10px;}
td.label2{background-color:E2C58D; 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{float:left; width:100%; text-align:center;}
a.button{display:inline-block; background-color:E2C58D; 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:E2C58D; 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:E2C58D; 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:E2C58D; 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:E2C58D; 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:E2C58D; color:white; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px; border-color:E2C58D; display:inline-block;}
  .back{background-color:#393939 !important; border-color:#393939 !important; margin-right:20px !important;}
  .threadList{width:63%; vertical-align:top;}
  .sumBlock{
    min-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:E2C58D; 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:E2C58D; 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:E2C58D; 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:E2C58D;}
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:E2C58D; 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;}
.nina{-webkit-backface-visibility: hidden;}

@media screen and (max-width:769px)
{
  div.top2{width:100%; height:140px; background-color:E2C58D; 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:#E2C58D !important;}
.baseColor{color:#E2C58D;}
.required{color:red;}
.borderBase{border-color:#E2C58D;}

/*---------------------
投稿フロー
----------------------*/
.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: #E2C58D;
}
.cp_stepflow01 > li.flow_active .bubble,
.cp_stepflow01 > li.flow_active .bubble::after,
.cp_stepflow01 > li.flow_active .bubble::before {
	background-color: #E2C58D;
}

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

/*---------------------
ボタン系
----------------------*/
.baseButton{background-color:#E2C58D; margin-top:20px; color:white;
  border-color:#E2C58D; width:150px; padding:12px 20px; border-radius:35px;}
.baseButtonLg{background-color:#E2C58D; margin-top:20px; color:white;
  border-color:#E2C58D; width:200px; padding:12px 20px; border-radius:35px;}
.baseButtonOuter{background-color:white; margin-top:20px; color:#E2C58D;
  border-color:#E2C58D; width:150px; padding:6px 10px; border-radius:15px;}
.baseButtonInner{background-color:#E2C58D; margin-top:20px; color:white;
    border-color:#E2C58D; width:150px; padding:6px 10px; border-radius:15px;}

.backButton{background-color:#393939; margin-top:20px; color:white !important;
border-color:#393939; width:150px; padding:12px 20px; border-radius:35px;}

/*--------------------------------------------
Fontタイプ
--------------------------------------------*/
.type1{font-size:12px !important;}
.type2{font-size:20px !important;}
.type3{
    /* font-size:26px !important; */
    font-size:20px !important;
    color:#C98282 !important;
}
.color_fucus{color:#C98282 !important;}
.font_basic{font-size:16px; }

/*---------------------
一覧テーブル
----------------------*/
.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%;
  }
  .sp-top-margin{margin-top:20px;}
  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;}

}

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

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

/*---------------------
ヘッダー
----------------------*/
div.headerBase{width:100%; height:55px; padding:8px 0px 8px 0px; background-color:white; margin:0px; float:left; color:E2C58D;border-bottom:1px solid #e9eef1; width:100% !important; background-color:#E2C58D;}
p.headerTitle{margin:0px 0px 0px 0px; color:#E2C58D; font-size:25px; float:left; font-weight:bold; width:100%; text-align:center; color:white;}
p.headerTitleChild{margin:0px 0px 0px 0px; color:#E2C58D; font-size:25px; float:left; font-weight:bold; text-align:center; color:white;}
p.footerTitle{margin:0px 0px 0px 0px; color:E2C58D; 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;}

/*---------------------
フッター
----------------------*/
div.footerBlock{width:100%; height:70px; padding:10px 10px 0px 10px;  background-color:E2C58D; margin:0px; float:left; text-align:center; height:100px;}
.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:#E2C58D; border-color:#E2C58D; 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;}
.borderStrong{
    border-width: 8px;
    border-color: #EBD7B1;
    margin-top:40px;
}
.active-color{
  background-color:#E2C58D;
  color:white;
  border-color:#E2C58D;
}
.border-active{border-color:rgb(226, 197, 141);}
.alignMiddle{vertical-align:middle;}
.commentTop{color:#646464; font-size:17px; font-weight:bold; margin-bottom:0px !important;}
.thumbImg{border-radius:5px; margin:10px auto; max-width:400px;}
.ogpImg{width:100px; border-radius:5px;}
.mainBlockTitle{font-size:20px; text-align:center; width:100%; color:#E2C58D;}
.mainBlockTitleSmall{font-size:20px; text-align:center; width:100%; color:#E2C58D;
margin:30px 0px;}
.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;}
.balloon1 {
  position: relative;
  display: inline-block;
  margin: 0px 0px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  border-style:solid; border-width:2px; border-color:#E88384;
}
.text-break{word-break:break-all}
.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 14%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #E88384;
}

/*---------------------
エラーページ
----------------------*/
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 5%; 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:620px; 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:E2C58D; border-style:solid; border-width:1px; border-color:E2C58D; padding:5px 10px 5px 10px; font-size:12px; color:white; margin-top:10px; width:100%; border-radius:35px; margin-bottom:10px;}
button.regis42{background-color:E2C58D; border-style:solid; border-width:1px; border-color:E2C58D; 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;}
.unker_popup{z-index:1000; position:absolute; width:600px; height:200px; top:100;}
.unker_child{margin-bottom:5px; min-height:150px; max-height:200px; overflow-y:scroll;}
.unker_top{color:#646464; font-size:17px; font-weight:bold; margin-bottom:0px !important;}

.upper{
  position:fixed;
  right:50px;
  bottom:50px;
  transition:1s;
  opacity:0.7;
}
.upper:hover{
  opacity:1;
}

@media screen and (max-width:769px)
{
    .thumbImg{max-width:100%;}
    .upper{
      right:20px;
    }
    div.header1{width:70% !important; height:55px; padding:8px 0px 8px 0px; background-color:white; margin:0px; float:left; color:E2C58D;}
    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:E2C58D; 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); */
    }
}