@charset "utf-8";

/* ==========================================================================
  setting
========================================================================== */

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
}

a,
a:visited {
  color: #333;
}

a:hover {
  color: #182987;
}

a:hover,
a:hover p {
/*  font-weight: bold;*/
}

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

body,
p {
  font-family: "Lucida Grande", "メイリオ",Meiryo,Osaka,sans-serif;
  font-size: 14px;
}

.contain-to-grid {
  display: none;
}

.viewSpCmn {
  display: none;
}
.viewPcCmn {
  display: block;
}


input[type="submit"] {
  background: #ff8a9f;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 10px;
  width: 90%;
  cursor: pointer;
  font-size: 15px;
  color: #fff;
  border: 1px solid #ef6384;
  border-bottom: 3px solid #ef6384;
  margin:0 auto;
  display:block;
}

.boyWrapper input[type="submit"] {
    background: #00b8e8;
    border: 1px solid #0094bb;
    border-bottom: 3px solid #0094bb;
}
input[type="submit"]:hover {
  background: #fff;
  color: #ef6384;
}
.boyWrapper input[type="submit"]:hover {
  color: #00b8e8;
}

#threadSearch input[type="submit"] {
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 0;
    -moz-border-radius: 4px;
    padding: 0;
    width: 100%;
    cursor: pointer;
    font-size: 13px;
    float: left;
    background: transparent;
    width: 14%;
    border: none;
    color: #fff;
    letter-spacing: 3px;
    line-height: 2.5em;
}

.jobSearchFooterWrap #threadSearch input[type="submit"] {
    padding: 6px 0;
    text-align: center;
    width: 18%;
}

.fontRed {
  color: #f00;
}

.breadcrumbListWrapper {
  padding: 0;
  margin: 0;
  font-size: 12px;
}

.breadcrumbListWrapper a {
  background: url(/img/common/bg_breadcrumbList.png) no-repeat right center;
  padding: 2px 20px 2px 0px;
  display: inline-block;
  background-size: 7px;
  background-size: contain;
  text-decoration: underline;
}

.breadcrumbListWrapper span {
    padding: 2px 0;
    display: inline-block;
}


.IntroduceText > div {
  font-size: 0.9em;
}


.submitBody input[type="submit"] {
  width: 60%;
  margin: 0 auto;
  padding: 15px 10px;
  font-size: .875em;
  cursor: pointer;
  display: inline-block;
  /* margin-right: 4px; */
  border-radius: 3px;
  box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0px 1px 0px rgba(255,255,255, 1);
  border: 1px solid #ccc;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec));
  background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%);
  color: #4d4d4d;
  text-align: center;
  display: block;
}
.submitBody input[type="submit"]:hover {
  background: #ffcfd8;
  border: 1px solid #ef6384;
}
body {
-webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 767px) {
  .viewSpCmn {
    display: block;
  }
  .viewPcCmn {
    display: none;
  }

  #threadSearch input[type="submit"] {
    width: 23%;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    line-height: 1em;
    padding: 9px 0;
    height: 35px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
  }
  .jobSearchFooterWrap #threadSearch input[type="submit"] {
    width: 23%;
  }

  .submitBody input[type="submit"] {
    width: 80%;
    margin: 0 0 0 10%;
  }

  .breadcrumbListWrapper {
    overflow-x: scroll;
    white-space: nowrap;
  }

  .breadcrumbListWrapper a {
    padding: 2px 15px 2px 0px;
  }


}

/* ==========================================================================
求人ボタン
========================================================================== */


.textImageButtonWrap {
    color: #fff;
    text-align: center;
    width: 170px;
    height: 73px;
    position: relative;
}
.textImageButtonWrap a {
    color: #fff;
    display: block;
    margin: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
.textImageButtonWrap a .textImageButtonInner {
    background: #F6C1CB;
    display: block;
    width: 167px;
    height: 70px;
    border: 1px solid #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.textImageButtonWrap a:after {
    content: "";
    border: 1px solid #fff;
    display: block;
    width: 167px;
    height: 70px;
    position: absolute;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.textImageButtonWrap a .largeText {
    font-size: 21px;
    padding: 9px 10px 0px;
    letter-spacing: 4px;
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);

}

.textImageButtonWrap a .smallText {
    font-size: 9px;
    letter-spacing: 2px;
    padding: 3px;
}
.textImageButtonWrap a:hover .largeText,
.textImageButtonWrap a:hover .smallText {
}

.textImageButtonWrap.ButtonBlueColor a .textImageButtonInner {
    background: #8FD5EB;
}
.textImageButtonWrap.ButtonBlueColor a:hover .smallText {
}

.textImageButtonWrap a:hover {
    -webkit-transform: scale( 1.1 );
    -moz-transform: scale( 1.1 );
    z-index: 3;
}



/* ==========================================================================
 No Data
========================================================================== */
.noData {
 text-align:center;
 padding:50px 0;
 font-size:14px;
}

@media screen and (max-width: 767px) {
 .noData {
  padding:20px 0;
  font-size:13px;
 }
}


/* ==========================================================================
 404
========================================================================== */

.noFoundPage {
  width: 1200px;
  margin: 0 auto;
}

.noFoundPage #container {
  clear: both;
  margin: 0 0 50px;
}

.noFoundPage #container header {
  background: #fed1d1;
  overflow: hidden;
  height: 55px;
  padding: 0 10px;
  margin: 0 0 50px;
}


.noFoundPage #container header img {
  height: 55px;
}

.noFoundPage footer {
  padding: 0;
}

.noFoundPage footer #ftAddress {
    font-style: italic;
}


/* ==========================================================================
  container
========================================================================== */
#container {
	width:1200px;
	margin:0 auto;
  padding: 0;
  background: rgba(255, 255, 255, 0.7);
}


@media screen and (max-width: 767px) {
	#container {
		width:100%;
		margin:0;
		padding:0;
	}
}



/* ==========================================================================
  header
========================================================================== */

#headTextWrap {
  background: #fed1d1;
  padding: 0 2px;
  position: relative;
/*  overflow: hidden;
  margin: 0 0 15px;*/
  margin: 0;
  height: 45px;
}

.girlWrapper #headTextWrap,
.boyWrapper #headTextWrap {
  margin: 0;
}

.girlWrapper .breadcrumbListWrapper,
.boyWrapper .breadcrumbListWrapper {
  top: 45px;
  margin: 0 0 -5px;
}


#headTextWrap .headerLogoImage {
  font-size: 1em;
  margin: 0 0 0 15px;
}

#headTextWrap .headerLogoImage img {
  width: auto;
  height: 45px;
}

#headTextWrap .areaListMenu {
  display: none;
}

#headTextWrap .areaList {
  position: absolute;
  right: 0;
  top: 0;
}

#headTextWrap .areaList ul {
}

#headTextWrap .areaList ul li {
  display: inline-block;
  background: #ff6d97;
  float: left;
}


#headTextWrap .areaList ul li.celectArea {
  background: #f7b231;
}

#headTextWrap .areaList ul li.celectArea.kantou {
  background: #449d44;
}

#headTextWrap .areaList ul li.celectArea.toukai {
  background: #286090;
}

#headTextWrap .areaList ul li a {
  padding: 10px 20px;
  color: #fff;
  display: block;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}

#headTextWrap .areaList ul li a:hover {
  background: #f7b231;
}

#headTextWrap .areaList ul li.kantou a:hover {
  background: #449d44;
}

#headTextWrap .areaList ul li.toukai a:hover {
  background: #286090;
}

#jobSearchWrap {
  float: left;
  width: 100%;
}

#jobSearchWrap:after {
  content: "";
  clear: both;
  display: block;
}

#jobSearchWrap .searchWrap,
.jobSearchFooterWrap .searchWrap {
  float: right;
  width: 810px;
  border-bottom: 3px solid #ff8a9f;
  padding: 10px 5px 10px 80px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

#jobSearchWrap .searchWrap .searchIcon,
.jobSearchFooterWrap .searchWrap .searchIcon {
  position: absolute;
	display: inline-block;
	margin: 0;
	padding: 0 5px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-size: 50px;
	font-weight: bold;
	background: #FAAFC0;
	border-radius: 50%;
	box-sizing: border-box;
  top: 3px;
  left: 5px;
}

#jobSearchWrap .searchWrap .searchIcon:before,
.jobSearchFooterWrap .searchWrap .searchIcon:before {
  content: "";
  position: absolute;
  bottom: -7px;
  right: -7px;
  margin-top: -15px;
  border: 10px solid transparent;
  border-left: 16px solid #FAAFC0;
  z-index: 0;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 3px;                /* CSS3草案 */
  -webkit-border-radius: 3px;        /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;        /* Firefox用 */
}

#jobSearchWrap .searchWrap .searchIcon i,
.jobSearchFooterWrap .searchWrap .searchIcon i {
}

#jobSearchWrap .searchWrap .searchTitleImage {
  float: left;
  margin: 0 0 1px;
  font-size: 21px;
  font-weight: bold;
  color: #FF829D;
}

#jobSearchWrap .searchWrap form,
.jobSearchFooterWrap .searchWrap form {
  clear: both;
  float: left;
  width: 60%;
  background: #ef6384;
  padding: 1px;
  margin: 0 0 5px;
}

#jobSearchWrap .searchWrap form input[type="text"],
.jobSearchFooterWrap .searchWrap form input[type="text"] {
  float: left;
  width: 416px;
  border: none;
  border-top: 1px solid #FCD9EC;
  border-left: 1px solid #FCD9EC;
  margin: 0;
}

#jobSearchWrap .searchWrap p,
.jobSearchFooterWrap .searchWrap p {
  font-size: 9px;
  margin: 0;
  clear: both;
}

#jobSearchWrap .searchWrap p span,
.jobSearchFooterWrap .searchWrap p span {
  color: #ef6384;
}

#jobSearchWrap .searchWrap .hotKeyword,
.jobSearchFooterWrap .searchWrap .hotKeyword {
  float: right;
  width: 35%;
  border-top: 1px solid #ef6384;
  padding: 5px 0 0;
}

#jobSearchWrap .searchWrap .hotKeyword p,
.jobSearchFooterWrap .searchWrap .hotKeyword p {
  display: inline-block;
  float: none;
}

#jobSearchWrap .searchWrap .hotKeyword p.hotKeywordTitle,
.jobSearchFooterWrap .searchWrap .hotKeyword p.hotKeywordTitle {
  font-weight: bold;
  font-size: 12px;
  color: #ef6384;
  margin: 0 10px 0 0;
}

#jobSearchWrap .searchWrap .hotKeyword .hotKeywordList span,
.jobSearchFooterWrap .searchWrap .hotKeyword .hotKeywordList span {
  display: inline-block;
/*  background: #ef6384;*/
  background: #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 1px solid #ef6384;
}

#jobSearchWrap .searchWrap .hotKeyword .hotKeywordList span a,
.jobSearchFooterWrap .searchWrap .hotKeyword .hotKeywordList span a {
/*  color: #fff;*/
  color: #333;
  padding: 1px 10px;
  display: block;
}


#jobSearchWrap .jobLinkSelect {
  float: left;
  width: 370px;
  border-bottom: 3px solid #ff8a9f;
  margin: 0;
  position: relative;
}

#jobSearchWrap .jobLinkSelect:before {
  display: none;
/*  content: "";
  background: url(/img/common/character01.png) no-repeat right top;
  position: absolute;
  right: -10px;
  top: -83px;
  width: 34%;
  background-size: cover;
  bottom: 0;
  display: block;*/
}

#jobSearchWrap .jobLinkSelect ul {
    width: 97%;
    margin: 0 0 0 3%;
    float: left;
}

#jobSearchWrap .jobLinkSelect ul li {
  margin: 0 0 12px;
  float: left;
  width: 49%;
}

#jobSearchWrap .jobLinkSelect ul li img {
/*  height: 40px;*/
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

#jobSearchWrap .jobLinkSelect ul li a {
  width: 170px;
  height: 80px;
  position: relative;
  overflow: hidden;
  display: block;
}

#jobSearchWrap .jobLinkSelect ul li a:hover img {
  width: auto;
}
#jobSearchWrap .jobLinkSelect ul li a:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}


/*.reflection {
  height: 100%;
  width: 30px;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -o-animation: reflection 4s ease-in-out infinite;
}
 
@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}*/



#mainWrap .sideMenu .BulletinBoardList ul li p:before {
}

#mainWrap .sideMenu .BulletinBoardList ul li:hover p:before {
  width: 30px;
}

#wapper {
  max-width: 1000px;
  margin: 0 auto;
}


