/*---------------------
レイアウト共通クラス
----------------------*/
html {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
body {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background-color:#FBFBFD;
  width:100%; box-sizing : border-box !important;
  height:100vh;
}

/*---------------------
企業レイアウト
----------------------*/
.company p, div{font-size:14px; color:#455a64 !important;}
.company h4{color:#455a64 !important;}
.company label{font-size:14px; margin-top:10px; color:#455a64 !important;}
.comapny p{font-family: apple-system-lf-sp, "M PLUS Rounded 1c", sans-serif;}
body.company{background-color:white !important;}
.badge{vertical-align:top; margin-left:10px; border-radius:4px;}
.btn-lg{padding:8px 12px; width:120px; font-size:14px; border-radius:35px;}
.companyMainBlock{width:100%; margin:0px;  display:inline-block;
padding:0% 0% 50px 0%; margin:0px; overflow:initial;}

/*---------------------
共通クラス
----------------------*/
.row:before, .row:after { width:0px; }
.nomargin{margin:0px !important;}
.nopadding{padding:0px !important;}
.page-link{width:50px !important; border:none !important; }
.page-item {margin:auto !important;}
.page-item.active .page-link{background-color:#EF9487 !important; border-color:#EF9487 !important; color:white !important;}
.pagination>li>a, .pagination>li>span{color:#EF9487 !important;}
.pc-600{width:600px;}
.width100per{width:100% !important;}
.inlineBlock{display:inline-block;}
.pcOnly{display:block;}
.spOnly{display:none !important;}
.width-600{width:600px !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;
  display: table-cell;
}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 5px 20px;
	border: 1px solid 54BEDB;
	background: 54BEDB;
	color:white;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, 54BEDB 0%,54BEDB 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, 54BEDB 0%,54BEDB 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{
    text-decoration: none;
    filter:alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    transition-duration:1s;}
h2.title{font-size:20px; color:#54BEDB; width:100%;}
.headTitle{color:#54BEDB; font-weight:bold; font-size: 16px;}
h4,h2{font-weight:bold;}
.sidebar{width:340px; margin:10px 0px 0px 50px;
  display:inline-block !important; vertical-align:top;}
.disablePaging{color:#6c757d !important;}
.page-item.disabled .page-link {
  color: #6c757d !important;
}
.font24{font-size:24px;}

/* 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.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:calc(100% - 450px); margin:0px;  display:inline-block;
padding:0% 0% 50px 0%; margin:0px; overflow:initial;}
@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 25px; display:inline-block; vertical-align:top;
    margin:0px;}
    .modal__content{
      background: #fff;
      left: 50%;
      padding: 40px;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      width: 90%;
    }
}

/*---------------------
個別ブロック
----------------------*/
.block_top{width:100%; padding:50px 0px 0px 5%;}
.company_top{padding:20px 30%;width:100%; }
.footer_cont{
  color:white; float:left;
  width:100px; font-size:14px;
  text-decoration:none;
  margin:12px 10px;
}
p{margin:10px 0px;}
div.auth{width:600px; margin:0px;  float:left; padding:10px 0% 30px 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:54BEDB; 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:100%; 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:54BEDB; color:white; border-radius:25px; font-size:11px; text-align:center; margin-right:10px; padding:3px 10px;}
td.label2{background-color:54BEDB; 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:54BEDB; 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:54BEDB; 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:54BEDB; display:inline-block;}
input.button:hover{color: #222; text-decoration: none; opacity: 0.85;}
.threadImg{width:100%; height:auto;}
.user_login{padding:0px 30%;}
.regis3 .badge-danger{
  vertical-align: text-bottom;
}

@media screen and (max-width:769px)
{
  .user_login{padding:0px 2%;}
  .mainBlock{width:100%; margin:0px;  display:inline-block;
  padding:0% 0% 50px 0%; margin:0px; overflow:initial;}
  .threadImg{width:100%; height:auto;}
  div.main{min-height:100vh;}
  .block_top{width:100%; padding:30px 2% 0px 2% !important;}
  .company_top{width:100%; padding:30px 4% 0px 4%;}
  div.auth{width:100%; margin:0px;  float:left; padding:10px 2% 30px 2%; margin:0px;}
  div.top2{width:94%; padding:0px 3%; height:540px; background-color:54BEDB; 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:54BEDB; 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:54BEDB; color:white; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px; border-color:54BEDB; display:inline-block;}
  .back{background-color:#393939 !important; border-color:#393939 !important; margin-right:20px !important;}
  .threadList{width:100%; vertical-align:top;}
  .sumBlock{
    min-height:80px;
  }
  .data-detail .col-12{padding:0px;}
  .data-detail th{font-size:11px; text-align:center;}
  .data-detail td{font-size:11px; text-align:center;}
}

@media screen and (max-width:300px)
{
  .threadList{width:100%; 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:54BEDB; 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:54BEDB; margin:20px 0px 0px 0px; display:inline-block;}
button.button:hover{text-decoration: none; opacity: 0.85;}
button.submit{display:block; background-color:54BEDB; 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:54BEDB;}
button.submit:hover{text-decoration: none; opacity: 0.85;}
.blocktitle{font-size:15px; margin:0px 0px 10px 0px; font-weight:normal; float:left; margin-top:10px;}
a:hover{text-decoration: none; opacity: 0.85;}
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:54BEDB; 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:54BEDB; 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;}
}

/* --------------------------------------------
個別ブロックv3
--------------------------------------------*/
video {
  width: 100%;
  max-width: 1080px; /* 最大でも1080px以下に */
}

/*---------------------
フォント系
----------------------*/
.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:#54BEDB !important;}
.baseColor{color:#60727C}
.required{color:red;}
.borderBase{border-color:#54BEDB;}
.nopadding{padding:0px !important;}
.capcha{width:300px;}
.pc-padding-30{padding:30px 0px 0px 0px;}
.sortLink{width:100%; margin-bottom:20px; display:block;}

/*---------------------
商品登録画面
----------------------*/

p span {
  position: relative;
  background: linear-gradient(transparent 60%, #FCDDAB 60%);
}

/*---------------------
ボタン系
----------------------*/
.baseButton{background-color:#EF9487; margin-top:20px; color:white;
  border-color:#54BEDB; width:150px; padding:8px 20px; border-radius:35px;}
.baseButtonLg{background-color:#EF9487; margin-top:20px; color:white;
  border-color:#EF9487; width:200px; padding:12px 20px; border-radius:35px;}
.baseButtonOuter{background-color:white; margin-top:20px; color:#EF9487;
  border-color:#EF9487; width:150px; padding:6px 10px; border-radius:15px;}
.baseButtonInner{background-color:#EF9487; margin-top:20px; color:white;
    border-color:#EF9487; width:150px; padding:6px 10px; border-radius:15px;}
.btn-outline-info{border-color:#EF9487;}
.backButton{background-color:#393939; margin-top:20px; color:white !important;
border-color:#393939; width:150px; padding:12px 20px; border-radius:35px;}
.btn-login{
	width:240px; border-radius:4px;
	padding:12px 12px;
	color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-login-a{
	width:240px; border-radius:4px;
	padding:12px 12px;
	color: #fff;
    background-color: #EF9487;
    border-color: #ccc;
}

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

/*---------------------
一覧テーブル
----------------------*/
.opacity{
  transition-duration:1s;
}
a{
  transition-duration:1s;
}
.opacity:hover{
  text-decoration: none;
  filter:alpha(opacity=80);
      -moz-opacity:0.8;
      -khtml-opacity: 0.8;
      opacity: 0.8;
  transition-duration:1s;
}
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%;
}
.loginBlock{padding-top:150px;}
.top_image{width:80%; float:right;}
.reportBlock{width:600px;}

@media screen and (max-width:769px)
{
  .reportBlock{width:100%;}
  .top_image{width:100%; float:right;}
  .loginBlock{padding-top:10px; text-align:center !important;}
  .pc-padding-30{padding:0px 0px 0px 0px;}
  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;}
  .threadTitle{color:#1e90ff; font-size:24px !important; font-weight:bold; margin-bottom:0px !important;}
  .fontSp14{font-size:14px;}

}

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

/*---------------------
個別ブロックv3
----------------------*/
.alert{margin-top:10px;}
/*---------------------
ヘッダー
----------------------*/
.fixMargin{margin-top:60px;}
div.headerBase{width:100%; position:relative;
height:55px; padding:8px 0px 8px 0px; margin:0px; float:left;  width:100% !important; background-color:#EF9487;}
p.headerTitle{margin:0px 0px 0px 0px; color:#54BEDB; font-size:25px; font-weight:bold; width:100%; text-align:left; color:white; padding-left:50px;}
p.headerTitleChild{margin:0px 0px 0px 0px; color:#54BEDB; font-size:25px; float:left; font-weight:bold; text-align:center; color:white;}
p.footerTitle{margin:0px 0px 0px 0px; color:54BEDB; 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%; padding:10px 10px 0px 10px;  background-color:#EF9487; margin:0px; float:left; text-align:center; height:50px;}
.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:#54BEDB; border-color:#54BEDB; 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:#54BEDB;}
.mainBlockTitleSmall{font-size:16px; text-align:center; width:100%; color:#54BEDB;}
.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;}
.modal-open {
  padding-right: 0px !important;
}
body{padding-right: 0px !important;}
.mypageBlock{width: calc(100% - 250px); height:100vh;}

/*---------------------
スレッド詳細関連ブロック
----------------------*/
.badge-danger{background-color:#dc3545 !important;}
.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; 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:54BEDB; border-style:solid; border-width:1px; border-color:54BEDB; 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.85;}
input.regis42:hover{color: #222; text-decoration: none; opacity: 0.85;}
.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;}

figure.hover-parent {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
figcaption.hover-mask {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  color: #fff;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 30px;
}
figcaption.hover-mask {
  opacity: 1;
  transition:all 0.6s ease;
  left: -100%;
}
figure.hover-parent:hover .hover-mask {
  left: 0;
}
.pf-footer-social svg {
  fill: #999;
  height: 30px;
  opacity: 1;
  width: 30px;
}
.social li {
  display: inline-block;
  padding-right:10px;
}
.social{margin-top:30px;}
.site-footer, .site-footer a {
  color: #D44A7A;
}
.text-blue{color:blue;}
.footer-text{margin-top:4px;}
.user_order{width:500px; }
.image_detail{max-height:500px; margin:auto; display:block;}
@media screen and (max-width:769px)
{
    .fixMargin{margin-top:60px;}
    .image_detail{width:100%; margin:auto; display:block;}
    .user_order{width:100%; }
    figure.hover-parent {
      width: 100%;
    }
    figcaption.hover-mask {
      width: 100%;
    }
    .cheerButton{position:fixed; width:60%; margin:0px 20%;
      text-align: center; bottom: 30; z-index:100; padding:14px 0px;}
    .threadTitle{font-size:20px !important; font-weight:bold;}
    .mypageBlock{width: 100%; padding:0px 20px;}
    p.headerTitle{padding-left:10px;}
    div.header1{width:70% !important; height:55px; padding:8px 0px 8px 0px; background-color:white; margin:0px; float:left; color:54BEDB;}
    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:20px; width:100%; margin-left:0%; min-height:190px; 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:54BEDB; 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); */
    }
}
.bold{font-weight:bold;}
/* 続きを読む */
.text_1 {line-height: 24px;}
.readmore-btn_1 {
  text-align: right;
  display: none;
}
.text_2 {line-height: 24px;}
.readmore-btn_2 {
  text-align: right;
  display: none;
}
.text_3 {line-height: 24px;}
.readmore-btn_3 {
  text-align: right;
  display: none;
}

.itemLabel {
    max-height: 76px;
    width: 100%;
}
.itemLabelChild{
    padding: 4px 8px;
    border-radius:4px;
    color:white;
    margin: 4px 0px;
}

/* タブレット */
@media (max-width: 1020px) and (min-width: 768px) {
  .mainBlock{width:100%; margin:0px;  float:left; padding:0% 20%; margin:0px; overflow:hidden;}
  .cheerButton{position:fixed; width:60%; margin:0px 0%;
    text-align: center; bottom: 30; z-index:100; padding:14px 0px;}
}