/* -------------------------------- 共通初期設定-------------------------------- */
@-ms-viewport {
  width: auto;
  initial-scale: 1;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* twitterを埋め込みでipadで横幅がはみ出すバグ対策 */
.twitter-adjust {
	width: 100%;
}
.twitter-adjust iframe {
	width: 740px !important;
}

body {
	padding: 0;
	margin: 0;
	font: normal 14px "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif; color:#000000; line-height:150%;
	-webkit-text-size-adjust: 100%;/* iPhoneサファリで横向き画面時テキストが拡大されるのを防止 */
}

h1,h2,h3,h4,h5 {
	padding: 0;
	margin: 0;
}

p {
	padding: 0;
	margin: 0;
}

small {
	color: #666666;
	font-size: 12px;
}

input {
	padding: 4px;
	font: normal 14px "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif; color:#777777; line-height:150%;
}

form {
	margin: 0;
}

select {
	color:#444444!important;
}

img {
	border: none;
	vertical-align: bottom;
}

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

dl, dd, dt {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

/* 基本テキストリンク（水色） */
a.textlink {
	color: #4bb2e7;
	text-decoration: none;
}
a.textlink:hover {
	text-decoration: underline;
}

/* 基本テキストリンク（グレー） */
a.textlink-gray {
	color: #666666;
	text-decoration: none;
}
a.textlink-gray:hover {
	text-decoration: underline;
}


/* 汎用赤文字 */
.redcolor {
	color: #fa0000!important;
}

/* 汎用グレー文字 */
.graycolor {
	color: #999999!important;
}

/* 汎用白文字 */
.whitecolor {
	color: #ffffff!important;
}

/* 汎用左寄せでフロート */
.float-left {
	float: left;
}

/* 汎用右寄せでフロート */
.float-right {
	float: right;
}

/* 汎用フロート(アフターのフロート解除処理) */
.float-area {
	display: block;
	clear: both;
	content: ""
}

/* 汎用ラッパーの後のフロート解除 */
.wrapper:after {
	display: block;
	clear: both;
	content: ""
}

/* 汎用垂直方向中央揃え */
.va-middle {
	vertical-align: middle !important;
}

/* 汎用水平方向センタリング */
.is-center {
  text-align: center !important;
}

/* 汎用水平方向右寄せ */
.is-right {
  text-align: right !important;
}

/* 汎用ブロック区切りライン */
.line1px {
	width: 100%;
	border-top: 1px solid #dddddd;
}

/* 汎用背景透過 */
.bg-transparent {
	background-color: transparent!important;
}

/* 汎用max-width拡張 */
.maxwidth640 {
	max-width: 640px!important;
}

/* 汎用パディング無し */
.nopadding {
	padding: 0!important;
}

/* 汎用トップパディング無し */
.no-toppadding {
	padding-top: 0!important;
}

/* 汎用トップマージン10px */
.topmargin10px {
	margin-top: 10px!important;
}

/* 汎用ボトムマージン無し */
.no-bottommargin {
	margin-bottom: 0!important;
}

/* 汎用左右下のパディング無し */
.no-rightleftbottompadding {
	padding-right: 0!important;
	padding-left: 0!important;
	padding-bottom: 0!important;
}

/* 汎用アンダーライン無しリンク */
.nounderline {
	text-decoration: none;
}

.nounderline:hover {
	text-decoration: none!important;
}

/* 汎用スマホ時のみテキストを隠す */
@media (max-width: 599px){
  .mobile-hide-text {
	  display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}

/* 汎用PC時(幅1050以上)のみ表示 */
@media (max-width: 1049px){
  .width1050under-hide {
	  display: none!important;
  }
}


/* 汎用透明度65％ */
.opacity65 {
	background-color: rgba(255,255,255,0.65)!important;
}

/* --------------------------------フォーム基本パーツ-------------------------------- */


.container2016 {/* メインコンテナ */
	position: relative;
	min-width: 944px;
	margin: 0 auto;
}

@media (min-width: 1280px) {
  .container2016 { width: 1104px;}
}

@media (min-width: 960px) and (max-width: 1279px) {
  .container2016 {  width: 944px;}
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
.container2016 {    
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	padding: 0;
}
}

.form-block2016 {/* フォーム基本ブロック */
	width: 100%;
	text-align: left;
	padding-top: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #f0f0f0;
	min-height: 0;/* 隣のフロートの高さに引きづられてしまうのを防止 */
	overflow: auto;
}
@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .form-block2016 {/* フォーム基本ブロック */
	  padding-left: 16px;
	  padding-right: 16px;
	  padding-top: 12px;
	  padding-bottom: 16px;
  }
}
.form-block2016:after {/* フォーム基本ブロックフロート解除 */
	display: block;
	content: "";
	clear: both;
}

.no-bottomline {/* ボトムライン無しのパターン */
	border-bottom: 0!important;
}

.no-topline {/* トップライン無しのパターン */
	border-top: 0!important;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .entryform-cautiontext2016 {
	  padding-left: 16px;
	  padding-right: 16px;
  }
}

.form-block-title2016 {/* フォーム基本ブロック項目名 */
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	line-height: 35px;
	float: left;
	width: 260px;
	min-height: 35px;
}
@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .form-block-title2016 {/* フォーム基本ブロック項目名 */
	  width: 100%;
	  float: none;
	  color: #444444;
  }
}

.form-block-input2016 {/* フォーム基本ブロックフォームパーツ */
	min-height: 35px;
	float: left;
	color: #444444;
}
@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .form-block-input2016 {/* フォーム基本ブロックフォームパーツ */
	  float: none;
	  width: 100%;
	  max-width: 100%;
  }
}

.form-block-input-1line2016 {/* フォーム基本ブロックフォームパーツ(1行マルチ) */
	min-height: 35px;
	float: left;
}
@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .form-block-input-1line2016 {/* フォーム基本ブロックフォームパーツ(1行マルチ)  */
	  float: none;
  }
}

.form-block-bottomtext2016 {/* フォーム基本ブロックフォーム下部テキスト */
	font-size: 12px;
	color: #666666;
	padding-top: 4px;
	line-height: 18px;
}

.input-inline2016 {/* フォーム内テキストをインラインブロックで使いたい場合span */
	vertical-align: middle;
	line-height: 28px;
	font-size: 16px;
}
@media (max-width: 799px) {
  .input-inline2016 {
	  line-height: 24px;
  }
}

.input-redtext2016 {/* フォーム内赤文字テキスト */
	color: #ff0000;
	font-weight: normal;
}

.formoubo, .formoubo-1line {
	font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; background:#f2f2f2;
	border:1px solid #c0c0c0;
	background-color: #ffffff;
	padding: 6px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	max-width: 500px;
	-webkit-appearance: none;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .formoubo, .formoubo-1line {
	  font-size: 16px;
  }
}

.formoubo::-webkit-input-placeholder {line-height: 1; color: #bbbbbb;}
.formoubo:-ms-input-placeholder {line-height: 1; color: #bbbbbb;}
.formoubo::-moz-placeholder {line-height: 1.5; color: #bbbbbb;}/* firefox向けに1.5に変更 */
.formoubo-1line::-webkit-input-placeholder {line-height: 1; color: #bbbbbb;}
.formoubo-1line:-ms-input-placeholder {line-height: 1; color: #bbbbbb;}
.formoubo-1line::-moz-placeholder {line-height: 1.5; color: #bbbbbb;}/* firefox向けに1.5に変更 */

/* 複数行テキストエリアのプレースホルダの行間調整用（通常1.0を1.5に変更） */
.multipultext::-webkit-input-placeholder {line-height: 1.5;}
.multipultext:-ms-input-placeholder {line-height: 1.5;}
.multipultext::-moz-placeholder {line-height: 1.5;}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .formoubo {
    width: 100%;
  }
}

input[type="text"]:focus, select:focus, textarea:focus {
	background-color: #ffffff;
	border:1px solid #42acd3;
	-webkit-box-shadow: 0 0 2px 0 #08a0d8;
	-moz-box-shadow: 0 0 2px 0 #08a0d8;
	box-shadow: 0 0 2px 0 #08a0d8;
	outline:none;
}

/* ヘッダーの検索ボックスのフォーカスを避ける処理。通常時と同じ設定で上書きしている。 */
.item-search-input:focus {
  background-color: #F4F6F8;
  border: solid 1px #EAE7E5;
  -webkit-box-shadow: 0 0 0px 0 #08a0d8;
  -moz-box-shadow: 0 0 0px 0 #08a0d8;
  box-shadow: 0 0 0px 0 #08a0d8;
  outline:none!important;
}

/* PC版テキストフォーム長さコントロール */
.formtext-shortest2016 {width: 100px;}
.formtext-shorter2016 {width: 140px;}
.formtext-normal2016 {width: 210px;}
.formtext-longer2016 {width: 300px;}
.formtext-longest2016 {width: 400px;}
.formtext-longestgest2016 {width: 480px;}

/* PC版テキストフォーム長さコントロール(1行複数要素配置時) */
.formtext-shortest-1line2016 {width: 100px;}
.formtext-shorter-1line2016 {width: 140px;}
.formtext-normal-1line2016 {width: 210px;}
.formtext-longer-1line2016 {width: 300px;}
.formtext-longest-1line2016 {width: 400px;}
.formtext-longestgest-1line2016 {width: 480px;}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .formtext-shortest2016, .formtext-shorter2016, .formtext-normal2016, .formtext-longer2016, .formtext-longest2016, .formtext-longestgest2016 {
    width: 100%;
  }
}

.submitbuttonarea {/* エントリーフォームボタンエリア */
	padding-top: 10px;
	padding-bottom: 30px;
}
@media (max-width: 599px){
  .submitbuttonarea {
	  padding-top: 0;
	  padding-bottom: 20px;
  }
}

.submitbutton2016 { /* エントリーフォームボタン */
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px 70px 10px 70px;
  color: #ffffff;
  min-width: 238px;
  background-color: #35c1eb;
  border: 1px solid #35c1eb;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 4px;
  margin-right: 4px;
  transition: all .4s ease-in-out;
}

.submitbutton2016:hover {/* エントリーフォームボタン */
	background-color: #f2001f;
	border: 1px solid #f2001f;
}

.formbackbutton2016 {/* 書き直すボタン */
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 10px 70px 10px 70px;
	color: #222222;
	min-width: 238px;
	background-color: #f5f5f5;
	border: 1px solid #000000;
	font-size: 16px;
	margin-top: 10px;
	margin-left: 4px;
  margin-right: 4px;
	transition: all .4s ease-in-out;   
}

.formbackbutton2016:hover {/* 書き直す */
	color: #ffffff;
	background-color: #e244a6;
	border: 1px solid #e244a6;
}

.inputdata2016 {/* 確認画面インプットデータ */
	min-height: 35px;
	font-size: 14px;
	line-height: 35px;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .inputdata2016 {/* 確認画面インプットデータ */
	  line-height: 20px;
  }
}

.messagearea-black2016 {/* フォームメッセージ黒枠 */
	max-width: 100%;
	border: 1px solid #bbbbbb;
	background-color: #ffffff;
	padding: 40px 0 40px 0;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 30px;
}


@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .messagearea-black2016 {/* フォームメッセージ黒枠 */
	  font-size: 14px;
	  margin-left: 16px;
	  margin-right: 16px;
	  padding: 16px 0 16px 0;
	  margin-bottom: 0;
  }
}

.messagearea-red2016 {/* フォームメッセージ赤枠 */
	max-width: 100%;
	border: 3px solid #ff0000;
	background-color: #fff158;
	padding: 40px 10px 40px 10px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 30px;
	color: #ff0000;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .messagearea-red2016 {/* フォームメッセージ赤枠 */
	  font-size: 14px;
	  margin-left: 16px;
	  margin-right: 16px;
	  padding: 16px 5px 16px 5px;
	  margin-bottom: 0;
  }
}

/* 必須アイコン */
.required-icon {
	display: inline-block;
	position: relative;
	top: -2px;
	background-color: #f50000;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.0;
	padding: 4px 6px 4px 6px;
	margin-left: 4px;
	border-radius: 5px;
}

/* --------------------------------グローバルヘッダー-------------------------------- */
/* ヘッダー */
header {
	background-color: #41a558;
	border-bottom: solid 1px #116e27;
	height: 50px;
}

/* ロゴ画像 */
.sitelogo {
	height: 36px;
	width: auto;
}


/* モバイル用ドロワーメニューを非表示 */
.drawermenu {
	display: none;
}

/* ヘッダーのモバイルソースを非表示 */
header#mobile {
	display: none;
}

/* ヘッダーを左右に分割 */
header:after {
	display: block;
	clear: both;
	content: ""
}

.headerleft {
	right: 360px; /* 変更前は400px */
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
}

.headerright {
	display: table;
	float:right;
	height: 50px;
}

/* ログインテキストリンク(未ログイン時) */
.headerright a.loginlink {
	display: block;
	padding:16px 30px 13px 6px;
	font-weight: bold;
	text-decoration: none;
}

/* 出稿者メニュー表示部 */
.company-nav {
	position: relative;
	display: table-cell;
	padding: 0 6px 0 18px;
	height: 50px;
	vertical-align: middle;
}

/* 出稿者メニューブロック右区切りライン */
.company-nav:after {
	content: "";
	position: absolute;
	top: 13px;
	right: -1px;
	width: 1px;
	height: 24px;
	background: #b9dec1;
}

/* 出稿者管理ボタン */
a.circleedit {
	display: inline-block;
	padding: 14px 10px 14px 10px;
	top: -20px;
	text-decoration: none;
	font-size: 13px;
	line-height: 1;
	font-weight: bold;
	color: #ffffff;
}

/* 出稿者管理ボタンギアアイコン */
a.circleedit i.fa-cog {
	font-size: 16px;
	color: #ffffff;
	margin-right:4px;
}

/* 出稿者管理ボタン下矢印アイコン */
a.circleedit i.fa-angle-down {
	font-size: 16px;
	color: #ffffff;
	margin-left:8px;
}

/* ユーザーメニュー表示部 */
.user-nav {
	position: relative;
  display: table-cell;
  padding: 0 6px 0 6px;
  height: 50px;
	vertical-align: middle;
	font-size: 0;
}

/* ユーザーメニューブロック右区切りライン */
.user-nav:after {
	content: "";
	position: absolute;
	top: 12px;
 	right: -1px;
	width: 1px;
	height: 24px;
	background: #d4d4d4;
}

/* ユーザーアイコン表示-ボーダーライン指定 */
.user-icon {
  display: inline-block;
  position: relative;
  border-radius: 50%;
  background-clip: border-box;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}

/* ユーザーアイコン表示-ヘッダー部 */
.icon24px {
  width: 24px;
  height: 24px;
  margin-right: 2px;
}

/* ユーザーアイコン表示-32pxバージョン */
.icon32px {
  width: 32px;
  height: 32px;
  margin-right: 2px;
}

/* ユーザーアイコン表示-作品表示部 */
.at-item {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 4px;
  vertical-align: middle;
}

/* ヘッダー新着通知アイコン位置調整 */
.headerright a.nav-bell {
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	width: 32px;
	height: 32px;
	border: 1px solid rgba(255,255,255,0.25);
	text-align: center;
	border-radius: 50%;
}

/* ヘッダー新着通知アイコン */
a.nav-bell i.fa-bell {
	position: relative;
	top: -1px;
	font-size: 14px;
	color: #ffffff;
	line-height: 32px;
}

/* お気に入りアイコン位置調整 */
.headerright a.nav-heart {
	margin-right: 4px;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	width: 32px;
	height: 32px;
	border: 1px solid rgba(255,255,255,0.25);
	text-align: center;
	border-radius: 50%;
}

/* ヘッダーお気に入りアイコン */
a.nav-heart i.fa-heart {
	font-size: 14px;
	color: #ffffff;
	line-height: 32px;
}

/* ヘッダーユーザーメニューボタン位置調整 */
.headerright a.nav-usermenu {
	position: relative;
	top: -1px;
	vertical-align: middle;
	margin: 0;
	padding:0 10px 0 6px;
	font-weight: bold;
	text-decoration: none;
}

/* ヘッダーユーザーメニューボタン下矢印アイコン */
a.nav-usermenu i.fa-angle-down {
	font-size: 16px;
	color: #ffffff;
	margin-left:6px;
}

/* ヘッダーメニューアラート数表示バッジ */
.header-nav-redallert {
	position: absolute;
	top: -6px;
	right: -8px;
	padding: 4px 6px;
	background: #fa0000;
	font-family: "Helvetica Neue", "Arial", sans-serif;
	font-weight: bold;
	font-size: 0.6rem;
	border-radius: 18px;
	line-height: 1;
	color: #ffffff;
}

/* ヘッダーメニュー通知表示バッジモバイル版 */
.header-nav-notice-mobile {
	position: absolute;
	top: 4px;
	right: 40px;
	padding: 4px 6px;
	background: #fa0000;
	font-family: "Helvetica Neue", "Arial", sans-serif;
	font-weight: bold;
	font-size: 0.7rem;
	border-radius: 10px;
	line-height: 1;
	color: #ffffff;
}

/* ヘッダー左部を分割 */
.site-pc {
	position: absolute;
	top: 0;
	padding:7px 12px 8px 12px;
}

.site-mobile {
	top: 0;
	padding:8px 12px 8px 0;
	margin-left: 8px;
}

.headersearchbox {
	width: 100%;
	vertical-align: middle;
	padding:10px 8px 8px 160px;
}

.headerleft:after {
	display: block;
	clear: both;
	content: ""
}

.item-search-input {
  margin: 0;
  padding: 4px 40px 4px 16px;
  width: 100%;
  color: #ffffff;
  background-color: #6dcf83;
  border: solid 1px #369f4e;
  border-radius: 6px;
  outline: none !important;
  outline: 0 !important;
  box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.03);
  -webkit-appearance: none;
  -moz-appearance: none;
}

.item-search-input:focus {
	color: #ffffff;
  background-color: #6dcf83;
  border: solid 1px #369f4e;
}