@media screen and (min-width: 768px) {

.breadcrumbListWrapper a:hover {
  color: #ef6384;
}

#mainWrap .sideMenu .BulletinBoardList ul li p:before {
  transition: .5s ;
  transform: rotateZ( 0deg ) ;
}

#mainWrap .sideMenu .BulletinBoardList ul li:hover p:before {
  transform: rotateZ( 360deg ) ;
}

#mainWrap .sideMenu .BulletinBoardList ul li:hover {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}


  #jobSearchWrap .searchWrap .hotKeyword,
  .jobSearchFooterWrap .searchWrap .hotKeyword {
    position: absolute;
    right: 0;
    top: 0;
    border-top: none;
    width: 33%;
    padding: 0;
  }
  #jobSearchWrap .searchWrap .hotKeyword p.hotKeywordTitle {
    font-weight: normal;
    font-size: 13px;
    color: #ef6384;
    margin: 0 0 5px;
    width: 100%;
    border-bottom: 1px solid #ef6384;
  }
  #jobSearchWrap .searchWrap,
  .jobSearchFooterWrap .searchWrap {
    padding: 0px 5px 3px 88px;
    max-height: 88px;
  }
  #jobSearchWrap .searchWrap .searchTitleImage {
    margin: 0 0 1px;
  }
  #jobSearchWrap .searchWrap form,
  .jobSearchFooterWrap .searchWrap form {
    margin: 0 0 2px;
  }
  #jobSearchWrap .searchWrap form input[type="text"],
  .jobSearchFooterWrap .searchWrap form input[type="text"] {
    width: 86%;
    height: auto;
    padding: 5px;
  }
  #jobSearchWrap .searchWrap .hotKeyword .hotKeywordList span,
  .jobSearchFooterWrap .searchWrap .hotKeyword .hotKeywordList span {
    margin: 2px 0;
  }
  #jobSearchWrap .searchWrap .hotKeyword .hotKeywordList span a,
  .jobSearchFooterWrap .searchWrap .hotKeyword .hotKeywordList span a {
    padding: 1px 10px;
  }
  #jobSearchWrap .searchWrap p,
  .jobSearchFooterWrap .searchWrap p {
    letter-spacing: -0.5px;
  }

  #jobSearchWrap .searchWrap .hotKeyword .hotKeywordList span a:hover,
  .jobSearchFooterWrap .searchWrap .hotKeyword .hotKeywordList span a:hover {
    color: #fff;
    background: #ef6384;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }


}

@media screen and (max-width: 767px) {

  #jobSearchWrap .searchWrap .hotKeyword p.hotKeywordTitle span,
  .jobSearchFooterWrap .searchWrap .hotKeyword p.hotKeywordTitle span {
    color: #ef6384;
  }
  #jobSearchWrap .searchWrap .hotKeyword,
  .jobSearchFooterWrap .searchWrap .hotKeyword {
    width: 100%;
  }

  #headTextWrap .areaList ul li {
    float: left;
    width: 33%;
    text-align: center;
  }
  #headTextWrap .areaList ul li.celectArea {
    width: 34%;
  }
  #headTextWrap .areaList ul li a {
    padding: 12px 10px 11px;
    font-size: 14px;
  }
  #headTextWrap .areaList ul {
    width: 100%;
    float: left;
  }
  #headTextWrap .areaList {
    display: none;
    top: 43px;
    width: 100%;
  }
  #headTextWrap .areaListMenu {
    display: block;
    position: absolute;
    right: 0;
    font-size: 9px;
    padding: 3px 5px;
    top: 0;
    bottom: 0;
    background: rgb(239, 99, 132);
    text-align: center;
    color: #fff;
  }
  #headTextWrap .areaListMenu .material-icons {
    color: #fff;
    font-size: 2.5em;
    display: block;
    margin: 0 0 -2px;
  }
  #headTextWrap .areaListMenu.active {
    background: #ccc;
  }

  #jobSearchWrap .searchWrap .searchTitleImage {
    font-size: 15px;
    margin: 0;
  }

}

/* ==========================================================================
  Grobal Navi
========================================================================== */
#pageNav {
		width:100%;
		margin: 0 auto;
}
#grobalNav {
	overflow:hidden;
	width: 1000px;
	margin: 0 auto;

}
#grobalNav .menuBody ul{
  display:table;
  width:100%;
  table-layout: fixed;
  margin: 5px 0;
}
#grobalNav .menuBody ul li {
  display:table-cell;
	margin:0;
	padding:0;
  border-right: 1px solid #57ace4;
}
#grobalNav .menuBody ul li:first-child {
  border-left: 1px solid #57ace4;
}
#grobalNav .menuNav ,
#grobalNav .menuBody ul li a {
	display:block;
	text-align:center;
	padding: 0;
}
#grobalNav .menuBody ul li a:hover {
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
#grobalNav .menuBody ul li:last-child p {
	border:none;
}
#grobalNav .menuBody ul li p.menuE,
#grobalNav .menuNav p.menuE {
	font-size: 18px;
	font-weight:bold;
}
#grobalNav .menuBody ul li p.menuE span,
#grobalNav .menuNav p.menuE span {
	display:block;
}
#grobalNav .menuNav {	
	display:none;
}
#grobalNav .noBorder {
	border:none;
}



@media screen and (max-width: 767px) {
	#pageNav {
		display:none;
	}
}

@media screen and (max-width: 767px) {
	#mmClose {
    display: block;
    text-align: right;
    font-weight: bold;
    color: inherit;
  	font-size: 12px;
    margin-left: 5px
  }
}

/* ==========================================================================
  socialIcons
========================================================================== */
#sideSocialIcons{
  position: fixed;
  right: 0;
  margin: 0 0 0 -100px;
  z-index: 100000;
  top: 135px;
}
#sideSocialIcons ul li.commonBtn{
  margin:0;
  padding:0;
}
#sideSocialIcons ul li a{
  display:block;
  width: 50px;
  height:50px;
  padding:5px;
  margin:0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-sizing:border-box;
}
#sideSocialIcons ul li a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#sideSocialIcons ul li a img{
  width:100%;
}
#menuSocialIcons{
  position:absolute;
  top: 5px;
  left: 5px;
  display:none;
}
.mm-list > li#menuSocialIcons:after{
  border:none;
}
#menuSocialIcons a{
  display:inline-block;
  padding:0;
  margin-left:5px;
}
#menuSocialIcons a img{
  width:30px;
}
@media screen and (max-width: 767px) {
  #sideSocialIcons{
    display:none;
  }
}




/* ==========================================================================
  contents
========================================================================== */

#mainWrap {
  clear: both;
/*  float: left;*/
  width: 100%;
  padding: 0;
  overflow: hidden;
}

body.toukaiArea #mainWrap {
  overflow: initial;
  float: left;
}

#mainWrap .sideMenu {
  float: left;
  width: 370px;
}

.toukaiArea #mainWrap .sideMenu {
  position: relative;
  top: -88px;
}

.bannerBlockVip {
  text-align: center;
  margin: 0 0 15px;
position: relative;
}

#mainWrap .sideMenu .bannerPlanSide {
  text-align: center;
  margin: 10px 0 15px;
}



#mainWrap .sideMenu .BulletinBoardListMenu {
    background: url(/img/common/bg_BulletinBoardListMenu.png) repeat-x bottom center;
    color: #ef6384;
    border-bottom: 2px solid #e0617e;
    margin: 0 0 10px;
    padding: 0 15% 2px 8%;
}

#mainWrap .sideMenu .BulletinBoardListMenu p {
  font-weight: bold;
  letter-spacing: 2px;
}

#mainWrap .sideMenu .BulletinBoardList {
  margin: 0 10px;
}

#mainWrap .sideMenu .BulletinBoardList ul li {
  border-bottom: 1px dashed;
  padding: 10px 5px 2px 19px;
  position: relative;
}

#mainWrap .sideMenu .BulletinBoardList ul li span.materialIconsBlock {
  position: absolute;
  right: 5px;
  top: 13px;
  transform: scale( 1.7 , 1 );
  line-height: 1em;
}

#mainWrap .sideMenu .BulletinBoardList ul li span i.closeIcon {
  display: none;
}

#mainWrap .sideMenu .BulletinBoardList ul li.listOpen span i.closeIcon {
  display: block;
}

#mainWrap .sideMenu .BulletinBoardList ul li.listOpen span i.openIcon {
  display: none;
}

#mainWrap .sideMenu .BulletinBoardList ul li p {
  font-weight: bold;
  cursor: pointer;
  font-size: 18px;
}

#mainWrap .sideMenu .BulletinBoardList ul li.listOpen p {
  font-size: 21px;
font-style: oblique;
}

#mainWrap .sideMenu .BulletinBoardList ul li ul {
  display :none;
  margin: 0 25px 15px;
  border-top: 2px solid;
}

#mainWrap .sideMenu .BulletinBoardList ul li ul li {
  border-bottom: none;
  padding: 0;
}

#mainWrap .sideMenu .BulletinBoardList ul li ul li a:before {
  font-family: 'Material Icons';
  content: "\e315";
  vertical-align: bottom;
}

#mainWrap .sideMenu .BulletinBoardList ul li ul li.bannerPlanSubMenu {
  padding: 5px 0 0;
  text-align: center;
}

#mainWrap .sideMenu .BulletinBoardList ul li ul li.bannerPlanSubMenu a:before {
  display: none;
}

#mainWrap .sideMenu .BulletinBoardList ul li ul li a {
  font-size: 14px;
  display: block;
  padding: 2px 5px;
}
#mainWrap .sideMenu .BulletinBoardList ul li ul li a:hover {
  background: rgba(255, 255, 255, 0.4);
/*  font-weight: bold;*/
  border-bottom: 1px solid;
  margin: 0 0 -1px;
}
#mainWrap .sideMenu .BulletinBoardList ul li ul li.bannerPlanSubMenu {
    margin: 5px 0 0;
}
#mainWrap .sideMenu .BulletinBoardList ul li ul li.bannerPlanSubMenu a:hover {
  border-bottom: none;
  margin: 0;
}


#mainWrap .sideMenu .BulletinBoardList ul li p:before {
  content: "";
  display: block;
  float: left;
  margin: 0 5px 0 0;
    width: 25px;
    height: 3em;
    max-height: 25px;
  opacity: 0.7;
}

#mainWrap .sideMenu .BulletinBoardList ul li.listOpen p:before,
#mainWrap .sideMenu .BulletinBoardList ul li p:hover:before {
  opacity: 1;
}

#mainWrap .sideMenu .BulletinBoardList ul li:hover p,
#mainWrap .sideMenu .BulletinBoardList ul li:hover span {
  opacity: 0.7;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryNightlife p:before {
  background: url(/img/icon/icon_01.png) no-repeat center bottom;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryOmizu p:before {
  background: url(/img/icon/icon_02.png) no-repeat center bottom;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryHost p:before {
  background: url(/img/icon/icon_03.png) no-repeat center bottom;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryFuzoku p:before {
  background: url(/img/icon/icon_04.png) no-repeat center;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryBeauty p:before {
  background: url(/img/icon/icon_05.png) no-repeat center bottom;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryFashion p:before {
  background: url(/img/icon/icon_06.png) no-repeat center bottom;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryTrouble p:before {
  background: url(/img/icon/icon_07.png) no-repeat center bottom;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryModel p:before {
  background: url(/img/icon/icon_08.png) no-repeat center bottom;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryEntertainment p:before {
  background: url(/img/icon/icon_09.png) no-repeat center bottom;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryIdletalk p:before {
  background: url(/img/icon/icon_10.png) no-repeat center bottom;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryFood p:before {
  background: url(/img/icon/icon_11.png) no-repeat center bottom;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryLife p:before {
  background: url(/img/icon/icon_12.png) no-repeat center bottom;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryLove p:before {
  background: url(/img/icon/icon_13.png) no-repeat center bottom;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryInternet p:before {
  background: url(/img/icon/icon_14.png) no-repeat center bottom;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryGambling p:before {
  background: url(/img/icon/icon_15.png) no-repeat center bottom;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryOld p:before {
  background: url(/img/icon/icon_17.png) no-repeat center bottom;
  background-size: contain;
}

#mainWrap .sideMenu .BulletinBoardList ul li#categoryAdministrators p:before {
  background: url(/img/icon/icon_18.png) no-repeat center bottom;
  background-size: contain;
}





@media screen and (max-width: 767px) {
  #mainWrap .sideMenu .BulletinBoardList ul li span.materialIconsBlock {
    transform: scale( 1 , 1 );
  }
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryNightlife p:before {
    background: url(/img/icon/icon_01_s.png) no-repeat center bottom;
    background-size: contain;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryOmizu p:before {
    background: url(/img/icon/icon_02_s.png) no-repeat center bottom;
    background-size: contain;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryHost p:before {
    background: url(/img/icon/icon_03_s.png) no-repeat center bottom;
    background-size: contain;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryFuzoku p:before {
    background: url(/img/icon/icon_04_s.png) no-repeat center;
    background-size: 60%;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryBeauty p:before {
    background: url(/img/icon/icon_05_s.png) no-repeat center bottom;
    background-size: contain;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryFashion p:before {
    background: url(/img/icon/icon_06_s.png) no-repeat center bottom;
    background-size: contain;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryTrouble p:before {
    background: url(/img/icon/icon_07_s.png) no-repeat center bottom;
    background-size: contain;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryModel p:before {
    background: url(/img/icon/icon_08_s.png) no-repeat center bottom;
    background-size: contain;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryEntertainment p:before {
    background: url(/img/icon/icon_09_s.png) no-repeat center bottom;
    background-size: contain;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryIdletalk p:before {
    background: url(/img/icon/icon_10_s.png) no-repeat center bottom;
    background-size: contain;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryFood p:before {
    background: url(/img/icon/icon_11_s.png) no-repeat center bottom;
    background-size: contain;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryLife p:before {
    background: url(/img/icon/icon_12_s.png) no-repeat center bottom;
    background-size: contain;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryLove p:before {
    background: url(/img/icon/icon_13_s.png) no-repeat center bottom;
    background-size: contain;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryInternet p:before {
    background: url(/img/icon/icon_14_s.png) no-repeat center bottom;
    background-size: contain;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryGambling p:before {
    background: url(/img/icon/icon_15_s.png) no-repeat center bottom;
    background-size: contain;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryOld p:before {
    background: url(/img/icon/icon_17.png) no-repeat center top;
    background-size: 45%;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryAdministrators p:before {
    background: url(/img/icon/icon_18_s.png) no-repeat center bottom;
    background-size: contain;
  }

}


#mainWrap .sideMenu .BulletinBoardIntroduce {
  margin: 30px 10px;
}

#mainWrap .sideMenu .BulletinBoardIntroduce p {
  background: url(/img/common/bg_BulletinBoardListMenu.png) repeat-x bottom center;
  color: #ef6384;
  border-bottom: 2px solid #e0617e;
  margin: 0 0 10px;
  padding: 0 10% 2px 8%;
}

#mainWrap .sideMenu .BulletinBoardIntroduce h3 {
  font-weight: bold;
  font-size: 17px;
  letter-spacing: -1px;
    color: #f06383;
    border-bottom: 1px dashed;
    padding: 0 0 3px;
    margin: 0px 0 6px;
}




#mainWrap .inner {
  float: right;
  margin: 10px 0 0;
  width: 810px;
}

#mainWrap .inner .textmainPageWrap {
  margin: 11px 0 50px;
  font-size: 13px;
  clear: both;
}

#mainWrap .inner h3.underTitle span {

}
#mainWrap .inner h3.underTitle {
    background-image: none;
    background: none;
    width: auto;
    border-bottom: 5px solid rgba(62, 58, 57, 0.5);
    box-shadow: none;
    padding: 0;
    font-size: 21px;
line-height: 1.2em;
  font-weight: bold;
}
#mainWrap .inner h3.underTitle .threadListTitleInner {
    border-bottom: 5px solid;
    padding: 10px 10px 5px 0;
    margin: 0 0 -5px;
    display: inline-block;
}
#mainWrap .inner h3.underTitle span.fontSmallTitle {
    font-size: 14px;
    margin: 0 0 0 5px;
}

.bbs-news #mainWrap .inner h3.underTitle {
  margin: 0 2% 25px;
}






#mainWrap .inner .innerPageWrap{
  margin: 10px;
}
#mainWrap .inner .textmainPageWrap .innerPageWrap .panel-body {
    padding: 5px 10px;
    box-shadow: 0px 0px 4px 3px #e3e3e3;
    -moz-box-shadow: 0px 0px 4px 3px #e3e3e3;
    -webkit-box-shadow: 0px 0px 4px 3px #e3e3e3;
  margin: 0 0 20px;
}

#mainWrap .inner .textmainPageWrap .innerPageWrap .panel-body h4 {
    font-size: 16px;
  border-bottom: 1px dashed #ccc;
    padding: 0 0 5px;
    margin: 2px 0 10px;
position: relative;
}
#mainWrap .inner .textmainPageWrap .innerPageWrap .panel-body h4 span,
#mainWrap .inner .textmainPageWrap .innerPageWrap h4 span {
  font-weight: normal;
  margin-right: 6px;
  position: absolute;
  font-size: 14px;
  color: #222;
  left: 0;
}
.inq #mainWrap .inner .textmainPageWrap .innerPageWrap h4 span {
  top: 5px;
}
#mainWrap .inner .textmainPageWrap .innerPageWrap .panel-body h4 span.bbsNewsDateTitle {
    font-size: 16px;
    padding: 0 0 2px;
    margin: 7px 0 0px;
    position: relative;
    font-weight: bold;
    width: 90%;
    word-break: break-all;
    display: block;
}
.bbs-news #mainWrap .inner .textmainPageWrap .innerPageWrap h4 span {
  right: 0;
  left: inherit;
}
#mainWrap .inner .textmainPageWrap .innerPageWrap .panel-body h4 span i,
#mainWrap .inner .textmainPageWrap .innerPageWrap h4 span i {
    color: #fff;
    background: #ef6384;
    font-size: 12px;
    vertical-align: baseline;
}

#mainWrap .inner .innerPageWrap p{
  font-size: 13px;
  margin: 0 18px 10px;
  line-height: 1.7em;
}
.bbs-news #mainWrap .inner .innerPageWrap p{
  line-height: 1.7em;
}

#mainWrap .inner .textmainPageWrap .innerPageWrap .panel-body h3 span.bbsNewsDate {
    margin: 6px 0 0;
    text-align: right;
    font-size: 12px;
    line-height: 1em;
    float: right;
}

#mainWrap .inner .innerPageWrap p.linkText {
  text-align: right;
}
#mainWrap .inner .jobPageWrap.textmainPageWrap .innerPageWrap p 
#mainWrap .inner .jobPageWrap.textmainPageWrap .innerPageWrap p a {
  color: #F4B301;
}
#mainWrap .inner .jobPageWrap.textmainPageWrap .innerPageWrap p a i {
  vertical-align: middle;
  font-size: 16px;
  margin-left: 3px;
}
#mainWrap .inner .innerPageWrap > ul {
  margin: 0 20px 40px;
  list-style: disc;
}
#mainWrap .inner .innerPageWrap > ul li {
  font-size: 13px;
  margin: 0 0 5px 16px;
  line-height: 1.6em;
}
.job #mainWrap .inner .innerPageWrap > ul {
    margin: 0 20px 15px;
}

#mainWrap .inner .textmainPageWrap .innerPageWrap .row {
  float: left;
  width: 100%;
  background: rgba(238, 238, 238, 0.5);
  padding: 20px 10px;
  margin: 0 0 20px;
  box-sizing: border-box;
}
#mainWrap .inner .textmainPageWrap .innerPageWrap .row .col-sm-6 {
  float: left;
  width: 50%;
  padding: 0;
}
#mainWrap .inner .textmainPageWrap .innerPageWrap .row .col-sm-6 ul {
  margin: 0 13px;
  list-style: disc;
}
#mainWrap .inner .textmainPageWrap .innerPageWrap .row .col-sm-6 ul li {
  font-size: 13px;
  margin: 0 0 5px 16px;
  line-height: 1.6em;
}
#mainWrap .inner .textmainPageWrap .innerPageWrap .clearfix {
  clear: both;
}
#mainWrap .inner .textmainPageWrap .innerPageWrap dl {
  margin: 0 22px 15px;
}
#mainWrap .inner .textmainPageWrap .innerPageWrap dl dt {
  font-size: 14px;
  background: #ffecec;
  padding: 7px 10px 5px;
  margin: 0 0 10px;
}
#mainWrap .inner .textmainPageWrap .innerPageWrap dl dd {
  font-size: 13px;
  margin: 0 0 25px;
  padding: 0 10px;
}
#mainWrap .inner .innerPageWrap h4{
  font-size: 17px;
  font-weight: bold;
  border-bottom: 1px solid #717071;
  line-height: 1.5em;
  margin: 40px 0 12px;
}
#mainWrap .inner .textmainPageWrap .innerPageWrap h4 {
    border-bottom: 1px dashed #ccc;
    padding: 0 0 5px 20px;
    font-size: 16px;
    position: relative;
}

#mainWrap .inner .innerPageWrap h4 span{
  font-size: 30px;
  margin-right:3px;
  color: #ef6384;
}
#mainWrap .inner .textmainPageWrap .innerPageWrap h5 {
  font-size: 14px;
  margin: 20px 0 5px;
  font-weight: bold;
}
#mainWrap .inner .textmainPageWrap a {
    text-decoration: underline;
    color: #F4B301;
}
#mainWrap .inner .textmainPageWrap a:hover {
    text-decoration: none;
    color: #ef6384;
}
#contents {
	padding-bottom:30px;
	min-height: 440px;
  float: left;
  width: 100%;
}
#wrapper {
	background-attachment:fixed;
	background-repeat: repeat-y;
  width: 100%;
  overflow: hidden;
/*  background-size: contain;*/
    background-size: cover;
}

#mainWrap .inner .bannerArea ul,
#mainWrap .bannerBlockWrap .bannerArea ul {
  margin: 5px 0 5px 2%;
  float: left;
  width: 98%;
}


#mainWrap .inner .bannerArea ul li,
#mainWrap .bannerBlockWrap .bannerArea ul li {
  display: inline-block;
  width: 32%;
  margin: 0 1% 0 0;
  padding: 0;
  float: left;
  box-sizing: border-box;
}

#mainWrap .inner .bannerArea ul.bannerCount1 {
  text-align: center;
}

#mainWrap .inner .bannerArea ul.bannerCount1 li {
  float: none;
}

#mainWrap .inner .bannerArea ul.bannerCount2 li {
  text-align: left;
}
#mainWrap .inner .bannerArea ul.bannerCount2 li:first-child {
  text-align: right;
  margin: 0 1% 0 16%;
}

  .bannerBlockVip,
  #mainWrap .sideMenu .bannerPlanSide,
  #mainWrap .inner .bannerArea.bannerBlockC,
  #mainWrap .inner .bannerArea.bannerBlockD,
  #mainWrap .inner .bannerArea.bannerBlockBoardT,
  #mainWrap .inner .bannerArea.bannerBlockBoardB,
  #mainWrap .bannerBlockWrap .bannerArea.bannerBlockD {
    position: relative;
    margin: 0 0 10px;
    padding: 5px 0;
background: rgb(247,247,247);
background: -moz-linear-gradient(top, rgba(247,247,247,1) 1%, rgba(255,255,255,1) 10%);
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 10%);
background: linear-gradient(to bottom, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 10%);
  border: 1px solid #eee !important;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
  }

  #mainWrap .inner .bannerArea.bannerBlockBoardT {
    margin: 1px 0 5px;
  }

#mainWrap .inner .bannerArea.bannerBlockBoardB {
  margin: 15px 0 5px;
}

#mainWrap .inner .bannerArea.bannerBlockC,
#mainWrap .inner .bannerArea.bannerBlockD,
#mainWrap .inner .bannerArea.bannerBlockBoardT,
#mainWrap .inner .bannerArea.bannerBlockBoardB,
#mainWrap .bannerBlockWrap .bannerArea.bannerBlockD {
    float: left;
    width: 100%;
}





/* Flashing */
.bannerBlockVip img:hover,
#mainWrap .sideMenu .bannerPlanSide img:hover,
#mainWrap .inner .bannerArea.bannerBlockC img:hover,
#mainWrap .inner .bannerArea.bannerBlockD img:hover,
#mainWrap .inner .bannerArea.bannerBlockBoardT img:hover,
#mainWrap .inner .bannerArea.bannerBlockBoardB img:hover,
#mainWrap .bannerBlockWrap .bannerArea.bannerBlockD img:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}