.item-search-input::-webkit-input-placeholder {line-height: 1.5; color: #caf4d3;}
.item-search-input:-ms-input-placeholder {line-height: 1.5; color: #caf4d3;}
.item-search-input::-moz-placeholder {line-height: 1.5; color: #caf4d3;}

.headersearch {
	position:relative;
	width: 100%;
	max-width: 380px;
	margin-bottom: 0;
	padding-right: 14px;
}

.headersearchbutton {
	position:absolute;
	display: inline-block;
	top:-2px;
	right:20px;
	padding: 8px;
	background:none;
	border:none;
	cursor:pointer;
	outline: none;/* chromeでクリック時の青線を削除 */
}

.headersearchbutton .fa-search {
	font-size: 15px;
	color: #ffffff;
}


.drawer-menu-company .fa-building {
	font-size: 16px;
}



/* --------------------------------プルダウン-------------------------------- */

/* プルダウン位置調整用子要素（親要素の高さが関連するので設置場所毎に変更する） */
.pulldown-base {
	top: 62px; /* 吹き出しの高さ（12px）＋親要素の高さの数値を入れる */
 	left: 50%; /* 50パーセント指定＋左マージンを使って子要素幅の半分の数値を戻す */
	margin-left: -80px;
	position: absolute;
	/*transform: translateX(-50%);意味無し？*/
	/*cursor: pointer;意味無し？*/
}

/* 汎用プルダウン */
.pulldown-body, .pulldown-body-right {
	min-width: 170px;
	position: relative;
	line-height: 24px;
	z-index: 3;
	top: 0px;
	margin: 0;
	padding: 8px 0;
	background: rgba(254,254,254,1);
	border: solid 1px rgba(0,0,0,0.13);
	border-radius: 5px;
	box-shadow: 0 1px 9px 0 rgba(0,0,0,0.13);
}

/* 汎用プルダウン上部吹き出し処理 */
.pulldown-body:before {
 	border: solid 12px transparent;
	border-bottom-color: rgba(0,0,0,0.15);
	right: 50%;
	margin-right: -12px;
  top: -25px;
  content: "";
	display: block;
	position: absolute;   
	width: 0;
	height: 0;
	margin-left: -6px;

}

/* 汎用プルダウン上部吹き出し処理（影） */
.pulldown-body:after {
	right: 50%;
 	margin-right: -12px;
	content: "";
	display: block;
	position: absolute;
	top: -24px;
	width: 0;
	height: 0;
	margin-left: -6px;
	border: solid 12px transparent;
	border-bottom-color: #FEFEFE;   
}

/* 汎用プルダウン（右寄せ）上部吹き出し処理 */
.pulldown-body-right:before {
 	border: solid 12px transparent;
	border-bottom-color: rgba(0,0,0,0.15);
	right: 15%;
	margin-right: -12px;
  top: -25px;
  content: "";
	display: block;
	position: absolute;   
	width: 0;
	height: 0;
	margin-left: -6px;
}

/* 汎用プルダウン（右寄せ）上部吹き出し処理（影） */
.pulldown-body-right:after {
	right: 15%;
 	margin-right: -12px;
	content: "";
	display: block;
	position: absolute;
	top: -24px;
	width: 0;
	height: 0;
	margin-left: -6px;
	border: solid 12px transparent;
	border-bottom-color: #FEFEFE;   
}

/* 汎用プルダウンリンク部 */
.pulldown-body a, .pulldown-body-right a {
	position: relative;
    display: block;
	vertical-align: middle;
	text-decoration: none;
	padding: 10px;
	color: #333333;
	font-weight: normal;
	font-size: 14px;
}

.pulldown-body a:hover, .pulldown-body-right a:hover {
	background-color:#de1f6b;
	color: #ffffff;
}

.pulldown-body span, .pulldown-body-right span {
	font-size: 14px;
	padding-left: 6px;
}

/* ログアウトの上部に1pxラインを引く処理 */
.top-border {
	border-top: 1px solid #e5e5e5;
}

/* プルダウン部 */
.pulldowncontroll {
	position: relative;
	display: inline-block;
}

/* プルダウン企業メニュー位置調整 */
.pulldown-base-companymenu {
	position: absolute;
	top: 59px; /* 吹き出しの高さ（12px）＋親要素の高さの数値を入れる */
	left: 50%; /* 50パーセント指定＋左マージンを使って子要素幅の半分の数値を戻す */
	margin-left: -78px;
	/*transform: translateX(-50%);意味無し？*/
	cursor: pointer;
}

/* プルダウンユーザーメニュー位置調整 */
.pulldown-base-usermenu {
	position: absolute;
	top: 62px; /* 吹き出しの高さ（12px）＋親要素の高さの数値を入れる */
	left: 50%; /* 50パーセント指定＋左マージンを使って子要素幅の半分の数値を戻す */
	margin-left: -94px;
	/*transform: translateX(-50%);意味無し？*/
	cursor: pointer;
}

/* --------------------------------ページャー-------------------------------- */

.pagenation {
	padding: 0 0 20px 0;
	text-align: center;
}

.pagenation ul {
	display: inline-block;
}

.pagenation ul:after {
	display: block;
	content: "";
	clear:both;
}

.pagenation li {
	float: left;
	width: auto;
}

.pagenation li a {
	display: block;
	padding: 5px 10px;
	margin: 0 5px 0 5px;
	border:1px solid #dddddd;
	color: #888888;
	text-decoration: none;
  transition: all .4s ease-in-out;
}

.pagenation li a:hover {
	background-color: #3b2d41;
	border:1px solid #3b2d41;
	color: #ffffff;
}


.pagenation li a.active {
	background-color: #e02b73;
	border:1px solid #e02b73;
	color: #ffffff;
	font-weight: bold;
}

/* --------------------------------リストページスライダー-------------------------------- */

.toppage-slide-li {
/* 	width: 50%; */
	width: auto;
}
@media (max-width: 779px) {
  .toppage-slide-li {
	  width: 100%;
  }
}

/* スライダー背景テーブル */
.slider-bg-palegray {
	padding: 6px 0 6px 0;
	background-color: #f5f5f5;
}


@media (min-width: 1050px) {
  .slider-container {
    position: relative;
    width: 100%;
    min-width: 928px;
    padding: 0 16px;
    margin: 0 auto 10px auto;
  }
}

/* iPad横向き */
@media (min-width: 800px) and (max-width: 1049px){
  .slider-container {
    position: relative;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
  }
}

/* スライダー看板画像 */
.slider-project-titleimage {
	width: 100%;
	max-width: 640px;
	height: auto;
}

/* スライダープロジェクトブロック雛型 */
.slider-project-item {
	margin: 0 3px 0 3px;
	max-width: 640px;
	background-color: #ffffff;
}

/* スライダー説明文章ブロック */
.slider-innerblock {
	padding: 16px 16px 16px 16px;
}
@media (max-width: 599px) {
  .slider-innerblock {
	  padding: 8px 10px 10px 10px;
  }
}

/* スライダー会社表示 */
.slider-companyinfo {
	width: 100%;
	min-height: 0;
	overflow: auto;
	padding: 0 10px 0 0;
}
@media (min-width: 600px) and (max-width: 987px){
  .slider-companyinfo {
	  padding: 0 0 0 0;
  }
}
@media (max-width: 599px) {
  .slider-companyinfo {
	  padding: 0 0 0 0;
  }
}

.slider-companyinfo .company-icon {
  display: block;
  width: 36px;
  height: 36px;
	margin-right:8px; 
}
@media (min-width: 600px) and (max-width: 987px){
  .slider-companyinfo .company-icon {
    display: block;
    width: 24px;
    height: 24px;
	  margin-right:6px; 
  }
}
@media (max-width: 599px) {
  .slider-companyinfo .company-icon {
    display: block;
    width: 24px;
    height: 24px;
	  margin-right:6px; 
  }
}

/* スライダー会社表示フロート落ち対策 */
.slider-companyinfo-icon {
	float: left;
	width: 44px;
}
@media (max-width: 987px) {
  .slider-companyinfo-icon {
	  width: 30px;
  }
}
.slider-companyinfo-label {
	float: none;
	width: auto;
	margin-left: 44px;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 987px) {
  .slider-companyinfo-label {
	  margin-left: 30px;
  }
}

/* スライダープロジェクトタイトル */
.slider-project-headtitle {
	display: block;
	margin: 6px 0 8px 0;
	font-size: 20px;
	line-height: 1.3;
	font-weight: bold;
	color: #000000;
	height: 2.5em;
	width: 100%;
	overflow: hidden; /* 以下4行追加で、webkit系（Chrome、Safari）で行数指定文末カットが可能。今回はモバイルのみ対応すればよいのでPCは無視出来る。 */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
@media (min-width: 600px) and (max-width: 987px){
  .slider-project-headtitle {
	  font-size: 18px;
	  height: 2.5em;
	  overflow: hidden; /* 以下4行追加で、webkit系（Chrome、Safari）で行数指定文末カットが可能。今回はモバイルのみ対応すればよいのでPCは無視出来る。 */
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
  }
}
@media (max-width: 599px){
  .slider-project-headtitle {
	  font-size: 14px;
	  height: 2.5em;
	  margin: 2px 0 6px 0;
	  overflow: hidden; /* 以下4行追加で、webkit系（Chrome、Safari）で行数指定文末カットが可能。今回はモバイルのみ対応すればよいのでPCは無視出来る。 */
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
  }
}

/* 会社名 */
.slider-project-companyname {
	display: inline-block;
	line-height: 36px;
	color: #999999;
}
@media (min-width: 600px) and (max-width: 987px){
  .slider-project-companyname {
	  line-height: 24px;
	  font-size: 12px;
  }
}
@media (max-width: 599px){
  .slider-project-companyname {
	  line-height: 24px;
	  font-size: 10px;
  }
}

/* スライダージョブマーカー */
.slider-jobmarker {
	display: inline-block;
	padding: 0;
	font-size: 12px;
	color: #41a558;
	font-weight: bold;
	margin-right: 4px;
}
@media (max-width: 599px){
  .slider-jobmarker {
	  font-size: 10px;
	  padding: 0 0 0 0;
  }
}

/* --------------------------------コンテナ-------------------------------- */

/* PCレイアウト（基本） */
@media (min-width: 1050px) {
  .container {
    position: relative;
    width: 88%;
    min-width: 928px;
    padding: 0 16px;
    margin: 0 auto;
  }
}

/* iPad横向き */
@media (min-width: 800px) and (max-width: 1049px){
  .container {
    position: relative;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
  }
}

/* -------------------------------- エンターページ ------------------------------- */

/* 背景画像表示 */
.cosjobenterpage {
	background-image: url('/images/enter_bg4.jpg');
	background-repeat: no-repeat;  
	background-size:100% auto; 
	background-position: center top;
}

/* 要素の画面中央配置用table */
.enterpage-wrap {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  margin: 0;
  vertical-align: middle;
}

/* 要素の画面中央配置用table-cell */
.parts-box{
	display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

/* ロゴエリア */
.enterlogoarea {
	margin-bottom: 20px;
}
@media (max-width: 599px) {
  .enterlogoarea {
	  margin-bottom: 10px;
  }
}

/* ロゴ画像 */
.enterpagelogoimage {
	width: 70%;
	max-width: 600px;
	height: auto;
}
@media (min-width: 600px) and (max-width: 799px){
  .enterpagelogoimage {
	  width: 60%;
	  max-width: 600px;
  }
}
@media (max-width: 599px) {
  .enterpagelogoimage {
	  width: 55%;
	  max-width: 600px;
  }
}

/* enterテキストエリア */
.entertextarea {
	display: block;
	margin-top: 0px;
	margin-bottom: 20px;
}
@media (max-width: 599px) {
  .entertextarea {
	  margin-bottom: 2px;
  }
}

/* enterテキスト */
.enterpage-entertext {
	display: inline-block;
	font-family: 'Alex Brush', cursive;
	font-size: 100px;
	line-height: 80px;
	color: #222222;
	transition: all .4s ease-in-out;  
}
@media (min-width: 600px) and (max-width: 799px){
  .enterpage-entertext {
  }
}
@media (max-width: 599px) {
  .enterpage-entertext {
	  font-size: 54px;
	  line-height: 50px;
  }
}

.enterpage-entertext:hover {
	color: #0b7a24;
	text-shadow: 0px 0px 40px rgba(255,255,255,1);
}

/* 入場するテキスト */
.entertext-japan {
	display: inline-block;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: -16px;
	color: #222222;
}
@media (min-width: 600px) and (max-width: 799px){
  .entertext-japan {
	  font-size: 12px;
	  line-height: 1.5;
  }
}
@media (max-width: 599px) {
  .entertext-japan {
	  font-size: 9px;
	  line-height: 1.2;
	  margin-bottom: -20px;
  }
}

/* フッターコピーライト記載 */
.enterpage-footer-copy {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 4vh;
	margin: 0 auto;
	color: #ffffff;
	font-size: 13px;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.75);
}
@media (min-width: 600px) and (max-width: 799px){
  .enterpage-footer-copy {
	  bottom: 1vh;
	  font-size: 11px;
  }
}
@media (max-width: 599px) {
  .enterpage-footer-copy {
	  bottom: 1vh;
	  font-size: 10px;
  }
}

/* twitterでログインボタン */
.enterpage-twitter {
	display: inline-block;
	background-color: #55acee;
	color: #ffffff;
	padding: 16px 10px 16px 10px;
	min-width: 20vw;
	margin-bottom: 2vh;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px 0 rgba(44, 113, 165, .1);
  box-shadow: 0 0 5px 0 rgba(44, 113, 165, .1);
	transition: all .3s ease-in-out;  
}
@media (min-width: 600px) and (max-width: 799px){
  .enterpage-twitter {
	  font-size: 12px;
	  width: 160px;
	  padding: 10px 10px 10px 10px;
  }
}
@media (max-width: 599px) {
  .enterpage-twitter {
	  font-size: 12px;
	  width: 160px;
	  padding: 8px 10px 8px 10px;
  }
}

.enterpage-twitter:hover {
	background-color: #0a8ef2;
  -webkit-box-shadow: 0 6px 16px rgba(44, 113, 165, .4), 0 6px 4px rgba(44, 113, 165, .2);
  box-shadow: 0 6px 16px rgba(44, 113, 165, .4), 0 6px 4px rgba(44, 113, 165, .2);
}

/* アーカイブでログインボタン */
.enterpage-archive {
	display: inline-block;
	background-color: #f8c106;
	color: #ffffff;
	padding: 16px 10px 16px 10px;
	min-width: 20vw;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px 0 rgba(165, 127, 44, .1);
  box-shadow: 0 0 5px 0 rgba(165, 127, 44, .1);
	transition: all .3s ease-in-out;  
}
@media (min-width: 600px) and (max-width: 799px){
  .enterpage-archive {
	  font-size: 12px;
	  width: 160px;
	  padding: 10px 10px 10px 10px;
  }
}
@media (max-width: 599px) {
  .enterpage-archive {
	  font-size: 12px;
	  width: 160px;
	  padding: 8px 10px 8px 10px;
  }
}

.enterpage-archive:hover {
	background-color: #ffba00;
	-webkit-box-shadow: 0 6px 12px rgba(165, 127, 44, .3), 0 6px 4px rgba(165, 127, 44, .2);
  box-shadow: 0 6px 12px rgba(165, 127, 44, .3), 0 6px 4px rgba(165, 127, 44, .2);
}

/* 求人情報の掲載はこちらボタン */
.enterpage-company {
	display: inline-block;
	margin-top: 80px;
	background-color: rgba(0,0,0,0.4);
    border: 1px solid rgba(0,0,0,0.1);
	color: #ffffff;
	padding: 16px 10px 16px 10px;
	min-width: 20vw;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	border-radius: 8px;
	-webkit-box-shadow: 0 0 5px 0 rgba(165, 127, 44, .1);
    box-shadow: 0 0 5px 0 rgba(165, 127, 44, .1);
	transition: all .3s ease-in-out;  
}
@media (min-width: 600px) and (max-width: 799px){
.enterpage-company {
	display: none;
	margin-top: 2vh;
	font-size: 12px;
	width: 160px;
	padding: 10px 10px 10px 10px;
}
}
@media (max-width: 599px) {
.enterpage-company {
	display: none;
	margin-top: 2vh;
	font-size: 12px;
	width: 160px;
	padding: 8px 10px 8px 10px;
}
}


.enterpage-company:hover {
    border: 1px solid rgba(0,0,0,1);
	background-color: #000000;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .3), 0 6px 4px rgba(165, 127, 44, .2);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .3), 0 6px 4px rgba(165, 127, 44, .2);
}






/* --------------------------------プロジェクト一覧ページ-------------------------------- */

/* 一覧ページ左右ブロック分割 */
.list-rightblock {
	float: none;
	width: 633px;
	padding: 32px 0 0 32px;
	margin-left: 355px;
	margin-bottom: 30px;
	vertical-align: top;
	border-left: 1px solid #eaeaea;
}

.list-leftblock {
	float: left;
	width: 355px;
	padding: 32px 32px 0 0;
}

/* 一覧ページ左右ブロック分割(トップパディング縮小版) */
.list-rightblock-toppadding-short {
	float: none;
	width: 633px;
	padding: 22px 0 0 32px;
	margin-left: 355px;
	margin-bottom: 30px;
	vertical-align: top;
	border-left: 1px solid #eaeaea;
}

.list-leftblock-toppadding-short {
	float: left;
	width: 355px;
	padding: 22px 32px 0 0;
}


@media (min-width: 600px) and (max-width: 987px){
  .list-rightblock, .list-rightblock-toppadding-short {
	  float: none;
	  width: 64%;
	  padding: 12px 0 0 12px;
	  margin-left: 36%;
	  border-left: 1px solid #eaeaea;
  }
  .list-leftblock, .list-leftblock-toppadding-short {
	  float: left;
	  width: 36%;
	  padding: 12px 12px 0 0;
  }
}

@media (max-width: 599px) {
  /* 左右ブロック分割を解除 */
  .list-rightblock, .list-rightblock-toppadding-short {
	  width: 100%;
	  padding: 0 0 0 0;
	  margin-left: 0;
	  margin-bottom: 0;
  }
  .list-leftblock, .list-leftblock-toppadding-short {
	  width: 100%;
	  max-width: 599px;
	  padding: 14px 14px 0 14px;
  }
}

/* 一覧ページプロジェクトブロック雛型 */
.listpage-project-item {
	margin-top: 40px;
  border-bottom: solid 1px #eaeaea;
}
@media (max-width: 599px){
  .listpage-project-item {
	  margin-top: 0;
	  padding: 14px 14px 0 14px;
    border-bottom: solid 8px #eaeaea;
  }
}

.listpage-project-item:last-child {
  border-bottom: none;
}
@media (max-width: 599px){
  .listpage-project-item:last-child {
    border-bottom: 1px solid #eaeaea;
  }
}

/* 一覧ページプロジェクトブロックリンクエリア */
.listpage-project-item-linkarea {
	display: inline-block;
}

/* プロジェクトタイトル */
.listpage-projectdetail-headtitle {
	margin: 10px 0 8px 0;
	font-size: 22px;
	line-height: 1.3;
	font-weight: bold;
	color: #000000;
}
@media (max-width: 599px){
  .listpage-projectdetail-headtitle {
	  font-size: 18px;
	  margin: 10px 0 6px 0;
  }
}

/* 一覧ページ看板画像 */
.list-project-titleimage {
	width: 100%;
	height: auto;
	margin-bottom: 16px;
}
@media (max-width: 599px) {
  .list-project-titleimage {
	  margin-bottom: 12px;
  }
}

/* 一覧ページ会社表示 */
.projectlist-companyinfo {
	width: 100%;
	min-height: 0;
	overflow: auto;
	margin: 0 0 24px 0;
	padding: 0 10px 0 0;
}
@media (min-width: 600px) and (max-width: 987px){
  .projectlist-companyinfo {
	  margin: 4px 0 14px 0;
  }
}
@media (max-width: 599px) {
  .projectlist-companyinfo {
	  margin: 0 0 0 0;
  }
}

.projectlist-companyinfo .company-icon {
  display: block;
  width: 48px;
  height: 48px;
	margin-right:14px; 
}
@media (max-width: 599px){
  .projectlist-companyinfo .company-icon {
    display: block;
    width: 36px;
    height: 36px;
	  margin-right: 8px; 
  }
}

/* 一覧ページ 絞り込み雛型 */
.list-project-filter {
	border: solid 1px #e3e3e3;
	border-radius: 4px;
	padding: 10px 10px 10px 16px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #777777;
	font-weight: bold;
}

/* 会社アイコン表示 */
.company-icon {
  display: inline-block;
  position: relative;
  border-radius: 50%;
  background-clip: border-box;
 /*  box-shadow: 0 0 0 1px rgba(0,0,0,0.08); 影にすると上下が欠けてしまうのでボーダーに変更*/
	border: solid 1px rgba(0,0,0,0.08);
}

/* 一覧ページ プロジェクト説明文 */
.listpage-company-description {
	font-size: 14px;
	line-height: 1.5;
  color: #999999;
  margin-bottom: 14px;
}
@media (min-width: 600px) and (max-width: 987px){
  .listpage-company-description {
    margin-bottom: 10px;
  }
}
@media (max-width: 599px){
  .listpage-company-description {
	  font-size: 12px;
	  line-height: 1.5;
    color: #333333;
    margin-bottom: 10px;
  }
}

/* 会社名 */
.list-project-companyname {
	display: inline-block;
	padding-top: 4px;
	color: #000000;
}
@media (max-width: 599px){
  .list-project-companyname {
	  font-size: 12px;
	  color: #666666;
	  padding-top: 9px;
  }
}

/* 検索ブロックトグルエリア */
.slidetoggle_menu {
  border: solid 1px #e3e3e3;
  border-radius: 4px;
  margin-bottom: 10px;
}

/* 検索ブロックトグル中身 */
.listpage-filter-toggle-content {
	display:none;
}

/* 検索ブロックトグルタイトル */
.slidetoggle_menu dt {
  background:url("/images/direction-bottom50.png") right 16px center no-repeat;
  background-size: 13px 7px;
  cursor: pointer;
  font-size: 12px;
  color: #777777;
  font-weight: bold;
  padding: 10px 10px 10px 16px;
}

/* 検索ブロックトグルタイトルアクティブ時 */
.slidetoggle_menu dt.active {
	background:url("/images/direction-up50.png") right 16px center no-repeat;
  background-size: 13px 7px;
}

/* 検索ブロックトグル中身リンクブロック */
.listpage-filter-toggle-link {
	display: block;
	font-size: 12px;
	padding: 6px 10px 6px 24px;
	color: #41a558;
}

.bottom_bannerarea {
	font-size: 0;
}

.bottom_bannerarea:after {
	content: "";
	display: block;
	clear: both;
}

.bottom_bannerarea-float {
	float: left;
	width: 50%;
}
@media (max-width: 599px){
  .bottom_bannerarea-float {
	  float: none;
	  width: 100%;
  }
}

.bottom_bannerlink {
	display: inline-block;
}

.companybannerimage {
	width: 100%;
	max-width: 1000px;
}

/* もっと見るブロック */
.list-moredata {
	display: block;
	text-align: center;
	padding: 14px 0 10px 0;
	font-size: 12px;
	color: #666666;
	line-height: 1.0;
	border: solid 1px #cccccc;
	transition: all .4s ease-in-out;   
}
@media (max-width: 599px){
  .list-moredata {
	  padding: 14px 0 10px 0;
	  font-size: 12px;
	  line-height: 1.0;
	  border: none;
  }
}

/* スマホ版以外反転処理 */
@media (min-width: 600px){
  .list-moredata:hover {
	  background-color: #41a558;
	  border: solid 1px #41a558;
	  color: #ffffff;
  }
}

.list-moredata .fa-angle-down {
	font-size: 18px;
	line-height: 1.0;
}

.listpage-project-item:first-child {
	margin-top: 0;
}

/* 並び替えブロック */
.listpage-sort-block {
	display: table;
	width: 100%;
	border-bottom: solid 1px #eaeaea;
	margin-bottom: 10px;
}
@media (max-width: 599px){
  .listpage-sort-block {
	  margin-bottom: 0px;
  }
}

.listpage-sort-leftblock {
	display: table-cell;
	width: 30%;
	padding: 8px;
	font-size: 12px;
  color: #999999;
	font-weight: bold;
}
@media (max-width: 599px){
  .listpage-sort-leftblock {
	  padding-left: 14px;
	  padding-bottom: 4px;
  }
}

.listpage-sort-rightblock {
	display: table-cell;
	width: 70%;
	text-align: right;
	padding: 8px;
}
@media (max-width: 599px){
  .listpage-sort-rightblock {
	  padding-right: 14px;
	  padding-bottom: 4px;
  }
}

.listpage-sort-label {
	font-size: 12px;
  color: #999999;
	margin-right: 12px;
}

.listpage-sort-item {
	color: #555555;
	margin-left: 10px;
}
@media (max-width: 599px){
  .listpage-sort-item {
	  font-size: 13px;
  }
}

.listpage-sort-item.active {
	color: #41a558;
	font-weight: bold;
}

/* --------------------------------プロジェクト詳細ページ-------------------------------- */
/* ヘッダー部分 */
.contentheader-heroimage {
	margin-top: 30px;
	background-color:#ffffff;
}
@media (min-width: 600px) and (max-width: 987px){
  .contentheader-heroimage {
	  margin-top: 20px;
  }
}
@media (max-width: 599px){
  .contentheader-heroimage {
	  margin-top: 12px;
  }
}

/* ヘッダー部分タイトルエリア */
.projectdetail-titlearea {
}
@media (min-width: 600px) and (max-width: 987px){
  .projectdetail-titlearea {
	  padding: 0 12px 0 12px;
  }
}
@media (max-width: 599px){
  .projectdetail-titlearea {
	  padding: 0 10px 0 14px;
  }
}

/* ヘッダー部分ダミー（タイトル画像無し時） */
.contentheader-dummy {
	background-color:#000000;
	border-bottom: solid 1px #eaeaea;
}
@media (max-width: 599px) {
  .contentheader-dummy {
	  border: 0;
  }
}

/* タイトル画像 */
.project-coverimage {
  max-width: 100%;
  height: auto;
	border-radius: 4px 4px 0 0;
}
@media (max-width: 987px){
  .project-coverimage {
	  border-radius: 0 0 0 0;
  }
}

/* タイトル画像枠線処理 */
.project-coverimage-wrapper {
	border-radius: 4px 4px 0 0;
	border-top: solid 1px #eaeaea;
	border-right: solid 1px #eaeaea;
	border-left: solid 1px #eaeaea;
}
@media (max-width: 987px){
  .project-coverimage-wrapper {
	  border-radius: 0 0 0 0;
	  border-right: 0;
	  border-left: 0;
  }
}


/* タイトル画像下部枠線処理 */
.project-coverimage-wrapper-bottom {
	border-radius: 0 0 4px 4px;
	border-bottom: solid 1px #eaeaea;
	border-right: solid 1px #eaeaea;
	border-left: solid 1px #eaeaea;
	height: 66px;
}
@media (min-width: 600px) and (max-width: 987px){
  .project-coverimage-wrapper-bottom {
	  border-radius: 0 0 0 0;
	  height: 46px;
  }
}
@media (max-width: 600px){
  .project-coverimage-wrapper-bottom {
	  height: 36px;
  }
}

/* タイトル画像下部リリース日付 */
.projectdetail-releasedate {
  color: #666666;
  font-size: 15px;
	line-height: 66px;
	width: 150px;
	border-right: solid 1px #eaeaea;
	text-align: center;
}
@media (min-width: 600px) and (max-width: 987px){
  .projectdetail-releasedate {
	  border-radius: 0 0 0 0;
	  line-height: 46px;
  }
}
@media (max-width: 599px){
  .projectdetail-releasedate {
	  font-size: 12px;
	  line-height: 36px;
	  text-align: left;
	  padding-left: 14px;
	  border-right: none;
  }
}

/* タイトル画像下部リリース日付時計アイコン */
.projectdetail-releasedate .fa-clock-o {
	padding-right: 6px;
	font-size: 20px;
	color: #d6d6d6;
}
@media (max-width: 599px){
  .projectdetail-releasedate .fa-clock-o {
	  font-size: 16px;
  }
}

/* タイトル画像下部閲覧数 */
.projectdetail-viewcount {
  color: #666666;
  font-size: 15px;
	line-height: 66px;
	width: 150px;
	border-left: solid 1px #eaeaea;
	text-align: center;
}
@media (min-width: 600px) and (max-width: 987px){
  .projectdetail-viewcount {
	  border-radius: 0 0 0 0;
	  line-height: 46px;
  }
}
@media (max-width: 599px){
  .projectdetail-viewcount {
	  border-radius: 0 0 0 0;
	  font-size: 12px;
	  line-height: 36px;
	  text-align: right;
	  padding-right: 14px;
	  border-left: none;
	  width: 76px;
  }
}

/* タイトル画像下部閲覧数、目アイコン */
.projectdetail-viewcount .fa-eye {
	padding-right: 6px;
	font-size: 20px;
	color: #d6d6d6;
}
@media (max-width: 599px){
  .projectdetail-viewcount .fa-eye {
	  font-size: 16px;
  }
}

/* タイトル画像下部SNSリンク部 */
.projectdetail-snslink {
  color: #666666;
  font-size: 15px;
	line-height: 66px;
	width: 150px;
	height: 100%;
	text-align: right;
	padding-right: 16px;
	padding-top: 12px;
}
@media (min-width: 600px) and (max-width: 987px){
  .projectdetail-snslink {
	  border-radius: 0 0 0 0;
	  line-height: 46px;
	  padding-right: 16px;
	  padding-top: 5px;
  }
}
@media (max-width: 599px){
  .projectdetail-snslink {
	  border-radius: 0 0 0 0;
	  font-size: 12px;
	  width: 50px;
	  line-height: 36px;
	  text-align: right;
	  padding-right: 0px;
	  padding-top: 4px;
  }
}

/*--------------------------------  twitterリンク  --------------------------------*/

.detail-twitterbutton {
  display: inline-block;
  position: relative;
  background-color: rgba(255,255,255,0.6);
  line-height: 43px;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  border: 1px solid #e9e9e9;
  color: #55ACEE;
  text-align: center;
  transition: all .4s ease-in-out;
}
@media (min-width: 600px) and (max-width: 987px){
  .detail-twitterbutton {
	  line-height: 35px;
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 599px) {
  .detail-twitterbutton {
	  line-height: 28px;
    width: 28px;
    height: 28px;
  }
}

.detail-twitterbutton:hover {
  background-color: #55ACEE;
  border: 1px solid #55ACEE;
  color: #ffffff;
}

.detail-twitterbutton .fa-twitter {
  font-size: 26px;
  position: relative;
  top: 8px;
  left: 2px;
}
@media (min-width: 600px) and (max-width: 987px){
  .detail-twitterbutton .fa-twitter {
	  font-size: 18px;
	  top: 8px;
	  left: 0px;
  }
}
@media (max-width: 599px) {
  .detail-twitterbutton .fa-twitter {
	  font-size: 18px;
	  top: 5px;
	  left: 0px;
  }
}

/* ジョブマーカー（小） */
.jobmarker-small {
  display: inline-block;
  background-color: #f5f5f5;
  border: solid 1px #e0e0e0;
  border-radius: 4px;
  padding: 1px 10px 1px 10px;
  font-size: 11px;
  color: #333333;
  margin-right: 4px;
}
@media (max-width: 599px){
  .jobmarker-small {
	  font-size: 10px;
	  padding: 0 8px 0 8px;
	  border-radius: 3px;
  }
}

/* 新着マーカー（小） */
.newtopic-marker-small {
  display: inline-block;
  background-color: #ee0707;
  border: solid 1px #ee0707;
  border-radius: 4px;
  padding: 1px 10px 1px 10px;
  font-size: 11px;
  color: #ffffff;
  margin-right: 4px;
  font-weight: bold;
}
@media (max-width: 599px){
  .newtopic-marker-small {
	  font-size: 10px;
	  padding: 0 8px 0 8px;
	  border-radius: 3px;
  }
}

/* お仕事説明文ブロック */
p.description {
	font-size: 15px;
	line-height: 1.8;
	margin-top: 0;
	margin-bottom: 24px;
	color: #333333;
}


/* お仕事説明文見出し */
.description-midashi {
	font-size: 18px;
	font-weight: bold;
	color: #777777;
	margin-bottom: 16px;
}
@media (max-width: 599px){
  .description-midashi {
	  font-size: 17px;
	  margin-bottom: 8px;
	  border-left: 6px solid #41a558;
	  padding-left: 6px;
  }
}

/* お仕事説明文本文 */
.description-text {
	font-size: 15px;
	line-height: 1.8;
	margin-bottom: 32px;
	color: #444444;
}
@media (max-width: 599px){
  .description-text {
	  font-size: 14px;
	  line-height: 1.6;
  }
}

/* 会社名ブロック */
.project-companyname-block {
	margin-bottom: 12px;
}
@media (max-width: 599px){
  .project-companyname-block {
	  margin-bottom: 8px;
  }
}

/* 会社名アイコン */
.project-companyicon {
  width: 36px;
  height: 36px;
  margin-right: 12px;
}
@media (max-width: 599px){
  .project-companyicon {
    width: 28px;
    height: 28px;
    margin-right: 8px;
  }
}

/* 会社名 */
.bold-companyname {
	font-weight: bold;
	color: #39874b;
}
@media (max-width: 599px){
  .bold-companyname {
	  font-size: 12px;
  }
}

/* グーグルマップ埋め込み部 */
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe, .ggmap object, .ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* プロジェクト詳細詳細ページ・添付画像 */
.projectsub-detailimage {
	width: auto;
	height: auto;
	max-width: 100%;
}

.projectsub-detailimage-frame {
  border: solid 1px #eaeaea;
}
@media (max-width: 599px) {
  .projectsub-detailimage-frame {
    border: 0;
  }
}

/* プロジェクト詳細詳細ページ・添付画像コメント */
.projectsub-detailimage-com {
  margin-bottom: 30px;
  font-size: 13px;
  text-align: left;
  color: #777777;
  border-radius: 0 0 4px 4px;
  border-bottom: solid 1px #eaeaea;
  border-right: solid 1px #eaeaea;
  border-left: solid 1px #eaeaea;
  padding: 10px 10px 10px 12px;
  line-height: 1.5;
}
@media (max-width: 599px){
  .projectsub-detailimage-com {
	  font-size: 12px;
	  padding: 6px 6px 6px 10px;
	  margin-bottom: 20px;
  }
}

/* プロジェクト詳細詳細ページ・テーブル */
.projectdetail-table {
	width: 100%;
	font-size: 14px;
	line-height: 1.5;
	border: 1px solid #eaeaea;
	border-collapse: collapse;
	margin-bottom: 16px;
}
@media (max-width: 599px){
  .projectdetail-table {
	  font-size: 13px;
  }
}

/* プロジェクト詳細詳細ページ・テーブルタイトル列 */
.projectdetail-table-title {
	border: 1px solid #eaeaea;
	padding: 10px;
	line-height: 1.5;
	width: 20%;
	background-color: #fbfbfb;
	font-weight: bold;
	color: #777777;
}
@media (max-width: 599px){
  .projectdetail-table-title {
	  padding: 8px;
	  min-width: 90px;
  }
}

/* プロジェクト詳細詳細ページ・テーブルコンテンツ列 */
.projectdetail-table-content {
	border: 1px solid #eaeaea;
	padding: 10px;
	line-height: 1.5;
	color: #444444;
}
@media (max-width: 599px){
  .projectdetail-table-content {
	  padding: 8px;
  }
}

/* 「応募する」ボタン */
.project-entry-button {
	display: inline-block;
	width: 100%;
	margin: 0;
	border: 0;
	border-radius: 4px;
	color: #ffffff;
	padding: 14px 0;
	background-color: #35c1eb;
	font-size: 16px;
	font-weight: bold;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
	text-align: center;
	cursor: pointer;
	margin-bottom: 14px;
}
@media (max-width: 599px){
  .project-entry-button {
	  margin-bottom: 10px;
  }
}

/* 「応募する」ボタンメールアイコン */
.project-entry-button .fa-envelope {
	margin-right: 8px;
}

/* 「あとで見る」ボタン */
.project-add-favorite-button {
	display: inline-block;
	width: 100%;
	margin: 0;
	border: 0;
	border-radius: 4px;
	border: solid 1px #dddddd;
	color: #444444;
	padding: 14px 0;
	background-color: #f0f0f0;
	font-size: 16px;
	font-weight: bold;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
	text-align: center;
	cursor: pointer;
}

/* 「募集終了」ボタン */
.project-entry-end-button {
	display: inline-block;
	width: 100%;
	margin: 0;
	border: 0;
	border-radius: 4px;
	color: #ffffff;
	padding: 14px 0;
	background-color: #ee0707;
	font-size: 16px;
	font-weight: bold;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
	text-align: center;
	margin-bottom: 14px;
}
@media (max-width: 599px){
  .project-entry-end-button {
	  margin-bottom: 10px;
  }
}

/* 「募集終了」ボタン×アイコン */
.project-entry-end-button .fa-minus-circle {
	position: relative;
	top: 1px;
	font-size: 18px;
	margin-right: 8px;
}

/* 「応募不可」ボタン */
.project-entry-block-button {
	display: inline-block;
	width: 100%;
	margin: 0;
	border: 0;
	border-radius: 4px;
	color: #ffffff;
	padding: 14px 0;
	background-color: #ee0707;
	font-size: 16px;
	font-weight: bold;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
	text-align: center;
	margin-bottom: 14px;
}
@media (max-width: 599px){
  .project-entry-block-button {
	  margin-bottom: 10px;
  }
}

/* 「応募不可」ボタン×アイコン */
.project-entry-block-button .fa-minus-circle {
	position: relative;
	top: 1px;
	font-size: 18px;
	margin-right: 8px;
}

/* 「お気に入り中」ボタン */
.project-add-favorite-off-button {
	display: inline-block;
	width: 100%;
	margin: 0;
	border: 0;
	border-radius: 4px;
	border: solid 1px #dddddd;
	color: #ee0707;
	padding: 14px 0;
	background-color: #f0f0f0;
	font-size: 16px;
	font-weight: bold;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
	text-align: center;
	cursor: pointer;
}

/* 「お気に入り中」ボタンハートアイコン */
.project-add-favorite-off-button .fa-heart {
	position: relative;
	top: 1px;
	font-size: 18px;
	margin-right: 8px;
	color: #ee0707;
}

/* 作品詳細ページ・作品画像(トップ画像) */
.marketitem-detailimage.top {
	width: 100%;
	height: auto;
	max-height: initial;
	max-height: none;
}

/* 作品詳細ページ・作品画像(トップ画像その2) */
.marketitem-detailimage.top2 {
	width: 100%;
	height: auto;
	max-height: initial;
	max-height: none;
}
@media (max-width: 599px){
  .marketitem-detailimage.top2 {
	  margin-bottom: 0;
	  margin-top: 1px; /* これを入れないとAndroid実機でヘッダーの一部に表示画像が食い込んでしまう対策 */
  }
}

/*  募集リスト下部、タグブロック */
.projectlistbottom-tag-area {
	border-top: 1px solid #dbe1e5;
	background-color: #f1f5f8;
	padding-top: 30px;
	padding-bottom: 16px;
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  .projectlistbottom-tag-area {
	  padding-top: 12px;
	  padding-right: 12px;
	  padding-left: 12px;
	  padding-bottom: 0;
	  border-bottom: 1px solid #dbe1e5;
  }
}
@media (max-width: 599px) {
  .projectlistbottom-tag-area {
	  position: relative;
	  top: -1px;
	  padding-top: 12px;
	  padding-right: 14px;
	  padding-left: 14px;
	  padding-bottom: 0;
	  border-bottom: 1px solid #dbe1e5;
  }
}

/* 募集リスト下部タグデータ表示 */
.projectlistbottom-tag {
  display: inline-block;
  cursor: pointer;
  max-width: calc(25% - 1rem);
  margin: 0 16px 16px 0;
  padding: 15px;
  background-color: #ffffff;
  font-size: 12px;
  line-height: 1;
  color: #6d6d6d;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir-Heavy", "Helvetica Neue", "Segoe UI", "Arial", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all .4s ease-in-out;
}

.projectlistbottom-tag:hover {
    background-color: #e02b73;
    color: #ffffff;
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  .projectlistbottom-tag {
      padding: 12px;
      margin: 0 10px 10px 0;
  }
}
@media (max-width: 599px) {
  .projectlistbottom-tag {
      padding: 8px;
      margin: 0 8px 8px 0;
  }
}

/* 募集リスト下部タグ見出し表示 */
.tag-fukidashi {
  position: relative;
  display: inline-block;
  margin: 0 0 26px 0;
  padding: 9px;
  background-color: #ee0707;
  font-size: 14px;
  line-height: 1.3;
  color: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir-Heavy", "Helvetica Neue", "Segoe UI", "Arial", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
}

.tag-fukidashi:after {
  content: "";
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  left: 0;
  border-width: 5px 11px 0 0;
  border-color: #ee0707 transparent transparent transparent;
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  .tag-fukidashi {
      padding: 9px;
      margin: 0 0 16px 0;
  }
}
@media (max-width: 599px) {
  .tag-fukidashi {
    font-size: 12px;
    padding: 8px;
    margin: 0 0 14px 0;
  }
}

/* プロジェクト応募ボタン配置ブロック */
.entry-ctrl {
	padding: 0 0 14px 0;
	border-bottom: solid 1px #eaeaea;
}
@media (max-width: 599px) {
  .entry-ctrl {
	  padding: 10px 14px 10px 14px;
	  border-top: solid 1px #eaeaea;
	  border-bottom: solid 1px #eaeaea;
  }
}

/* 勤務地、地図配置ブロック */
.projectmap-ctrl {
	padding: 14px 0 14px 0;
	border-top: solid 1px #eaeaea;
	border-bottom: solid 1px #eaeaea;
}
@media (max-width: 599px) {
  .projectmap-ctrl {
	  padding: 12px 14px 12px 14px;
	  border-top: solid 1px #eaeaea;
	  border-bottom: none;
  }
}

/* 勤務地、地図ブロック見出し */
.projectdetail-maptitle {
	display: inline-block;
	color: #777777;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 4px;
}
@media (max-width: 599px) {
  .projectdetail-maptitle {
	  color: #000000;
	  margin-bottom: 4px;
  }
}

/* 勤務地、地図ブロックアドレス */
.projectdetail-mapaddress {
}

/* 以下、レスポンシブ処理実験 */
@media (min-width: 600px) {

  /* 左右ブロック分割処理 */
  .totalwrapper:after {
	  display: block;
	  content: "";
	  clear: both;
  }

  .rightblock {
	  float: none;
	  width: 383px;
	  padding: 32px 0 0 32px;
	  margin-left: 605px;
	  vertical-align: top;
  }

  .leftblock {
	  float: left;
	  width: 605px;
	  padding: 32px 32px 0 0;
	  border-right: 1px solid #eaeaea;
  }

  /* PC版で画面を左右分割する処理 */
  .projectdetail-container {
      position: relative;
      width: 88%;
      min-width: 988px;
      padding: 0 16px;
      margin: 0 auto;
  }

  /* PC版固定幅処理(スマホ時横パディング無し) */
  .projectdetail-container.fixed-width-nopadding {
	  width: 988px;
	  min-width: 0;
	  padding: 0;
  }

  /* PC版固定幅処理(スマホ時横パディング有り) */
  .projectdetail-container.fixed-width {
	  width: 988px;
	  min-width: 0;
	  padding: 0;
  }

  .projectdetail-container:after {/* フッターが上部に来てしまうのを避ける処理 */
	  display: block;
	  clear: both;
	  content: ""
  }

}

/* 600pxから987ピクセル迄の処理開始 */
@media (min-width: 600px) and (max-width: 987px){

  .rightblock {
	  float: none;
	  width: 42%;
	  padding: 12px 0 0 12px;
	  margin-left: 58%;
  }

  .leftblock {
	  float: left;
	  width: 58%;
	  padding: 12px 12px 0 0;
	  border-right: 1px solid #eaeaea;
  }

  .projectdetail-container.fixed-width-nopadding {
	  width: 100%;
	  padding: 0;
  }

  .projectdetail-container.fixed-width {
	  width: 100%;
	  padding: 0 12px 0 12px;
  }

  .marketitem-detailimage {
	  margin-bottom: 12px;
  }

}

/* プロジェクトタイトルブロック */
.projectdetail-headtitle-block {
	padding: 10px 0 12px 0;
}
@media (max-width: 599px){
  .projectdetail-headtitle-block {
	  padding: 10px 0 6px 0;
  }
}

/* プロジェクトタイトル */
h1.projectdetail-headtitle {
	display: inline;
	font-size: 26px;
	line-height: 34px;
}
@media (max-width: 599px){
  h1.projectdetail-headtitle {
	  font-size: 18px;
	  line-height: 23px;
  }
}

/* ヘッダー部分マーカー（募集終了） */
.title-statusmarker-end {
	display: inline-block;
	position: relative;
	top: -5px;
	background-color: #ff0000;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	margin-right: 6px;
}
@media (max-width: 599px){
  .title-statusmarker-end {
	  font-size: 11px;
	  top: -3px;
	  padding: 2px 6px 2px 6px;
	  margin-right: 4px;
  }
}


/* お気に入りリスト追加ボタン */
.add-to-wishlist {
	display: inline-block;
	-webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	margin: 0 0 10px 0;
	min-width: 80px;
	padding: 8px 10px;
	border: solid 2px #d0d0d0;
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
 	font-size: 16px;
}

/* お気に入りリスト削除ボタン */
.remove-from-wishlist {
	display: inline-block;
	-webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	margin: 0 0 10px 0;
	min-width: 80px;
	padding: 8px 10px;
	border: solid 2px #d0d0d0;
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
}

/* 商品詳細ページお気に入り登録ボタン・ハートアイコン */
a.add-to-wishlist i.fa-heart-o {
	font-size: 20px;
	color: #fa0000;
	margin-right: 8px;
}

/* 商品詳細ページお気に入り削除ボタン・ハートアイコン */
a.remove-from-wishlist i.fa-heart {
	font-size: 20px;
	color: #fa0000;
	margin-right: 8px;
}

/* 商品詳細ページお気に入りボタン・カウント数表示 */
span.wishlist_count {
	font-size: 14px;
	color: #666666;
}

/* 金額・カートボタン配置ブロック */
.purchase-ctrl {
	padding: 14px 0 14px 0;
	border-top: solid 1px #eaeaea;
	border-bottom: solid 1px #eaeaea;
}

/* 金額表示 */
.item-detail-price {
	font-size: 22px;
}

/* 金額・カートボタン配置部の下のマージンを空ける処理 */
.bottommargin {
	margin-bottom: 8px;
}

.float-leftright {
	max-height: 20px;
}

.float-leftright:after {
	display: block;
	content: "";
	clear: both;
}

/* 「カートに入れる」ボタン */
.add-cart-button {
	display: inline-block;
	width: 100%;
	margin: 0;
	border: 0;
	border-radius: 4px;
	color: #ffffff;
	padding: 14px 0;
	background-color: #de1f6b;
	font-size: 16px;
	font-weight: bold;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
	text-align: center;
	cursor: pointer;
}

/* 「カートに入れる」ボタンカートアイコン */
.add-cart-button .fa-shopping-cart {
	margin-right: 8px;
	font-size: 20px;
	color: #ffffff;
}

/* 会社表示エリア */
.projectitem-detail-companyinfo {
	width: 100%;
	min-height: 0;
	overflow: auto;
	margin: 20px 0 20px 0;
	padding: 14px;
	background-color: #f7f7f7;
	border-radius: 4px;
}
@media (min-width: 600px) and (max-width: 987px){
  .projectitem-detail-companyinfo {
	  margin: 14px 0 14px 0;
  }
}
@media (max-width: 599px) {
  .projectitem-detail-companyinfo {
	  margin: 0 0 0 0;
  }
}

/* フォローボタン */
.follow-button {
	display: inline-block;
	border: 1px solid #cfcfcf;
	width: 120px;
	margin: 4px 0 0 0;
	padding: 0.3em 1.2em 0.3em 0.75em;
	background-color: #fefefe;
	border-radius: 1.25em;
	color: #666666;
}

/* フォロー解除ボタン */
.unfollow-button {
	display: inline-block;
	border: 1px solid #9dcd98;
	width: 120px;
	margin: 4px 0 0 0;
	padding: 0.3em 1.2em 0.3em 0.75em;
	background-color: #efffed;
	border-radius: 1.25em;
	color: #666666;
}

/* サークルフォローボタンプラスアイコン */
.projectitem-detail-companyinfo .fa-plus {
	margin-right: 6px;
	font-size: 14px;
	color: #666666;
}

/* サークルフォロー解除ボタンチェックアイコン */
.projectitem-detail-companyinfo .fa-check {
	margin-right: 6px;
	font-size: 14px;
	color: #59b44f;
}

/* 商品詳細ページお気に入りボタン・カウント数表示 */
span.wishlist_count {
	font-size: 14px;
	color: #666666;
}

.projectitem-detail-companyinfo:after {
	display: block;
	content: "";
	clear: both;
}

.projectitem-detail-companyinfo .company-icon {
  display: block;
  width: 48px;
  height: 48px;
	margin-right:14px; 
}

/* 以下、レスポンシブ処理実験 */
@media (max-width: 599px) {

  /* 左右ブロック分割を解除 */
  .rightblock {
	  width: 100%;
	  padding: 0 0 0 0;

  }

  .leftblock {
	  width: 100%;
	  max-width: 599px;
	  padding: 14px 10px 0 14px;
  }

  /* 金額・カートボタン配置ブロック */
  .purchase-ctrl {
	  padding: 10px 10px 10px 10px;
	  border-top: solid 1px #eaeaea;
	  border-bottom: solid 1px #eaeaea;
  }

  .item-detail-head {
	  padding: 0 10px 0 10px;
  }

  /* 作品タイトル */
  h1.itemdetail-headtitle {
	  margin: 2px 0 6px 0;
	  line-height: 1.3;
	  font-size: 16px;
	  font-weight: bold;
  }

  /* お気に入りリスト追加ボタン */
  .add-to-wishlist {
	  margin: 0 0 10px 0;
	  min-width: 66px;
	  padding: 6px 8px;
	  border: solid 1px #d0d0d0;
	  border-radius: 3px;
	  text-decoration: none;
	  text-align: center;
 	  font-size: 16px;
  }

  /* お気に入りリスト削除ボタン */
  .remove-from-wishlist {
	  margin: 0 0 10px 0;
	  min-width: 66px;
	  padding: 6px 8px;
	  border: solid 1px #d0d0d0;
	  border-radius: 3px;
	  text-decoration: none;
	  text-align: center;
	  font-size: 16px;
  }

  /* 商品詳細ページお気に入り登録ボタン・ハートアイコン */
  a.add-to-wishlist i.fa-heart-o {
	  font-size: 16px;
	  color: #fa0000;
	  margin-right: 6px;
  }

  /* 商品詳細ページお気に入り削除ボタン・ハートアイコン */
  a.remove-from-wishlist i.fa-heart {
	  font-size: 16px;
	  color: #fa0000;
	  margin-right: 6px;
  }

  /* 商品詳細ページお気に入りボタン・カウント数表示 */
  span.wishlist_count {
	  font-size: 12px;
  }

  /* 金額表示 */
  .item-detail-price {
	  padding-right: 2px;
	  font-size: 18px;
  }

  /* 作品説明文ブロック */
  p.description {
	  font-size: 14px;
	  line-height: 1.5;
	  margin-top: 10px;
	  margin-bottom: 24px;
  }

  /* カートに入れるボタンの下マージンを強制削除 */
  .purchase-ctrl form {
	  margin-bottom: 0 !important;
  }

  .share-btns {
	  border-bottom: solid 1px #eaeaea;
  }

  /* 作品詳細ページ・作品画像(トップ画像) */
  .marketitem-detailimage.top {
	  margin-bottom: 10px;
  }

  /* 作品詳細ページ・作品画像 */
  .marketitem-detailimage {
	  margin-bottom: 10px;
  }
}

.itemdetail-download-ctrl-li {
	margin-bottom: 8px;
}
.itemdetail-download-ctrl-li:last-child {
	margin-bottom: 0;
}

/* 「もっと写真を見る」リンク */
.itemdetail-morephoto {
	display: inline-block;
	width: 100%;
	margin: 0 0 10px 0;
	border: solid 1px #666666;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 14px;
	color: #333333;
  transition: all .4s ease-in-out;
}
.itemdetail-morephoto:hover {
	background-color: #3b2d41;
	color: #ffffff;
}

@media (max-width: 599px) {
  .itemdetail-morephoto {
	  padding-top: 14px;
	  padding-bottom: 14px;
  }
}
@media (min-width: 928px) {
  .itemdetail-morephoto {
	  margin-bottom: 20px;
	  margin-top:-10px;
  }
}

/* タグリンク */
.item-tag-link {
	display: inline-block;
	padding: 7px 12px 7px 12px;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 1px solid #ffc2da;
	font-size: 12px;
	font-weight: bold;
	color: #de1f6b;
}

.item-tag-link .fa-tag {
	position: relative;
	top: 3px;
	font-size: 18px;
	padding-right: 4px;
}

/* タグリンクリストul */
.itemdetail-tag-ul:after {
	display: block;
	content: "";
	clear: both;
}

/* タグリンクリストli */
.itemdetail-tag-li {
	float: left;
}

/*  この作品に付けられたタグブロック */
.thisitemtag-area {
	border-top: 1px solid #eaeaea;
	background-color: #ffffff;
	padding-top: 32px;
	padding-bottom: 12px;
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  .thisitemtag-area {
	  padding-top: 16px;
	  padding-bottom: 8px;
	  padding-right: 14px;
	  padding-left: 14px;
  }
}
@media (max-width: 599px) {
  .thisitemtag-area {
	  padding-top: 12px;
	  padding-bottom: 6px;
	  padding-right: 14px;
	  padding-left: 14px;
  }
}

/*  この作品に付けられたタグ */
.itemdetail-tag {
  display: inline-block;
  cursor: pointer;
  max-width: calc(25% - 1rem);
  margin: 0 16px 16px 0;
  padding: 22px 20px 22px 20px;
  border-radius: 6px;
  background-color: #b5b9b9;
  font-size: 12px;
  line-height: 1;
  color: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir-Heavy", "Helvetica Neue", "Segoe UI", "Arial", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all .4s ease-in-out;
}

.itemdetail-tag:hover {
  background-color: #e02b73;
  color: #ffffff;
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  .itemdetail-tag {
    padding: 12px;
    margin: 0 10px 10px 0;
  }
}
@media (max-width: 599px) {
  .itemdetail-tag {
	  border-radius: 3px;
    padding: 10px;
    margin: 0 6px 6px 0;
  }
}

/*  この作品に付けられたタグ タイトル */
.itemdetail-tag-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 16px;
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  .itemdetail-tag-title {
	  font-size: 20px;
	  font-weight: bold;
	  margin-bottom: 12px;
  }
}
@media (max-width: 599px) {
  .itemdetail-tag-title {
	  font-size: 16px;
	  font-weight: bold;
	  margin-bottom: 8px;
  }
}

/*  キーワードから探すページタグ背景色変更 */
.ranktag-tag-bgcolorchange {
	background-color: #f4f4f4!important; 
}

/*  他にも、こんな作品を公開しています！ブロック */
.otherproduct-area {
	border-top: 1px solid #dbe1e5;
	background-color: #f1f5f8;
	padding-top: 38px;
	padding-bottom: 20px;
}
@media (max-width: 599px) {
  .otherproduct-area {
	  padding-top: 12px;
	  padding-bottom: 0;
  }
}

/* 詳細ページサークルアイコン */
.itemdetail-128size-circleicon {
	height: 128px!important;
	width: 128px!important;
	border-radius: 64px!important;
}

/* 詳細ページその他の項目ラージテキスト */
.otherproduct-area-largetext {
	font-size: 20px;
	color: #666666;
	font-weight: bold;
	padding: 16px 16px 12px 16px;
	line-height: 28px;
}
@media (max-width: 599px) {
  .otherproduct-area-largetext {
	  font-size: 16px;
	  padding: 8px 16px 0 16px;
	  line-height: 22px;
  }
}

/* 詳細ページその他の項目ラージテキスト2 */
.otherproduct-area-largetext2 {
	font-size: 20px;
	color: #666666;
	font-weight: bold;
	padding: 0 16px 12px 16px;
	line-height: 28px;
}
@media (max-width: 599px) {
  .otherproduct-area-largetext2 {
	  font-size: 16px;
	  padding: 0 16px 0 16px;
	  line-height: 22px;
  }
}

/* 詳細ページその他の項目もっと見る */
.otherproduct-motto-link {
	display: inline-block;
	background-color: transparent;
	padding: 8px 16px 16px 16px;
  transition: all .4s ease-in-out;
}

/* 詳細ページその他の項目もっと見る */ 
.otherproduct-motto-text {
	font-size: 16px;
	color: #666666;
}
@media (max-width: 599px) {
  .otherproduct-motto-text {
	  font-size: 14px;
  }
}

.otherproduct-motto-link .fa-angle-down {
	font-size: 26px;
	color: #2fa9b6;
}

.other-items-wrapper {
    display: inline-block;
}
@media (min-width: 738px) and (max-width: 959px) { .other-items-wrapper { max-width: 738px;}}
@media (min-width: 960px) and (max-width: 1279px) { .other-items-wrapper { max-width: 960px;}}
@media (min-width: 1280px) { .other-items-wrapper { max-width: 1240px;}}
@media (max-width: 737px) { .other-items-wrapper { max-width: 100%;}}

/* 詳細ページ 作品に紐づけられたタグ一覧 */ 
.itemdetail-tag-wrapper {
  display: inline-block;
	text-align: left;
}
@media (min-width: 738px) and (max-width: 959px) { .itemdetail-tag-wrapper { width: 738px;}}
@media (min-width: 960px) and (max-width: 1279px) { .itemdetail-tag-wrapper { width: 960px;}}
@media (min-width: 1280px) { .itemdetail-tag-wrapper { width: 1240px;}}
@media (max-width: 737px) { .itemdetail-tag-wrapper { width: 100%;}}

.otherpage-container {
  position: relative;
  width: 928px;
  padding-bottom: 20px;
  margin: 0 auto;
}
@media (min-width: 738px) and (max-width: 959px) { .otherpage-container { width: 738px;}}
@media (min-width: 960px) and (max-width: 1279px) { .otherpage-container { width: 960px;}}
@media (min-width: 1280px) { .otherpage-container { width: 1240px;}}
@media (max-width: 737px) { .otherpage-container { width: 100%;}}
@media (max-width: 737px) {
  .otherpage-container {
      width: 100%;
      padding: 0;
  }
}

/* 他の商品作品テーブルマージン位置調整 */
.other-items {
  margin: 0 -14px 0 0;/* マージンライトが-20pxだったのを一時的に変更 */
}
@media (max-width: 737px) {/* しきい値を599ピクセルから780pxに変更。おかしかったら戻す事 */
  .other-items {
	  margin-right: 0;
  }
}
@media (max-width: 599px) {
  /* 他の商品作品縮小処理(safariで改行しない問題を防止するためにソースの一部をカット) */
  .other-items {
      margin: 0;
  }
}

.other-items .item {
  /* position: relative; これが入っているとフロートが効かないので一時的に削除*/
	float: left;
	width: 296px;
	/* margin: 0 20px 20px 0;*/
	margin: 10px;
	font-size: 1rem;
	text-align: left;
	background-color: transparent;
}
@media (min-width: 738px) and (max-width: 959px) { .other-items .item { width: 128px;}}
@media (min-width: 960px) and (max-width: 1279px) { .other-items .item { width: 172px;}}
@media (min-width: 1280px) { .other-items .item { width: 228px;}}
@media (max-width: 737px) { .other-items .item { width: 50%;}}
@media (max-width: 737px) {/* 元々は780px */
  .other-items .item {
    box-sizing: border-box;
    width: 50%;
    margin: 0;
    padding: 8px 8px 8px 16px;
  }
}

.other-items .item-cell {
  position: relative;
  height: auto;  /* 元々は360px */
  padding-bottom: 12px;
}
@media (max-width: 737px) {
  /* 他の商品作品セル、高さ調整 */
  .other-items .item-cell {
    height: auto;
    padding-bottom: 10px;
  }
}

.other-items .image {
  position: relative;
  width: 296px;
  height: 296px;
  margin: 0 0 8px 0;
  background-color: #ffffff;
  overflow: hidden;
}
@media (min-width: 738px) and (max-width: 959px) { .other-items .image { width: 128px; height: 128px;}}
@media (min-width: 960px) and (max-width: 1279px) { .other-items .image { width: 172px; height: 172px;}}
@media (min-width: 1280px) { .other-items .image { width: 228px; height: 228px;}}
@media (max-width: 737px) { .other-items .image { width: 50%; height: 50%;}}


@media (max-width: 599px) {
  /* 他の商品作品セル、余白調整処理 */
  .other-items .image {
    margin: 0 0 6px 0;
  }
}

.other-items .image>a {
  display: block;
  line-height: 0;
}

.other-items .image img {
	position: relative;
	width: 296px;
	height: 296px;
}
@media (min-width: 738px) and (max-width: 959px) { .other-items .image img { width: 128px; height: 128px;}}
@media (min-width: 960px) and (max-width: 1279px) { .other-items .image img { width: 172px; height: 172px;}}
@media (min-width: 1280px) { .other-items .image img { width: 228px; height: 228px;}}
@media (max-width: 737px) { .other-items .image img { width: 50%; height: 50%;}}

/* 他の商品作品・説明部 */
.other-items .item-info {
  padding: 0 7px 0 7px;
}

/* 他の商品作品・カテゴリー表示部 */
.other-items .other-items-category {
  text-align: left;
  height: 20px;
}
@media (max-width: 599px) {
  .other-items .other-items-category {
    height: auto;
    min-height: 16px;
    line-height:120%;
  }
}

/* 利いていない？ */
ul.other-items:after {
	display: block;
	clear: both;
	content: ""
}

@media (max-width: 737px) {/* しきい値を599ピクセルから780pxに変更。おかしかったら戻す事 */
  .other-items .image, .other-items .image img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 737px) {/* しきい値を599ピクセルから780pxに変更。おかしかったら戻す事 */
  /* 2列表示時の右列のパディングを調整する処理 */
  .other-items .item:nth-child(even) {
    padding: 8px 16px 8px 8px;
  }
}

@media screen and (max-width: 599px) {
	.other-items .market-item-name {
 	  font-size: 13px;
		margin: 4px 0 0 0;
   	max-width: 100%;/* 作品名はみだし対策 */
	}
}

.other-items .market-item-name a:hover {
	text-decoration: underline;
}

/* 他の商品作品リストセル、サークル表示部 */
.other-items .market-circle-name {
  margin: 0 0 2px 0;
	color: #333333;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 0.75rem;
	font-weight: normal;
	text-align: left;
}
@media screen and (max-width: 599px) {
	.other-items .market-circle-name {
    font-size: 0.7rem;
	}
}

.other-items .market-circle-name a {
  max-width: 100%;
  color: #000000;
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.other-items .market-circle-name a:hover {
  text-decoration: underline;
}

/* 他の商品作品リスト・金額表示 */
.other-items .price {
  float: left;
	width: 50%;
  margin-top: 4px;
  color: #de1f6b;
  text-align: left;
  font-size: 11px;
	font-weight: bold;
  line-height: 1;  
}

/* 他の商品作品リスト・お気に入り登録ミニインターフェイス */
.other-items .minifavo {
  float: right;
	width: 50%;
  margin-top: 4px;
  text-align: right;
  font-size: 11px;
	font-weight: normal;
  line-height: 1;  
}

/* 他の商品作品リスト・カテゴリー表示部※当面利用無し */
.other-items .market-items-category {
  height: 20px;
	margin: 2px 0 0 0;
}
/* 他の商品作品リスト・カテゴリー表示部※当面利用無し */
@media screen and (max-width: 599px) {
.other-items .market-items-category {
    height: auto;
    margin: 4px 0 0 0;
    min-height: 16px;
    line-height:120%;
	}
}

/* 他の商品作品リストバッジ位置調整（左下配置） */
.other-items .image .badges-under {
	position: absolute;
	left: 3px;
	bottom: 7px;
	line-height: 1.5;
}

/* 他の商品作品リストバッジ位置調整（左上配置） */
.other-items .image .badges-top {
	position: absolute;
	left: 3px;
	top: 7px;
	line-height: 1.5;
}

/* 他の商品作品リスト作品数表示テキスト */
.circle-product-counttext {
	font-size: 13px;
}

/* 強制的に高さをautoにする処理（サークルアイコンの高さ調整用） */
.heightauto {
	height: auto!important;
}

/* 強制的にボトムパディングを無くす処理（サークルアイコンの高さ調整用） */
.nopadding-bottom {
	padding-bottom: 0!important;
}

/* サークル名テキスト */
.circlenamelink:hover {
	text-decoration: underline;
}

/* --------------------------------作品詳細ページテストここまで-------------------------------- */

/* ---------検索結果表示ページ開始-------- */

.searchresult-title {
  margin: 10px 0 8px 0;
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  color: #000000;
	padding-left: 4px;
}
@media (max-width: 599px) {
  .searchresult-title {
    font-size: 18px;
    margin: 0 0 10px 0;
  }
}

/* ---------一般コンテンツページ（利用規約ページ）開始-------- */

.basic-contentblock {/* コンテンツ基本ブロック　pageheadクラスと同じ処理 */
	padding: 10px 10px 10px 16px;
	font-size: 14px;
	line-height: 1.8;
	font-weight: normal;
	color: #444444;
}
@media (max-width: 599px) {
  .basic-contentblock {
	  line-height: 1.6;
  }
}

/*コンテンツ基本ブロックタイトル */
.basic-contentblock h1 {
	font-size: 22px;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 10px;
	color: #222222;
}

.basic-contentblock-mobilenopadding {/* コンテンツ基本ブロック(モバイル時パディング無しバージョン) */
	padding: 10px 10px 10px 16px;
	font-size: 14px;
	line-height: 1.8;
	font-weight: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	color: #444444;
}
@media (max-width: 599px) {
  .basic-contentblock-mobilenopadding {
	  line-height: 1.6;
  }
}

/*コンテンツ基本ブロック(モバイル時パディング無しバージョン)タイトル */
.basic-contentblock-mobilenopadding h1 {
	font-size: 22px;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 10px;
	color: #222222;
}

/*コンテンツ基本見出し */
.midashi {
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
}

/*ピンク色汎用 */
.color-pink {
	color: #e14ea8;
}

/*水色色汎用 */
.color-blue {
	color: #3397ec;
}

/*緑色汎用 */
.color-green {
	color: #4f9633;
}
/*サブタイトル */
.subtitle {
	font-size: 22px;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 10px;
	color: #222222;
}

/*サブタイトル2 */
.subtitle2 {
  font-size: 16px;
	font-weight: bold;
	border-left: 8px solid #3fcffa;
	padding-left: 10px;
	color: #222222;
}

/*サブタイトル2ボトムマージン */
.subtitle2-bottommargin {
  font-size: 16px;
	font-weight: bold;
	border-left: 8px solid #3fcffa;
	padding-left: 10px;
	margin-bottom: 6px;
	color: #222222;
}

/* --------------------------------非公開ページ開始-------------------------------- */

/* 見出し */
.pagehead-midashih1 {
	font-size: 14px;
	padding: 16px 0 12px 0;
}
@media (max-width: 599px) {
  .pagehead-midashih1 {
	  font-size: 11px;
	  padding: 8px 10px 6px 10px;
  }
}

/* 工事中マーク画像 */
.privatepage-icon {
	width: 120px;
	height: auto;
	margin-top: 70px;
	margin-bottom: 10px
}
@media (max-width: 599px) {
  .privatepage-icon {
	  width: 70px;
	  margin-top: 30px;
  }
}

/* 年齢確認ページボタン */
.privatepage-button {
	position: relative;
  display: inline-block;
  color: #333333;
	font-size: 14px;
	line-height: 1.5;
  background: #ffffff;
  margin: 40px 20px 30px 20px;
  padding: 20px 20px 20px 20px;
  border-radius: 15px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
	-webkit-transition: .3s box-shadow ease-in-out;
  transition: .3s box-shadow ease-in-out;
}

.privatepage-button:hover {
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .2), 0 6px 4px rgba(0, 0, 0, .1);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .2), 0 6px 4px rgba(0, 0, 0, .1);
}

@media (max-width: 599px) {
  .privatepage-button {
	  font-size: 14px;
    margin: 0 20px 30px 20px;
    padding: 14px 14px 14px 14px;
    border-radius: 6px;
  }
}

/* 大テキスト */
.largetext-privatepage {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5;
	color: #fa0000;
	margin-bottom: 60px;
}
@media (max-width: 599px) {
  .largetext-privatepage {
	  font-size: 16px;
	  padding: 0 10px 0 10px;
	  margin-bottom: 40px;
  }
}

.privatepage-h2 {
	display: inline-block;
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
}
@media (max-width: 599px) {
  .privatepage-h2 {
	  font-size: 12px;
  }
}

.privatepage-logo {
	display: inline-block;
	padding-bottom: 10px;
	width: 300px;
	height: auto;
}
@media (max-width: 599px) {
  .privatepage-logo {
	  width: 160px;
  }
}

/* ---------パネル仕様ページ（ログイン、パスワード再請求、新規登録、退会ページ）開始-------- */

/* ロゴ画像 */
.loginpage-logo-img {
	width: 380px;
}

/* ロゴ画像(スマホのみ表示) */
.loginpage-bottom-logo-img {
	width: 160px;
}

.loginpage-bottom-logo {
	display: inline-block;
	padding: 10px 0 10px 0;
}

.loginpage-wrap {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  margin: 0;
  background: #ffffff;
  vertical-align: middle;
  background-image: url(/images/enter_bg4.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
}

@media (max-width: 599px) {
  .loginpage-wrap {
	  display: block;
    width: auto;
    height: auto;
    padding: 0;
	  margin: 0;
    background: #f9f9f9;
    vertical-align: middle;
  }
}

.loginpage-viewarea {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  -webkit-perspective: 1500px;
  perspective: 1500px;
}

@media (max-width: 599px) {
  .loginpage-viewarea {
	  perspective: 1500px;
    vertical-align: middle;
	  display: block;
    width: auto;
    text-align: center;
  }
}

/* パネル（基本設定) */
.panel {
  position: relative;
	margin: 0 auto;
  background-color: #ffffff;
  border: solid 1px rgba(95,105,122,0.15);
  text-align: left;
}

@media (max-width: 599px) {
  .panel {
	  width: 100% !important;
    box-shadow: none;
	  border: none;
  }
}

/* パネル部透過処理 */
.transparent80 {
  background-color: rgba(255,255,255,0.65)!important;
}

/* パネル部(ログイン画面)幅512pxバージョン */
.panel.login {
	width: 512px;
}

/* パネルヘッド部h1 */
.panel-head-login {
  background: #f9f9f9;
  font-size: 20px;
  font-weight: bold;
  color: #666666;
  margin: 0;
  padding: 13px 16px;
  border-bottom: solid 1px rgba(95,105,122,0.15);
}

/* パネルヘッド部タブリンクエリア */
.panel-head-tablinkarea {
	text-align: center;
}


/* パネルヘッド部タブリンクエリアul */
.panel-head-tablink-ul {
	list-style: none;
	padding: 0;
	font-size: 0;/* インラインブロック敷き詰め隙間対策 */
	margin: 0 48px 0 48px;
	border-bottom: 1px solid #cccccc;
}
@media (max-width: 599px) {
  .panel-head-tablink-ul {
	  margin: 0 16px 0 16px;
  }
}

/* パネルヘッド部タブリンクエリアulフロート解除 */
.panel-head-tablink-ul:after {
	display: block;
	content: "";
	clear: both;
}

/* パネルヘッド部タブリンクエリアli */
.panel-head-tablink-li {
	display: inline-block;
	height: 46px;
	min-width: 150px;
	border-bottom: 0 solid #e02b73;	
	transition: all .15s ease-in-out;
}
@media (max-width: 599px) {
  .panel-head-tablink-li {
	  min-width: 140px;
  }
}

.panel-head-tablink-li:hover {
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.panel-head-tablink-li-active {/* パネルヘッド部タブリンクエリアliアクティブ項目 */
	display: inline-block;
	height: 46px;
	min-width: 150px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #e02b73;
}
@media (max-width: 599px) {
  .panel-head-tablink-li-active {
	  min-width: 140px;
  }
}

/* パネルヘッド部タブリンクa */
.panel-head-tablink {
	display: block;
	font-family: "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
	font-size: 15px;
  line-height: 18px;
  color:#000000;
  text-decoration: none;
  padding-top: 14px;
  padding-bottom: 14px;  
}

.panel-head-tablink:hover {
  text-decoration: none;
}

.panel-head-tablink span {
  padding-left: 24px;
  padding-right: 24px;
}




/* twitterでログインアイコン */
.panelpage-snslogin-link .fa-twitter {
	position: relative;
	top: 2px;
	font-size: 22px;
	margin-right: 6px;
}

/* アーカイブでログインアイコン */
.panelpage-snslogin-link .login-archivemark {
	position: relative;
	width: 18px;
	height: 18px;
	top: -3px;
	margin-right: 6px;
}

.backcolor-twitter {
	background-color: #55acee!important;
}

.backcolor-archive {
	background-color: #f8c106!important;
}


/* パネルコンテナ部 */
.panel-container {
	padding: 26px 48px;
  font-size: 14px;
	line-height: 1.5;
}
@media (max-width: 599px) {
  .panel-container {
	  padding: 16px!important;
  }
}


/* パネルテキストタイトル */
.panel-blocktitle {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
	margin-top: 12px; 
}

/* ログイン情報を保持するテキスト */
.keeplogintext {
	display: inline-block;
	margin: 6px 0 6px 0;
	font-size: 16px;
}

/* ログイン情報を忘れたテキスト */
.remindertext {
	display: inline-block;
	margin: 6px 4px 6px 0;
}

/* テキストマージン処理 */
.textmargin {
	margin: 6px 0 6px 0;
}

/* テキストフォーム */
.panelpage-formlogin {
  color: #000000;
  width: 100%;
	height: 40px;
  -webkit-appearance: none;
  font: 16px "メイリオ", Meiryo, "MS UI Gothic", Osaka, Helvetica;
  background: rgb(255, 255, 255);
  border-width: 2px;
  border-style: solid;
  border-color: rgb(192, 192, 192);
  border-image: initial;
  padding: 6px;
	margin-bottom: 10px;
}

/* テキストフォームフォーカス時 */
.loginpage-wrap input[type="text"]:focus {
  background-color: #f1f8de;
  border: 2px solid #9ec622;
  outline: none;
	box-shadow: none!important;
}

/* プレースホルダ設定 */
.panelpage-formlogin::-webkit-input-placeholder {line-height: 1; color: #bbbbbb;}
.panelpage-formlogin:-ms-input-placeholder {line-height: 1; color: #bbbbbb;}
.panelpage-formlogin::-moz-placeholder {line-height: 1; color: #bbbbbb;}

/* ログインボタン */
.panelpage-login-button {
  display: inline-block;
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 4px;
  color: #ffffff;
  padding: 14px 0;
  background-color: #35c1eb;
  font-size: 16px;
  font-weight: bold;
  font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
  text-align: center;
  cursor: pointer;
  transition: all .4s ease-in-out;
}
.panelpage-login-button:hover {
  background-color: #ff0000;
}

/* SNSからログインリンク */
.panelpage-snslogin-link {
  display: inline-block;
  width: 100%;
  margin-top: 14px;
  border: 0;
  border-radius: 4px;
  color: #ffffff;
  padding: 14px 0;
  background-color: #35c1eb;
  font-size: 16px;
  font-weight: bold;
  font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
  text-align: center;
  cursor: pointer;
  transition: all .4s ease-in-out;
}

.panelpage-gotoregist-link:hover {
  background-color: #ff0000;
}


/* パネルフッターサイトロゴエリア */
.panelfooter-logoarea {
	display: inline-block;
	width: 100%;
	padding: 6px 6px 6px 6px;
}

@media (max-width: 599px) {
  .panelfooter-logoarea {
    background-color: #ffffff;
    border-top: solid 1px #f5f5f5;
  }
}

/* パネルフッターサイトロゴ画像 */
.panelfooter-logo {
	height: auto;
	width: 200px;
}

.greencheckicon {/* 緑チェックアイコン */
	display: inline-block;
	color: #aad230;
	font-size: 24px!important;
	margin-right: 6px;
	vertical-align: bottom;
}

.redrefuseicon {/* 赤バツ印アイコン */
	display: inline-block;
	color: #f91d1d;
	font-size: 24px!important;
	margin-right: 6px;
	vertical-align: bottom;
}


.panel-messagearea-green {/* フォームメッセージ緑枠 */
	max-width: 100%;
	border: 3px solid #aad22f;
	background-color: #f1f8de;
	padding: 20px 0 20px 0;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
}

.panel-messagearea-black {/* フォームメッセージ黒枠 */
	max-width: 100%;
	border: 3px solid #dddddd;
	background-color: #ffffff;
	padding: 20px 0 20px 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

.panel-messagearea-red {/* フォームメッセージ赤枠 */
	max-width: 100%;
	border: 3px solid #ff0000;
	background-color: #fff158;
	padding: 20px 5px 20px 5px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
	color: #ff0000;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .panel-messagearea-red { /* フォームメッセージ赤枠 */
    font-size: 14px;
    padding: 16px 5px 16px 5px;
  }
}

/* 退会する画面チェック項目テキスト */
.exit-agreetext {
	display: inline-block;
	margin: 6px 0 6px 0;
	font-size: 16px;
}

/* ---------一般コンテンツページ（お問い合わせページ）開始-------- */

/* フォームの左右マージン調整 */
.form-marginadjust{
	padding: 0 10px 0 10px;
}

@media (max-width: 799px) {
  .form-marginadjust{
	  padding: 0;
  }
}

/* フォームの左右マージン調整(16px版) */
.form-marginadjust16px{
	padding: 0 16px 0 16px;
}

@media (max-width: 799px) {
  .form-marginadjust16px{
	  padding: 0;
  }
}

/* フォームの左右マージン調整(26px版) */
.form-marginadjust26px{
	padding: 0 10px 0 26px;
}

@media (max-width: 799px) {
  .form-marginadjust26px{
	  padding: 0;
  }
}

.form-marginadjust h1, .form-marginadjust16px h1, .form-marginadjust26px h1 {
	font-size: 22px;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
}
@media (max-width: 799px) {
  .form-marginadjust h1, .form-marginadjust16px h1, .form-marginadjust26px h1 {
	  font-size: 20px;
	  margin-bottom: 0;
	  padding-left: 16px;
	  margin-top: 10px;
  }
}

.form-secondtitle {
	font-size: 22px;
	line-height: 1.5;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #222222;
}
@media (max-width: 799px) {
  .form-secondtitle {
	  font-size: 20px;
	  margin-bottom: 0;
	  padding-left: 16px;
	  padding-top: 10px;
  }
}

.text-marginadjust {
	color: #444444;
}

@media (max-width: 799px) {
  .text-marginadjust {
	  padding-right: 16px;
	  padding-left: 16px;
  }
}

.lineheight35 {/* 確認画面の縦位置調整用 */
	line-height: 35px;
}

/* ---------会員メニューヘッダー下部リスト部-------- */

@media (min-width: 1050px) {
  .membermenu-floattable {
	  min-height: 0;
	  /* overflow: auto; companymenu-profileedit2.htmlがおかしくなるので一旦取り外し。*/
  }
}

.membermenu-floattable:after {
	display: block;
	content: "";
	clear: both;
}

.membermenu-headerbottomlist {
	border-bottom: 1px solid #f0f0f0;
	background-color: #ffffff;	
}
@media (max-width: 599px) {
  .membermenu-headerbottomlist {
	  display: none;
  }
}
@media (min-width: 1050px) {
  .membermenu-headerbottomlist {
	  float: left;
	  width: 200px;
	  border-bottom: none;
  }
}

/* PC表示時「メニュー」ラベルエリア */
.membermenu-headerbottomlist-title {
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	padding-left: 16px;
  padding-top: 28px;
  padding-bottom: 10px; 
}

ul.membermenu-topmenulist {/* 会員メニューヘッダー下部メニューリスト */
	list-style: none;
	padding: 0;
	font-size: 0;/* インラインブロック敷き詰め隙間対策 */
}

/* 会員メニューヘッダー下部メニューリストフロート解除 */
ul.membermenu-topmenulist:after {
	display: block;
	content: "";
	clear: both;
}

ul.membermenu-topmenulist .fa {
	font-size: 16px;
}

.membermenu-topmenulist-item {/* 会員メニューヘッダー下部メニューリストアイテム */
	display: inline-block;
	height: 46px;
	border-bottom: 0 solid #e02b73;	
	transition: all .15s ease-in-out;
	float: left;
}
@media (min-width: 1050px) {
  .membermenu-topmenulist-item {
	  display: block;
	  float: none;
	  height: auto;
  }
}

/* メンバーメニューコンテナ（左側メニュー配置） */

@media (min-width: 1050px) {
  .membermenu-container {
	  float: none;
	  margin-left: 200px;
	  border-left: 1px solid #eeeeee;
    position: relative;
    min-width: 850px;
    padding: 16px 16px 0 16px;
	  min-height: 400px;
  }
}
/* iPad横向き */
@media (min-width: 800px) and (max-width: 1049px){
  .membermenu-container {
    position: relative;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
  }
}

/* メンバーメニューコンテナ2（左側メニュー配置、左右マージン無し） */

@media (min-width: 1050px) {
  .membermenu-container2 {
	  float: none;
	  margin-left: 200px;
	  border-left: 1px solid #eeeeee;
    position: relative;
    min-width: 850px;
    padding: 16px 0 0 0;
	  min-height: 400px;
  }
}
/* iPad横向き */
@media (min-width: 800px) and (max-width: 1049px){
  .membermenu-container2 {
    position: relative;
    width: 100%;
    padding: 0 0;
    margin: 0 auto;
  }
}

/* メンバーメニューメッセージボード詳細ページ用グレー背景 */
.bgcolor-gray {
  background-color: rgb(245, 245, 245);
}



.membermenu-topmenulist-item-active {/* 会員メニューヘッダー下部メニューリストアイテムアクティブ項目 */
	display: inline-block;
	height: 46px;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #e02b73;
}
@media (min-width: 1050px){
  .membermenu-topmenulist-item-active {
	  height: auto;
	  border: none;
	  background-color:#e02b73!important;
	  color: #ffffff!important;
  }
}

.membermenu-topmenulist-item:hover {
  border-bottom-width: 4px;
  border-bottom-style: solid;
}
@media (min-width: 1050px){
  .membermenu-topmenulist-item:hover {
	  border: none;
  }
}

.membermenu-topmenulist-item-link {/* 会員メニューヘッダー下部メニューリストアイテムリンク */
	display: block;
	font: normal 13px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
  line-height: 18px;
  color:#000000;
  text-decoration: none;
  padding-top: 14px;
  padding-bottom: 14px;  
}
@media (min-width: 1050px){
  .membermenu-topmenulist-item-link  {
	  padding-left: 16px;
    padding-top: 12px;
    padding-bottom: 12px;  
  }
}

.membermenu-topmenulist-item-link:hover {
  text-decoration: none;
}
@media (min-width: 1050px){
  .membermenu-topmenulist-item-link:hover {
	  background-color: #eeeeee;
  }
}

.membermenu-topmenulist-item-link span {
  border-right: 1px solid #ccd6dd;
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 1050px){
  .membermenu-topmenulist-item-link span {
    border-right: none;
    padding-left: 8px;
  }
}

/* ---------会員専用メニューページ関連-------- */

/* フォーム内サブタイトル */
.formsubtitle {
  font-size: 20px;
	font-weight: bold;
	border-left: 8px solid #3fcffa;
	padding-left: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}
@media (min-width: 600px) and (max-width: 799px){
  .formsubtitle {
	  margin-left: 16px;
	  margin-bottom: 0;
  }
}

@media (max-width: 599px) {
  .formsubtitle {
    font-size: 18px;
	  margin-left: 16px;
	  margin-bottom: 0;
  }
}

.circlemenu_coverphotoarea {/* サークル看板画像表示部 */
	margin-top: 8px !important;
	position: relative;
	max-width: 600px;
}

.circlecoverphoto-img {/* サークル看板画像 */
	width: 100%;
	height: auto;
	max-width: 600px;
}

.circlemenu_coverphoto-close {/* サークル看板画像表示部閉じるボタン */
	position: absolute;
	top: 6px;
	right: 6px;
	width: 30px;
	height: 30px;
	background-color: #000000;
	padding: 8px;
	border-radius: 6px;
	transition: all .4s ease-in-out;  
}

.circlemenu_coverphoto-close:hover {/* サークル看板画像表示部閉じるボタンホバー */
	background-color: #e71b4e;	
}

.circlemenu_profphotoarea {/* サークルプロフィール画像表示部 */
	margin-top: 8px !important;
	position: relative;
	max-width: 240px;

}

.circleprofphoto-img {/* サークルプロフィール画像 */
	width: 100%;
	height: auto;
	max-width: 240px;
	max-height: 240px;
}


.circlemenu_itemmainimage {/* 作品メイン画像表示部 */
	margin-top: 8px !important;
	position: relative;
	max-width: 620px;
}

.circlemenu_itemmainimage-img {/* 作品メイン画像 */
	width: 100%;
	height: auto;
	max-width: 620px;
}

.circlemenu_itemsubimage-title {/* 作品サンプル画像表示部2枚目以降画像タイトル */
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  line-height: 35px;
  width: 260px;
  min-height: 35px;
	margin-top: 16px;
}

.circlemenu_itemsubimage-addslot {/* 作品サンプル画像「画像を追加する」ブロック */
}

.circlemenu_itemsubimage-addslotlink {/* 作品サンプル画像「画像を追加する」ボタン */
	display: inline-block;
	padding: 6px 16px 6px 16px;
	border: 1px solid #35c1eb;
	border-radius: 20px;
	font-size: 14px;
	background-color: #35c1eb;
	color: #ffffff;
	margin-top: 8px;
	margin-bottom: 8px;
  transition: all .4s ease-in-out;
}
@media (max-width: 799px) {
  .circlemenu_itemsubimage-addslotlink {
	  padding: 4px 10px 4px 10px;
	  font-size: 12px;
  }
}

.circlemenu_itemsubimage-addslotlink:hover {
	background-color: #de1f6b;
    border: 1px solid #de1f6b;
}

.circlemenu_itemsubimage-addslotlink .fa-plus {
	padding-right: 6px;
	color: #ffffff;
}

.circlemenu_itemsubimage {/* イメージ画像表示部 */
	margin-top: 8px !important;
	position: relative;
	max-width: 480px;
}

.circlemenu_itemsubimage-img {/* イメージ画像 */
	width: 100%;
	height: auto;
	max-width: 480px;
	margin-bottom: 8px !important;
}

.circlemenu_itemsamplemovie {/* 作品サンプルムービー画像 */
	width: 100%;
	height: auto;
	max-width: 600px;
}

/* 作品申請フォームページ上部注意メッセージエリア */
.circlemenu-topallertmessagearea {
	background-color: #FC4D50;
	color: #ffffff;
	padding: 14px 10px 14px 10px;
}

.circlemenu-topallertmessagearea .fa-exclamation-triangle {
	padding-right: 8px;
	font-size: 16px;
}

/* 作品申請フォームページ上部ステータス変更ブロック */
.circlemenu-statuschangeblock {
  width: 100%;
  text-align: left;
  padding-top: 24px;
  padding-bottom: 24px;
	background-color: #dddddd;
  border-bottom: 1px solid #dadada;
}

.circlemenu-statuschangeblock:after {
	display: block;
	content: "";
	clear: both;
}

/* 作品申請フォームページ下部削除リンクエリア */
.circlemenu-bottomdeletelinkarea {
	border-top: 1px solid #dadada;
  padding-top: 16px;
	padding-left: 16px;
	padding-right: 16px;
  padding-bottom: 16px;
	text-align: right;
}

/* 作品申請フォームページ下部削除リンク */
.circlemenu-bottomdeletelink {
	display: inline-block;
  padding: 8px 16px 8px 16px;
  border: 1px solid #f50000;
  font-size: 14px;
  background-color: #f50000;
  color: #ffffff;
  transition: all .4s 
}
@media (max-width: 799px) {
  .circlemenu-bottomdeletelink {
    padding: 4px 10px 4px 10px;
    font-size: 12px;
  }
}

.circlemenu-bottomdeletelink .fa-times {
	padding-right: 6px;
}

.circlemenu-bottomdeletelink:hover {
	background-color: #000000;
  border: 1px solid #000000;
}

/* 公開再開リンク */
.circlemenu-bottom-saikailink {
	display: inline-block;
  padding: 8px 16px 8px 16px;
  border: 1px solid #48b052;
  font-size: 14px;
  background-color: #48b052;
  color: #ffffff;
  transition: all .4s 
}
@media (max-width: 799px) {
  .circlemenu-bottom-saikailink {
    padding: 4px 10px 4px 10px;
    font-size: 12px;
  }
}

.circlemenu-bottom-saikailink .fa-exclamation-triangle {
	padding-right: 6px;
}

.circlemenu-bottom-saikailink:hover {
	background-color: #35c1eb;
  border: 1px solid #35c1eb;
}

/* セールスレポートブロック雛型 */
.salesreport-wrapper {
	margin-right: 10px;
	margin-bottom: 0;
	border-bottom: 1px solid #e7e7e7;
	background-color: #ffffff;
	font-size: 15px;
	line-height: 1.5;
  min-height: 0;
  overflow: auto;
}

.top1pxe7e7e7line {
	border-top: 1px solid #e7e7e7;
}

.salesreport-wrapper:after {
	display: block;
	content: "";
	clear: both;
}

/* マーカー新規契約 */
.companymenu-marker-new {
	margin-top: 1px;
	display: inline-block;
	border: solid 1px #53ce6f;
	color: #35b552;
	padding: 4px 20px 4px 20px;
	line-height: 1.0;
	font-size: 11px;
}

/* マーカー更新契約 */
.companymenu-marker-update {
	margin-top: 1px;
	display: inline-block;
	border: solid 1px #339edc;
	color: #1ba8e3;
	padding: 4px 20px 4px 20px;
	line-height: 1.0;
	font-size: 11px;
}

/* マーカー掲載前 */
.companymenu-statusmarker-pre {
	display: inline-block;
	position: relative;
	top: -2px;
	background-color: #20a940;
	color: #ffffff;
	padding: 4px 10px 4px 10px;
	line-height: 1.0;
	font-size: 10px;
	margin-right: 4px;
	border-radius: 4px;
}

/* マーカー掲載中 */
.companymenu-statusmarker-playing {
	display: inline-block;
	position: relative;
	top: -2px;
	background-color: #339edc;
	color: #ffffff;
	padding: 4px 10px 4px 10px;
	line-height: 1.0;
	font-size: 10px;
	margin-right: 4px;
	border-radius: 4px;
}

/* マーカー掲載終了 */
.companymenu-statusmarker-end {
	display: inline-block;
	position: relative;
	top: -2px;
	background-color: #999999;
	color: #ffffff;
	padding: 4px 10px 4px 10px;
	line-height: 1.0;
	font-size: 10px;
	margin-right: 4px;
	border-radius: 4px;
}

/* 新着人数マーカー */
.newentry-marker {
	position: relative;
	top: -3px;
	margin-left: 4px;
  padding: 4px 6px;
  background: #fa0000;
  font-family: "Helvetica Neue", "Arial", sans-serif;
  font-weight: bold;
  font-size: 0.6rem;
  border-radius: 18px;
  line-height: 1;
  color: #ffffff;
}

/* セールスレポート商品名部分 */
.salesreport-main {
  width: 100%;
  float: left;
	padding-left: 8px;
	padding-right: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.salesreport-content {
  margin-right: 120px;/* 右ブロック幅 */
  margin-left: 110px;/* 左ブロック幅 */
}

/* セールスレポート左部分 */
.salesreport-left {
  float: left;
	text-align: center;
  margin-left: -100%;
  width: 110px;/* 左ブロック幅 */
	color: #666666;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* セールスレポート右部分 */
.salesreport-right {
  float: left;
  margin-left: -120px;/* 右ブロック幅 */
  width: 120px;/* 右ブロック幅i */
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

/* セールスレポート商品イメージ */
.salesreport-image {
	width: 90px;
	height: 90px;
	border-radius: 8px;
}

/* セールスレポートテーブル詳細を見るアイコン */
.salesreporttable-moreinfoicon {
	display: inline-block;
	position: relative;
	top: 2px;
	border: 1px solid #e0e0e0;
	border-radius: 16px;
	font-size: 12px;
	padding: 1px 10px 1px 10px;
	color: #bbbbbb;
	transition: all .4s ease-in-out;
}

.salesreporttable-moreinfoicon:hover {
	border: 1px solid #999999;
	color: #666666;
}

.salesreporttable-moreinfoicon .fa-angle-up {
	font-size: 14px;
	padding-right: 4px;
}

.salesreporttable-moreinfoicon .fa-angle-down {
	font-size: 14px;
	padding-right: 4px;
}

.salesreport-itemlink {
	color: #111111;
}

.salesreport-itemlink:hover {
	text-decoration: underline;
}


/* セールスレポート2段目ボトムブロック雛型 */
.salesreport-bottomwrapper {
	font-size: 12px;
	line-height: 1.5;
	margin-right: 10px;
	margin-bottom: 0;
	border-bottom: 1px solid #e7e7e7;
	background-color: #f9f9f9;
	min-height: 0;
	overflow: auto;
}

.salesreport-bottomwrapper:after {
	display: block;
	content: "";
	clear: both;
}

/* セールスレポート2段目ボトムブロック商品名部分 */
.salesreport-bottommain {
  width: 100%;
  float: left;
	padding-left: 8px;
	padding-right: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.salesreport-bottomcontent {
  margin-right: 120px;/* 右ブロック幅 */
  margin-left: 110px;/* 左ブロック幅 */
}

/* セールスレポート2段目ボトムブロック左部分 */
.salesreport-bottomleft {
  float: left;
	text-align: center;
  margin-left: -100%;
  width: 110px;/* 左ブロック幅 */
	color: #999999;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* セールスレポート2段目ボトムブロック右部分 */
.salesreport-bottomright {
  float: left;
  margin-left: -120px;/* 右ブロック幅 */
  width: 120px;/* 右ブロック幅i */
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

/* セールスレポートテーブルのボーダーをグレー色で囲む処理 */
.border-e7e7e7 {
  border-right: solid 1px #e7e7e7;
  border-left: solid 1px #e7e7e7;
}

/* セールスレポートテーブルのボーダーをグレー色で囲む処理 */
.background-f9f9f9 {
  background-color: #f9f9f9!important;
}

/* セールスレポートブロックタイトル行色変更 */
.salesreport-title-color {
	background-color: #fffdef!important;
	color: #000000!important;
}

/* セールスレポート文字色淡色変更 */
.salesreport-paletext-color {
	color: #a6a6a6;
}

/* PC版ページャにトップマージンを付与 */
.topmargin-20px {
	margin-top: 20px;
}

/* リスト上部のフォームパーツ表示部 */
.usermenu-formpartsarea {
	margin-bottom: 8px;
}

/* 799ピクセル以下 */
@media (max-width: 799px) {
  .usermenu-formpartsarea {
	  margin-left: 16px;
  }
}

.formparts-smallfont {
	font-size: 14px!important;
	color: #777777!important;
	border-color: #dddddd!important;
}

/* 清算請求ページの入金先口座表示部タイトル */
.invoice-bankaccounttitle {
	display: inline-block;
	border-left: 6px solid #3fcffa;
	padding-left: 8px;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 4px;
}

/* 799ピクセル以下 */
@media (max-width: 799px) {
  .invoice-bankaccounttitle {
    background-color: transparent;
	  border-left: none;
	  padding: 0 0 0 0;
	  color: #E54648;
	  font-weight: bold;
	  font-size: 14px;
  }
}

/* 清算請求ページの入金先口座表示部編集するボタン */
.invoice-bankaccountedit {
	display: inline-block;
	color: #000000;
	font-size: 13px;
	background-color: #f0f0f0;
	border: 1px solid #cccccc;
	padding: 3px 10px 3px 10px;
	border-radius: 16px;
	margin-top: 4px;
  transition: all .4s ease-in-out;
}

.invoice-bankaccountedit:hover {
	color: #ffffff;
	background-color: #35c1eb;
	border: 1px solid #35c1eb;
}

/* 清算請求明細金額部 */
.invoice-kingaku {
	margin-top: 0;
	vertical-align: bottom;
	color: #a6a6a6;
}

.invoice-kingaku:after {
	display: block;
	content: "";
	clear: both;
}

/* 清算請求明細金額ラージサイズ */
.invoice-kingaku-large {
	margin-top: 0;
	vertical-align: bottom;
}

.invoice-kingaku-large:after {
	display: block;
	content: "";
	clear: both;
}

/* 清算請求明細金額左部 */
.invoice-kingaku-left {
	float: left;
	font-size: 14px;
	vertical-align: bottom;
}

/* 清算請求明細金額右部 */
.invoice-kingaku-right {
	float: right;
	font-size: 14px;
	color: #000000;
	padding-right: 4px;
}

/* 清算請求明細金額左部ラージサイズ */
.invoice-kingaku-left-large {
	float: left;
	font-size: 16px;
	vertical-align: bottom;
}

/* 清算請求明細金額右部ラージサイズ */
.invoice-kingaku-right-large {
	float: right;
	font-size: 16px;
	color: #000000;
	padding-right: 4px;
}

/* 清算請求明細金額右部ラージラージサイズ */
.invoice-kingaku-right-largelarge {
	float: right;
	font-size: 20px;
	color: #de1f6b;
	padding-right: 4px;
}

/* 清算請求明細合計額ライン表示 */
.invoice-kingaku-topline {
	border-top: 1px solid #dddddd;
	margin-top: 6px!important;
	padding-top: 10px!important;
}

/* 作品管理ページヘッダー */
.circlemenu-productedit-header {

}
@media (max-width: 799px) {
  .circlemenu-productedit-header {
    margin-left: 16px;
    margin-right: 16px;
  }
}

/* 作品管理ページヘッダーフロート解除 */
.circlemenu-productedit-header:after {
	display: block;
	content: "";
	clear: both;
}

/* 作品管理ページヘッダー作品を登録ボタン部 */
.circlemenu-float-right {
	float: right;
}
@media (max-width: 799px) {
  .circlemenu-float-right {
	  float: none;
  }
}

/* 作品管理ページヘッダーステータス絞り込み表示部 */
.circlemenu-float-left {
	float: left;
}
@media (max-width: 799px) {
  .circlemenu-float-left {
	  float: none;
  }
}


/* 作品管理ページヘッダーステータスリスト */
.productstatus-ul {
}

/* 作品管理ページヘッダーステータスリストフロート処理 */
.productstatus-ul li {
	float: none; /* 縦位置中央配置するための処理 */
	display: table-cell; /* 縦位置中央配置するための処理 */
	vertical-align: middle; /* 縦位置中央配置するための処理 */
	height: 52px; /* 縦位置中央配置するための処理 */
}

/* 作品管理ページヘッダーステータスリストフロート解除 */
.productstatus-ul:after {
	display: block;
	content: "";
	clear: both;
}

/* 作品管理ページヘッダーステータスリストリンク */
.productstatus-link {
	margin-right: 10px;
	display: inline-block;
	padding: 2px 12px 2px 12px;
	border: 1px solid #c0c0c0;
	border-radius: 18px;
	color: #777777;
}
@media (max-width: 799px) {
  .productstatus-link {
	  font-size: 10px;
	  border-radius: 12px;
	  padding: 2px 8px 2px 8px;
	  margin-right: 6px;
  }
}

/* 作品管理ページヘッダーステータスリストリンクアクティブ */
.productstatus-link-active {
	border: 1px solid #ff0000;
	color: #ff0000;
	background-color: #ffffff;
	cursor: default;
}

/* DECCI説明 */
.decciinfo {
	width: 100%;
	border-top: 1px solid #eeeeee;
	text-align: center;
	padding: 16px 10px 0 10px;
	font-size: 12px;
	color: #666666;
}
.deccitel {
	display: inline-block;
	font-weight: bold;
	font-size: 18px;
	color: #222222;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* 作品を登録するボタン */
.entryproduct-button {
  display: inline-block;
  width: 100%;
	min-width: 200px;
  border: 0;
  border-radius: 4px;
  color: #ffffff;
  padding: 14px 0;
  background-color: #35c1eb;
  font-size: 16px;
	line-height: 1.5;
  font-weight: bold;
  font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
  text-align: center;
  cursor: pointer;
  transition: all .4s ease-in-out;
}

.entryproduct-button:hover {
  background-color: #de1f6b;
}

.entryproduct-button .fa-plus {
	position: relative;
  font-size: 16px;
	padding-right: 8px;
	top: 1px;
}

.entryproduct-button .fa-download {
	position: relative;
  font-size: 16px;
	padding-right: 8px;
	top: 1px;
}

/* 作品管理画面ステータス「すべて」マーカー */
.productstatus-marker-all {
	margin-bottom: 6px;
	display: inline-block;
	padding: 2px 12px 2px 12px;
	border: 1px solid #35c1eb;
	background-color: #35c1eb;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
  .productstatus-marker-all {
	  margin-bottom: 4px;
	  font-size: 10px;
	  padding: 1px 6px 1px 6px;
  }
}

/* 作品管理画面ステータス「下書き」マーカー */
.productstatus-marker-draft {
	margin-bottom: 6px;
	display: inline-block;
	padding: 2px 12px 2px 12px;
	border: 1px solid #aaaaaa;
	background-color: #aaaaaa;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
  .productstatus-marker-draft {
	  margin-bottom: 4px;
	  font-size: 10px;
	  padding: 1px 6px 1px 6px;
  }
}

/* 作品管理画面ステータス「申請中」マーカー */
.productstatus-marker-pending {
	margin-bottom: 6px;
	display: inline-block;
	padding: 2px 12px 2px 12px;
	border: 1px solid #e02b73;
	background-color: #e02b73;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
  .productstatus-marker-pending {
	  margin-bottom: 4px;
	  font-size: 10px;
	  padding: 1px 6px 1px 6px;
  }
}

/* 作品管理画面ステータス「掲載終了」マーカー */
.productstatus-marker-enddate {
	margin-bottom: 6px;
	display: inline-block;
	padding: 2px 12px 2px 12px;
	border: 1px solid #aaaaaa;
	background-color: #aaaaaa;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
  .productstatus-marker-enddate {
	  margin-bottom: 4px;
	  font-size: 10px;
	  padding: 1px 6px 1px 6px;
  }
}

/* 作品管理画面ステータス「進捗テキスト」 */
.productstatus-pending-1 {
  margin-bottom: 6px;
  display: inline-block;
  padding: 3px 13px 3px 13px;
  font-size: 12px;
  color: #111111;
}
@media (max-width: 799px) {
  .productstatus-pending-1 {
    margin-bottom: 4px;
    font-size: 10px;
    padding: 2px 7px 2px 7px;
  }
}

.productstatus-pending-1 .fa-check-circle {
	position: relative;
	top: 1px;
	left: -4px;
  font-size: 17px;
  color: #aad230;
}
@media (max-width: 799px) {
  .productstatus-pending-1 .fa-check-circle {
	  top: 1px;
	  left: -3px;
    font-size: 13px;
  }
}

.productstatus-pending-1 .fa-forward {
	position: relative;
	left: -4px;
  font-size: 15px;
  color: #888888;
}
@media (max-width: 799px) {
  .productstatus-pending-1 .fa-forward {
	  left: -2px;
    font-size: 10px;
  }
}

/* 作品管理画面ステータス「進捗テキスト」背景塗りつぶし版 */
.productstatus-pending-2 {
  margin-bottom: 6px;
  display: inline-block;
  padding: 3px 13px 3px 13px;
  background-color: #FC4D50;
  font-size: 12px;
  color: #ffffff;
}
@media (max-width: 799px) {
  .productstatus-pending-2 {
    margin-bottom: 4px;
    font-size: 10px;
    padding: 2px 7px 2px 7px;
  }
}

.productstatus-pending-2 .fa-exclamation-triangle {
  font-size: 12px;
  color: #ffffff;
	margin-right: 6px;
}
@media (max-width: 799px) {
  .productstatus-pending-2 .fa-exclamation-triangle {
    font-size: 10px;
  }
}

/* 作品管理画面ステータス「公開中」マーカー */
.productstatus-marker-running {
	margin-bottom: 6px;
	display: inline-block;
	padding: 2px 12px 2px 12px;
	border: 1px solid #35c1eb;
	background-color: #35c1eb;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
  .productstatus-marker-running {
	  margin-bottom: 4px;
	  font-size: 10px;
	  padding: 1px 6px 1px 6px;
  }
}

/* 作品管理画面ステータス「非公開」マーカー */
.productstatus-marker-stop {
	margin-bottom: 6px;
	display: inline-block;
	padding: 2px 12px 2px 12px;
	border: 1px solid #FC4D50;
	background-color: #FC4D50;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
  .productstatus-marker-stop {
	  margin-bottom: 4px;
	  font-size: 10px;
	  padding: 1px 6px 1px 6px;
  }
}

/* 作品管理画面大テーブル */
.productedit-largetable {
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #dddddd;
	min-height: 0;
	overflow: auto;
}
@media (max-width: 799px) {
  .productedit-largetable {
	  padding-bottom: 0;
  }
}

.productedit-largetable:after {
	display: block;
	content: "";
	clear: both;
}

/* 作品管理画面商品イメージ */
.productedit-list-image {
	width: 90px;
	height: 90px;
	border-radius: 8px;
}
@media (max-width: 799px) {
  .productedit-list-image {
	  width: 60px;
	  height: 60px;
	  border-radius: 8px;
  }
}

/* 作品管理画面作品リストテーブル */
.productedit-itemlisttable {
	padding-top: 16px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 6px;
	min-height: 0; /* この2行を入れないとPC Chromeで左メニューの高さに引きづられてしまう。 */
	overflow: auto;
}
@media (max-width: 799px) {
  .productedit-itemlisttable {
	  padding-top: 10px;
	  padding-bottom: 6px;
  }
}

/* 作品管理画面作品リストテーブルフロート解除 */
.productedit-itemlisttable:after {
	display: block;
	content: "";
	clear: both;
}

/* 作品管理画面作品リストテーブル左画像部 */
.productedit-itemlisttable-leftimage {
	float: left;
	width: 90px;
}
@media (max-width: 799px) {
  .productedit-itemlisttable-leftimage {
	  width: 60px;
  }
}

/* 作品管理画面作品リストテーブル右コンテンツ部 */
.productedit-itemlisttable-rightcontent {
	float: none;
	margin-left: 100px;
}
@media (max-width: 799px) {
  .productedit-itemlisttable-rightcontent {
	  margin-left: 70px;
  }
}

/* 作品管理画面作品リストテーブル作品名リンクテキスト */
.productedit-itemlisttable-itemtitle {
	font-size: 16px;
	line-height: 1.5;
	color: #111111;
}
@media (max-width: 799px) {
  .productedit-itemlisttable-itemtitle {
	  font-size: 14px;
  }
}

.productedit-itemlisttable-itemtitle:hover {
	text-decoration: underline;
} 

/* 作品管理画面作品リストテーブル作品url */
.productedit-itemlisttable-itemurl {
	font-size: 12px;
	color: #aaaaaa;
}
@media (max-width: 799px) {
  .productedit-itemlisttable-itemurl {
	  font-size: 10px;
	  line-height: 1.3;
  }
}

/* プロジェクト管理画面作品リスト編集するボタン */
.projectedit-editbutton {
	display: inline-block;
  width: 140px;
  border: 0;
  border-radius: 4px;
	border: solid 1px #35c1eb;
  color: #2bb0e7;
  padding: 10px 0;
  background-color: #ffffff;
  font-size: 13px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  transition: all .4s ease-in-out;
}
@media (max-width: 799px) {
  .projectedit-editbutton {
    width: 104px;
    border-radius: 3px;
    padding: 6px 0;
    font-size: 12px;
	  font-weight: normal;
  }
}

.projectedit-editbutton:hover {
	background-color: #35c1eb;
	color: #ffffff;
}

.projectedit-editbutton .fa-pencil {
	margin-right: 6px;
	font-size: 14px;
}
@media (max-width: 799px) {
  .projectedit-editbutton .fa-pencil {
	  font-size: 12px;
  }
}

.projectedit-editbutton .fa-eye {
	margin-right: 6px;
	font-size: 14px;
}
@media (max-width: 799px) {
  .projectedit-editbutton .fa-eye {
	  font-size: 12px;
  }
}

.projectedit-editbutton .fa-shopping-cart {
	margin-right: 6px;
	font-size: 14px;
}
@media (max-width: 799px) {
  .projectedit-editbutton .fa-shopping-cart {
	  font-size: 12px;
  }
}

.projectedit-editbutton .fa-files-o {
	margin-right: 6px;
	font-size: 14px;
}
@media (max-width: 799px) {
  .projectedit-editbutton .fa-files-o {
	  font-size: 12px;
  }
}

.projectedit-editbutton .fa-envelope {
	margin-right: 6px;
	font-size: 14px;
}
@media (max-width: 799px) {
  .projectedit-editbutton .fa-envelope {
	  font-size: 12px;
  }
}

.projectedit-editbutton .fa-envelope-o {
	margin-right: 6px;
	font-size: 14px;
}
@media (max-width: 799px) {
  .projectedit-editbutton .fa-envelope-o {
	  font-size: 12px;
  }
}

/* プロジェクト管理画面WEB、twitterボタン */
.projectedit-weblinkbutton {
	display: inline-block;
  width: 90px;
  border: 0;
  border-radius: 4px;
	border: solid 1px #67ba6e;
  color: #67ba6e;
  padding: 10px 0;
  background-color: #ffffff;
  font-size: 13px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  transition: all .4s ease-in-out;
}
@media (max-width: 799px) {
  .projectedit-weblinkbutton {
    width: 80px;
    border-radius: 3px;
    padding: 6px 0;
    font-size: 12px;
	  font-weight: normal;
  }
}

.projectedit-weblinkbutton:hover {
	background-color: #67ba6e;
	color: #ffffff;
}
.projectedit-weblinkbutton .fa-globe {
	margin-right: 6px;
	font-size: 14px;
}
@media (max-width: 799px) {
  .projectedit-weblinkbutton .fa-globe {
	  font-size: 12px;
  }
}

.projectedit-weblinkbutton .fa-twitter {
	margin-right: 6px;
	font-size: 14px;
}
@media (max-width: 799px) {
  .projectedit-weblinkbutton .fa-twitter {
	  font-size: 12px;
  }
}

/* 年齢表示部 */
.entrylist-age {
	display: inline-block;
	width: 100%;
	margin-top:4px;
	text-align: center;
	color: #666666;
}
@media (max-width: 799px) {
  .entrylist-age {
	  margin-top:1px;
	  font-size: 11px;
  }
}

/* 作品管理画面作品リストテーブル（下段） */
.productedit-itemlistbottomtable {
	padding-left: 16px;
	padding-right: 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #dddddd;
}
@media (max-width: 799px) {
  .productedit-itemlistbottomtable {
	  padding-right: 16px;
	  padding-bottom: 10px;
  }
}

/* 作品管理画面作品リストテーブル（下段）フロート解除 */
.productedit-itemlistbottomtable:after {
	display: block;
	content: "";
	clear: both;
}

/* 作品管理画面作品リストテーブル（下段）左部 */
.productedit-itemlistbottomtable-left {
	float: none;
}

/* 作品管理画面作品リストテーブル（下段）右部 */
.productedit-itemlistbottomtable-right {
	float: right;
}

/* 作品管理画面作品リストアイコン表示部リスト */
.productstatusicon-ul {
}

.productstatusicon-ul li {
	padding-right: 14px;
}

/* 作品管理画面作品リストアイコン表示部リストフロート処理 */
.productstatusicon-ul li {
	float: none; /* 縦位置中央配置するための処理 */
	display: table-cell; /* 縦位置中央配置するための処理 */
	vertical-align: middle; /* 縦位置中央配置するための処理 */
	height: 41px; /* 縦位置中央配置するための処理 */
	padding-left: 16px;
	color: #999999;
	font-size: 12px;
}
@media (max-width: 799px) {
  .productstatusicon-ul li {
	  height: 31px;
	  padding-left: 4px;
  }
}

/* 作品管理画面作品リストアイコン表示部リストフロート解除 */
.productstatusicon-ul:after {
	display: block;
	content: "";
	clear: both;
}

/* 作品管理画面作品リストアイコン表示部販売数アイコン */
.productstatusicon-ul .fa-download {
	font-size: 15px;
	color: #35c1eb;
	padding-right: 4px;
}
@media (max-width: 799px) {
  .productstatusicon-ul .fa-download {
	  font-size: 14px;
  }
}

/* 作品管理画面作品リストアイコン表示部お気に入り数アイコン */
.productstatusicon-ul .fa-heart {
	font-size: 15px;
	color:#FC4D50;
	padding-right: 4px;
}
@media (max-width: 799px) {
  .productstatusicon-ul .fa-heart {
	  font-size: 14px;
  }
}

/* 作品管理画面作品リストアイコン表示部数字 */
.productstatusicon-count {
	font-size: 12px;
	color: #666666;
}
@media (max-width: 799px) {
  .productstatusicon-count {
	  font-size: 11px;
  }
}

/* 799ピクセル以下をまとめて記載 */
@media (max-width: 799px) {
  .salesreport-wrapper {
	  font-size: 14px;
    margin-right: 0;
  }

  .salesreport-bottomwrapper {
    margin-right: 0;
  }

  .mobile-topmargin {
	  margin-top: 8px;
  }
}
/* 799ピクセル以下をまとめて記載終わり */

/* 599ピクセル以下をまとめて記載 */
@media (max-width: 599px) {
  .salesreport-wrapper {
	  font-size: 13px;
    margin-right: 0;
  }

  .salesreport-bottomwrapper {
	  font-size: 11px;
    margin-right: 0;
  }

  .salesreport-content {
    margin-right: 100px;/* 右ブロック幅 */
    margin-left: 100px;/* 左ブロック幅 */
  }

  /* セールスレポート左部分 */
  .salesreport-left {
    width: 100px;/* 左ブロック幅 */
  }

  /* セールスレポート右部分 */
  .salesreport-right {
    margin-left: -100px;/* 右ブロック幅 */
    width: 100px;/* 右ブロック幅i */
  }

  .salesreport-bottomcontent {
    margin-right: 100px;/* 右ブロック幅 */
    margin-left: 100px;/* 左ブロック幅 */
  }

  .salesreport-bottomleft {
    width: 100px;/* 左ブロック幅 */
  }

  .salesreport-bottomright {
    margin-left: -100px;/* 右ブロック幅 */
    width: 100px;/* 右ブロック幅i */
  }

  /* セールスレポートテーブル詳細を見るアイコン */
  .salesreporttable-moreinfoicon {
	  font-size: 11px;
  }

  .salesreporttable-moreinfoicon .fa-angle-down {
	  font-size: 12px;
  }
}
/* 599ピクセル以下をまとめて記載終わり */

/*--------------------------------  PC版フッター  --------------------------------*/
footer {
	width: 100%;
	height:280px;
	background-color:#355134;
	color:#eeeeee;
	position: relative;
	z-index: 1;
}
@media (min-width: 800px) and (max-width: 1049px){
  footer {
	  height:260px;
  }
}
@media (min-width: 600px) and (max-width: 799px){
  footer {
	  height:226px;
  }
}

.lo-footer-menu {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 36px 0 30px 0;
}

.lo-footer-menu ul {
	float: left;
	width: 25%;
  padding-left: 0;
  vertical-align: top;
}

.lo-footer-menu ul li {
	font-size: 13px;
	line-height: 2.2;
}
@media (min-width: 600px) and (max-width: 799px){
  .lo-footer-menu ul li {
	  font-size: 11px;
	  line-height: 2.0;
  }
}

.lo-footer-menu ul li a {
	color: #eeeeee;
}

.lo-footer-menu ul li a:hover {
	text-decoration: underline;
}

.lo-footer-menu:after {
	display: block;
	content: "";
	clear: both;
}

/* フッターフロート囲みブロック */
.footer-float-wrapper {
	width: 100%;
	margin-bottom: 40px;
}
@media (min-width: 800px) and (max-width: 1049px){
  .footer-float-wrapper {
	  margin-bottom: 30px;
  }
}
@media (min-width: 600px) and (max-width: 799px){
  .footer-float-wrapper {
	  padding: 0 12px;
	  margin-bottom: 20px;
  }
}

/* フッターフロート囲みブロックフロート解除 */
.footer-float-wrapper:after {
	display: block;
	content: "";
	clear: both;
}

.footer-companyinfo {
	float: left;
	width: auto;
}

/* フッターサイトロゴ画像 */
.footer-sitelogo {
	width: 200px;
	height: auto;
}
@media (min-width: 800px) and (max-width: 1049px){
  .footer-sitelogo {
	  width: 160px;
  }
}
@media (min-width: 600px) and (max-width: 799px){
  .footer-sitelogo {
	  width: 120px;
  }
}

/* フッターサイトロゴトップラベル「コスプレ・クリエイター系求人」 */
.footer-logo-toplabel {
	font-size: 8px;
	margin: 0 0 1px 0;
	padding: 0 0 0 4px;
	font-weight: normal;
}
@media (min-width: 800px) and (max-width: 1049px){
  .footer-logo-toplabel {
	  font-size: 8px;
  }
}

/* フッターサイトロゴボトムラベル「コスプレイヤーズアーカイブ」 */
.footer-logo-bottomlabel1 {
	display: block;
	font-size: 12px;
	margin: 8px 0 1px 0;
	padding: 0 0 0 0;
	font-weight: normal;
}
@media (min-width: 800px) and (max-width: 1049px){
  .footer-logo-bottomlabel1 {
	  font-size: 10px;
  }
}
@media (min-width: 600px) and (max-width: 799px){
  .footer-logo-bottomlabel1 {
	  font-size: 8px;
	  margin: 6px 0 0 0;
  }
}

/* フッターサイトロゴボトムラベル「URL」 */
.footer-logo-bottomlabel2 {
	display: block;
	font-size: 12px;
	margin: 0 0 1px 0;
	padding: 0 0 0 0;
	font-weight: normal;
}
@media (min-width: 800px) and (max-width: 1049px){
  .footer-logo-bottomlabel2 {
	  font-size: 10px;
  }
}
@media (min-width: 600px) and (max-width: 799px){
  .footer-logo-bottomlabel2 {
	  font-size: 8px;
	  line-height: 1.3;
  }
}

/* フッターフロートブロック */
.footer-floatblock {
	float: right;
	width: 20%;
	margin-left: 40px;
}
@media (min-width: 800px) and (max-width: 1049px){
  .footer-floatblock {
	  width: 21%;
	  margin-left: 30px;
  }
}
@media (min-width: 600px) and (max-width: 799px){
  .footer-floatblock {
	  font-size: 11px;
	  margin-left: 20px;
  }
}

.footer-floatblock ul {
	width: 100%;
}

/* フッターフロートブロック見出し */
.footer-subtitle {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
 	border-bottom: solid 1px #617761;
	margin-bottom: 4px;
}

/* フッターコピーライト記載部 */
.footer-copyright {
	font-size: 11px;
	color: #acb7ab;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------  モバイル版フッター  --------------------------------*/
@media (max-width: 599px) {

  footer {
	  height:auto;
	  padding: 0px;
	  text-align: center;
  }

  /* モバイルフッターコピーライト */
  .mobile-footer-copyright {
	  font-size: 11px;
	  color: #acb7ab;
    display: table;
    margin-left: auto;
    margin-right: auto;
	  padding: 10px 0 10px 0;
  }

  .mobile-footer-subtitle {
	  width: 100%;
	  text-align: left;
	  font-size: 14px;
	  font-weight: bold;
	  padding-bottom: 4px;
 	  border-bottom: solid 1px #617761;
	  margin-bottom: 4px;
  }

  .mobile-footer-link-ul a {
	  display: block;
	  width: 100%;
	  text-align: left;
 	  font-size: 13px;
    color: #dfe3de;
    padding: 10px 12px 10px 16px;
    border-bottom: solid 1px #4a6349;
    transition: all .4s ease-in-out;
  }
  .mobile-footer-link-ul a:hover {
    color: #ffffff;
    background-color: #41a558;
  }
  .mobile-legal-links-wrapper {
    padding: 10px 0 0 0;
  }

  nav.mobile-legal-links {
    display: table;
    padding-right: 16px;
    padding-left: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  nav.mobile-legal-links li {
    margin-right: 10px;
    float: left;
  }

  nav.mobile-legal-links li a {
    font-size: 11px;
    text-decoration: none;
    color: #dfe3de;
  }
}
/*--------------------------------  モバイル版フッター終わり  --------------------------------*/

/*--------------------------------  スマホ版検索画面関連  --------------------------------*/

.sp-search-headmenu {
  height: 50px;
  background-color: #41a558;
  border-bottom: solid 1px #41a558;
}

.sp-search-headmenu:after {
	content: "";
	display: block;
	clear: both;
}

.sp-search-headmenu-left {
  position: relative;
  float: left;
}

.sp-search-headmenu-right {
  position: relative;
  float: right;
}

.sp-search-headmenu_close {/* ×ボタン */
  border: 0px;
  display: block;
  height: 50px;
  width: 50px;
  background: url(/images/closeicon.png) no-repeat 50%;
  -webkit-background-size: 22px 22px;
  background-size: 22px 22px;
  text-indent: -99999px;
}

.sp-search-headmenu_newsearch {/* 検索実行ボタン */
  margin-left: 4px;
  border: 0px;
  display: table-cell;
  height: 50px;
  width: 50px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}

.sp-header-searchbox2016 {/* 検索ボックスエリア */
  vertical-align: middle;
  height: 100%;
  width: auto;
  padding-top: 9px;
  padding-left: 4px;
  padding-right: 8px;
}

.sp-header-searchbox-text2016 {/* 検索ボックステキスト */
  color: rgb(255, 255, 255);
  font: 16px メイリオ, Meiryo, "MS UI Gothic", Osaka, Helvetica;
  background-color: #41a558;
  padding: 6px;
  border-radius: 0px;
  border-top: 0px !important;
  border-right: 0px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-left: 0px !important;
}

.sp-header-searchbox-text2016:focus {
	border: none !important;
	outline: none !important;
	outline: 0 !important;
	border-bottom:1px solid rgba(255,255,255,0.4) !important;
  background-color: #41a558!important;
	box-shadow: none !important;
	-webkit-appearance: none;/* iPhone対策 */
	border-radius: 0;/* iPhone対策 */
}

.sp-header-searchbox-text2016::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}
.sp-header-searchbox-text2016:-moz-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.search-historyword {/* 検索履歴表示部 */
  display: block;
  border-top: 0;
  border-bottom: 1px solid #e1e8ed;
  padding: 10px 10px 10px 16px;
  font-size: 13px;
  background: #ffffff;
  text-align: left;
  color: #333333;
  transition: all .4s ease-in-out;
}

.search-historyword:hover {
  background: #f6f6f6;
}

.search-historyword .fa-search {
  padding-right: 4px;
}

/* ------------------サポートボード・メッセージボード関連開始----------------- */

/* ボード下部インターフェイスエリア */
.board-bottominterface-area {
	/* background-color: #ffffff;*/
	padding: 20px 0 20px 0;
	text-align: center;
}
@media (max-width: 799px) {
  .board-bottominterface-area {
	  padding: 0;
  }
}

/* ボード下部インターフェイスラージボタン */
.board-bottominterface-largebutton {
	display: inline-block;
	width: 100%;
	background-color: #e244a6;
	padding: 16px 70px 16px 70px;
	color: #ffffff;
	font-size: 16px;
}
@media (min-width: 800px) {
  .board-bottominterface-largebutton {
	  max-width: 360px;
  }
}
.board-bottominterface-largebutton .fa-pencil {
	margin-right: 6px;
}


/* ボード下部インターフェイスエリア(投稿モード) */
.board-bottominterface-area-writemode {
	/*background-color: #ffffff;*/
	padding: 20px 0 20px 0;
	text-align: center;
}
@media (max-width: 599px) {
  .board-bottominterface-area-writemode {
	  padding: 0;
  }
}

/* 投稿テキストエリア幅調整 */
.board-postspecial{
	width: 100%!important;
	max-width: 1200px!important;
}
@media (min-width: 800px) {
  .board-postspecial{
	  font-size: 14px!important;
  }
}
@media (max-width: 599px) {
  .board-postspecial{
	  border: none!important;
  }
}

.board-postspecial:focus{
	outline: none !important;
	outline: 0 !important;
	box-shadow: none !important;
	-webkit-appearance: none;/* iPhone対策 */
	/* border-radius: 0;iPhone対策 */
}

/* ボード下部インターフェイス投稿ボタン */
.board-bottominterface-postbutton {
	display: inline-block;
	width: 100%;
  background-color: #35c1eb;
	padding: 16px 70px 16px 70px;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
}
@media (min-width: 600px) {
  .board-bottominterface-postbutton {
	  margin-top: 8px;
	  max-width: 140px;
	  border-radius: 5px;
	  font-size: 14px;
	  padding: 8px 24px 8px 24px;
  }
}

/* ボードコンテナPCレイアウト（基本） */
.board-container {
	/*background-color: #cccccc;*/
  position: relative;
  width: 100%;
  max-width: 672px;
  padding: 0 16px;
  margin: 0 auto;
}

/* ボードコンテナiPad横向き */
@media (min-width: 600px) and (max-width: 799px) {
  .board-container {
  }
}

/* ボードコンテナスマホ向き */
@media (max-width: 599px) {
  .board-container {
    padding: 0;
  }
}

.board-container:after {/* フッターが上部に来てしまうのを避ける処理 */
	display: block;
	clear: both;
	content: ""
}

/* ボード入力フォーム上宛名テキスト */
.board-atenatext {
	text-align: left;
	padding: 4px 0 4px 8px;
	color: #999999;
}
@media (max-width: 599px) {
  .board-atenatext {
	  background-color: #ffffff;
	  font-size: 12px;
  }
}

/* ボード入力フォーム投稿ボタンエリア */
.postbutton-area {
	text-align: right;
}

/* メッセージボード一覧ページ中央配置処理 */
.boardlistpage-wrap {
  position: relative;
  display: table;
  width: 100%;
  /* height: 100%; */
  margin: 100px 0 100px 0;
  background: #f5f5f5;
  vertical-align: middle;
}
@media (min-width: 600px) and (max-width: 799px) {
  .boardlistpage-wrap {
	  margin: 0 0 0 0;
  }
}

@media (max-width: 599px) {
  .boardlistpage-wrap {
	  display: block;
    width: auto;
    height: auto;
    padding: 0;
    background-color: #ffffff;
	  margin: 0 0 0 0;
    background: #f5f5f5;
    vertical-align: middle;
  }
}

.boardlistpage-viewarea {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

@media (max-width: 799px) {
  .boardlistpage-viewarea {
    vertical-align: middle;
	  display: block;
    width: auto;
    text-align: center;
  }
}

/* パネル（メッセージボード一覧画面) */
.boardlist-panel {
  position: relative;
	margin: 0 auto;
  background-color: #ffffff;
  border: solid 1px rgba(95,105,122,0.15);
  text-align: left;
}

@media (max-width: 799px) {
  .boardlist-panel {
	  width: 100% !important;
    box-shadow: none;
	  border: none;
  }
}

/* パネル部(メッセージボード一覧画面)幅780pxバージョン */
.boardlist-panel.boardwidth {
	width: 780px;
}

/* メッセージボード一覧画面個人表示部 */
.boardlist-personalblock {
	display: block;
	border-bottom: 1px solid #eeeeee;
	padding: 12px 16px 12px 16px;
	font-size: 14px;
	line-height: 1.5;
	color: #999999;
	min-height: 0;/* 高さが伸びてしまう対策 */
	overflow: auto;/* 高さが伸びてしまう対策 */
}
.boardlist-personalblock:after {
	display: block;
	content: "";
	clear: both;
}
.boardlist-personalblock:hover {
	background-color: #eeeeee;
	cursor: pointer;
}

.separateline-eeeeee {
	border-top: 1px solid #eeeeee;
}

/* メッセージボード一覧画面個人表示部ハンドルネーム */
.boardlist-personalblock-hundle {
	font-weight: normal;
	font-size: 12px;
	color: #bbbbbb;
	padding-left: 4px;
}

/* メッセージボード一覧画面個人表示部左アイコン部 */
.boardlist-personalblock-icon {
	float: left;
}

/* メッセージボード一覧画面個人表示部右データ部 */
.boardlist-personalblock-data {
	float: none;
	margin-left: 70px;
}

/* メッセージボード一覧画面個人表示部右データ部ヘッド */
.boardlist-personalblock-data-head {
	overflow: hidden;
	height: 63px;
}
.boardlist-personalblock-data-head:after {
	display: block;
	content: "";
	clear: both;
}
/* メッセージボード一覧画面個人表示部右データ部ヘッドハンドルネーム */
.boardlist-personalblock-data-hn {
	float: none;
	font-weight: bold;
	color: #000000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* メッセージボード一覧画面個人表示部右データ部ヘッド日付 */
.boardlist-personalblock-data-date {
	float: right;
	color: #bbbbbb;
	font-size: 12px;
	line-height: 21px;
}

/* メッセージボード一覧画面アイコン画像 */
.boardlist-icon {
	width: 60px;
	height: 60px;
	vertical-align: bottom;
	border-radius: 50%;
}
@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .boardlist-icon {
	  width: 60px;
	  height: 60px;
  }
}

/* メッセージボード一覧画面もっと見る */
.boardlist-personalblock-moredata {
	display: block;
	border-bottom: 1px solid #eeeeee;
	padding: 18px 12px 12px 12px;
	font-size: 12px;
	line-height: 1.0;
	color: #333333;
	text-align: center;
	background-color: #f9f9f9;
  transition: all .4s ease-in-out;
}
@media (max-width: 799px) {
  .boardlist-personalblock-moredata {
	  border-bottom: none;
  }
}
@media (max-width: 599px) {
  .boardlist-personalblock-moredata {
	  padding: 16px 12px 12px 0;
	  font-size: 11px;
  }
}

.boardlist-personalblock-moredata:hover {
	background-color: #41a558;
	color: #ffffff;
}

.boardlist-personalblock-moredata .fa-angle-down {
	font-size: 24px;
}
@media (max-width: 599px) {
  .boardlist-personalblock-moredata .fa-angle-down {
	  font-size: 20px;
  }
}

/* メッセージボード一覧画面データ無し */
.boardlist-nodata {
	border-bottom: 1px solid #eeeeee;
	padding: 60px 12px 60px 12px;
	font-size: 14px;
	line-height: 1.0;
	color: #333333;
	text-align: center;
	background-color: #f9f9f9;
}

/* メッセージ一覧画面もっと見る */
.messagelist-personalblock-moredata {
  display: block;
  padding: 12px 12px 18px 12px;
  font-size: 12px;
  line-height: 1.0;
  color: #333333;
  text-align: center;
}

@media (max-width: 599px) {
  .messagelist-personalblock-moredata {
    padding: 16px 12px 12px 0;
    font-size: 11px;
  }
}

.messagelist-personalblock-moredata .fa-angle-up {
  font-size: 24px;
}

@media (max-width: 599px) {
  .messagelist-personalblock-moredata .fa-angle-up {
    font-size: 20px;
  }
}

/* ------------------通知ページ開始----------------- */

/* 通知一覧ページ中央配置処理 */
.notificationpage-wrap {
  position: relative;
  display: table;
  width: 100%;
  /* height: 100%; */
  margin: 100px 0 100px 0;
  background: #ffffff;
  vertical-align: middle;
}
@media (min-width: 600px) and (max-width: 799px) {
  .notificationpage-wrap {
	  margin: 0 0 0 0;
  }
}

@media (max-width: 599px) {
  .notificationpage-wrap {
	  display: block;
    width: auto;
    height: auto;
    padding: 0;
    background-color: #ffffff;
	  margin: 0 0 0 0;
    background: #f5f5f5;
    vertical-align: middle;
  }
}

.notificationpage-viewarea {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

@media (max-width: 799px) {
  .notificationpage-viewarea {
    vertical-align: middle;
	  display: block;
    width: auto;
    text-align: center;
  }
}

/* パネル（通知一覧画面) */
.notification-panel {
  position: relative;
	margin: 0 auto;
  background-color: #ffffff;
  border: solid 1px rgba(95,105,122,0.15);
  text-align: left;
}

@media (max-width: 799px) {
  .notification-panel {
	  width: 100% !important;
    box-shadow: none;
	  border: none;
  }
}

/* パネル部(通知一覧画面)幅780pxバージョン */
.notification-panel.boardwidth {
	width: 780px;
}

/* 通知一覧画面1ブロック */
.notification-personalblock {
	display: block;
	border-bottom: 1px solid #eeeeee;
	padding: 12px;
	font-size: 14px;
	line-height: 1.5;
	color: #111111;
}
.notification-personalblock:after {
	display: block;
	content: "";
	clear: both;
}
.notification-personalblock:hover {
	background-color: #eeeeee;
	cursor: pointer;
}

/* 通知一覧画面日付 */
.notification-personalblock-date {
	float: right;
	color: #bbbbbb;
	font-size: 12px;
	line-height: 21px;
}



/* ---------メッセージ（サポートボード）関連-------- */

/* チャット部分表示ブロック部 */
.chat-frame2017 {
	width: 100%;
	max-width: 800px;
	margin: auto;
	padding: 0;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .chat-frame2017 {
	  width: 100%;
	  padding: 0 6px 0 12px;
  }
}

/* チャットブロック(1発言分) */
.talk-block {
  overflow: hidden;
  margin: 0 0 1em 0;
  padding: 0;
}
@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .talk-block {
	  width: 100%;
	  margin-bottom: 0.5em;
  }
}

.talk-block:after {
	content: "";
	display: block;
	clear: both;
}

/* アイコン表示部 */
.talk-icon2017 {
	float: left;
	margin-left: -100%;
  width: 64px;
}
@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .talk-icon2017 {
    width: 46px;
  }
}

/* アイコン表示部(自分) */
.talk-icon2017-self {
	float: right;
	margin-right: -100%;
  width: 64px;
	text-align: right;
}
@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .talk-icon2017-self {
	  display: none;/* モバイル時消去実験 */
    width: 46px;
  }
}

/* アイコン画像 */
.talk-icon2017 img, .talk-icon2017-self img {
	width: 48px;
	height: 48px;
	vertical-align: bottom;
	border-radius: 50%;
}
@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .talk-icon2017 img, .talk-icon2017-self img {
	  width: 36px;
	  height: 36px;
  }
}

.talk-content2017 {
	display: block;
	float: left;
	width: 100%;
}

.talk-content2017-self {
	display: block;
	float: right;
	width: 100%;
	text-align: right;
}

/* 吹き出し表示テキスト部 */
.talk-maintext2017 {
	display: inline-block!important;
	position: relative;
	width: auto;
	max-width: 640px;
	min-height: 50px;
	border-radius: 10px;
	background-color: #ffffff;
	margin-left: 64px; /* talk-icon2017の横幅 */
	font-size: 14px;
	line-height: 1.8;
	padding: 12px;
	margin-right: 64px;
}
@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .talk-maintext2017 {
	  min-height: 36px;
	  margin-left: 46px;
	  margin-right: 6px;
	  font-size: 12px;
	  line-height: 1.5;
	  padding: 9px;
  }
}

/* 吹き出し表示テキスト部(自分) */
.talk-maintext2017-self {
	display: inline-block!important;
	position: relative;
	width: auto;
	max-width: 640px;
	min-height: 50px;
	border-radius: 10px;
	color: #ffffff;
	background-color: #e02b73;
	margin-right: 64px; /* talk-icon2017の横幅 */
	margin-left: 64px;
	font-size: 14px;
	line-height: 1.8;
	padding: 12px;
	text-align: left;
}
@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .talk-maintext2017-self {
	  min-height: 36px;
	  margin-right: 6px; /* モバイル時消去実験。表示する際には46px */
	  margin-left: 46px;
	  font-size: 12px;
	  line-height: 1.5;
	  padding: 9px;
  }
}


/* 吹き出し */
.talk-maintext2017:before {
  position: absolute;
  top: 15px;
  left: -20px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border: 10px solid transparent;
  border-right-color: #FFFFFF;
}
@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .talk-maintext2017:before {
    top: 12px;
    left: -12px;
    border: 6px solid transparent;
    border-right-color: #FFFFFF;
  }
}

/* 吹き出し(自分) */
.talk-maintext2017-self:before {
  position: absolute;
  top: 15px;
  right: -20px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border: 10px solid transparent;
  border-left-color: #e02b73;
}
@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .talk-maintext2017-self:before {
    top: 12px;
    right: -12px;
    border: 6px solid transparent;
    border-left-color: #e02b73;
  }
}

.talk-maintext2017-self:after {
	display: block;
	clear: both;
	content: ""
}

/* 日付表示 */
.talk-datetext2017 {
	font-size: 12px;
	color: #999999;
	margin-left: 64px; /* talk-icon2017の横幅 */
	padding: 4px!important;
}
@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .talk-datetext2017 {
	  font-size: 10px;
	  margin-left: 46px; 
	  padding: 2px!important;
  }
}

/* 日付表示(自分) */
.talk-datetext2017-self {
	display: block;
	text-align: right;
	font-size: 12px;
	color: #999999;
	margin-right: 64px; /* talk-icon2017の横幅 */
	padding: 4px!important;
}
@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .talk-datetext2017-self {
	  font-size: 10px;
	  margin-right: 6px; /* モバイル時消去実験。表示する際には46px */
	  padding: 2px!important;
  }
}

/* ---------企業専用メニュー（募集案件の管理）関連-------- */

.itemlisttable-area {
	padding-top:6px;
	padding-bottom: 6px;
}

.itemlisttable-area:after {
	display: block;
	content: "";
	clear: both;
}

.itemlisttable-ul {
	font-size: 0;
}

.itemlisttable-li {
	float: left;
	font-size: 14px;
	border-right: 1px solid #dddddd;

}
@media (max-width: 599px) {
  .itemlisttable-li {
	  width: 50%;
  }
}

.itemlisttable-li:last-child {
	border-right: 1px solid #ffffff;

}

.itemlisttable-a {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
}

.itemlisttable-label {
	font-size: 10px;
	color: #bbbbbb;
}

.itemlisttable-count {
	font-size: 18px;
	font-weight: bold;
	color: #444444;
}

/* ---------企業専用メニュー（エントリー状況一覧）関連-------- */
.entrylist-thum-image {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
@media (max-width: 799px) {
  .entrylist-thum-image {
	  width: 60px;
	  height: 60px;
  }
}

/* 採用ステータス「エントリー」マーカー */
.saiyoustatus-marker-entry {
	margin-bottom: 6px;
	margin-right: 4px;
	display: inline-block;
	padding: 2px 12px 2px 12px;
	border: 1px solid #35c1eb;
	background-color: #35c1eb;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
  .saiyoustatus-marker-entry {
	  margin-bottom: 4px;
	  font-size: 10px;
	  padding: 1px 6px 1px 6px;
  }
}


/* 採用ステータス「採用候補」マーカー */
.saiyoustatus-marker-kouho {
	margin-bottom: 6px;
	margin-right: 4px;
	display: inline-block;
	padding: 2px 12px 2px 12px;
	border: 1px solid #ffa018;
	background-color: #ffa018;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
  .saiyoustatus-marker-kouho {
	  margin-bottom: 4px;
	  font-size: 10px;
	  padding: 1px 6px 1px 6px;
  }
}

/* 採用ステータス「採用確定」マーカー */
.saiyoustatus-marker-fix {
	margin-bottom: 6px;
	margin-right: 4px;
	display: inline-block;
	padding: 2px 12px 2px 12px;
	border: 1px solid #FC4D50;
	background-color: #FC4D50;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
  .saiyoustatus-marker-fix {
	  margin-bottom: 4px;
	  font-size: 10px;
	  padding: 1px 6px 1px 6px;
  }
}


/* 採用ステータス「採用完了」マーカー */
.saiyoustatus-marker-complete {
	margin-bottom: 6px;
	margin-right: 4px;
	display: inline-block;
	padding: 2px 12px 2px 12px;
	border: 1px solid #48b052;
	background-color: #48b052;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
  .saiyoustatus-marker-complete {
	  margin-bottom: 4px;
	  font-size: 10px;
	  padding: 1px 6px 1px 6px;
  }
}

/* 採用ステータス「辞退」マーカー */
.saiyoustatus-marker-refusal {
	margin-bottom: 6px;
	margin-right: 4px;
	display: inline-block;
	padding: 2px 12px 2px 12px;
	border: 1px solid #aaaaaa;
	background-color: #aaaaaa;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
  .saiyoustatus-marker-refusal {
	  margin-bottom: 4px;
	  font-size: 10px;
	  padding: 1px 6px 1px 6px;
  }
}

/* プロジェクト名リンクテキスト */
.entrylist-projecttitle {
	font-size: 14px;
	line-height: 27px;
	color: #666666;
}
@media (max-width: 799px) {
  .entrylist-projecttitle {
	  font-size: 11px;
	  line-height: 20px;
  }
}

.entrylist-projecttitle:hover {
	text-decoration: underline;
} 

/* 名前表示部 */
.entrylist-namearea {
	display: inline-block;
	margin-top: 12px;
	font-size: 24px;
	font-weight: bold;
	color: #111111;
}
@media (max-width: 799px) {
  .entrylist-namearea {
	  margin-top: 6px;
	  font-size: 18px;
	  line-height: 1.3;
  }
}

/* ハンドルネーム表示部 */
.entrylist-hundlename {
	display: inline-block;
	font-size: 15px;
	font-weight: normal;
	color: #999999;
	margin-left: 4px;
}
@media (max-width: 799px) {
  .entrylist-hundlename {
	  font-size: 11px;
	  line-height: 1.3;
  }
}

/*  スキルタグエリア */
.entrylist-skiltag-area {
  padding-top: 10px;
  padding-bottom: 2px;
}

/*  スキルタグ */
.entrylist-skiltag {
  display: inline-block;
  cursor: pointer;
  max-width: calc(25% - 1rem);
  margin: 0 8px 8px 0;
  padding: 10px 12px 10px 12px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  font-size: 10px;
  line-height: 1;
  color: #444444;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir-Heavy", "Helvetica Neue", "Segoe UI", "Arial", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: normal;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (min-width: 600px) and (max-width: 799px) {
  .entrylist-skiltag {
    padding: 8px 10px 8px 10px;
    margin: 0 4px 4px 0;
  }
}
@media (max-width: 599px) {
  .entrylist-skiltag {
    font-size: 9px;
	  border-radius: 3px;
    padding: 6px 8px 6px 8px;
    margin: 0 1px 1px 0;
  }
}

/* ---------会員専用メニュー（お気に入りリスト）関連-------- */

/* お気に入りリストページコンテナ */
@media (min-width: 1050px) {
  .wishlistpage-container {
	  float: none;
	  margin-left: 200px;
	  border-left: 1px solid #eeeeee;
    position: relative;
    min-width: 850px;
    padding: 16px 16px 0 16px;
	  min-height: 400px;
  }
}

@media (max-width: 1049px) and (min-width: 800px) {
  .wishlistpage-container {
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
  }
}

/* お気に入りリストページプロジェクトブロックテーブル */
.wishlistpage-project-ul:after {
	display: block;
	content: "";
	clear: both;
}

/* お気に入りリストページプロジェクトブロック雛型 */
.wishlistpage-project-item {
	position: relative;
	float: left;
	max-width: 480px;
	margin-top: 0;
	margin-right: 26px;
  border-bottom: none;
}

@media (max-width: 1049px) and (min-width: 800px) {
  .wishlistpage-project-item {
	  margin-top: 0;
	  padding: 8px 0 0 0;
	  margin-right: 0;
	  float: left;
	  max-width: 50%;
  }
  .wishlistpage-project-item:nth-child(odd) {
	  padding-right: 13px;
  }
  .wishlistpage-project-item:nth-child(even) {
	  padding-left: 13px;
  }
}

@media (max-width: 799px){
  .wishlistpage-project-item {
	  margin-top: 0;
	  padding: 14px 14px 0 14px;
    border-bottom: solid 8px #eaeaea;
	  margin-right: 0;
	  max-width: 100%;
  }
}

@media (max-width: 799px){
  .wishlistpage-project-item:last-child {
    border-bottom: none;
  }
}
@media (max-width: 599px){
  .wishlistpage-project-item:last-child {
    border-bottom: none;
  }
}

/* お気に入りリストページハートボタン */
.wishlist-heartbutton {
	position: absolute;
	right: 8px;
	top: 8px;
  color: #ff0000;
  margin-right: 4px;
  font-weight: bold;
  text-decoration: none;
	background-color: rgba(255,255,255,1.0);
  display: inline-block;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255,0,0,0.7);
  text-align: center;
  border-radius: 50%;
	transition: all .4s ease-in-out;
}
@media (max-width: 1049px) and (min-width: 800px) {
  .wishlist-heartbutton {
	  right: 8px;
	  top: 16px;
    width: 36px;
    height: 36px;
  }
  .wishlistpage-project-item:nth-child(odd) .wishlist-heartbutton  {
	  right: 21px;
  }
}
@media (max-width: 799px) and (min-width: 600px){
  .wishlist-heartbutton {
	  right: 22px;
	  top: 22px;
    width: 36px;
    height: 36px;
  }
}

a.wishlist-heartbutton i.fa-heart {
  font-size: 20px;
  line-height: 36px;
}

@media (max-width: 599px){
  .wishlist-heartbutton {
	  right: 22px;
	  top: 22px;
    width: 32px;
    height: 32px;
  }
  a.wishlist-heartbutton i.fa-heart {
    font-size: 18px;
    line-height: 32px;
  }
}

.wishlist-heartbutton:hover {
  color: #cccccc;
	background-color: rgba(255,255,255,1.0);
  border: 1px solid rgba(200,200,200,0.7);
}

/* お気に入りリストページプロジェクトブロックリンクエリア */
.wishlistpage-project-item-linkarea {
	display: inline-block;
}

/* お気に入りリストページプロジェクトタイトル */
.wishlistpage-projectdetail-headtitle {
	margin: 10px 0 8px 0;
	font-size: 22px;
	line-height: 1.3;
	font-weight: bold;
	color: #000000;
	height: 2.5em;
}

@media (max-width: 799px){
  .wishlistpage-projectdetail-headtitle {
	  height: auto;
  }
}
@media (min-width: 800px) and (max-width: 1050px) {
  .wishlistpage-projectdetail-headtitle {
	  font-size: 18px;
  }
}

@media (max-width: 599px){
  .wishlistpage-projectdetail-headtitle {
	  font-size: 18px;
	  margin: 10px 0 6px 0;
  }
}

/* お気に入りリストページ看板画像 */
.wishlist-project-titleimage {
	width: 100%;
	height: auto;
	margin-bottom: 8px;
}
@media (max-width: 599px) {
  .wishlist-project-titleimage {
	  margin-bottom: 6px;
  }
}

/* お気に入りリストページ会社表示 */
.wishlist-companyinfo {
	width: 100%;
	min-height: 0;
	overflow: auto;
	margin: 0 0 16px 0;
	padding: 0 10px 0 0;
}
@media (min-width: 600px) and (max-width: 987px){
  .wishlist-companyinfo {
	  margin: 4px 0 14px 0;
  }
}
@media (max-width: 599px) {
  .wishlist-companyinfo {
	  margin: 0 0 0 0;
  }
}

.wishlist-companyinfo .wishlist-company-icon {
  display: block;
  width: 48px;
  height: 48px;
	margin-right:14px; 
}
@media (max-width: 599px){
  .wishlist-companyinfo .wishlist-company-icon {
    display: block;
    width: 36px;
    height: 36px;
	  margin-right: 8px; 
  }
}

/* お気に入りリストページ会社アイコン表示 */
.wishlist-company-icon {
  display: inline-block;
  position: relative;
  border-radius: 50%;
  background-clip: border-box;
 /*  box-shadow: 0 0 0 1px rgba(0,0,0,0.08); 影にすると上下が欠けてしまうのでボーダーに変更*/
	border: solid 1px rgba(0,0,0,0.08);
}

/* お気に入りリストページ会社名 */
.wishlist-project-companyname {
	display: inline-block;
	padding-top: 4px;
	color: #000000;
}
@media (max-width: 599px){
  .wishlist-project-companyname {
	  font-size: 12px;
	  color: #666666;
	  padding-top: 9px;
  }
}

/* もっと見る */
.wishlist-moredata {
	display: block;
	margin-bottom: 16px;
	text-align: center;
	padding: 14px 0 10px 0;
	font-size: 12px;
	color: #666666;
	line-height: 1.0;
	border: solid 1px #cccccc;
	transition: all .4s ease-in-out;
}
@media (max-width: 599px){
  .wishlist-moredata {
	  margin-bottom: 0;
	  padding: 14px 0 10px 0;
	  font-size: 12px;
	  line-height: 1.0;
	  border-bottom: none;
	  border-right: none;
	  border-left: none;
	  border-top: solid 1px #eaeaea;
  }
}
@media (min-width: 600px) and (max-width: 799px){
  .wishlist-moredata {
    margin-bottom: 0;
    border-bottom: solid 1px #eaeaea;
    border-right: none;
    border-left: none;
    border-top: solid 1px #eaeaea;
  }
}
@media (min-width: 1050px){
  .wishlist-moredata {
	  display: inline-block;
	  width: 100%;
	  margin-right: auto;
	  margin-left: auto;
  }
}

/* スマホ版以外反転処理 */
@media (min-width: 600px){
  .wishlist-moredata:hover {
	  background-color: #41a558;
	  border: solid 1px #41a558;
	  color: #ffffff;
  }
}

.wishlist-moredata .fa-angle-down {
	font-size: 18px;
	line-height: 1.0;
}

/* ---------プロジェクトエントリー画面関連-------- */

/*  スキルタグ */
.projectentry-skiltag {
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 10px 12px 10px 12px;
	border-radius: 4px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 1;
  color: #444444;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir-Heavy", "Helvetica Neue", "Segoe UI", "Arial", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: normal;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (min-width: 600px) and (max-width: 799px) {
  .projectentry-skiltag {
    padding: 8px 10px 8px 10px;
    margin: 0 4px 4px 0;
    font-size: 10px;
  }
}
@media (max-width: 599px) {
  .projectentry-skiltag {
    font-size: 9px;
	  border-radius: 3px;
    padding: 6px 8px 6px 8px;
    margin: 0 1px 1px 0;
  }
}

.paddingtop8px {
	padding-top: 8px;
}

/* ---------プロジェクトエントリー確認画面関連-------- */

/* エントリー確認画面下部戻るリンク */
.entrylog-bottombacklink {
display: inline-block;
  padding: 6px 16px 6px 16px;
  border: 1px solid #35c1eb;
  border-radius: 20px;
  font-size: 14px;
  background-color: #35c1eb;
  color: #ffffff;
  margin-top: 0;
	margin-left: 8px;
  margin-bottom: 20px;
  transition: all .4s 
}
@media (max-width: 799px) {
  .entrylog-bottombacklink {
    padding: 4px 10px 4px 10px;
    font-size: 12px;
    margin-top: 0;
	  margin-left: 16px;
  }
}

.entrylog-bottombacklink:hover {
  background-color: #de1f6b;
}

.entrylog-bottombacklink .fa-reply {
	padding-right: 8px;
}

.circlemenu-bottomdeletelink .fa-exclamation-triangle {
  font-size: 12px;
  color: #ffffff;
	margin-right: 6px;
}
@media (max-width: 799px) {
  .circlemenu-bottomdeletelink .fa-exclamation-triangle {
    font-size: 10px;
  }
}

/* エントリー詳細画面採用確定ボタンエリア */
.entrydetail-confirmbuttonarea {
	border-top: 1px solid #dadada;
  padding-top: 16px;
	padding-left: 16px;
	padding-right: 16px;
  padding-bottom: 16px;
	text-align: right;
}


/* エントリー詳細画面採用確定ボタン */
.entrydetail-confirmbutton {
	display: inline-block;
  padding: 10px 24px 10px 24px;
  border: 1px solid #48b052;
  font-size: 14px;
  background-color: #48b052;
  color: #ffffff;
  transition: all .4s 
}
@media (max-width: 799px) {
  .entrydetail-confirmbutton {
    padding: 8px 16px 8px 16px;
    font-size: 12px;
  }
}

.entrydetail-confirmbutton .fa-address-card-o {
	padding-right: 8px;
}

.entrydetail-confirmbutton:hover {
	background-color: #35c1eb;
  border: 1px solid #35c1eb;
}

/* 詳細ページレコメンドブロックエリア */
.detailpage-reccomendctrl {
	padding: 14px 0 0 0;
	border-top: solid 1px #eaeaea;
	border-bottom: solid 1px #eaeaea;
}
@media (max-width: 599px) {
  .detailpage-reccomendctrl {
	  padding: 12px 14px 0 14px;
	  border-top: solid 1px #eaeaea;
	  border-bottom: none;
  }
}

/* 詳細ページレコメンドブロック雛型 */
.detailpage-project-item {
	position: relative;
	max-width: 480px;
	margin-top: 0;
}

@media (max-width: 1049px) and (min-width: 800px) {
  .detailpage-project-item {
	  margin-top: 0;
	  padding: 0 0 0 0;
  }
}

@media (max-width: 799px){
  .detailpage-project-item {
	  margin-top: 0;
	  padding: 0 0 0 0;
	  max-width: 100%;
  }
}

/* 詳細ページレコメンドブロックリンクエリア */
.detailpage-project-item-linkarea {
	display: inline-block;
}

/* 詳細ページレコメンドブロックプロジェクトタイトル */
.detailpage-projectdetail-headtitle {
	margin: 8px 0 20px 0;
	font-size: 14px;
	line-height: 1.3;
	font-weight: bold;
	color: #333333;
}

@media (min-width: 800px) and (max-width: 1050px) {
  .detailpage-projectdetail-headtitle {
	  font-size: 14px;
	  margin: 8px 0 16px 0;
  }
}

@media (max-width: 799px){
  .detailpage-projectdetail-headtitle {
	  height: auto;
	  font-size: 13px;
	  margin: 8px 0 10px 0;
	  color: #555555;
  }
}

@media (max-width: 599px){
  .detailpage-projectdetail-headtitle {
	  font-size: 14px;
	  margin: 0 0 12px 0;
  }
}

/* 詳細ページレコメンドブロック看板画像 */
.detailpage-project-titleimage {
	width: 100%;
	height: auto;
	margin-bottom: 0;
	margin-top: 6px;
}
@media (max-width: 599px) {
  .detailpage-project-titleimage {
	  margin-bottom: 6px;
  }
}

/* ---------------企業プロフィールページ関連-------------- */

/* ヘッダー部分 */
.companyprofileheader-heroimage {
	margin-top: 30px;
	background-color:#ffffff;
}
@media (min-width: 600px) and (max-width: 1049px){
  .companyprofileheader-heroimage {
	  margin-top: 12px;
  }
}
@media (max-width: 599px){
  .companyprofileheader-heroimage {
	  margin-top: 12px;
  }
}

/* ヘッダー部分アラートエリア */
.companyprofileheader-alert {
  margin-top: 30px;
  background-color: #ffffff;
}

@media (min-width: 600px) and (max-width: 1049px) {
  .companyprofileheader-alert {
    margin-top: 12px;
  }
}

@media (max-width: 599px) {
  .companyprofileheader-alert {
    margin-top: 0px;
  }
}

/* ヘッダー部分タイトルエリア */
.companyprofile-titlearea {
}
@media (min-width: 600px) and (max-width: 987px){
  .companyprofile-titlearea {
	  padding: 0 12px 0 12px;
  }
}
@media (max-width: 599px){
  .companyprofile-titlearea {
	  padding: 0 10px 0 8px;
  }
}

/* 企業名ブロック */
.companyprofile-companyname-block {
	margin-bottom: 12px;
}
@media (max-width: 599px){
  .companyprofile-companyname-block {
	  margin-bottom: 12px;
  }
}

/* 上部アイコン画像 */
.companyprofile-companyicon {
	width: 64px;
  height: 64px;
  margin-right: 12px;
}
@media (min-width: 600px) and (max-width: 987px){
  .companyprofile-companyicon {
	  width: 36px;
    height: 36px;
    margin-right: 6px;
  }
}
@media (max-width: 599px) {
  .companyprofile-companyicon {
	  width: 24px;
    height: 24px;
    margin-right: 4px;
  }
}

/* 上部企業名タイトル */
.companyprofile-companyname {
	display: inline-block;
  font-weight: bold;
	color: #000000;
	font-size: 26px;
  line-height: 64px;
}
@media (min-width: 600px) and (max-width: 987px){
  .companyprofile-companyname {
	  position: relative;
	  top: 2px;
	  font-size: 20px;
    line-height: 36px;
  }
}
@media (max-width: 599px) {
  .companyprofile-companyname {
	  position: relative;
	  top: 2px;
	  font-size: 17px;
    line-height: 24px;
  }
}

/* 「公式WEBサイト」ボタン */
.companyprofile-www-button {
	display: inline-block;
	width: 100%;
	margin: 0;
	border-radius: 4px;
	border: solid 1px #8ed5f0;
	color: #60bce0;
	padding: 14px 0;
	background-color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
	text-align: center;
	cursor: pointer;
	margin-bottom: 14px;
  transition: all .4s 
}
@media (max-width: 599px){
  .companyprofile-www-button {
	  margin-bottom: 10px;
  }
}

.companyprofile-www-button:hover {
	background-color: #4bb5e5;
	color: #ffffff;
	border: solid 1px #4bb5e5;
}

/* 「公式WEBサイト」ボタンワールドアイコン */
.companyprofile-www-button .fa-globe {
	margin-right: 8px;
	font-size: 18px;
	line-height: 1.0;
}


/* 「公式twitter」ボタン */
.companyprofile-twitter-button {
	display: inline-block;
	width: 100%;
	margin: 0;
	border-radius: 4px;
	border: solid 1px #8ed5f0;
	color: #60bce0;
	padding: 14px 0;
	background-color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
	text-align: center;
	cursor: pointer;
  transition: all .4s 
}

/* 「公式twitter」ボタンtwitterアイコン */
.companyprofile-twitter-button .fa-twitter {
	margin-right: 8px;
	font-size: 18px;
	line-height: 1.0;
}

.companyprofile-twitter-button:hover {
	background-color: #4bb5e5;
	color: #ffffff;
	border: solid 1px #4bb5e5;
}

/* ---------------キーワードから探すページ関連-------------- */

/* 「キーワードから探すページ」タグデータ表示 */
.ranktagpage-tag {
  display: inline-block;
	cursor: pointer;
  max-width: calc(25% - 1rem);
  margin: 0 16px 16px 0;
  padding: 15px;
  background-color: #f4f4f4;
  font-size: 12px;
  line-height: 1;
  color: #6d6d6d;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir-Heavy", "Helvetica Neue", "Segoe UI", "Arial", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all .4s ease-in-out;
}

.ranktagpage-tag:hover {
  background-color: #e02b73;
  color: #ffffff;
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  .ranktagpage-tag {
    padding: 12px;
    margin: 0 10px 10px 0;
  }
}
@media (max-width: 599px) {
  .ranktagpage-tag {
    padding: 8px;
    margin: 0 8px 8px 0;
  }
}

/* 「キーワードから探すページ」タグコンテナ */
.ranktagpage-tag-container {
  padding: 16px 0 10px 0;
}

@media screen and (min-width: 600px) and (max-width: 799px) {
  .ranktagpage-tag-container {
    padding: 14px 0 10px 0;
  }
}
@media (max-width: 599px) {
  .ranktagpage-tag-container {
    padding: 10px 0 10px 0;
  }
}

/* ---------------サイトからのお知らせページ関連-------------- */

.information-plate {/* インフォメーションエリア */
	width: 100%;
	border: 1px solid #d9e2e8;
	background-color: #ffffff;
	margin-bottom: 10px;
	text-align: left;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .information-plate {/* インフォメーションエリア */
	  width: 100%;
	  border-top: 1px solid #e1e8ec;
	  border-right: 0;
	  border-bottom: 1px solid #e1e8ec;
	  border-left: 0;
  }
}

.information-plate:after {
	display: block;
	content: "";
	clear: both;
}

.information-name {/* インフォメーションネーム */
	font-size: 23px;
	line-height: 29px;
	padding-top: 16px;
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 8px;
	background-color: #fffdef;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .information-name {/* インフォメーションネーム */
	  font-size: 16px;
	  font-weight: bold;
	  line-height: 24px;
	  padding-top: 8px;
	  padding-left: 14px;
	  padding-right: 14px;
	  padding-bottom: 8px;
  }
}

.information-data {/* インフォメーションデータ */
	padding-bottom: 10px;
}


.information-datetext {/* 日付表示部 */
	font-size: 14px;
	color: #aaaaaa;
	font-weight: normal;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .information-datetext {/* 日付表示部 */
	  font-weight: normal;
  }
}

.information-text {/* お知らせ文章 */
	font-size: 14px;
	line-height: 1.8;
	padding-top: 12px;
	padding-bottom: 4px;
	padding-left: 24px;
	padding-right: 24px;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  .information-text {/* お知らせ文章 */
	  padding-top: 8px;
	  line-height: 1.5;
	  padding-left: 14px;
	  padding-right: 14px;
  }
}


/* 重要アイコン（お知らせページ） */
.important-midashiicon {
	display: inline-block;
	position: relative;
	top: -4px;
	background-color: #f50000;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.0;
	padding: 5px 10px 5px 10px;
	margin-right: 4px;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
  /* 重要アイコン（お知らせページ） */
  .important-midashiicon {
	  top: -2px;
	  font-size: 11px;
	  padding: 4px 7px 4px 7px;
	  margin-right: 4px;
  }
}


/* モバイル時の左右下のパディング無し調整 */
@media (max-width: 799px) {
  .information-padding-adjust {
	  padding-right: 0!important;
	  padding-left: 0!important;
	  padding-bottom: 0!important;
  }
}

/* ---------よくある質問ページ展開用トグル開始-------- */

dl {
	margin-top: 6px;
	margin-bottom: 34px;
}

@media (max-width: 799px) {
  dl {
	  margin-top: 6px;
	  margin-bottom: 20px;
  }
}

.acMenu dt { 
	position: relative;
	display: block; 
	width: 100%;
	background-color: #f4f4f4; 
	font-size: 16px;
	line-height: 24px;
	padding-top: 8px;
	padding-left: 34px;
	padding-right: 10px;
	padding-bottom: 8px;
	font-weight: bold;
	text-align: left; 
	border: 0; 
	cursor: pointer; 
	background: none; 
	padding-right: 15px; 
	transition: all .4s ease-in-out;  
} 

@media (max-width: 799px) {
  .acMenu dt { 
	  font-size: 14px;
	  line-height: 21px;
	  padding-left: 24px;
	  padding-top: 8px;
	  padding-bottom: 2px;
	  padding-right: 0;
	  margin-left: 0;
  }
}

.acMenu dd {
	position: relative;
	width: 100%;
	font-size: 15px;
	line-height: 24px;
	padding-top: 8px;
	padding-left: 34px;
	padding-right: 10px;
	padding-bottom: 8px;
	text-align: left; 
	border: 0; 
	display: none;
	-webkit-margin-start: 0 !important;
} 

@media (max-width: 799px) {
  .acMenu dd {
	  font-size: 14px;
	  line-height: 20px;
	  padding-left: 24px;
	  padding-top: 8px;
	  padding-bottom: 8px;
	  padding-right: 0;
	  margin-left: 0;
  }
}

.acMenu dt.active { 
}

.faq-icons { /* FAQページアイコン */
	position: absolute;
	top: 7px;
	left: 6px;
	width: 24px;
	height: 24px;
}

@media (max-width: 799px) {
  .faq-icons { /* FAQページアイコン */
	  top: 8px;
	  left: 0;
	  width: 20px;
	  height: 20px;
  }
}

.fitimage {
	max-width: 100%;
	margin-top: 4px;
	margin-bottom: 4px;
}

/* ---------------その他ページ関連-------------- */

/* ページヘッドタイトル */
.pagehead h1 {
	font-size: 22px;
	line-height: 1.5;
	font-weight: bold;
}
@media (max-width: 799px) {
  .pagehead h1 {
	  font-size: 20px;
	  margin-bottom: 10px;
  }
}

/* ページヘッド説明文 */
.pagehead h2 {
	font-size: 14px;
	color: #666666;
	line-height: 1.5;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0;
}
@media (max-width: 799px) {
  .pagehead h2 {
	  font-size: 12px;
	  line-height: 1.4;
	  padding: 0 0 10px 0;
	  margin: 0;
  }
}

/* ページヘッドスモールテキスト汎用 */
.pagehead-smalltext {
	font-size: 12px;
	line-height: 1.5;
	margin: 0 0 4px 0;
}
@media (max-width: 799px) {
  .pagehead-smalltext {
	  font-size: 12px;
	  line-height: 1.5;
	  margin: 0 0 4px 0;
  }
}

/* ---------------採用担当者様へページ関連-------------- */

.recruit_titlearea {
	position: relative;
}

.recruittopimg {
	width: 100%;
	height: auto;
}

.recruittopimg_logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

/* タイトル下説明文エリア */
.recruit_description {
	padding: 30px 30px 30px 30px;
	background: linear-gradient(45deg, #85d268, #4ec149);
	color: #ffffff;
	font-size: 15px;
	line-height: 1.6;
}
@media (max-width: 599px) {
  .recruit_description {
	  padding: 20px 14px 20px 14px;
	  font-size: 14px;
  }
}

/* タイトル下説明文見出しテキスト */
.recruit_description_midashi {
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 24px;
}
@media (min-width: 800px) and (max-width: 1050px) {
  .recruit_description_midashi {
	  font-size: 22px;
	  margin-bottom: 16px;
  }
}
@media (min-width: 600px) and (max-width: 799px) {
  .recruit_description_midashi {
	  font-size: 20px;
	  margin-bottom: 16px;
  }
}
@media (max-width: 599px) {
  .recruit_description_midashi {
	  font-size: 18px;
	  margin-bottom: 16px;
  }
}

.recruitpage-block-left {
	float: left;
	width: 50%;
}
@media (max-width: 999px) {
  .recruitpage-block-left {
	  float: none;
	  width: 100%;
  }
}

.recruitpage-block-right {
	float: right;
	width: 50%;
}
@media (max-width: 999px) {
  .recruitpage-block-right {
	  float: none;
	  width: 100%;
  }
}

.green-background {
	background: linear-gradient(45deg, #85d268, #4ec149)!important;
}

.recruit_cosplayerimg {
	width: 100%;
	height: auto;
vertical-align: top!important;
}

.recruitpage-block:after {
	display: block;
	content: "";
	clear: both;
}

.recruitpage-textblock {
	padding: 30px 30px 30px 30px;
	color: #444444;
	font-size: 15px;
	line-height: 1.6;
}
@media (max-width: 599px) {
  .recruitpage-textblock {
	  padding: 20px 14px 30px 14px;
	  font-size: 14px;
  }
}

/* テキストブロック見出しテキスト */
.recruitpage-textblock_midashi {
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 24px;
}
@media (min-width: 800px) and (max-width: 1050px) {
  .recruitpage-textblock_midashi {
	  font-size: 22px;
	  margin-bottom: 16px;
  }
}
@media (min-width: 600px) and (max-width: 799px) {
  .recruitpage-textblock_midashi {
	  font-size: 20px;
	  margin-bottom: 16px;
  }
}
@media (max-width: 599px) {
  .recruitpage-textblock_midashi {
	  font-size: 18px;
	  margin-bottom: 16px;
  }
}

/* 「こんな人材を求める企業様に最適です」リスト */
.recruit-staff-ul {
	margin-bottom:20px;
	text-align: center;
}
@media (max-width: 999px) {
.recruit-staff-ul {
	margin-bottom: 0;
}
}

.recruit-staff-ul:after {
	display: block;
	content: "";
	clear: both;
}

.recruit-staff-li {
	float: left;
	padding-right: 30px;
}

.recruit-staff-li:last-child {
	padding-right: 0;
}

@media (min-width: 1000px) and (max-width: 1099px) {
.recruit-staff-li {
	padding-right: 10px;
}
.recruit-staff-li:last-child {
	padding-right: 0;
}
}
@media (max-width: 999px) {
.recruit-staff-li {
	float: none;
	padding-right: 0;
}
.recruit-staff-li:last-child {
	padding-right: 0;
}
}


/* 「こんな人材を求める企業様にさいてきです」リスト1ブロック */
.recruit-staff-span {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	min-width: 300px;
	background-color: rgba(255,255,255,0.22);
	border: 1px solid rgba(84,165,74,0.5);
	border-radius: 6px;
	padding: 22px 32px 22px 32px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 3px 1px rgba(0,0,0,0.04);
    box-shadow: 0 2px 3px 1px rgba(0,0,0,0.04);
}
@media (min-width: 1000px) and (max-width: 1099px) {
.recruit-staff-span {
	font-size: 15px;
	padding: 16px 20px 16px 20px;
}
}
@media (max-width: 999px) {
.recruit-staff-span {
	width: 100%;
	margin-bottom: 10px;
	padding: 16px 32px 16px 32px;
}
}






/* リクルートページ企業登録ボタン(上部看板内配置版) */
.entry-recruit {
	position: absolute;
	bottom: 100px;
	right: 9vw;
	overflow: hidden;
	text-align: center;
  display: inline-block;
  background-color: #e73270;
  color: #ffffff;
	font-size: 20px;
	font-weight: bold;
  padding: 24px 16px 24px 16px;
  min-width: 38vw;
	margin-top: 30px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 5px 0 rgba(165, 127, 44, .1);
  box-shadow: 0 2px 5px 1px rgba(0,0,0,0.3);
  transition: all .3s ease-in-out;
}

@media (min-width: 1000px) and (max-width: 1200px){
  .entry-recruit {
	  bottom: 70px;
  }
}

@media (min-width: 800px) and (max-width: 999px){
  .entry-recruit {
	  bottom: 45px;
	  font-size: 18px;
    padding: 20px 16px 20px 16px;
  }
}

@media (min-width: 600px) and (max-width: 799px){
  .entry-recruit {
	  bottom: 42px;
	  font-size: 14px;
    padding: 14px 18px 14px 18px;
  }
}

@media (min-width: 400px) and (max-width: 599px) {
  .entry-recruit {
	  bottom: 36px;
	  font-size: 10px;
    padding: 8px 10px 8px 10px;
  }
}

@media (max-width: 399px) {
  .entry-recruit {
	  bottom: 16px;
	  font-size: 8px;
    padding: 5px 5px 5px 5px;
	  right: 9vw;
	  font-weight: normal;
  }
}

.entry-recruit:hover {
	background-color: #000000;
}


/* 企業様へページ掲載フローテーブルフロート用大テーブル */
.recruit-flow-floattable {
	padding: 0 24px 0 24px;
}
@media (max-width: 799px) {
.recruit-flow-floattable {
	padding: 0 0 0 0;
}
}


.recruit-flow-floattable:after {
	display: block;
	content: "";
	clear: both;
}

/* 企業様へページマージン挿入用ブロック(4分割) */
.recruit-flow-marginwrapper {
	width: 25%;
	float: left;
}
@media (max-width: 779px) {
.recruit-flow-marginwrapper {
	width: 100%;
    background-color: #ffffff;
	float: none;
	border-bottom: solid 1px #f0f0f0;
}
}

/* 企業様へページ掲載フローテーブルブロック */
.recruit-flow-block {
    background-color: #f3fbf3;
	padding: 24px 24px 24px 24px;
	margin: 12px;
}
@media (min-width: 600px) and (max-width: 799px) {
.recruit-flow-block {
	padding: 12px 0 12px 0;
    background-color: #ffffff;
	margin: 0 30px 0 30px;
}
}
@media (max-width: 599px) {
.recruit-flow-block {
	padding: 12px 0 12px 0;
    background-color: #ffffff;
	margin: 0 12px 0 12px;
}
}

/* 企業様へページ掲載フローテーブルラージアイコン */
.recruit-flow-largeicon {

}
@media (max-width: 779px) {
.recruit-flow-largeicon {
	float: left;
}
}

/* 企業様へページ掲載フローテーブルラージアイコン画像 */
.recruit-flow-largeicon-img {
	width: 160px;
	height: 160px;
}
@media (max-width: 779px) {
.recruit-flow-largeicon-img {
	width: 110px;
	height: 110px;
}
}

/* 企業様へページ掲載フローテーブルテキストエリア（799px以下時フロート処理） */
.recruit-flow-textarea {
	color: #444444;
}
@media (max-width: 779px) {
.recruit-flow-textarea {
	margin-left: 110px;
	padding-left: 10px;
	text-align: left;
	min-height: 110px;
}
}

/* 企業様へページ掲載フローテーブルタイトルテキスト */
.recruit-flow-title {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.3;
	padding: 16px 0 16px 0;
}
@media (max-width: 779px) {
.recruit-flow-title {
	font-size: 16px;
	padding-bottom: 6px;
	padding-top: 8px;
}
}

/* 企業様へページ掲載フローテーブル本文テキスト */
.recruit-flow-text {
	font-size: 14px;
	line-height: 1.5;

}
@media (max-width: 779px) {
.recruit-flow-text {
	font-size: 13px;
	line-height: 1.3;
}
}

/* リクルートページテキストタイトルブロック3(中央バージョン) */
.recruit-subblock-title3 {
    position: relative;
    margin: 48px auto 20px auto;
    background-color: tranceparent;
	max-width: 780px;
    text-align: center;
	color: #000000;
    font-size: 30px;
    line-height: 1.3;
    font-weight: bold;
}

@media (min-width: 800px) and (max-width: 1050px) {
.recruit-subblock-title3 {
	font-size: 22px;
    margin: 32px auto 16px auto;
}
}
@media (min-width: 600px) and (max-width: 799px) {
.recruit-subblock-title3 {
    width: 100% !important;
    border-top: 1px solid #ff0000;
    border-bottom: 1px solid #ff0000;
    text-align: left;
	background-color: #ff0000;
	color: #ffffff;
    font-size: 18px;
    margin: 0 auto 0 auto;
	padding: 12px 14px 12px 30px;
}
}
@media (max-width: 599px) {
.recruit-subblock-title3 {
    width: 100% !important;
    border-top: 1px solid #ff0000;
    border-bottom: 1px solid #ff0000;
    text-align: left;
	background-color: #ff0000;
	color: #ffffff;
    font-size: 18px;
    margin: 0 auto 0 auto;
	padding: 8px 14px 8px 14px;
}
}


/* リクルートページ企業登録ボタン(最下部配置版) */
.entry-recruit-bottom {
	position: relative;
	overflow: hidden;
	text-align: center;
  display: inline-block;
  background-color: #e73270;
  color: #ffffff;
	font-size: 20px;
	font-weight: bold;
  padding: 24px 16px 24px 16px;
  min-width: 38vw;
	margin-top: 30px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 5px 0 rgba(165, 127, 44, .1);
  box-shadow: 0 2px 5px 1px rgba(0,0,0,0.3);
  transition: all .3s ease-in-out;
}
.entry-recruit-bottom:hover {
	background-color: #000000;
}

.reflection {
  height: 100%;
  width: 30px;
  position: absolute;
	display: inline-block;
  top: -180px;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflection 3s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 3s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 3s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 3s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -o-animation: reflection 3s ease-in-out infinite;
}

.reflection:hover {
	cursor: pointer;
}

@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; }
}

/* リクルートページよくある質問リンクボタン(最下部配置版) */
.faqbutton-recruit-bottom {
	position: relative;
	text-align: center;
    display: inline-block;
    border: 1px solid #e73270;
    color: #e73270;
	font-size: 16px;
	font-weight: normal;
    padding: 24px 16px 24px 16px;
    min-width: 38vw;
	margin-top: 30px;
	border-radius: 8px;
    transition: all .3s ease-in-out;
}
.faqbutton-recruit-bottom:hover {
    border: 1px solid #000000;
	background-color: #000000;
    color: #ffffff;
}
/* リクルートページ下部ブロック */
.recruitpage-bottomblock {
	position: relative;
	text-align: center;
	margin: 80px 0 80px 0;
	padding: 0 14px 0 14px;
	font-size: 15px;
}
@media (min-width: 600px) and (max-width: 799px){
  .recruitpage-bottomblock {
	  margin: 40px 0 50px 0;
  }
}
@media (max-width: 599px) {
  .recruitpage-bottomblock {
	  margin: 30px 0 40px 0;
  }
}

/* リクルートページ下部ブロックテキスト */
.recruitpage-bottomblock-text {
	display: inline-block;
	font-weight: bold;
	font-size: 20px;
	color: #444444;
	line-height: 1.3;
}
@media (min-width: 600px) and (max-width: 799px){
  .recruitpage-bottomblock-text {
	  font-size: 16px;
  }
}
@media (max-width: 599px) {
  .recruitpage-bottomblock-text {
	  font-size: 16px;
  }
}



/* リクルートページキャンペーンバナーエリア */
.recruitpage-campaignbannerarea {
	margin: 40px 30px 0 30px;
	text-align: center;
}
@media (max-width: 599px) {
.recruitpage-campaignbannerarea {
	margin: 20px 30px 0 30px;
}
}
.recruitpage-campaignbannerimg {
	max-width: 100%;
}

/* リクルートページ実績バナーエリア */
.recruit-logolink-area {
	margin: 0 36px 0 36px;
    border-top: solid 1px #f0f0f0;
}
@media (max-width: 599px) {
.recruit-logolink-area {
	margin: 0 14px 0 14px;
}
}

.recruit-logolink-title {
	width: 100%;
	margin: auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
}
@media (min-width: 600px) and (max-width: 799px){
.recruit-logolink-title {
	padding-top: 24px;
	padding-bottom: 0;
	font-size: 18px;
}
}
@media (max-width: 599px) {
.recruit-logolink-title {
	padding-top: 16px;
	padding-bottom: 0;
	font-size: 16px;
}
}

.recruit-logolink-ul {
	margin: 0 auto 0 auto;
	max-width: 1200px;
}

.recruit-logolink-ul:after {
	display: block;
	content: "";
	clear: both;
}

.recruit-logolink-li {
	float: left;
	width: 20%;
	padding: 8px;
}
@media (max-width: 599px) {
.recruit-logolink-li {
	width: 33.3333%;
}
}


.recruit-logolink-img {
	width: 100%;
	height: auto;
}


/* ---------------コスジョブとは？ページ関連-------------- */

.aboutpagetopimg {
	width: 100%;
	height: auto;
}

/* タイトル下説明文エリア */
.aboutpage_description {
	padding: 30px 30px 30px 30px;
	background: linear-gradient(45deg, #85d268, #4ec149);
	color: #ffffff;
	font-size: 15px;
	line-height: 1.6;
	text-align: center;
}
@media (min-width: 600px) and (max-width: 799px) {
  .aboutpage_description {
	  padding: 16px 8px 16px 8px;
	  font-size: 14px;
  }
}
@media (max-width: 599px) {
  .aboutpage_description {
	  padding: 14px 6px 16px 6px;
	  font-size: 14px;
  }
}

/* 職種リスト */
.about-staff-ul {
	/* margin-bottom:20px;
	text-align: center; */
}
@media (max-width: 599px) {
  .about-staff-ul {
	  /* margin-bottom: 0; */
  }
}

.about-staff-ul:after {
	display: block;
	content: "";
	clear: both;
}

.about-staff-li {
  float: left;
	padding: 0 10px 20px 10px;
	width: 33.3333%
	/* float: left;
	padding-right: 30px; */
}
@media (min-width: 600px) and (max-width: 999px) {
  .about-staff-li {
	  padding: 0 10px 20px 10px;
	  width: 50%
	  /* padding-right: 10px; */
  }
}
@media (max-width: 599px) {
  .about-staff-li {
	  padding: 0 5px 10px 5px;
	  width: 50%
	  /* float: none;
	  padding-right: 0; */
  }
  .about-staff-li:last-child {
	  /* padding-right: 0; */
  }
}

/* 職種リスト1ブロック */
.about-staff-span {
	width: 100%;
	text-align: center;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	background-color: rgba(255,255,255,0.22);
	border: 1px solid rgba(84,165,74,0.5);
	border-radius: 6px;
	padding: 22px 32px 22px 32px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 2px 3px 1px rgba(0,0,0,0.04);
  box-shadow: 0 2px 3px 1px rgba(0,0,0,0.04);
}
@media (min-width: 600px) and (max-width: 999px) {
  .about-staff-span {
	  font-size: 15px;
	  padding: 16px 20px 16px 20px;
  }
}
@media (max-width: 599px) {
  .about-staff-span {
	  width: 100%;
	  font-size: 11px;
	  padding: 8px 4px 8px 4px;
	  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.04);
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.04);
  }
}

/* タイトル下説明文見出しテキスト */
.about_description_midashi {
	display: inline-block;
	font-size: 30px;
	line-height: 1.3;
	margin-top: 24px;
	margin-bottom: 8px;
}
@media (min-width: 800px) and (max-width: 1050px) {
  .about_description_midashi {
	  font-size: 22px;
	  margin-top: 16px;
	  margin-bottom: 0;
  }
}
@media (min-width: 600px) and (max-width: 799px) {
  .about_description_midashi {
	  font-size: 20px;
	  margin-top: 0;
	  margin-bottom: 0;
  }
}
@media (max-width: 599px) {
  .about_description_midashi {
	  font-size: 14px;
	  font-weight: bold;
	  margin-top: 8px;
	  margin-bottom: 0;
  }
}

/* コスジョブとは？ページ下部ブロック */
.aboutpage-bottomblock {
	position: relative;
	text-align: center;
	padding: 80px 14px 80px 14px;
	border-bottom: solid 1px #f0f0f0;
}
@media (min-width: 600px) and (max-width: 799px){
  .aboutpage-bottomblock {
	  padding: 20px 0 30px 0;
  }
}
@media (max-width: 599px) {
  .aboutpage-bottomblock {
	  padding: 20px 0 20px 0;
	  border-bottom: solid 1px #f0f0f0;
  }
}

/* コスジョブとは？ページ下部ブロックその2 */
.aboutpage-bottomblock2 {
	position: relative;
	text-align: center;
	padding: 40px 14px 40px 14px;
	border-bottom: solid 1px #f0f0f0;
	background-color: #f9f9f9;
}
@media (min-width: 600px) and (max-width: 799px){
  .aboutpage-bottomblock2 {
	  background-color: #f9f9f9;
	  padding: 20px 0 30px 0;
  }
}
@media (max-width: 599px) {
  .aboutpage-bottomblock2 {
	  background-color: #f9f9f9;
	  padding: 20px 0 20px 0;
	  border-bottom: solid 1px #f0f0f0;
  }
}

/* コスジョブとは？ページ下部ブロックテキスト */
.aboutpage-bottomblock-text {
	font-weight: bold;
	font-size: 24px;
	color: #444444;
	line-height: 1.3;
}
@media (min-width: 600px) and (max-width: 799px){
  .aboutpage-bottomblock-text {
	  font-size: 18px;
  }
}
@media (max-width: 599px) {
  .aboutpage-bottomblock-text {
	  font-size: 16px;
  }
}

/* コスジョブとは？ページ下部ブロックテキストその2 */
.aboutpage-bottomblock-text2 {
	display: inline-block;
	margin-top: 8px;
	font-weight: normal;
	font-size: 18px;
	color: #444444;
	line-height: 1.3;
}
@media (min-width: 600px) and (max-width: 799px){
  .aboutpage-bottomblock-text2 {
	  margin-top: 0;
	  font-size: 14px;
  }
}
@media (max-width: 599px) {
  .aboutpage-bottomblock-text2 {
	  margin-top: 0;
	  font-size: 13px;
  }
}

/* 登録ボタン(最下部配置版) */
.entry-about-bottom {
	position: relative;
	overflow: hidden;
	text-align: center;
  display: inline-block;
  background-color: #ff0000;
  color: #ffffff;
	font-size: 20px;
	font-weight: bold;
  padding: 24px 16px 24px 16px;
  min-width: 38vw;
	margin-top: 30px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 5px 0 rgba(165, 127, 44, .1);
  box-shadow: 0 2px 5px 1px rgba(0,0,0,0.3);
  transition: all .3s ease-in-out;
}
@media (min-width: 600px) and (max-width: 799px){
  .entry-about-bottom {
	  margin-top: 20px;
  }
}
@media (max-width: 599px) {
  .entry-about-bottom {
	  margin-top: 16px;
  }
}

.entry-about-bottom:hover {
	background-color: #000000;
}

/* ---------------コスジョブとは？ページレスポンシブフロート関連-------------- */

/* お買い物ガイドページ特徴テーブルフロート用大テーブル */
.aboutpage-spec-floattable {
	padding: 0 24px 0 24px;
}
@media (max-width: 799px) {
  .aboutpage-spec-floattable {
	  padding: 0 0 0 0;
  }
}

.aboutpage-spec-floattable:after {
	display: block;
	content: "";
	clear: both;
}

/* お買い物ガイドページマージン挿入用ブロック(4分割) */
.aboutpage-spec-marginwrapper {
	width: 25%;
	float: left;
}
@media (max-width: 779px) {
  .aboutpage-spec-marginwrapper {
	  width: 100%;
    background-color: #ffffff;
	  float: none;
	  border-bottom: solid 1px #f0f0f0;
  }
}

/* お買い物ガイドページマージン挿入用ブロック(2分割) */
.aboutpage-spec-marginwrapper2 {
	width: 50%;
	float: left;
}
@media (max-width: 779px) {
  .aboutpage-spec-marginwrapper2 {
	  width: 100%;
    background-color: #ffffff;
	  float: none;
	  border-bottom: solid 1px #f0f0f0;
  }
}

/* お買い物ガイドページ特徴テーブルブロック */
.aboutpage-spec-block {
  background-color: #f3fbf3;
	padding: 24px 24px 24px 24px;
	margin: 12px;
}
@media (max-width: 779px) {
  .aboutpage-spec-block {
	  padding: 12px 0 12px 0;
    background-color: #ffffff;
	  margin-top: 0;
	  margin-bottom: 0;
  }
}

/* お買い物ガイドページ特徴テーブルラージアイコン */
.aboutpage-spec-largeicon {

}
@media (max-width: 779px) {
.aboutpage-spec-largeicon {
	float: left;
}
}

/* お買い物ガイドページ特徴テーブルラージアイコン画像 */
.aboutpage-spec-largeicon-img {
	width: 160px;
	height: 160px;
}
@media (max-width: 779px) {
  .aboutpage-spec-largeicon-img {
	  width: 110px;
	  height: 110px;
  }
}

/* お買い物ガイドページ特徴テーブルテキストエリア（799px以下時フロート処理） */
.aboutpage-spec-textarea {
	color: #444444;
}
@media (max-width: 779px) {
  .aboutpage-spec-textarea {
	  margin-left: 110px;
	  padding-left: 10px;
	  text-align: left;
	  min-height: 110px;
  }
}

/* お買い物ガイドページ特徴テーブルタイトルテキスト */
.aboutpage-spec-title {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.3;
	padding: 16px 0 16px 0;
}
@media (max-width: 779px) {
  .aboutpage-spec-title {
	  font-size: 16px;
	  padding-bottom: 6px;
	  padding-top: 8px;
  }
}

/* お買い物ガイドページ特徴テーブル本文テキスト */
.aboutpage-spec-text {
	font-size: 14px;
	line-height: 1.5;

}
@media (max-width: 779px) {
  .aboutpage-spec-text {
	  font-size: 13px;
	  line-height: 1.3;
  }
}

/* 案内ページテキストタイトルブロック3(中央バージョン) */
.annai-subblock-title3 {
  position: relative;
  margin: 48px auto 20px auto;
  background-color: transparent;
	max-width: 780px;
  text-align: center;
	color: #ff0000;
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
}
@media (max-width: 799px) {
  .annai-subblock-title3 {
    width: 100% !important;
    border-top: 1px solid #ff0000;
    border-bottom: 1px solid #ff0000;
    text-align: left;
	  background-color: #ff0000;
	  color: #ffffff;
    font-size: 18px;
    margin: 0 auto 0 auto;
	  padding: 8px 14px 8px 14px;
  }
}

/* アーカイブtwitter画像 */
.actwitter-img {
	width: 40%;
	max-width: 320px;
	margin-bottom: 8px;
}

/* ヘッダーメニューオーバーレイ */
.overlay {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
@media (max-width: 599px) {
  .pc-only-overlay {
    display: none;
  }
}

/* UIロック スピナー */
.ui-coverspinner-container {
  position: relative;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.ui-coverspinner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.7;
}
.ui-coverspinner i {
  opacity: 0.7;
  color: #666;
}

.inline-spinner {
  display: inline-block;
}

/* メッセージ詳細UIロック スピナー */
@media (min-width: 600px) {
  .messagelist-spinner {
    display: inline-block;
  }
}

/* テキストボックス閉じるボタン */
.ui_texbox_close_button {
  position: absolute;
  background-color: #ccc;
  padding: 8px;
  border-radius: 6px;
  transition: all .4s ease-in-out;
  margin-left: 5px;
  margin-top: 3px;
}

/* 入力文字数アラート */
.input-indicator-alert {
  color: #ff0000;
  font-weight: normal;
}

/* 未読件数表示バッジ */
.unread-count-badge {
  top: 0px;
  right: 0px;
  position: absolute;
  padding: 4px 6px;
  background: #fa0000;
  font-family: "Helvetica Neue", "Arial", sans-serif;
  font-weight: bold;
  font-size: 0.6rem;
  border-radius: 18px;
  line-height: 1;
  color: #ffffff;
}

/* ########################## 画面幅599px以下処理開始 ########################## */
@media (max-width: 599px) {

  /* 汎用PC版のみ表示 */
  .mobile-display-none{
	  display:none !important
  }

  /* モバイル用ドロワーメニューを表示 */
  .drawermenu {
	  display: block;
  }

  /* PC用ヘッダーを非表示 */
  header#pc {
	  display: none;
  }

  /* モバイル版ページャー */
  .mobile-pagenation {
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  text-align: center;
	  border-top:1px solid #efefef;
	  border-bottom:1px solid #efefef;
	  background-color: #f8f8f8;
  }

  .mobile-pagenation:after {
	  display: block;
	  content: "";
	  clear:both;
  }

  .mobile-pagenation-left {
	  float: left;
	  width: 25%;
  }

  .mobile-pagenation-center {
	  float: left;
	  width: 50%;
  }

  .mobile-pagenation-right {
	  float: left;
	  width: 25%;
  }

  .mobile-pagenation  a {
	  display: inline-block;
	  width: 100%;
	  padding: 18px 0;
	  margin: 0;
	  background-color: #f8f8f8;
	  text-decoration: none;
  }

  /* 右矢印アイコンスリム版 */
  .arrow-right-slim{
	  display: inline-block;
	  width: 18px;
	  height: 18px;
	  border-top: 1px solid #bbbbbb;
	  border-right: 1px solid #bbbbbb;
	  -ms-transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
  }

  /* 左矢印アイコンスリム版 */
  .arrow-left-slim{
	  display: inline-block;
	  width: 18px;
	  height: 18px;
	  border-top: 1px solid #bbbbbb;
	  border-left: 1px solid #bbbbbb;
	  -ms-transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
  }

  header#mobile {
	  display: block;
  }

  header {
	  background-color: #41a558;
	  border-bottom: solid 1px #41a558;
  }

  div.js-clingify-placeholder {
	  display: none;
  }

  /* ヘッダー検索アイコン */
  .headerright .fa-search {
	  font-size: 18px;
	  color: #ffffff;
  }

  /* ヘッダーベルアイコン */
  .headerright .fa-bell-o {
	  font-size: 18px;
	  color: #ffffff;
  }

  /* ヘッダーショッピングカートアイコン */
  .headerright .fa-shopping-cart {
	  font-size: 18px;
	  color: #ffffff;
  }

  .headerright {
	  float:right;
	  position: relative;
	  height: 50px;
	  padding: 0 46px 0 0;

  }
  .headerright a {
	  display: inline-block;
	  height: 50px;
	  background-color: #41a558;
	  padding:16px 11px 8px 11px;
  }

  /* ヘッダーアコーディオンメニュー */
  .header-accordion-menu {
	  float:left;
  }

  .header-accordion-menu a {
	  display: inline-block;
	  height: 50px;
	  background-color: #41a558;
	  padding:16px 16px 8px 16px;
  }

  /* ヘッダーハンバーガーメニューアイコン */
  .headerleft .fa-bars {
	  font-size: 18px;
	  color: #41a558;/* ドロワーメニュー利用につき、色を背景色と同化させている。 */
  }

  /* サイトロゴの左パディングを調整 */
  .site {
	  padding-left: 0;
  }

  /* 左サイドメニュー */
  nav.sidemenu {
	  margin-bottom: 0;
  }
  nav.sidemenu h1 {
	  font-size: 12px;
	  color: #cf1a1a;
	  font-weight: normal;
	  border-bottom: 1px solid #efefef;
	  padding: 8px 10px 8px 16px;
  }

  nav.sidemenu li a{
	  font-size: 13px;
	  padding: 10px 10px 10px 16px;
  }
}
/* ########################## 画面幅599px以下処理終了 ########################## */

/* ########################## 画面幅600px以上799px未満（iPad縦想定）処理開始 ########################## */
@media (min-width: 600px) and (max-width: 799px){

  /* 汎用モバイル版のみ表示 */
  .pc-display-none {
	  display:none !important
  }

  .container:after {/* フッターが上部に来てしまうのを避ける処理 */
	  display: block;
	  clear: both;
	  content: ""
  }

  .slider-container:after {/* フッターが上部に来てしまうのを避ける処理 */
	  display: block;
	  clear: both;
	  content: ""
  }
}
/* ########################## 画面幅600px以上799px未満（iPad縦想定）処理終了 ########################## */

/* ########################## 画面幅800px以上処理開始 ########################## */
@media (min-width: 800px) {

  /* 汎用モバイル版のみ表示(タブレット以上非表示) */
  .pc-display-none {
	  display:none !important
  }
}
/* ########################## 画面幅800px以上処理終了 ########################## */

/* ########################## 画面幅600px以上限定処理開始 ########################## */
@media (min-width: 599px) {

  /* 汎用スマホ以外のみ非表示 */
  .notsmartphone-display-none {
	  display:none!important;
  }
}
/* ########################## 画面幅600px以上限定処理終わり ########################## */

/* ########################## 画面幅800px以上1050px未満（iPad横想定）処理開始 ########################## */
@media (min-width: 800px) and (max-width: 1049px){

.contentblock {/* iPad横マージン調整 */
  float: right;
  width: 100%;
  padding-left: 230px;
	padding-top: 10px;
	padding-bottom: 10px;
  margin-left: -230px;
	background-color: #ffffff;/* テスト用。後で削除すること */
}

.contentblock-membermenu {/* iPad横マージン調整 */
  float: right;
  width: 100%;
  padding-left: 230px;
	padding-top: 10px;
  margin-left: -230px;
	background-color: #ffffff;/* テスト用。後で削除すること */
}


.no-separate {/* contentblockのうち、左右分割が無いバージョン */
  float: none;
  padding-left: 0;
  margin-left: 0px;
}

.bgcolor-gray {/* contentblockのうち、背景色がグレー色のバージョン */
	background-color: #f5f5f5;
}

}
/* ########################## 画面幅800px以上1050px未満（iPad横想定）処理終わり ########################## */





/* ########################## 画面幅1050px以上限定処理開始 ########################## */
@media (min-width: 1050px) {

.contentblock {
	padding-top: 24px;
	padding-bottom: 24px;
}

.contentblock-membermenu {
	padding-top: 0px;
	padding-bottom: 0px;
}


}
/* ########################## 画面幅1050px以上限定処理終わり ########################## */

/* ---------------リリース後追加分-------------- */
/*.ad-img {
  width: 100%;
  height: auto;
  border: solid 1px #e3e3e3;
  border-radius: 4px;
  margin-bottom: 4px;
}

.ad-label {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 20px;
  color: #cccccc;
  font-size: 11px;
}*/

ad[adtype=image] img {
  width: 100%;
  height: auto;
  border: solid 1px #e3e3e3;
  border-radius: 4px;
  margin-bottom: 4px;
}

.ad-label {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 20px;
  color: #cccccc;
  font-size: 11px;
}