@media screen and (max-width: 767px) {

  #mainWrap .sideMenu .BulletinBoardList {
    max-width: 400px;
    margin: 0 auto 10px;
  }
  #mainWrap .sideMenu.menuFooterBlock .BulletinBoardList {
    display: block;
  }


	#contents {
    min-height:auto;
	}
	#contents,
	#contents2,
	#contents3 {
		padding: 0;
	}

  #mainWrap .inner .bannerArea ul,
  #mainWrap .bannerBlockWrap .bannerArea ul {
    margin: 10px 2%;
    float: none;
    clear: both;
    width: 96%;
  }
  #mainWrap .bannerBlockWrap .bannerArea.bannerBlockBoardT ul,
  #mainWrap .bannerBlockWrap .bannerArea.bannerBlockBoardB ul {
    margin: 0 2%;
  }
  #mainWrap .inner .bannerArea ul li,
  #mainWrap .bannerBlockWrap .bannerArea ul li {
    display: block;
    width: 100%;
    margin: 10px 0;
    float: none;
    text-align: center;
  }
  #mainWrap .bannerBlockWrap .bannerArea.bannerBlockBoardT ul li,
  #mainWrap .bannerBlockWrap .bannerArea.bannerBlockBoardB ul li {
    margin: 0;
  }

  #mainWrap .inner .bannerArea ul li im,
  #mainWrap .bannerBlockWrap .bannerArea ul li img {
    max-width: 100%;
  }

  .bannerBlockVip,
  #mainWrap .sideMenu .bannerPlanSide,
  #mainWrap .inner .bannerArea.bannerBlockC,
  #mainWrap .inner .bannerArea.bannerBlockD,
  #mainWrap .inner .bannerArea.bannerBlockBoardT,
  #mainWrap .inner .bannerArea.bannerBlockBoardB,
  #mainWrap .bannerBlockWrap .bannerArea.bannerBlockD {
    position: relative;
    margin: 0px 2% 5px;
    padding: 5px 0;
background: rgb(247,247,247);
background: -moz-linear-gradient(top, rgba(247,247,247,1) 1%, rgba(255,255,255,1) 10%);
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 10%);
background: linear-gradient(to bottom, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 10%);
  border: 1px solid #eee;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
width: 96%;
  }

  .bannerBlockVip {
    margin: 0px 2%;
  }

  #mainWrap .inner .bannerArea.bannerBlockD,
  #mainWrap .bannerBlockWrap .bannerArea.bannerBlockD {
    margin: 0 5px 10px;
  }
  #mainWrap .inner .textmainPageWrap {
    margin: 10px 0 40px;
  }
  #mainWrap .inner .textmainPageWrap .innerPageWrap .row .col-sm-6 {
    width: 100%;
    clear: both;
  }
  #mainWrap .inner h3.underTitle {
    font-size: 21px;
    margin: 0 2%;
  }
  #mainWrap .inner .innerPageWrap h4 {
    font-size: 15px;
    margin: 37px 0 12px;
  }
  #mainWrap .inner .innerPageWrap h4 span {
    font-size: 24px;
  }
  #mainWrap .inner .innerPageWrap > ul {
    margin: 0 10px;
    font-size: 14px;
  }
  #mainWrap .inner .innerPageWrap p {
    margin: 0 10px 10px;
  }
  #mainWrap .inner .textmainPageWrap .innerPageWrap .row {
    padding: 10px;
  }
  #mainWrap .inner .textmainPageWrap .innerPageWrap dl {
    margin: 0px 0px 15px;
  }
  #mainWrap .inner .textmainPageWrap p.underTitleText {
    margin: 0 2%;
  }

  .kantouArea #mainWrap .sideMenu,
  .toukaiArea #mainWrap .sideMenu {
    position: inherit;
    top: 0;
  }


#mainWrap .inner .textmainPageWrap .innerPageWrap .panel-body h4 span.bbsNewsDateTitle {
    width: 77%;
}

  #mainWrap .sideMenu .BulletinBoardIntroduce {
    clear: both;
    padding: 20px 0 0;
    margin: 30px 0 10px;
  }

  #mainWrap .sideMenu .BulletinBoardIntroduce p {
    padding: 0px 16% 2px 2%;
  }

  #mainWrap .sideMenu .BulletinBoardIntroduce .linkButton {
    border: 1px solid #f16382;
    color: #f26281;
    text-align: center;
    margin: 0 auto;
    padding: 5px 0;
    text-shadow: 1px 1px 1px #999;
    width: 50%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 1px #ccc;
  }

  #mainWrap .sideMenu .BulletinBoardIntroduce .linkButton i {
    vertical-align: bottom;
  }

  #mainWrap .sideMenu .BulletinBoardIntroduce h3 {
    margin: 0 1% 5px;
  }

  #mainWrap .sideMenu .BulletinBoardIntroduce .IntroduceText .IntroduceTextInner {
    padding: 0 3%;
  }




}



/* ==========================================================================
  Contents Menu
========================================================================== */
.contentsTitle {
	padding-top:2px;
}
.contentsTitle span.titleE {
	display:inline-block;
	font-size: 27px;
	line-height:40px;
	vertical-align:bottom;
}
.contentsTitle span.titleJ {
	display:inline-block;
	line-height:28px;
	font-size: 16px;
	padding-left: 10px;
	vertical-align:bottom;
}
@media screen and (max-width: 767px) {
	.contentsTitle{
		height:inherit;
	}
	.contentsTitle span.titleE {
		font-size:20px;
    padding-left: 8px;
    line-height: initial;
	}
	.contentsTitle span.titleJ {
		font-size: 12px;
	}
}
@media screen and (max-width: 767px) {
  .mm-menu .mm-list {
    padding: 0 !important;
  }
}


/* ==========================================================================
  footer
========================================================================== */

footer {
  border-top: 1px dashed #ef6384;
  clear: both;
  padding: 10px 0 0;
  margin: 20px 0 0;
}

.toukaiArea footer {
  padding: 10px 94px 0;
}

footer #footerlogo {
  float: left;
  margin-right:10px;
}

footer #footerlogo img {
  width: 165px;
}

footer #footer {
  float: left;
}

footer #footer a {
/*  color: #ef6384;*/
  text-decoration: none;
}

footer #footer a:hover {
  color: #ef6384;
  text-decoration: none;
}

footer #footer nav.footerMenuMain{
  margin: 5px 10px 0 0;
}
footer #footer .footerMenuMain ul li:first-child {
  border-left: 1px solid #ef6384;
}

footer #footer .footerMenuMain ul li:first-child a {
  color: #ff8f00;
}



footer #footer .footerMenuMain ul li:nth-of-type(2) a {
  color: #ff8a9f;
}

footer #footer .footerMenuMain ul li:nth-of-type(3) a {
  color: #2ca6e0;
}


footer #footer ul li {
  display: inline-block;
  border-right: 1px solid #ef6384;
  padding: 0 5px 0 0;
  line-height: 1em;
font-size: 20px;
}

footer #footer .footerMenuMain ul li:first-child {
  border-left: none;
}
footer #footer nav.footerMenuSubMain{
  margin: -5px 10px 0 0;
}
footer #footer .footerMenuSubMain ul li {
  font-size: 12px;
}

footer #footer .footerMenuSubMain ul li.spOnliy {
  display: none;
}

footer #footer .footerMenuSubMain ul li:last-child {
  border-right: none;
}

footer address {
  clear: both;
}

.footerBanner {
  clear: both;
}

.footerBanner ul {
  margin: 0 0 25px;
}

.footerBanner ul li {
  display: inline-block;
  width: 487px;
  text-align: center;
}

.footerBanner ul li:nth-last-child(2),
.footerBanner ul li:last-child {
  width: auto;
  text-align: left;
}

/* back to top */
#page-top {
  font-size: 0;
  position: fixed;
  z-index: 50;
  right: 15px;
  bottom: 35px;
  display: none;
  width: 40px;
  height: 40px;
  color: transparent;
  border-radius: 20px;
  background-color: rgba(0,0,0,.35);
}

#page-top:after {
  position: fixed;
  z-index: 51;
  right: 31px;
  bottom: 48px;
  display: block;
  width: 7px;
  height: 7px;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
}

/* footer Menu */
#footer #footerMenu {
	height: 40px;
	padding: 20px 20px 20px;
	text-align: center;
}
#footer #footerMenu p {
	display:inline-block;
}

#footer #footerMenu p.separater:after{
	content:"｜";
}

#footer #footerMenu p.separater:last-child:after{
	content:"";
}
#ftAddress {
	text-align:center;
	font-size:10px;
	line-height:30px;
}
#ftAddress a{
  color:inherit;
  text-decoration:none;
}
.SPfooter{
	display:none;
}

/* fixFooter */
#fixFooter {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color:#319ffd;
	z-index:100;
	padding:6px 0 0;
	padding-right:0px;
	display:none;
	text-align:center;
  border-top:1px solid #CCC;
}
#fixFooter > a{
  text-decoration:none;
}
#fixFooter > a:hover {
	text-decoration:underline;
}

#fixFooter a{
	display:inline-block;
	height:33px;
	width:49%;
  background:none;
  overflow:hidden;
  position:relative;
}
#fixFooter #fixTel:first-child{
  border-right:1px solid #CCC;
}

#fixFooter .fixButton{
	width:140px;
  margin:0 auto;
}

#fixFooter .fixButton .fixText {
	float:right;
  padding-top:6px;
	font-size:16px;
	color:#FFF;
  text-align:left;
  font-weight:normal;
  width:70%;
}

#fixFooter .fixButton .svgWrap{
  width: 30%;
  float:left;
  padding-top:4px;
}
#fixFooter .fixButton .svgWrap svg{
  height:25px;
}
#fixFooter .fixButton .svgWrap svg path {
  fill:#FFF;
}

@media screen and (max-width: 767px) {
  #footer{
    margin-top: 10px;
  }
  #ftAddress a{
    display:none;
  }
	.PCfooter{
		display:none;
	}
	.SPfooter{
    background: url(../img/common/sp_bg_footermenu_c.png) repeat-y center top;
		display:block;
    padding: 0 0 50px;
    margin-bottom: 0;
    background-size: cover;
	}
	.SPfooter .shopGradient img {
    width: 100%;
  }

	.SPfooter > div{
		overflow:hidden;
	}
	#SPfooterBody .separate {
		overflow:hidden;
		position:relative;
		height: 60px;
	}
	#SPfooterBody .separate:nth-child(n+2){
	}
	#SPfooterBody .separate div {
		position:absolute;
		width:50%;
		font-size:12px;
	}
	#SPfooterBody .separate .leftSpa {
		top:0;
		left:0;
	}
	#SPfooterBody .separate .rightSpa {
		top:0;
		right:0;
		margin-top:0;
	}
	#SPfooterBody a {
		text-decoration:none;
	}
	#SPfooterBody p {
		padding:15px;
		text-align:center;
		font-weight:bold;
	}
	#SPfooterBody span {
		height:30px;
		line-height:30px;
	}
	#SPfooterBody span#pluralLines {
		line-height:15px;
	}

	#SPfooterBody i {
		display:table-cell;
		width:45px;
		vertical-align:middle;
		line-height:1;
		text-align:center;
	}
	#SPfooterBody i img {
		width:30px;
	}

  #SPfooterBody .separate .linkBack {
    background-color: #69c2ff;
    background: #69c2ff;
    background: -moz-linear-gradient(top, #b3e3ff 0%, #91d6ff 10%, #5cbaff 100%);
    background: -webkit-linear-gradient(top, #b3e3ff 0%, #91d6ff 10%,#5cbaff 100%);
    background: linear-gradient(to bottom, #b3e3ff 0%, #91d6ff 10%,#5cbaff 100%);
    margin: 2px;
    width: 49%;
    padding: 5px 0;
  }

  #SPfooterBody .separate .linkBack a p {
    color: #fff;
  }
  #SPfooterBody .separate .linkBack a p.menuE {
    padding: 0;
    font-size:13px;
    font-weight: normal;
  }
  #SPfooterBody .separate .linkBack a p.menuE span {
    padding: 10px 0 0;
    height: initial;
    display: block;
    line-height: inherit;
  }
  #SPfooterBody .separate .linkBack a p.menuJ {
    padding: 0;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: normal;
  }

  #SPfooterBody .separate .linkBack a p.menuJ span {
    line-height: inherit;
    height: initial;
  }

  #SPfooterBody .separate .linkBack:before {
    position: absolute;
    content: "";
    display: block;
    background: url(/img/common/h_menu_left.png) no-repeat left center;
    left: 5px;
    top: 0;
    width: 11px;
    height: 100%;
    background-size: contain;
  }

  #SPfooterBody .separate .linkBack:after  {
    position: absolute;
    content: "";
    display: block;
    background: url(/img/common/h_menu_right.png) no-repeat right center;
    right: 5px;
    top: 0;
    width: 11px;
    height: 100%;
    background-size: contain;
  }

	.SPfooter .contentsTitle{
		font-weight:bold;
	}
	#topControl .pageTop{
		font-size:16px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		padding:3px 20px;
		margin-right:10px;
	}
  .footerBanner {
    margin: 0 10px;
    padding: 30px 0 0;
  }
  .footerBanner ul li {
    width: 100%;
  }
  .footerBanner ul.smallBanner li {
    width: 49%;
  }
  .footerBanner img {
    max-width: 100%;
  }
  .header a{
    width: 47px;
    height: 47px;
    text-decoration: none;
  }
  footer #footer .spFooterMenuMain ul li {
    width: 33%;
    border-right: none;
    float: left;
  }
  footer #footer nav.spFooterMenuMain {
    margin: 0 3%;
  }

  footer {
    border-top: none;
    margin-top: 10px;
  }
  footer #footer nav.footerMenuSubMain {
    margin: 20% 5% 0;
    padding: 2% 3%;
    text-align: center;
    border-top: 1px dashed #ef6384;
  }
  footer address {
    background: rgba(247, 177, 193, 0.25);
  }

  footer #footer a {
    color: #ef6384;
    text-decoration: none;
  }

  footer #footer a:hover {
    text-decoration: underline;
  }

  .kantouArea footer,
  .toukaiArea footer {
    padding: 10px 0 0;
  }

  footer #footer .footerMenuSubMain ul li.spOnliy {
    display: inline;
  }


}


/* ==========================================================================
  setting
========================================================================== */
#contents h2,
#contents2 h2,
#contents3 h2 {
}
.articleTitle {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:0 5px;
	font-weight:bold;
}

.noDataBody {
	text-align:center;
	line-height:100px;
	font-size:14px;
}
.spNoDisp {
	display:none;
}

/* pager */
.pager {
	padding:5px;
	font-weight:bold;
	padding-left: 17px;
}
.dammyPager {
	height:51px;
}

/* common button */
.commonBtn {
  clear: both;
	width:100%;
	margin-bottom: 10px;
}
.commonBtn a,
.commonBtn .sendBtn {
	width:50%;
	margin:0 auto 1px;
	display:block;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:10px;
	font-size:26px;
}
.commonBtn a:hover,
.commonBtn .sendBtn:hover {
	position:relative;
	top:1px;
	cursor:pointer;
}

.contentsMessage {
	margin:50px 0;
	font-size: 18px;
	text-align: center;
}
.backHome {
	text-align:right;
	margin:0 10px;
}

.resultText p {
	padding:20px;
}
.doubleLineCol {
	border-bottom: solid 4px #FF6600;
	box-shadow: 0 2px #ffbb8d;
	-moz-box-shadow: 0 2px #ffbb8d;
	-webkit-box-shadow: 0 2px #ffbb8d;
	-o-box-shadow: 0 2px #ffbb8d;
	-ms-box-shadow: 0 2px #ffbb8d;
}
.lineTitle {
	overflow:hidden;
	font-weight:bold;
	padding-left:5px;
	border-left-width:5px;
	border-left-style:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

.topErrorView {
	width:90%;
	margin:0 auto;
	padding:10px 2%;
	font-weight:bold;
	margin-bottom:20px;
  border-width: 1px;
  border-style: solid;
	color:#C00;
	border-color:#C00;
}
.topErrorView ul {
	margin-left:0;
	font-weight:normal;
}
.topErrorView ul li{
  font-size: 11px;
  background: rgba(204, 0, 0, 0.1);
  margin-top: 5px;
  padding: 2px;
}
.dispErrorBg {
	background-color:#FFE1F0;
	color:#C00;
}

.boxDateSpan {
	margin-right:15px;
}

@media screen and (max-width: 767px) {
	.pager {
	}
	.articleTitle {
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		padding:2px 5px;
	}
	.commonBtn {
		margin-top:10px;
	}
	.commonBtn a {
		width:90%;
		font-size:16px;
	}
	.commonBtn a:hover {
		top:0;
	}
	.contentsMessage {
		margin:10px 0;
		font-size:inherit;
	}
	
	.topErrorView {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding:5px;
		margin-bottom:10px;
	}
	.spNoView {
		display:none !important;
	}
}

/* ==========================================================================
  breadcrumb list
========================================================================== */
#breadcrumbListWrap {
	margin:10px 0;
  overflow:hidden;
	background-color: rgba(0, 0, 0, 0.45);
	border: solid 1px #B6B6B6;
	font-size:11px;
}
@media screen and (max-width: 767px) {
	#breadcrumbListWrap {
    width: 100%;
    margin: 0px auto 5px;
    box-sizing: border-box;
	}
}

#breadcrumbList {
	float:left;
	font-size:11px;
}
#loginList{
  float:right;
	margin-right:10px;
}
#breadcrumbList p {
	display:inline-block;
	line-height:28px;
	padding-left:10px;
	padding-right:30px;
	background: url(../img/common/bread_arrow.png) no-repeat right top;
	white-space: nowrap;
}
#loginList p {
	display:inline-block;
	line-height:28px;
	padding-right:10px;
  font-size:14px;
}
#breadcrumbList p:last-child {
	background:none;
}
@media screen and (max-width: 767px) {
  #loginList{
    display:none;
  }
   #breadcrumbListWrap.topBreadCrumb{
    display:none;
  }
}
@media screen and (max-width: 480px) {
	#breadcrumbList {
		padding:0 10px;
	}
  #loginList p{
    font-size:12px;
	  padding-right:5px;
  }
	#breadcrumbList p {
		background:none;
		padding-left:0px;
		padding-right:0px;
		white-space: nowrap;
	}
	#breadcrumbList p::after {
		content:"≫";
		margin-left: 5px;
	}
	#breadcrumbList p:last-child::after {
		content:"";
	}
}

/* ==========================================================================
  contents text
========================================================================== */
.contentsMsgWrap {
	overflow:hidden;
	margin-bottom:20px;
}
.contentsMsgWrap .images {
	width:30%;
  margin:10px 0;
}
.contentsMsgWrap .images img {
	max-width:100%;
}
.contentsMsgWrap .contents {
	background-color:rgba(255,255,255,0.75);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width:68%;
  margin:10px 0;
}
.contentsMsgWrap .images.wideView {
  width: 98%;
  margin: 10px 1%;
}
.contentsMsgWrap .contents.wideView {
	width:100%;
}
.contentsMsgWrap .contents p {
	padding:10px;
}
.contentsMsgWrap.leftImage .images {
	float:left;
}
.contentsMsgWrap.leftImage .contents {
	float:right;
}
.contentsMsgWrap.rightImage .images {
	float:right;
}
.contentsMsgWrap.rightImage .contents {
	float:left;
}
.contentsMsgWrap.noImage .images {
	display:none;
}
.contentsMsgWrap.noImage .contents {
	width:100%;
}
@media screen and (max-width: 767px) {
	.contentsMsgWrap .images {
		width:40%;
	}
	.contentsMsgWrap .contents {
		width:58%;
	}
}
@media screen and (max-width: 480px) {

  .contentsMsgWrap {
    margin-bottom: 5px;
  }
	.contentsMsgWrap .images,
	.contentsMsgWrap .contents {
		display:block;
		width:98% !important;
    margin:0 1% !important;
	}
}

/* ==========================================================================
  list 
========================================================================== */
.listContainer {
}
.listBlock {
	overflow:hidden;
	padding:20px;
	background-color: rgba(0, 0, 0, 0.45);
	border: solid 1px #B6B6B6;
	margin: 10px;
}
.listBlock .listLBlock{
	float:right;
	overflow:hidden;
}
.listBlock .listRBlock{
	float:left;
	overflow:hidden;
}
.listBlock .boxBody{
	padding:10px;
}
.listBlock .listImgBlock,
.listBlock .htmlContentsBody{
	padding:5px;
}
.listBlock .listImgBlock{
	text-align:center;
}
.listBlock .listImgBlock img{
	max-width:100%;
}
.listBlock .listTableLayout{
	display:table;
	width:100%;
	table-layout:fixed;
	box-sizing: border-box;
}
.listBlock .listTableLayout > div{
	display:table-cell;
	vertical-align:top;
}
.listBlock .listTableLayout .listImgBlock{
	width:35%;
}
@media screen and (max-width: 767px) {
	.listBlock {
		padding:15px;
		margin-bottom:0px;
	}
	.listBlock .listTableLayout{
		display:block;
		width:auto;
	}
	.listBlock .listTableLayout > div{
		display:block;
	}
	.listBlock .listTableLayout .listImgBlock{
		width:auto;
	}
}

/* ==========================================================================
  boxList Common
========================================================================== */
.boxListContainer{
	overflow:hidden;
	padding:20px 10px;
}

#shiftContents .boxListContainer,
#girlContents .boxListContainer,
#newfaceContents .boxListContainer {
  padding: 20px 10px 20px 0px;
}

.boxListWrapper{
	overflow:hidden;
}
.boxListBlock{
	float:left;
	margin:10px 20px;
	width:225px;
}

@media screen and (max-width: 767px) {
	.boxListContainer{
		padding:0px;
	}
}

/* ==========================================================================
  form Common
========================================================================== */
.formContainer {
	overflow:hidden;
	padding:0 0 20px;
}

.formContainer .resultText {
	padding: 10px;
	line-height: 2;
}

/* ==========================================================================
  detail Common
========================================================================== */
.detailContainer{
}

/* ==========================================================================
  free Common
========================================================================== */
.freeContainer {
	overflow:hidden;
	padding:20px;
}

@media screen and (max-width: 767px) {
	.freeContainer{
		padding:15px;
		margin-bottom:10px !important;
	}
}

/* ==========================================================================
  moreListView
========================================================================== */
#moreListView {
	padding-top:30px;
	padding-bottom:30px;
}
#moreListView p {
	width:300px;
	margin:0 auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:20px;
	text-align:center;
	color:#EEE;
	font-size:18px;
	font-weight:bold;
	border:solid 2px #AE0000;
}
#moreListView p:hover {
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

@media screen and (max-width: 767px) {
	.formCommon input,
	.formCommon select,
	.formCommon textarea {
		width:100%;
	}
  section .pager {
    background-color: rgba(55, 168, 255, 0.7);
    margin-bottom: 10px;
    border: none;
    color: #fff;
  }
}

/* ==========================================================================
  table
========================================================================== */
table.commonTable {
	width:100%;
}
table.commonTable th {
	padding:15px;
	word-break:break-all;
}
table.commonTable td {
	padding:15px;
	word-break:break-all;
}



@media screen and (min-width: 768px) {

footer #footer .footerMenuMain ul li a:hover {
/*  text-decoration: underline;*/
      opacity: 0.7;
}
  .siteText {
    font-size: 12px;
    color: #e51373;
    position: absolute;
    text-shadow: 0px 0px 1px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff, 2px 2px 2px #fff, 2px -2px 2px #fff, -2px 2px 2px #fff, -2px -2px 2px #fff;
    margin: -1px 0 0 -8px;
    bottom: 12px;
    left: 390px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 600px;
    padding: 0 0 0 2px;
  }

  .recruit-list .siteText {
    left: 385px;
  }


}

@media screen and (max-width: 767px) {
	table.commonTable th,
	table.commonTable td {
		width:auto;
		display: block;
		padding:5px;
	}
	table.commonTable th {
		border-bottom:none !important;
	}
	table.commonTable td {
		border-bottom:none !important;
	}
  #jobSearchWrap .jobLinkSelect:before {
    display: none;
  }
  #mainWrap .inner {
    width: 100%;
  }

  #jobSearchWrap {
    clear: both;
    float: none;
    margin: 0;
  }
  .jobSearchFooterWrap .searchWrap,
  #jobSearchWrap .searchWrap {
    padding: 0;
    width: 100%;
    border: none;

  }
  .jobSearchFooterWrap .searchWrap .searchIcon,
  #jobSearchWrap .searchWrap .searchIcon {
    display: none;
  }
  .jobSearchFooterWrap .searchWrap p,
  #jobSearchWrap .searchWrap p {
    display: none;
  }
  .jobSearchFooterWrap .searchWrap form,
  #jobSearchWrap .searchWrap form {
    width: 100%;
    margin: 0;
  }
  .jobSearchFooterWrap .searchWrap form input[type="text"],
  #jobSearchWrap .searchWrap form input[type="text"] {
    width: 82%;
  }
  .jobSearchFooterWrap .searchWrap form input[type="image"],
  #jobSearchWrap .searchWrap form input[type="image"] {
    width: 18%;
    height: 100%;
  }
  .jobSearchFooterWrap .searchWrap .hotKeyword,
  #jobSearchWrap .searchWrap .hotKeyword {
    position: relative;
    background: rgba(239, 99, 132, 0.1);
    border-top: none;
    padding: 0 5px;
    position: relative;
    overflow: hidden;
    height: 5.5em;
  }

  .jobSearchFooterWrap .searchWrap .hotKeyword p,
  #jobSearchWrap .searchWrap .hotKeyword p {
    margin: 0 0 0px 22%;
  }
  .jobSearchFooterWrap .searchWrap .hotKeyword p.hotKeywordTitle,
  #jobSearchWrap .searchWrap .hotKeyword p.hotKeywordTitle {
    font-weight: bold;
    font-size: 10px;
    color: #ef6384;
    margin: 0 0 5px;
    width: 100%;
    padding: 0;
    text-align: left;
    border-bottom: 1px solid rgba(239, 99, 132, 0.39);
    text-align: left;
  }
  .jobSearchFooterWrap .searchWrap .hotKeyword p.hotKeywordTitle span,
  #jobSearchWrap .searchWrap .hotKeyword p.hotKeywordTitle span {
  }
  .jobSearchFooterWrap .searchWrap .hotKeyword .hotKeywordList span,
  #jobSearchWrap .searchWrap .hotKeyword .hotKeywordList span {
    margin: 0 0 5px;
  }
  .jobSearchFooterWrap .searchWrap {
    width: 94%;
    margin: 15px 3% 0;
  }
  #jobSearchWrap .jobLinkSelect {
    width: 100%;
    margin: 10px 0;
    display: none;
  }
  #jobSearchWrap .jobLinkSelect:before {
    z-index: -1;
    left: 0;
    top: -41px;
    width: 18%;
  }
/*  #jobSearchWrap .jobLinkSelect:after {
    content: "";
    background: url(/img/common/character02.png) no-repeat right bottom;
    position: absolute;
    right: -8px;
    top: -45px;
    width: 23%;
    background-size: cover;
    bottom: 0;
    display: block;
    z-index: -1;
  }*/
  #jobSearchWrap .jobLinkSelect:before {
    display: none;
  }
  #jobSearchWrap .jobLinkSelect ul {
    margin: 0 auto 15px;
    width: 86%;
  }
  #jobSearchWrap .jobLinkSelect ul li a {
    margin: 0 auto;
    width: 94%;
    height: 85px;
  }

  .jobLinkSelect.viewSpCmn {
    margin: 45px 0 5px;
    float: left;
    width: 100%;
}

  .jobLinkSelect.viewSpCmn ul {

  }
  .jobLinkSelect.viewSpCmn ul li {
    width: 50%;
    float: left;
    padding: 4px 0 0px;
  }
  .jobLinkSelect.viewSpCmn ul li a {
    text-align: center;
    width: 96%;
    display: block;
    box-sizing: border-box;
    color: #fff;
    border: solid 1px #ff656d;
    border-radius: 2px;
    background: -moz-linear-gradient(50% 0% -90deg, #fdc7cb 0%, #ff9da3 13%);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #fdc7cb), color-stop(0.13, #ff9da3));
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.35);
    -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.35);
    padding: 5px 30px;
    margin: 0 2%;
  }

  .jobLinkSelect.viewSpCmn ul li a:hover {
  }

  .jobLinkSelect.viewSpCmn ul li:last-child a {
    background: #58cbf9;
    border: 1px solid #1d90bd;
    background: -moz-linear-gradient(50% 0% -90deg, #ace4fb 0%, #58cbf9 13%);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #ace4fb), color-stop(0.13, #58cbf9));
  }

  .jobLinkSelect.viewSpCmn ul li:last-child a:hover {
  }

  .siteText {
    font-size: 9px;
    color: #e51373;
    position: absolute;
    text-shadow: 0px 0px 1px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff, 2px 2px 2px #fff, 2px -2px 2px #fff, -2px 2px 2px #fff, -2px -2px 2px #fff;
    margin: 0;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%;
    padding: 0 0 0 2px;
  }


}

@media screen and (max-width: 740px) {
  .siteText {
    width: 92%;
  }
}

@media screen and (max-width: 670px) {
  .siteText {
    width: 91%;
  }
}

@media screen and (max-width: 570px) {
  .siteText {
    width: 89%;
  }
}

@media screen and (max-width: 420px) {
  .siteText {
    width: 87%;
  }
}

@media screen and (max-width: 395px) {
  .siteText {
    width: 85%;
  }
}

@media screen and (max-width: 360px) {
  .siteText {
    width: 82%;
  }

}


/*setting*/
.w100p{
	width:100% !important;
}


video::-internal-media-controls-download-button {
  display:none;
}
video::-webkit-media-controls-enclosure {
  overflow:hidden;
}
video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}

  .footerMenuMain {
    display: block;
  }

  .spFooterMenuMain {
    display: none;
  }

#mainWrap .sideMenu .BulletinBoardList ul li ul li.bannerPlanSubMenu:before,
#mainWrap .inner .bannerArea.bannerBlockD:before,
#mainWrap .bannerBlockWrap .bannerArea.bannerBlockD:before,
#mainWrap .inner .bannerArea.bannerBlockC:before,
#mainWrap .inner .bannerArea.bannerBlockBoardT:before,
#mainWrap .inner .bannerArea.bannerBlockBoardB:before,
#mainWrap .sideMenu .bannerPlanSide:before,
.bannerBlockVip:before {
    content: "";
    background: url(/img/common/pr.png) no-repeat left top;
    display: block;
    width: 10%;
    height: 100%;
    top: 0;
    padding: 0 10px 10px 0;
    position: absolute;
    border-top-left-radius: 5px;
    background-size: contain;
    z-index: 1;
}

#mainWrap .sideMenu .bannerPlanSide {
  padding: 5px 0;
  margin: 10px 0 15px;
}

#mainWrap .sideMenu .bannerPlanSide,
#mainWrap .sideMenu .BulletinBoardList ul li ul li.bannerPlanSubMenu,
#mainWrap .inner .bannerArea.bannerBlockC,
#mainWrap .inner .bannerArea.bannerBlockD,
#mainWrap .inner .bannerArea.bannerBlockBoardT,
#mainWrap .inner .bannerArea.bannerBlockBoardB,
#mainWrap .bannerBlockWrap .bannerArea.bannerBlockD {
  clear: both;
    position: relative;
}
#mainWrap .inner .bannerBlockWrap .bannerArea.bannerBlockC,
#mainWrap .inner .bannerBlockWrap .bannerArea.bannerBlockBoardT,
#mainWrap .inner .bannerBlockWrap .bannerArea.bannerBlockBoardB {
  display: none;
}

.top #mainWrap .inner .bannerBlockWrap .bannerArea.bannerBlockC,
.top #mainWrap .inner .bannerBlockWrap .bannerArea.bannerBlockBoardT,
.top #mainWrap .inner .bannerBlockWrap .bannerArea.bannerBlockBoardB {
  display: block;
}


#mainWrap .sideMenu .BulletinBoardList ul li ul li.bannerPlanSubMenu,
#mainWrap .sideMenu .BulletinBoardList ul li.listOpen ul li.bannerPlanSubMenu {
    background: rgb(247,247,247);
    background: -moz-linear-gradient(top, rgba(247,247,247,1) 1%, rgba(255,255,255,1) 10%);
    background: -webkit-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 10%);
    background: linear-gradient(to bottom, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 10%);
    border: 1px solid #e0e0e0;
    padding: 10px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


#topControl{
  text-align: right;
  margin-bottom: 5px;
  position: fixed;
  bottom: 30px;
  right: 5px;
}

#topControl .pageTopBtn {
  display: inline-block;
  padding: 2px 7px;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  vertical-align: middle;
  background-color: #333333;
  color: #FFFFFF;
}

.formMenu {
  clear: both;
  text-align: center;
}

#container section.threadListWrap .categoryNameTitle {
    background-image: none;
    margin: 0 0 10px;
}

.custom-news-detail .textListWrap li .listTextWrap div.newText p {
    overflow: auto;
    text-overflow: inherit;
    white-space: inherit;
}

.custom-news-detail .textListWrap li .listTextWrap div.newText {
  margin: 5px 2% 10px;
  width: 96%;
}

.container {
  clear: both;
}

@media screen and (min-width: 768px) {


  .bannerBlockVip:before {
    width: 5%;
  }

  #mainWrap .inner .bannerArea.bannerBlockC:before,
  #mainWrap .inner .bannerArea.bannerBlockD:before,
  #mainWrap .inner .bannerArea.bannerBlockBoardT:before,
  #mainWrap .inner .bannerArea.bannerBlockBoardB:before,
  #mainWrap .bannerBlockWrap .bannerArea.bannerBlockD:before {
    height: 40px;
  }

.textListWrap li .listTextWrap div.listNumber .viewPcCmn {
    display: inline;
}

  .bannerBlockWrap {
    clear: both;
  }

#mainWrap .bannerBlockWrap .bannerArea.bannerBlockD {
  display: none;
}

#mainWrap .inner .bannerBlockWrap .bannerArea.bannerBlockC,
#mainWrap .inner .bannerBlockWrap .bannerArea.bannerBlockBoardT,
#mainWrap .inner .bannerBlockWrap .bannerArea.bannerBlockBoardB {
  display: block;
}
#mainWrap .inner .bannerBlockWrap.bannerBlockWrapSp .bannerArea.bannerBlockC,
#mainWrap .inner .bannerBlockWrap.bannerBlockWrapSp .bannerArea.bannerBlockBoardT,
#mainWrap .inner .bannerBlockWrap.bannerBlockWrapSp .bannerArea.bannerBlockBoardB {
  display: none;
}


}


@media screen and (max-width: 767px) {

  .bannerBlockWrap {
    clear: both;
    padding: 20px 0 0;
    overflow: hidden;
  }

  .bannerBlockWrap.bannerAreaBoardT {
    padding: 5px 0 0;
  }
  .bannerBlockWrap.bannerAreaBoardB {
    padding: 5px 0 0;
  }
  .custom-news-detail .textListWrap {
    margin: 10px 2% 11px;
    border-top: 1px solid #ccc;
  }
  .custom-news-detail .textListWrap li {
    padding: 5px;
  }
  .custom-news-detail section.newsListWrap ul.textListWrap li {
    padding: 5px;
}
  .custom-news-detail .textListWrap li .listTextWrap div.listNumber {
    padding: 0;
    border-right: none;
    width: auto;
    line-height: 1.6em;
    font-weight: bold;
  }
  .custom-news-detail .textListWrap li .listTextWrap {
    position: relative;
    padding: 0;
}
  .custom-news-detail .textListWrap li .listTextWrap div.titleText {
    width: 9em;
  }
  .custom-news-detail .textListWrap li .listTextWrap div.titleText p {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 2px;
  }
  .custom-news-detail .textListWrap li .listTextWrap div.dateText {
    top: 0;
  }
  .custom-news-detail .textListWrap li .listTextWrap div.newText {
    width: 100%;
    margin: 5px 0 0;
  }
  .custom-news-detail .textListWrap li .listTextWrap div.newText p {
    overflow: auto;
    text-overflow: inherit;
    white-space: inherit;
    padding: 0 2%;
    font-size: 13px;
  }
  #mainWrap .inner .bannerBlockWrap.bannerBlockWrapSp .bannerArea.bannerBlockC,
  #mainWrap .inner .bannerBlockWrap.bannerBlockWrapSp .bannerArea.bannerBlockBoardT,
  #mainWrap .inner .bannerBlockWrap.bannerBlockWrapSp .bannerArea.bannerBlockBoardB {
    display: block;
  }
  #mainWrap .inner .bannerBlockWrap.bannerBlockWrapSp .bannerArea.bannerBlockBoardT ul {
  }
  #mainWrap .inner .bannerBlockWrap.bannerBlockWrapPc {
    display: none;
  }
  .thread-detail .textListWrap li .listTextWrap div.dateText {
    top: 0;
  }

}

@media screen and (max-width: 767px) {

#mainWrap .sideMenu .BulletinBoardList ul li p.tch-active:before {
    -webkit-animation: spin 0.5s linear infinite;
    -moz-animation: spin 0.5s linear infinite;
    -ms-animation: spin 0.5s linear infinite;
    -o-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}


#mainWrap .sideMenu .BulletinBoardList ul li p.tch-active:before {
}

  #mainWrap .sideMenu .BulletinBoardList ul li.categoryOld a:hover {
    color: #717071;
  }



  #headTextWrap {
    position: fixed;
    width: 100%;
    top: 0;
    margin: 0;
    border-bottom: 2px solid #ef6384;
    z-index: 4;
    background-size: 30px;
  }
  #headTextWrap .headerLogoImage {
    margin: 0;
  }
  #headTextWrap .headerLogoImage img {
    width: auto;
    margin: 2px 0 0;
    height: 41px;
  }
  #jobSearchWrap {
    clear: both;
    float: none;
    margin: 45px 0 0;
  }
  #jobSearchWrap .searchWrap {
    border: 1px solid #ef6384;
    padding: 0;
    width: 94%;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 5px 3% 0;
  }
  .jobSearchFooterWrap .searchWrap .searchIcon,
  #jobSearchWrap .searchWrap .searchIcon {
    display: none;
  }
  .jobSearchFooterWrap .searchWrap p,
  #jobSearchWrap .searchWrap p {
    display: none;
  }
  .jobSearchFooterWrap .searchWrap form,
  #jobSearchWrap .searchWrap form {
    width: 100%;
    margin: 0;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    margin-bottom: 10px;
  }
  .jobSearchFooterWrap .searchWrap form input[type="text"],
  #jobSearchWrap .searchWrap form input[type="text"] {
    width: 77%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    height: 35px;
  }
  .jobSearchFooterWrap .searchWrap form input[type="image"],
  #jobSearchWrap .searchWrap form input[type="image"] {
    width: 18%;
    height: 100%;
  }

  .jobSearchFooterWrap .searchWrap .hotKeyword p,
  #jobSearchWrap .searchWrap .hotKeyword p {
    margin: 0;
  }
  .jobSearchFooterWrap .searchWrap .hotKeyword p.hotKeywordTitle,
  #jobSearchWrap .searchWrap .hotKeyword p.hotKeywordTitle {
    font-weight: bold;
    font-size: 12px;
    color: #ef6384;
    margin: 0 0 5px;
    width: 100%;
    padding: 0;
    text-align: left;
    border-bottom: 1px solid rgba(239, 99, 132, 0.39);
    text-align: left;
  }
  .jobSearchFooterWrap .searchWrap .hotKeyword p.hotKeywordTitle span,
  #jobSearchWrap .searchWrap .hotKeyword p.hotKeywordTitle span {
  }
  .jobSearchFooterWrap .searchWrap .hotKeyword .hotKeywordList span,
  #jobSearchWrap .searchWrap .hotKeyword .hotKeywordList span {
    margin: 0 0 5px;
  }
  #jobSearchWrap .jobLinkSelect {
    width: 100%;
    margin: 10px 0;
  }
  #jobSearchWrap .jobLinkSelect:before {
    z-index: -1;
    left: 0;
    top: -41px;
    width: 18%;
  }
/*  #jobSearchWrap .jobLinkSelect:after {
    content: "";
    background: url(/img/common/character02.png) no-repeat right bottom;
    position: absolute;
    right: -8px;
    top: -45px;
    width: 23%;
    background-size: cover;
    bottom: 0;
    display: block;
    z-index: -1;
  }*/
  #jobSearchWrap .jobLinkSelect:before {
    display: none;
  }
  #jobSearchWrap .jobLinkSelect ul {
    margin: 0 auto 15px;
    width: 86%;
  }
  #jobSearchWrap .jobLinkSelect ul li a {
    margin: 0 auto;
    width: 94%;
    height: 85px;
  }
  #mainWrap .sideMenu {
    float: left;
    width: 100%;
    clear: both;
    margin: 0;
  }
  .top #mainWrap .sideMenu.menuFooterBlock {
    display: none;
  }
  #mainWrap .inner {
    clear: both;
    float: none;
    width: 100%;
    padding: 10px 0 0;
  }






  #mainWrap .sideMenu .BulletinBoardList ul li {
    width: 18%;
    float: left;
    height: 81px;
    padding: 5px;
    border: 1px solid;
    margin: 1%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 2px #ccc;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li p:before {
    opacity: 0.7;
    border-bottom: 2px solid;
    width: 100% !important;
    margin: 0 0 3px;
    max-height: initial;
    display: block;
    margin: 0px;
    height: 50%;
    min-height: 25px;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li .material-icons {
    display :none;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li p {
    text-align: center;
    line-height: 1.1em;
    font-size: 2vw;
    height: 100%;
    width: 100%;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li p span.BoardListName {
    font-size: 9px;
    display: block;
    clear: both;
    margin: 0 -5px;
    height: 100%;
    padding: 7px 0 0;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryFashion p span.BoardListName {
    letter-spacing: -2px;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryFood p span.BoardListName {
    letter-spacing: -2px;
    font-size: 9px;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryInternet p span.BoardListName {
    letter-spacing: -1px;
    font-size: 9px;
    padding: 7px 0 0;
    line-height: 1em;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li.listOpen p span.BoardListName {
    font-size: 10px;
    line-height: 1em;
    height: 50%;
    padding: 12px 0 0;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.listOpen {
/*    width: 107%;
    clear: both;*/
    border: none;
    background: #fff;
/*    height: auto !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin: 0 -3.5%;
    padding: 0;*/
    box-shadow: none;
/*    position: absolute;
    width: 100%;*/
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.listOpen p {
    width: 151%;
    top: -21%;
    left: -25%;
    height: 150%;
    padding: 12%;
    display: block;
    box-sizing: border-box;
    z-index: 3;
    position: absolute;
    opacity: 1;
  }






  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol01.listOpen p {
    background: url(/img/icon/01.png) no-repeat;
    background-size: cover;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol01.listOpen span.materialIconsBlock {
    background: url(/img/icon/01_close.png) no-repeat center;
    background-size: cover;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol02.listOpen p {
    background: url(/img/icon/02.png) no-repeat;
    background-size: cover;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol02.listOpen span.materialIconsBlock {
    background: url(/img/icon/02_close.png) no-repeat center;
    background-size: contain;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol03.listOpen p {
    background: url(/img/icon/03.png) no-repeat;
    background-size: cover;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol03.listOpen span.materialIconsBlock {
    background: url(/img/icon/03_close.png) no-repeat center;
    background-size: cover;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol04.listOpen p {
    background: url(/img/icon/04.png) no-repeat;
    background-size: cover;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol04.listOpen span.materialIconsBlock {
    background: url(/img/icon/04_close.png) no-repeat center;
    background-size: cover;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol05.listOpen p {
    background: url(/img/icon/05.png) no-repeat;
    background-size: cover;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol05.listOpen span.materialIconsBlock {
    background: url(/img/icon/05_close.png) no-repeat center;
    background-size: cover;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol06.listOpen p {
    background: url(/img/icon/06.png) no-repeat;
    background-size: cover;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol06.listOpen span.materialIconsBlock {
    background: url(/img/icon/06_close.png) no-repeat center;
    background-size: cover;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol07.listOpen p {
    background: url(/img/icon/07.png) no-repeat;
    background-size: cover;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol07.listOpen span.materialIconsBlock {
    background: url(/img/icon/07_close.png) no-repeat center;
    background-size: cover;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol08.listOpen p {
    background: url(/img/icon/08.png) no-repeat;
    background-size: cover;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol08.listOpen span.materialIconsBlock {
    background: url(/img/icon/08_close.png) no-repeat center;
    background-size: cover;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol09.listOpen p {
    background: url(/img/icon/09.png) no-repeat;
    background-size: contain;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol09.listOpen span.materialIconsBlock {
    background: url(/img/icon/09_close.png) no-repeat center;
    background-size: contain;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol08.listOpen p:hover {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.listOpen p:hover {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }

  #mainWrap .sideMenu .BulletinBoardList ul li ul {
    clear: both;
    border-top: none;
    background: rgba(76, 189, 183, 0.2);
    margin: 0 10px;
    padding: 25px 15px;
    position: absolute;
    top: 90%;
    border: 3px double #4dbdb8;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    z-index: 2;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol01 ul,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol01.listOpen ul {
    background: #e7e9f3;
    border: 3px double #182987;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol01 ul li a,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol01 ul li {
    color: #182987;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol02 ul,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol02.listOpen ul {
    background: #fdf2fc;
    border: 3px double #ea7ee0;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol02 ul li a,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol02 ul li {
    color: #ea7ee0;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol03 ul,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol03.listOpen ul {
    background: #e5f5f5;
    border: 3px double #4dbdb8;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol03 ul li a,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol03 ul li {
    color: #4dbdb8;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol04 ul,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol04.listOpen ul {
    background: #faf8f5;
    border: 3px double #f29600;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol04 ul li a,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol04 ul li {
    color: #f29600;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol05 ul,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol05.listOpen ul {
    background: #faf8f5;
    border: 3px double #c8bb9b;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol05 ul li a,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol05 ul li {
    color: #c8bb9b;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol06 ul,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol06.listOpen ul {
    background: #effafe;
    border: 3px double #62cbf4;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol06 ul li a,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol06 ul li {
    color: #62cbf4;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol07 ul,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol07.listOpen ul {
    background: #ecfcee;
    border: 3px double #45db5e;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol07 ul li a,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol07 ul li {
    color: #45db5e;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol08 ul,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol08.listOpen ul {
    background: #f8edf9;
    border: 3px double #bc51bf;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol08 ul li a,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol08 ul li {
    color: #bc51bf;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol09 ul,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol09.listOpen ul {
    background: rgba(113, 112, 113, 0.2);
    border: 3px double #717071;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol09 ul li a,
  #mainWrap .sideMenu .BulletinBoardList ul li.categoryCorol09 ul li {
    color: #717071;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryNightlife ul,
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryFashion ul,
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryFood ul {
    left: -12%;
    right: -456%;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryOmizu ul,
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryTrouble ul,
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryLife ul {
    left: -125%;
    right: -347%;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryHost ul,
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryModel ul,
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryLove ul {
    left: -237%;
    right: -238%;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryFuzoku ul,
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryEntertainment ul,
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryInternet ul {
    left: -347%;
    right: -126%;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryIdletalk ul,
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryBeauty ul,
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryGambling ul {
    left: -460%;
    right: -16%;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryIdletalk span.materialIconsBlock,
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryBeauty span.materialIconsBlock,
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryGambling span.materialIconsBlock {
    left: -45%;
  }


  #mainWrap .sideMenu .BulletinBoardList ul li ul li {
    float: left;
    width: 100%;
    height: auto !important;
    margin: 0 0 5px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background: none;
    border: none;
    z-index: 2;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li ul li a {
    padding: 0;
    display: block;
    width: 100%;
    float: left;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li ul li a:before {
    background: #fff;
    border: 1px solid;
    clear: both;
    float: left;
    padding: 1px 5px;
    margin: 0 2% 0 0;
    width: 8%;
    text-align: center;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li ul li.bannerPlanSubMenu,
  #mainWrap .sideMenu .BulletinBoardList ul li.listOpen ul li.bannerPlanSubMenu {
    border: none;
    padding: 10px 0 0;
    margin: 0;
    background: none;
    box-shadow: none;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li ul li.bannerPlanSubMenu a,
  #mainWrap .sideMenu .BulletinBoardList ul li.listOpen ul li.bannerPlanSubMenu a {
    padding: 0;
    margin: 0;
    text-align: center;
    border: none;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li:hover span.materialIconsBlock,
  #mainWrap .sideMenu .BulletinBoardList ul li span.materialIconsBlock {
    opacity: 1;
    transform: scale( 1 , 1 );
    color: transparent;
    width: 40px;
    height: 40px;
    left: 100%;
    top: 50%;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li:hover span.BoardListName {
    opacity: 1;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li span.BoardListSubName,
  #mainWrap .sideMenu .BulletinBoardList ul li:hover span.BoardListSubName {
    opacity: 1;
    background: #fff;
    display: block;
    float: left;
    width: 90%;
    border: 1px solid;
    padding: 1px 6px;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryInternet {
    font-size: 9px;
  }
  #mainWrap .sideMenu .BulletinBoardList ul li.listOpen p:before {
    height: 7vh;
  }

  #mainWrap .sideMenu .BulletinBoardList ul li#categoryAdministrators,
  #mainWrap .sideMenu .BulletinBoardList ul li#categoryOld {
    display: none;
  }

  #mainWrap .sideMenu .bannerPlanSide {
    margin: 10px 5px 5px;
  }

  .bannerBlockC,
  .bannerBlockBoardT,
  .bannerBlockBoardB {
    padding: 20px 0 30px;
  }

  #mainWrap .sideMenu .BulletinBoardListMenu {
    padding: 0 25% 2px 2%;
    margin: 5px 0 10px;
  }

  #mainWrap .sideMenu .BulletinBoardListMenu p {
  }
  footer #footerlogo,
  .footerMenuMain {
    display: none;
  }
  .spFooterMenuMain {
    display: block;
  }

#mainWrap .sideMenu .BulletinBoardList ul li ul li.bannerPlanSubMenu,
#mainWrap .sideMenu .BulletinBoardList ul li.listOpen ul li.bannerPlanSubMenu {
    background: rgb(247,247,247);
    background: -moz-linear-gradient(top, rgba(247,247,247,1) 1%, rgba(255,255,255,1) 10%);
    background: -webkit-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 10%);
    background: linear-gradient(to bottom, rgba(247,247,247,1) 1%,rgba(255,255,255,1) 10%);
    border: 1px solid #e0e0e0;
    padding: 10px 0;
}

  input[type="submit"]:hover {
    background: #eee;
    border: 1px solid #ccc;
    color: #222;
    border-bottom: 3px solid #ccc;
  }


  .jobSearchFooterWrap #threadSearch input[type="submit"] {
    padding: 0;
  }

  #topControl .pageTopBtn {
    padding: 6px 9px 4px;
    font-size: 18px;
  }

  footer #footer .spFooterMenuMain ul li {
    width: 50%;
  }
  footer #footer .spFooterMenuMain ul li:first-child {
    display: none;
  }
  footer #footer .spFooterMenuMain ul li:last-child {
    padding: 0 0 0 5px;
  }
  .recruit-list .girlWrapper footer #footer .spFooterMenuMain ul li:first-child,
  .recruit-list .boyWrapper footer #footer .spFooterMenuMain ul li:first-child,
  .recruit-detail .girlWrapper footer #footer .spFooterMenuMain ul li:first-child,
  .recruit-detail .boyWrapper footer #footer .spFooterMenuMain ul li:first-child,
  .recruit-form .girlWrapper footer #footer .spFooterMenuMain ul li:first-child,
  .recruit-form .boyWrapper footer #footer .spFooterMenuMain ul li:first-child {
    display: block;
  }
  .recruit-list .girlWrapper footer #footer .spFooterMenuMain ul li:nth-of-type(2),
  .recruit-detail .girlWrapper footer #footer .spFooterMenuMain ul li:nth-of-type(2),
  .recruit-form .girlWrapper footer #footer .spFooterMenuMain ul li:nth-of-type(2) {
    display: none;
  }
  .recruit-list .boyWrapper footer #footer .spFooterMenuMain ul li:nth-of-type(3),
  .recruit-detail .boyWrapper footer #footer .spFooterMenuMain ul li:nth-of-type(3),
  .recruit-form .boyWrapper footer #footer .spFooterMenuMain ul li:nth-of-type(3) {
    display: none;
  }


}

/*---------- formMenu ----------*/

#mainWrap .inner div.formMenu ul li span {
  float: left;
}
#mainWrap .inner div.formMenu ul li a , #mainWrap .inner div.formMenu ul li strong{
  padding: 10px 8px;
  font-size: 13px;
  cursor: pointer;
  display: inline-block;
  margin-right: 4px;
  border-radius: 3px;
  box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0px 1px 0px rgba(255,255,255, 1);
  border: 1px solid #ccc;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec));
  background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%);
  color: #4d4d4d;
  text-align: center;
}
#mainWrap .inner div.formMenu ul li strong{
  border: none;
  background: #616161;
  box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
  color: #f0f0f0;
  text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

/*---------- job ----------*/

  .ui-widget-header {
    border: 1px solid #ef6384 !important;
    background: #ef6384 !important;
  }

@media screen and (min-width: 767px) {

  .searchWrapAll .jobSearchInner .searchHide {
    margin: 0 10px 20px;
  }
  .searchWrapAll .jobSearchInner .searchOptionList {
  }
  .searchWrapAll .jobSearch .searchTitle.active p {
    border: none;
    border-left: 5px solid #ff8a9f;
  }
  #mainWrap .inner div.formMenu ul li a:hover {
    background: #ffcfd8;
    border: 1px solid #ef6384;
  }
}


@media only screen and (max-width: 767px) and (min-width: 420px) {

  #mainWrap .sideMenu .BulletinBoardList ul li.listOpen p {
    padding: 19% 10%;
  }
#mainWrap .sideMenu .BulletinBoardList ul li.listOpen p:before {
    height: 13vh;
}

}


@media screen and (max-width: 767px) {
  .searchWrapAll .jobSearchInner .searchHide {
    display: none;
    margin: 0 10px 20px;
  }
  .searchWrapAll .jobSearch .searchTitle.active .nodispIcon {
    display: none;
  }
  .searchWrapAll .jobSearch .searchTitle.active .dispIcon {
    display: block;
  }
  .searchWrapAll .jobSearch .searchTitle.activeSp .dispIcon {
    display: none;
  }
  .searchWrapAll .jobSearch .searchTitle.activeSp .nodispIcon {
    display: block;
  }
  .searchWrapAll .jobSearchInner .searchHide li {
    float: none;
    width: 100%;
  }
  .searchWrapAll .jobSearch .searchTitle.active p {
    border: none;
    border-left: 5px solid #ff8a9f;
  }
  .ui-corner-all {
    width: auto !important;
  }
}

/*-------- end job --------*/


/***** informationText *****/

.informationText {
  border: 2px solid #f00;
  overflow: hidden;
  clear: both;
  font-size: 12px;
  display: table;
  width: 100%;
  margin: 0 0 5px;
}

.informationText.viewSpCmn {
  display: none;
}

.informationText .informationTitleText {
  background: #f00;
  padding: 10px 5px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: table-cell;
}

.informationText .informationMainText {
  padding: 10px 15px;
  display: table-cell;
  letter-spacing: 1px;
}

.informationText .informationMainText a {
  color: #00f;
  text-decoration:underline;
}

#mainWrap .inner .textmainPageWrap .innerPageWrap .panel-body.mainBbsNews {
  color: #f00;
    border: 1px solid #f00;
  padding: 3px;
}

#mainWrap .inner .textmainPageWrap .innerPageWrap .panel-body.mainBbsNews h4 {
    border-bottom: 1px dashed #f00;
    padding: 0 0 3px;
    margin: 2px 0 5px;
}

#mainWrap .inner .textmainPageWrap .innerPageWrap .panel-body.mainBbsNews h4 span {
  color: #f00;
  color: #f00;
  margin: 0;
  font-size: 15px;
  line-height: 1em;
}

.bbs-news #mainWrap .inner .innerPageWrap .mainBbsNews p {
  line-height: 1.3em;
  margin: 0 2px;
  font-size: 0.9em;
}


@media screen and (max-width: 767px){
  .informationText {
    margin: 45px 0 -40px;
  }

  .informationText.viewPcCmn {
    display: none;
  }

  .informationText.viewSpCmn {
    display: table;
  }

  .informationText .informationTitleText,
  .informationText .informationMainText {
    padding: 7px 5px;
  }

  .informationText .informationMainText {
    letter-spacing: 0;
  }

  .bbs-news #mainWrap .inner .innerPageWrap .mainBbsNews p {
    margin: 0;
  }

  #mainWrap .inner .textmainPageWrap .innerPageWrap .panel-body.mainBbsNews {
    margin: -10px 0 20px;
  }

  #mainWrap .inner .textmainPageWrap .innerPageWrap .panel-body.mainBbsNews h3 span {
    color: #f00;
    font-size: 13px;
    padding: 0;
    margin: 0;
  }

  .bbs-news #mainWrap .inner .innerPageWrap .mainBbsNews .linkButton {
    text-align: center;
    padding: 5px 0 3px;
  }

  .bbs-news #mainWrap .inner .innerPageWrap .mainBbsNews .linkButton a {
    text-decoration: none;
    padding: 3px 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 45%;
    display: block;
    margin: 0 auto;
    border: 1px solid #f00;
    background: #fff;
    color: #f00;
  }

  .bbs-news #mainWrap .inner .bannerBlockWrap {
    padding: 0;
  }

  .bbs-news #mainWrap .inner .bannerBlockWrap .bannerArea.bannerBlockC {
    padding: 20px 0 0;
  }

.bbs-news #mainWrap .inner .innerPageWrap .mainBbsNews .linkButton a {
pointer-events: none;
}

.bbs-news #mainWrap .inner .innerPageWrap .mainBbsNews .linkButton.closeButton {
  display: none;
}

.bbs-news #mainWrap .inner .innerPageWrap .mainBbsNews p.oldText {
  display: none;
}

  .breadcrumbListWrapper {
    top: 45px;
    padding: 0px 0 0;
    position: relative;
    margin: 0 0 0px;
  }



  .breadcrumbListWrapper span {
    padding: 2px 0;
  }


}

@media screen and (min-width: 768px){
  .informationText .informationMainText a:hover {
    text-decoration: none;
  }

#mainWrap .inner .textmainPageWrap .innerPageWrap .panel-body.mainBbsNews {
    margin: -15px 0 20px;
    padding-bottom: 0;
}

#mainWrap .inner .textmainPageWrap .innerPageWrap .panel-body.mainBbsNews .mainBbsNewsInner {
    height: auto !important;
    padding: 0 0 3px;
  }

#mainWrap .inner .textmainPageWrap .innerPageWrap .panel-body.mainBbsNews .linkButton {
    display: none;
  }

  .snsButtonList li a:hover {
    color: #000;
    opacity: 0.5;
  }

}





.snsButtonList {
  clear: both;
  overflow: hidden;
  text-align: right;
  padding: 10px 8px;
}

.snsButtonList li {
  display: inline-block;
  width: auto;
  text-align: center;
  font-size: 13px;
}

.snsButtonList li a {
  display: block;
  border: 1px solid #ccc;
  padding: 1px 5px 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 39%, rgba(0,0,0,0.05) 73%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 39%,rgba(0,0,0,0.05) 73%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 39%,rgba(0,0,0,0.05) 73%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 );
}


.snsButtonList li.facebookButton a {
  color: #335B96;
  border: 1px solid #335b96;
  padding: 1px 5px 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: rgba(51, 91, 150, 0.1);
}

.snsButtonList li.facebookButton a .fab {
  margin: 0 5px 0 0;
  font-size: 15px;
  vertical-align: middle;
}

.snsButtonList li.twitterButton a {

}

.snsButtonList li.twitterButton a .fab {
  color: #009ADC;
  font-size: 15px;
  vertical-align: middle;
  margin: 0 3px 0 0;
}

.snsButtonList li.hatenaButton a .fa {
  background: #00A9DB;
  color: #fff;
  padding: 2px 1px;
  font-size: 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin: 0 3px 0 0;
}
.fa-hatena:before {
  content: "B!";
  font-family: Verdana;
  font-weight: bold
}

.snsButtonList li.lineButton a .fab {
  color: #00BA48;
  font-size: 15px;
  margin: 0 3px 0 0;
  vertical-align: middle;
}

.snsButtonList li.mailButton a .fas {
  color: #aaa;
  font-size: 13px;
  margin: 0 3px 0 0;
  vertical-align: middle;
}


@media screen and (max-width: 767px){

  .snsButtonList li a {
    border:none;
    background: none;
    padding: 0 4px;
  }

  .snsButtonList li.facebookButton a {
    border:none;
    background: none;
    position: relative;
    top: 1px;
  }

  .snsButtonList li.mailButton a .fas,
  .snsButtonList li.facebookButton a .fab {
    margin: 0;
    font-size: 34px;
    vertical-align: bottom;
    position: relative;
    top: 1px;
  }

  .snsButtonList li.twitterButton a {
    background: #259add;
    position: relative;
    top: -1px;
  }

  .snsButtonList li.twitterButton a .fab {
    margin: 0;
    font-size: 23px;
    vertical-align: bottom;
    color: #fff;
    padding: 4px 0px 3px;
  }

  .snsButtonList li.lineButton a .fab {
    margin: 0;
    font-size: 35px;
    vertical-align: bottom;
  }

  .snsButtonList li.hatenaButton a {
    padding: 0;
    position: relative;
    top: -3px;
  }

  .snsButtonList li.hatenaButton a .fa {
    margin: 0;
    padding: 1px 0 2px;
    font-size: 26px;
  }

  .snsButtonList li.mailButton a .fas {
    margin: 0;
    font-size: 33px;
    vertical-align: text-bottom;
    position: relative;
    top: 5px;
  }

  .snsButtonList li a span.snsText {
    display: none;
  }

  .snsButtonList li.lineButton a {
    position: relative;
    top: 2px;
  }

}