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

/* Androidタップ後のオレンジ色の枠線を消す処理（http://metrograph.jp/css_android_orange/） */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;   
    outline: none;
}

/* twitterを埋め込みでipadで横幅がはみ出すバグ対策 */
.twitter-adjust {
	width: 100%;
}
@media (max-width: 599px){
.twitter-adjust {
	margin-right: -14px!important;
	margin-left: -14px!important;
}
}
.twitter-adjust iframe {
	width: 740px !important;
}


*, *: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;
}

body {
	padding: 0;
	margin: 0;
	font: normal 14px "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif; color:#000000; line-height:180%;
	-webkit-text-size-adjust: 100%;/* iPhoneサファリで横向き画面時テキストが拡大されるのを防止 */
	word-wrap: break-word; /* 長いURLが文中に含まれる場合の強制折り返し */
	overflow-wrap: break-word;  /* 長いURLが文中に含まれる場合の強制折り返し */
	overflow-y: scroll;
	position: relative;
	background-color: #ffffff;
}

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

figure {
	display: inline-block;
	padding: 0;
	margin: 0;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 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:160%;
}

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.memberlink {
	color: #000000;
	text-decoration: none;
}
a.memberlink: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;
}

/* 汎用スマホのみパディング無し */
@media (max-width: 599px){
.sp-nopadding {
	padding: 0!important;
}
}


/* 汎用マージン無し */
.nomargin {
	margin: 0!important;
}

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

/* 汎用スマホのみトップパディング無し */
@media (max-width: 599px){
.sp-no-toppadding {
	padding-top: 0!important;
}
}



/* 汎用トップボーダー無し */
.no-topborder {
	border-top: none!important;
}

/* 汎用ボトムボーダー無し */
.no-bottomborder {
	border-bottom: none!important;
}

/* 汎用右ボーダー無し */
.no-rightborder {
	border-right: none!important;
}

/* 汎用左ボーダー無し */
.no-leftborder {
	border-left: none!important;
}


/* 汎用ポジション相対指定 */
.position-relative {
	position: relative!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){
.sp-text-hide {
	  display: inline-block;
    text-indent: -9999px;
}
}

/* 汎用スマホ時のみテキストを隠す */
@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;
}


/* メインページ用ヘッダー固定・ヘッダーエリア */
.header-fixed-header {
	position: fixed;
	top:0px;
	width: 100%;
	height: 51px;
	z-index: 121;
}

/* メインページ用ヘッダー固定・コンテンツエリア */
.header-fixed-content {
	margin-top: 66px;
}
@media (max-width: 1049px){
.header-fixed-content {
	margin-top: 54px;
}
}

/* マージン調整ブロック※PC表示時のみ表示されるコンテンツメニュー分の高さ38pxを加える処理 */
.add-margin-contentmenu {
	padding-top: 38px;
}
@media (max-width: 1049px){ 
.add-margin-contentmenu {
	padding-top: 0px;
}
}

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


.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;
	max-width: 100%;
	margin: 2px 0px;/* セレクトボックスが詰まってしまうので対策 */
  }
}

.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%;
  }
}



/* ヘッダーの検索ボックスのフォーカスを避ける処理。通常時と同じ設定で上書きしている。 */
.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 50px 10px 50px;
  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;
}

/* モバイルのみ表示するページタイトル */
.mobile-pagetitle {
	display: block;
    background-color: #f9f9f9;
	color: #666666;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    text-align: left!important;
    padding: 16px 10px 14px 14px;
    background-color: #f5f7fa;
    line-height: 1.0;
    border-bottom: 1px solid #dddfe2;
	transition: all .4s ease-in-out;
}
@media (min-width: 600px) {
.mobile-pagetitle {
	display: none;
}
}


/* --------------------------------フォーム基本パーツ(アプリ専用)-------------------------------- */


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

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

.form-block2018 {/* フォーム基本ブロック */
	width: 100%;
	text-align: left;
	padding-top: 24px;
	padding-bottom: 24px;
	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-block2018 {/* フォーム基本ブロック */
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 12px;
	padding-bottom: 12px;
}
}
.form-block2018:after {/* フォーム基本ブロックフロート解除 */
	display: block;
	content: "";
	clear: both;
}


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

.form-block-title2018 {/* フォーム基本ブロック項目名 */
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	line-height: 23px;
	float: left;
	width: 260px;
	min-height: 23px;
	

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

.form-block-input2018 {/* フォーム基本ブロックフォームパーツ */
	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-input2018 {/* フォーム基本ブロックフォームパーツ */
	float: none;
	width: 100%;
	max-width: 100%;
}
}

.form-block-input-1line2018 {/* フォーム基本ブロックフォームパーツ(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-1line2018 {/* フォーム基本ブロックフォームパーツ(1行マルチ)  */
	float: none;
}
}


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

.input-inline2018 {/* フォーム内テキストをインラインブロックで使いたい場合span */
	vertical-align: middle;
	line-height: 28px;/* 広すぎたので35pxから変更（違和感があれば戻して下さい） */
	font-size: 15px;
}
@media (max-width: 799px) {
.input-inline2018
	line-height: 24px
}
}

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

.formoubo2018, .formoubo-1line2018 {
	font: normal 15px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; background:#f2f2f2;
	border-bottom:1px solid #ebebeb;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;

	background-color: #ffffff;
	padding: 6px;
	max-width: 500px;
	-webkit-appearance: none;
}


.formoubo::-webkit-input-placeholder {line-height: 1; color: #bbbbbb;}
.formoubo:-ms-input-placeholder {line-height: 1; color: #bbbbbb;}
.formoubo::-moz-placeholder {line-height: 1; color: #bbbbbb;}
.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; color: #bbbbbb;}



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

input[type="text"]:focus, select:focus, textarea:focus {
	background-color: #ffffff;
	border:1px solid #42acd3
/* 	border-bottom:1px solid #42acd3;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff; */
}

.item-search-input:focus {
	outline:none;
}


.form-block-input2016 input[type="text"]:focus, 
.form-block-input2016 select:focus, 
.form-block-input2016 textarea:focus {
	background-color: #ffffff;
    border: 1px solid #42acd3;
    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-shortest2018 {width: 100px;}
.formtext-shorter2018 {width: 140px;}
.formtext-normal2018 {width: 210px;}
.formtext-longer2018 {width: 300px;}
.formtext-longest2018 {width: 400px;}
.formtext-longestgest2018 {width: 480px;}

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

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
.formtext-shortest2018, .formtext-shorter2018, .formtext-normal2018, .formtext-longer2018, .formtext-longest2018, .formtext-longestgest2018 {
width: 100%;
}
}



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

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

.formbackbutton2018 {/* 書き直すボタン */
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	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;
	min-width: 240px;
	transition: all .4s ease-in-out;   
}

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

.inputdata2018 {/* 確認画面インプットデータ */
	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) {
.inputdata2018 {/* 確認画面インプットデータ */
	line-height: 20px;
}
}

.messagearea-black2018 {/* フォームメッセージ黒枠 */
	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-black2018 {/* フォームメッセージ黒枠 */
	font-size: 14px;
	margin-left: 16px;
	margin-right: 16px;
	padding: 16px 0 16px 0;
	margin-bottom: 0;
}
}

.messagearea-red2018 {/* フォームメッセージ赤枠 */
	max-width: 100%;
	border: 3px solid #ff0000;
	background-color: #fff158;
	padding: 40px 0 40px 0;
	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-red2018 {/* フォームメッセージ赤枠 */
	font-size: 14px;
	margin-left: 16px;
	margin-right: 16px;
	padding: 16px 0 16px 0;
	margin-bottom: 0;
}
}

/* --------------------------------トップページスライダー（Slick）-------------------------------- */

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

.toppage-slide-image {
	max-width: 1200px;
	width: 100%;
	height: auto;
}

.bottomline1px {
	padding-bottom: 4px!important;
	border-bottom: 1px solid #eeeeee;
}
@media (max-width: 799px) {
.bottomline1px {
	border-bottom: 0px;
}
}


.bgcolor-palegray {
	background-color: #ffffff!important;
}

.toppage-midashih1 {
	font-size: 14px;
	padding: 16px 0 12px 0;
}
@media (max-width: 599px) {
.toppage-midashih1 {
	font-size: 11px;
	padding: 8px 10px 6px 10px;
}
}


/* --------------------------コスプレ写真一覧を1行毎に表示カット-------------------------- */


@media (max-width: 599px) {
.lastphoto-cutting:nth-child(n+7) {/* 7番目以降表示カット */
	display: none;
}
}

@media (min-width: 600px) and (max-width: 1049px){
.lastphoto-cutting:nth-child(n+6) {/* 6番目以降表示カット */
	display: none;
}
}


@media (min-width: 1050px) and (max-width: 1399px){
.lastphoto-cutting:nth-child(n+3) {/* 3番目以降表示カット */
	display: none;
}
}

@media (min-width: 1400px) and (max-width: 1799px){
.lastphoto-cutting:nth-child(n+4) {/* 4番目以降表示カット */
	display: none;
}
}

@media (min-width: 1800px) and (max-width: 2199px){
.lastphoto-cutting:nth-child(n+5) {/* 5番目以降表示カット */
	display: none;
}
}

@media (min-width: 2200px) and (max-width: 2599px){
.lastphoto-cutting:nth-child(n+6) {/* 6番目以降表示カット */
	display: none;
}
}

@media (min-width: 2600px) and (max-width: 2999px){
.lastphoto-cutting:nth-child(n+7) {/* 7番目以降表示カット */
	display: none;
}
}

@media (min-width: 3000px) and (max-width: 3399px){
.lastphoto-cutting:nth-child(n+8) {/* 8番目以降表示カット */
	display: none;
}
}

@media (min-width: 3400px) {
.lastphoto-cutting:nth-child(n+9) {/* 9番目以降表示カット */
	display: none;
}
}

@media (min-width: 600px) {
.lastphoto-cutting:last-child {/* 最後は常に表示 */
	display: inline-block;
}
}



/* --------------------------メンバー一覧を1行毎に表示カット-------------------------- */


@media (max-width: 599px) {
.lastmember-cutting:nth-child(n+7) {/* 7番目以降表示カット */
	display: none;
}
}

@media (min-width: 600px) and (max-width: 899px){
.lastmember-cutting:nth-child(n+7) {/* 7番目以降表示カット */
	display: none;
}
}


@media (min-width: 900px) and (max-width: 1299px){
.lastmember-cutting:nth-child(n+9) {/* 9番目以降表示カット */
	display: none;
}
}

@media (min-width: 1300px) and (max-width: 1599px){
.lastmember-cutting:nth-child(n+11) {/* 11番目以降表示カット */
	display: none;
}
}

@media (min-width: 1600px) and (max-width: 1899px){
.lastmember-cutting:nth-child(n+13) {/* 13番目以降表示カット */
	display: none;
}
}

@media (min-width: 1900px) and (max-width: 2199px){
.lastmember-cutting:nth-child(n+15) {/* 15番目以降表示カット */
	display: none;
}
}

@media (min-width: 2200px) and (max-width: 2499px){
.lastmember-cutting:nth-child(n+17) {/* 17番目以降表示カット */
	display: none;
}
}

@media (min-width: 2500px) and (max-width: 2899px){
.lastmember-cutting:nth-child(n+19) {/* 19番目以降表示カット */
	display: none;
}
}

@media (min-width: 2900px) {
.lastmember-cutting:nth-child(n+21) {/* 21番目以降表示カット */
	display: none;
}
}








/* --------------------------------投稿ボタン-------------------------------- */



.post-button-rightbottom {
	display: inline-block;
	position: fixed;
	right: 20px;
	bottom: 20px;
	background-color: #35c1eb;
	border-radius: 50%;
	padding: 2.8vw;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
	z-index: 3;
}
@media (min-width: 600px){
.post-button-rightbottom {
	display: none;
}
}

.post-button-photo {
	display: inline-block;
	width: 10vw;
	height: 10vw;
}



/* --------------------------------トップページ-------------------------------- */

/* サイド広告ブロック */
@media (max-width: 599px){
.side-add-block {
    border-bottom: 8px solid #eaeaea;
	margin-right: -14px;
	margin-left: -14px;
}
}

.toppage-listtitle-area {
	display: block;
	background-color: #ffffff;
	margin-bottom: 10px;
}
@media (max-width: 799px){
.toppage-listtitle-area {
	background-color: #f2f2f2;
	margin-bottom: 0px;
}
}

/* 背景白実験（気に入らなかったら削除すること） */
@media (max-width: 599px){
.toppage-listtitle-area {
	background-color: #ffffff;
}
}

.toppage-listtitle {
	position: relative;
	display: inline-block;
	font-size: 22px;
	color: #ffffff;
	background-color: #8cc053;
	font-weight: bold;
	min-width: 260px;
	padding: 0px 24px 0px 24px;
	border-bottom: 1px solid #f5f5f5;
	line-height: 54px;
	text-align: center;
}
@media (min-width: 1050px) and (max-width: 1399px){
.toppage-listtitle {
	font-size: 18px;
	font-weight: bold;
	min-width: 220px;
	line-height: 48px;
}
}
@media (min-width: 800px) and (max-width: 1049px){
.toppage-listtitle {
	font-size: 17px;
	font-weight: bold;
	min-width: 220px;
	padding: 0px 24px 0px 24px;
	line-height: 46px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.toppage-listtitle {
	font-size: 16px;
	font-weight: normal;
	color: #444444;
	min-width: initial;
	padding: 0px 16px 0px 16px;
	background-color: transparent;
}
}
@media (max-width: 599px){
.toppage-listtitle {
	font-size: 16px;
	font-weight: bold;
	color: #444444;
	min-width: initial;
	padding: 0px 12px 0px 12px;
	background-color: transparent;
	line-height: 52px;
	border-bottom: 0px;
}
}



/* 下矢印吹き出し */
.toppage-listtitle:before {
	content: "";
	position: absolute;
	bottom: -23px;
	right: 50%;
	margin-right: -12px;
	border: 12px solid transparent;
	border-top: 12px solid #8cc053;
}
@media (max-width: 799px){
.toppage-listtitle:before {
	display: none;
}
}


/* 右上「一覧へ」リンク */
.toppage-listtitle-rightlink {
	display: inline-block;
	float: right;
	font-size: 18px;
	color: #909090;
	line-height: 54px;
	background-color: #ffffff;
	padding: 0 30px 0 30px;
	transition: all .4s ease-in-out;   
}
@media (min-width: 1050px) and (max-width: 1399px){
.toppage-listtitle-rightlink {
	padding: 0 16px 0 16px;
	font-size: 18px;
}
}
@media (min-width: 800px) and (max-width: 1049px){
.toppage-listtitle-rightlink {
	padding: 0 16px 0 16px;
	font-size: 17px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.toppage-listtitle-rightlink {
	padding: 0 16px 0 16px;
	font-size: 16px;
	background-color: #f2f2f2;
}
}
@media (max-width: 599px){
.toppage-listtitle-rightlink {
	padding: 0 16px 0 12px;
	font-size: 15px;
	line-height: 52px;
/* 	background-color: #f2f2f2; */

background-color: #ffffff;
/* 背景白実験（気に入らなかったら削除すること） */
}
}

.toppage-listtitle-rightlink:hover {
	background-color: #f0f0f0;
}




.toppage-listtitle-rightlink .fa-angle-right {
	display: inline-block;
	position: relative;
	top: 3px;
	margin-right: 10px;
	font-size: 30px;
	color: #bbbbbb;
}
@media (max-width: 599px){
.toppage-listtitle-rightlink .fa-angle-right {
	font-size: 20px;
	top: 0px;
	margin-right: 8px;
}
}

.toppage-photolist-block {
	margin-bottom: 70px;
}
@media (min-width: 1050px) and (max-width: 1399px){
.toppage-photolist-block {
	margin-bottom: 20px;
}
}
@media (min-width: 800px) and (max-width: 1049px){
.toppage-photolist-block {
	margin-bottom: 20px;
}
}
@media (max-width: 799px){
.toppage-photolist-block {
	margin-bottom: 0px;
}
}


/* 背景白実験（気に入らなかったら削除すること） */
@media (max-width: 599px){
.toppage-photolist-block {
	border-bottom: 8px solid #eaeaea;/* 変更前は8px */
}
}



/* ニュースエリア */
.toppage-newsarea {
	margin-top: 30px;
	margin-bottom: 70px;
    position: relative;
}
@media (min-width: 1050px) and (max-width: 1399px){
.toppage-newsarea {
	margin-bottom: 30px;
}
}
@media (min-width: 800px) and (max-width: 1049px){
.toppage-newsarea {
	margin-bottom: 30px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.toppage-newsarea {
	margin-bottom: 20px;
}
}
@media (max-width: 599px){
.toppage-newsarea {
/* 	margin-bottom: 10px;*/

/* 背景白実験（気に入らなかったら削除すること） */
	border-bottom: 8px solid #eaeaea;/* 変更前は8px */
	margin-bottom: 0px;
}
}

/* ヘッドラインブロック */
.toppage-headlineblock {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px;
}
@media (min-width: 800px) and (max-width: 1049px){
.toppage-headlineblock {
    margin-bottom: 20px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.toppage-headlineblock {
    margin-bottom: 16px;
}
}
@media (max-width: 599px){
.toppage-headlineblock {
    margin-bottom: 16px;
}
}

.toppage-headline-large {
	display: inline-block;
	color: #000000;
    font-size: 50px;
	font-weight: normal;
}
@media (min-width: 800px) and (max-width: 1049px){
.toppage-headline-large {
    font-size: 38px;
	padding-left: 4px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.toppage-headline-large {
    font-size: 34px;
	padding-left: 6px;
}
}
@media (max-width: 599px){
.toppage-headline-large {
    font-size: 30px;
	padding-left: 12px;
}
}


.toppage-headline-small {
	display: inline-block;
	margin-left: 26px;
    font-size: 18px;
}
@media (min-width: 800px) and (max-width: 1049px){
.toppage-headline-small {
	margin-left: 10px;
    font-size: 15px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.toppage-headline-small {
	margin-left: 10px;
    font-size: 14px;
}
}
@media (max-width: 599px){
.toppage-headline-small {
	margin-left: 8px;
    font-size: 12px;
}
}

.toppage-listtable-date {
	display: inline-block;
    margin-right: 25px;
	color: #999999!important;
    font-size: 12px;
    height: 60px;
}
@media (max-width: 799px){
.toppage-listtable-date {
	display: block;
    height: auto;
}
}

.toppage-listtable-date:before {
	content: "\f017";
	font-family: FontAwesome;
	margin-right: 6px;
	font-size: 12px;
    color: #999999;
}



/* リスト様式1（ul） */
.toppage-type1-ul {

}

/* リスト様式1（li） */
.toppage-type1-li {
	height: 60px;




	line-height: 60px;
}
@media (max-width: 799px){
.toppage-type1-li {
	height: auto;
	line-height: 1.5;
    border-right: none;
    border-left: none;
}
}


/* リスト様式1（a） */
.toppage-type1-a {
	display: flex;
	height: 100%;
	padding: 0px 25px 0px 25px;
	background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
	transition: all .4s ease-in-out;
}
@media (max-width: 799px){
.toppage-type1-a {
	display: block;
	height: initial;
    border-right: none;
    border-left: none;
	padding: 8px 14px 8px 14px;
}
}
@media (max-width: 599px){
.toppage-type1-a {
    border-bottom: 1px solid #eeeeee;
}
}

.toppage-type1-a:hover {
	background-color: #fbfbfb;
}

/* リスト様式1-表題テキスト） */
.toppage-type1-titletext {
	display: block;
	overflow: hidden;
    font-size: 14px;
    font-weight: 400;
	margin-left: 0;
    text-overflow: ellipsis;
    color: #333333;
    white-space: nowrap;
	line-height: 60px;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
@media (max-width: 799px){
.toppage-type1-titletext {
	margin-left: 0;
	overflow: visible;
    text-overflow: clip;
    white-space: normal;
	line-height: 1.5;
}
}

.toppage-type1-buttonblock {
    position: absolute;
    top: -16px;
    right: 0;
}
@media (min-width: 800px) and (max-width: 1049px){
.toppage-type1-buttonblock {
    top: -12px;
    right: 0px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.toppage-type1-buttonblock {
    top: -10px;
    right: 0px;
}
}
@media (max-width: 599px){
.toppage-type1-buttonblock {
    top: -8px;
    right: 10px;
}
}

/* リスト様式1（一覧ボタンl） */
.toppage-type1-button {
	display: inline-block;
    background-color: #86c149;
    min-width: 190px;
    height: 50px;
    padding: 0 15px;
    border-radius: 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
}
@media (min-width: 800px) and (max-width: 1049px){
.toppage-type1-button {
    height: 42px;
    line-height: 42px;
    min-width: initial;
    padding: 0 15px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.toppage-type1-button {
    height: 40px;
    line-height: 40px;
    min-width: initial;
    padding: 0 15px;
}
}
@media (max-width: 599px){
.toppage-type1-button {
    height: 36px;
    line-height: 36px;
    min-width: initial;
    padding: 0 15px;
}
}

.toppage-type1-li:first-child {
    border-top: 1px solid #dddddd;
}
@media (max-width: 599px){
.toppage-type1-li:first-child {
    border-top: 1px solid #eeeeee;
}
}


/* 知恵袋リストul */
.toppage-chielist-ul {
	margin-top: 20px;
}
@media (max-width: 599px){
.toppage-chielist-ul {
	margin-top: 0;
}
}

/* 知恵袋リストli */
.toppage-chielist-li {
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}
@media (max-width: 799px){
.toppage-chielist-li {
    border-right: none;
    border-left: none;
}
}
@media (max-width: 599px){
.toppage-chielist-li {
    border-bottom: 1px solid #eeeeee;
}
}


.toppage-chielist-li:first-child {
    border-top: 1px solid #dddddd;
}
@media (max-width: 599px){
.toppage-chielist-li:first-child {
    border-top: 1px solid #eeeeee;
}
}

@media (max-width: 599px){
.toppage-chielist-li:last-child {
    border-bottom: none;
}
}


/* 知恵袋リストa */
.toppage-chielist-a {
	width: 100%;
	display: block;
	padding: 20px 20px 20px 26px;
}
@media (max-width: 799px){
.toppage-chielist-a {
	padding: 8px 14px 8px 14px;
}
}


.toppage-chielist-a:hover {
	background-color: #fbfbfb;
}
.toppage-chielist-a:after {
	display: block;
	content: "";
	clear: both;
}

/* 知恵袋リストタイトルブロック */
.toppage-chielist-title {
	float: left;
	width: 100%;
	display: inline-block;
    font-size: 14px;
	color: #333333;
	font-weight: normal;
	overflow: hidden;
    text-overflow: ellipsis;
	padding-right: 160px;
	margin-right: -160px;
    white-space: nowrap;
}
@media (max-width: 1049px){
.toppage-chielist-title {
	float: none;
	padding-right: 0px;
	margin-right: 0px;
    text-overflow: clip;
	overflow: visible;
    white-space: normal;
}
}

/* ジャンルブロック */
.toppage-chielist-category {
	float: left;
	display: inline-block;
	color: #333333;
    font-size: 14px;
	width: 160px;
	text-align: right;
}
@media (max-width: 1049px){
.toppage-chielist-category {
	float: none;
	display: block;
    font-size: 13px;
	width: 100%;
	margin-top: 2px;
	text-align: right;
}
}
@media (max-width: 599px) {
.toppage-chielist-category {
	color: #999999;
    font-size: 11px;
}
}

/* 知恵袋アイコン */
.toppage-chielist-icon {
	position: relative;
	width: 22px;
	height: 22px;
	top: 0px;
	margin-right: 6px;
}



/* トップページイベント一覧イベントブロック */
.toppage-eventlist-1block {
	position: relative;
	display: block;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 0px;
	color: #333333;
	transition: all .4s ease-in-out;
}
@media (min-width: 1400px){
.toppage-eventlist-1block {
	padding-right: 16px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 16px;
}
}
@media (max-width: 599px) {
.toppage-eventlist-1block {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
}

.toppage-eventlist-1block:after {
	display: block;
	content: "";
	clear: both;
}

.toppage-eventlist-1block:hover {
	background-color: #f9f9f9;
}


/* イベント名ラベル */
.toppage-eventlist-eventtitletext {
	display: -webkit-box;
	padding-top: 4px;
	height: 2.8em;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	color: #333333;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
@media (max-width: 599px) {
.toppage-eventlist-eventtitletext {
	padding-top: 0px;
	height: 2.5em;
	font-size: 14px;
	font-weight: bold;
}
}


/* トップページイベントリストブロック */
.toppage-eventlist-block {
	margin-bottom: 70px;
}
@media (min-width: 1050px) and (max-width: 1399px){
.toppage-eventlist-block {
	margin-bottom: 20px;
}
}
@media (min-width: 800px) and (max-width: 1049px){
.toppage-eventlist-block {
	margin-bottom: 20px;
}
}
@media (min-width: 600px) and (max-width: 79px){
.toppage-eventlist-block {
	margin-bottom: 0px;
}
}
@media (max-width: 599px) {
.toppage-eventlist-block {
	border-bottom: 8px solid #eaeaea;
	margin-bottom: 0px;
}
}

.toppage-eventlist-ul {
	margin-bottom: 70px;
}
@media (max-width: 599px) {
.toppage-eventlist-ul {
	border-bottom: 0px solid #eaeaea;/* 変更前は8px */
	margin-bottom: 0px;
}
}

.toppage-eventlist-li {
	border-bottom: 1px solid #eeeeee;
}
@media (min-width: 1400px){
.toppage-eventlist-li {
	float: left;
	width: 50%;
}
}
@media (max-width: 599px) {
.toppage-eventlist-li:first-child {
	border-top: 1px solid #eeeeee;
}
.toppage-eventlist-li:last-child {
	border-bottom: 0px;
}
}


@media (min-width: 1400px){
.toppage-eventlist-ul:after {
	display: block;
	content: "";
	clear: both;
}
}


/* ----------------パーソナルデータ表示部---------------- */


.personal-block {
	position: relative;
	border: 1px solid #dedede;
	border-radius: 4px;
	margin-bottom: 10px;
}

/* カバー画像 */
.personal-block-coverphotoimg {
	display: inline-block;
	width: 100%;
	height: auto;
}



/* 中段ブロック */
.personal-block-middleblock {
	position: relative;
	display: block;
	background-color: #f7f7f7;
	padding: 12px 14px 12px 110px;
	transition: all .4s ease-in-out;
}
@media (min-width: 800px) and (max-width: 1049px){
.personal-block-middleblock {
	padding: 12px 14px 12px 100px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.personal-block-middleblock {
	padding: 10px 10px 10px 80px;
}
}

/* コスネーム */
.personal-block-cosname {
	font-weight: bold;
	font-size: 17px;
	color: #000000;
	line-height: 1.3;
}
@media (min-width: 800px) and (max-width: 1049px){
.personal-block-cosname {
	font-size: 16px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.personal-block-cosname {
	font-size: 15px;
}
}

/* レベル表示テキスト */
.personal-block-leveltext {
	font-size: 11px;
	color: #666666;
	line-height: 1.2;
}

/* アバター画像リンク */
.personal-block-avatarlink {
    display: inline-block;
    position: absolute;
    top: 50%;
	margin-top: -45px;/* 画像の高さの半分を戻す */
    left: 0px;
	padding: 0 14px 0 10px;
	transition: all .4s ease-in-out;
}
@media (min-width: 800px) and (max-width: 1049px){
.personal-block-avatarlink {
	margin-top: -40px;/* 画像の高さの半分を戻す */
}
}
@media (min-width: 600px) and (max-width: 799px){
.personal-block-avatarlink {
	margin-top: -32px;/* 画像の高さの半分を戻す */
	padding: 0 14px 0 8px;
}
}

/* アバター画像 */
.personal-block-avatarimg {
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    width: 90px;
    height: auto;
    transition: all .2s ease-in-out;
}
@media (min-width: 800px) and (max-width: 1049px){
.personal-block-avatarimg {
    width: 80px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.personal-block-avatarimg {
    width: 64px;
}
}

/* 下部リスト-ul */
.personal-block-bottomlist-ul {
	width: 100%;
	padding: 26px 10px 16px 10px;
	background-color: #ffffff;
}
@media (min-width: 800px) and (max-width: 1049px){
.personal-block-bottomlist-ul {
	padding: 20px 10px 10px 10px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.personal-block-bottomlist-ul {
	padding: 12px 4px 8px 4px;
}
}

/* 下部リスト-li */
.personal-block-bottomlist-li {
	display: table-cell;
	text-align: center;
	border-right: 1px solid #dedede;
	width: 100px;
}

.personal-block-bottomlist-li:last-child {
	border-right: none;
}

/* 下部リスト-a */
.personal-block-bottomlist-a {
	display: inline-block;
	transition: all .4s ease-in-out;
}

/* ラベルテキスト */
.personal-block-labeltext {
	display: inline-block;
	font-size: 10px;
	color: #999999;
	margin-bottom: 4px;
}
@media (min-width: 800px) and (max-width: 1049px){
.personal-block-labeltext {
	margin-bottom: 0px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.personal-block-labeltext {
	margin-bottom: 0px;
}
}

/* 数字カウントテキスト */
.personal-block-counttext {
	display: inline-block;
	font-size: 20px;
	color: #333333;
}
@media (min-width: 800px) and (max-width: 1049px){
.personal-block-counttext {
	font-size: 18px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.personal-block-counttext {
	font-size: 16px;
}
}


/* ------------カバー画像オーバーレイ----------- */

/* カバー画像オーバーレイ処理 */
.personal-block-cover-overlay {
	position: relative;
	display: table;
	width: 100%;
	height: auto;
}

.personal-block-coverlink {
	display: inline-block;
	position: relative;
	width: 100%;
	transition: all .4s ease-in-out;   
}

/* カバー画像オーバーレイインナー */
.personal-block-coverlink-inner {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	background-color: rgba(0,0,0,.6);
}

.personal-block-coverlink-inner:hover {
 	display: table-cell;
	cursor: pointer;
	animation: fadeshow .3s ease-in-out;
}

.personal-block-coverlink:hover + .personal-block-coverlink-inner {
 	display: table-cell;
	cursor: pointer;
	animation: fadeshow .3s ease-in-out; 
}

/* オーバーレイ用コンテンツ */
.personal-block-coverlink-inner-content {
	display: block;
	height: 100%;
	position: relative;
	margin-top: 24px;
}
@media (min-width: 800px) and (max-width: 1049px){
.personal-block-coverlink-inner-content {
	margin-top: 18px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.personal-block-coverlink-inner-content {
	margin-top: 10px;
}
}

.personal-block-coverlink-inner .fa-picture-o {
	position: relative;
	display: inline-block;
	font-size: 40px;
	color: #ffffff;
}
@media (min-width: 800px) and (max-width: 1049px){
.personal-block-coverlink-inner .fa-picture-o {
	font-size: 36px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.personal-block-coverlink-inner .fa-picture-o {
	font-size: 28px;
}
}

.personal-block-coverlink-inner-text {
	display: inline-block;
	font-size: 12px;
	color: #ffffff;
}
@media (min-width: 800px) and (max-width: 1049px){
.personal-block-coverlink-inner-text {
	font-size: 11px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.personal-block-coverlink-inner-text {
	font-size: 10px;
}
}

/* ------------アバター画像オーバーレイ----------- */








.personal-block-avatarlink-inner {
	display: none;
    position: absolute;
    border-radius: 50%;
    width: 90px;
    height: 90px;
	color: #ffffff;
	font-size: 11px;
	text-align: center;
    transition: all .2s ease-in-out;
	background-color: rgba(0,0,0,.6);
}
@media (min-width: 800px) and (max-width: 1049px){
.personal-block-avatarlink-inner {
    width: 80px;
    height: 80px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.personal-block-avatarlink-inner {
    width: 64px;
    height: 64px;
}
}

.personal-block-avatarlink-inner:hover {
 	display: inline-block;
	cursor: pointer;
	animation: fadeshow .3s ease-in-out;
}
.personal-block-avatarlink:hover > .personal-block-avatarlink-inner {
 	display: inline-block;
	cursor: pointer;
	animation: fadeshow .3s ease-in-out; 
}



.personal-block-avatarlink-inner .fa-picture-o {
	position: relative;
	font-size: 30px;
	margin-top: 18px;
}
@media (min-width: 800px) and (max-width: 1049px){
.personal-block-avatarlink-inner .fa-picture-o {
	font-size: 24px;
	margin-top: 18px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.personal-block-avatarlink-inner .fa-picture-o {
	font-size: 20px;
	margin-top: 14px;
}
}

.personal-block-avatarlink-inner-text {
	position: relative;
	font-size: 11px;
}
@media (min-width: 800px) and (max-width: 1049px){
.personal-block-avatarlink-inner-text {
	font-size: 10px;
	top: -2px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.personal-block-avatarlink-inner-text {
	font-size: 9px;
	top: -3px;
}
}

/* --------------------------------メッセージ（受信箱）ページ-------------------------------- */

/* フォルダリストul */
.msgbox-folderlist-ul {
	margin-top: 6px;
}
@media (max-width: 599px){
.msgbox-folderlist-ul {
	margin-right: -14px;
	margin-left: -14px;
}
}

.msgbox-folderlist-ul:after {
	display: block;
	content: "";
	clear: both;
}

/* フォルダリストli */
.msgbox-folderlist-li {
	background-color: #fcfcfc;
	border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
}
@media (max-width: 599px){
.msgbox-folderlist-li {
	float: left;
	background-color: transparent;
	border: none;
}
}

/* 最初と最後の角丸処理（配下のAタグも同時に設定する事） */
.msgbox-folderlist-li:first-child {
    border-top: 1px solid #f1f1f1;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.msgbox-folderlist-li:last-child {
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}
@media (max-width: 599px){
.msgbox-folderlist-li:first-child {
    border-top: none;
}
}

/* フォルダリストa */
.msgbox-folderlist-a {
	display: block;
	color: #333333;
	padding: 10px 10px 10px 16px;
    transition: all .4s ease-in-out;
}
@media (max-width: 599px){
.msgbox-folderlist-a {
	display: inline-block;
	padding: 4px 4px 4px 18px;
}
}

.msgbox-folderlist-a:hover {
	background-color: #f9f9f9;
}

.msgbox-folderlist-li:first-child .msgbox-folderlist-a {
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.msgbox-folderlist-li:last-child .msgbox-folderlist-a {
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}
@media (max-width: 599px){
.msgbox-folderlist-li:first-child .msgbox-folderlist-a {
	border-radius: 0px;
}

.msgbox-folderlist-li:last-child .msgbox-folderlist-a {
	border-radius: 0px;
}
}


/* メッセージリストテーブルul */
.msglisttable-ul {

}

/* メッセージリストテーブルli */
.msglisttable-li {
	border-bottom: 1px solid #eeeeee;
}

/* メッセージリストテーブルa */
.msglisttable-a {
	display: flex;
	justify-content: space-between;
	align-items: center;

	font-size: 14px;
	color: #333333;
	padding: 16px 12px 16px 12px;
    transition: all .4s ease-in-out;
}
@media (max-width: 599px){
.msglisttable-a {
	display: block;
	padding: 8px 14px 8px 14px;
}
}
@media (max-width: 599px){
.msglisttable-a:after {
	display: block;
	content: "";
	clear: both;
}
}

.msglisttable-a:hover {
	background-color: #f3f3f3;
}

/* メッセージリストテーブルタイトル */
.msglisttable-a-title {
	display: inline-block;
	color: #4bb2e7;
	flex-grow: 50;
	flex-shrink: 50;
	-moz-box-ordinal-group: 1;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	webkit-order: 0;
	order: 0;
}
@media (max-width: 599px){
.msglisttable-a-title {
	display: block;
	margin-bottom: 6px;
}
}

/* メッセージリストテーブル名前 */
.msglisttable-a-name {
	display: inline-block;
	color: #4bb2e7;
	margin-left: 8px;
	flex-basis: 110px;
	flex-grow: 0;
	flex-shrink: 0;
	-moz-box-ordinal-group: 1;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 1;
	webkit-order: 1;
	order: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 599px){
.msglisttable-a-name {
	float: right;
	font-size: 12px;
	margin: 0px 8px 0px 8px;
}
}
/* メッセージリストテーブル日付 */
.msglisttable-a-date {
	display: inline-block;
	flex-basis: 110px;
	flex-grow: 0;
	flex-shrink: 0;
	-moz-box-ordinal-group: 1;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 2;
	webkit-order: 2;
	order: 2;
}
@media (max-width: 599px){
.msglisttable-a-date {
	float: right;
	font-size: 12px;
	color: #aaaaaa;
}
}

/* 既読記事背景色変更 */
.msglist-kidoku {
	background-color: #fafafa;
}


/* 個人フォルダトグルエリア */
.privatefolder-toggle-menu {
  border: solid 1px #f1f1f1;
  border-radius: 12px;
  margin-bottom: 10px;
}

/* 個人フォルダトグル中身 */
.privatefolder-toggle-content {
	display:none;
}

/* 個人フォルダトグルタイトル */
.privatefolder-toggle-menu dt {
  background:url("../images/direction-bottom50.png") right 16px center no-repeat;
  background-size: 13px 7px;
  cursor: pointer;
  font-size: 14px;
  color: #333333;
  font-weight: normal;
  padding: 10px 10px 10px 16px;
}

/* 個人フォルダトグルタイトルアクティブ時 */
.privatefolder-toggle-menu dt.active {
	background:url("../images/direction-up50.png") right 16px center no-repeat;
  background-size: 13px 7px;
}

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

.privatefolder-li {

}

/* 個人フォルダ「受信用」「送信用」タイトルブロック */
.privatefolder-li:first-child {
  font-size: 12px;
  color: #333333;
  font-weight: bold;
}
@media (max-width: 599px){
.privatefolder-li:first-child {
	background-color: #f9f9f9;
}
}

.privatefolder-li:first-child:after {
	display: block;
	content: "";
	clear: both;
}

/* 個人フォルダ「受信用」「送信用」タイトルテキスト */
.privatefolder-titletext {
	display: inline-block;
	padding: 6px 8px 6px 14px;
}

/* 個人フォルダ新規作成リンク */
.privatefolder-addfolder {
	display: inline-block;
	float: right;
    color: #4bb2e7;
	font-weight: normal;
	padding: 6px 14px 6px 8px;
}

.privatefolder-addfolder:hover {
	text-decoration: underline;
}


/* 個人フォルダトグル中身リンクブロック */
.privatefolder-toggle-link {
	display: block;
	font-size: 14px;
	padding: 10px 10px 10px 16px;
	color: #333333;
	transition: all .4s ease-in-out;   
}
@media (max-width: 599px){
.privatefolder-toggle-link {
	display: inline-block;
	float: left;
	padding: 4px 4px 4px 18px;
}
}

.privatefolder-toggle-link:hover {
	background-color: #f3f3f3;
}

/* 返信済みマーカー */
.msglisttable-response-marker {
	display: inline-block;
	position: relative;
	top: -2px;
	font-size: 10px;
	line-height: 1.0;
	color: #ffffff;
	background-color: #23a1da;
	padding: 4px 10px 4px 10px;
	border-radius: 4px;
	margin-left: 4px;
}

/* 未読マーカー */
.msglisttable-midoku-marker {
	display: inline-block;
	position: relative;
	top: -2px;
	font-size: 10px;
	line-height: 1.0;
	color: #ffffff;
	background-color: #ff0000;
	padding: 4px 10px 4px 10px;
	border-radius: 4px;
	margin-left: 4px;
}
@media (max-width: 599px){
.msglisttable-response-marker, .msglisttable-midoku-marker {
	font-size: 9px;
	padding: 3px 7px 3px 7px;
	border-radius: 3px;
}
}

/* 旗アイコン */
.msglist-flagicon-img {
	height: 21px;
	width: auto;
	margin-right: 4px;

}

/* --------------------------------コスプレ写真一覧ページ-------------------------------- */

.cosphoto-thumnail-overlay {
    position: relative;
    display: table;
    width: 100%;
    height: auto;
}

.cosphoto-thumnail-coverlink {
    display: inline-block;
    position: relative;
    width: 100%;
    transition: all .4s ease-in-out;
}

/* 行末画像（もっと見る） */
.cosphoto-thumnail-coverlink-motto {
    display: flex;
	align-items: center;
	justify-content: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    transition: all .4s ease-in-out;
}

.cosphoto-thumnail-coverlink-motto:hover {
    background-color: rgba(0,0,0,.7);
}

/* 行末画像（もっと見る）テキスト */
.cosphoto-thumnail-coverlink-motto-text {
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 26px 10px 26px;
	border: 1px solid rgba(255,255,255,.7);
	border-radius: 26px;
}
@media (min-width: 600px) and (max-width: 799px){
.cosphoto-thumnail-coverlink-motto-text {
	font-size: 12px;
	padding: 8px 18px 8px 18px;
}
}

.cosphoto-thumnail-coverlink-inner {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 25%;
   /*- background-color: rgba(0,0,0,.6);  */
	background: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,.0));
}

.cosphoto-thumnail-coverlink-inner-content {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: left;
}


/* 上配置用オブジェクト */
.cosphoto-thumnail-coverlink-inner-topobject {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	padding: 10px;
	text-align: right;
}
@media (max-width: 599px){
.cosphoto-thumnail-coverlink-inner-topobject {
	padding: 8px;
}
}

/* 上配置用オブジェクト（3列配置時の追加クラス） */
@media (max-width: 599px){
.cosphoto-thumnail-inner-topobject-row3 {
	padding: 4px!important;
}
}


/* マイリスト用リンク(OFF) */
.cosphoto-thumnail-coverlink-inner-favoritelink {
	display: inline-block;
	color: #ffffff;
	font-size: 18px;
	line-height: 1.0;
	padding: 8px;
	border: 1px solid rgba(255,255,255,0.4);
	border-radius: 18px;
}

.cosphoto-thumnail-coverlink-inner-favoritelink .fa-star-o {
	opacity: 0.6;
}

/* マイリスト用リンク(ON) */
.cosphoto-thumnail-coverlink-inner-favoritelink-active {
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.0;
	padding: 8px 12px 8px 12px;
	background-color: #f6bf36;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 18px;
}


/* チャット中人数ON時に重ねて表示 */
.cosphoto-thumnail-favoritelink-active {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.0;
	padding: 8px 12px 8px 12px;
	background-color: #f6bf36;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 50%;
	border-radius: 18px;
}
/* マイリストON時に重ねて表示（3列配置時の追加クラス） */
@media (max-width: 599px){
.cosphoto-thumnail-favoritelink-row3 {
	top: 4px!important;
	right: 4px!important;
}
}

/* 2ショットチャット中に重ねて表示 */
.cosphoto-thumnail-2shotlink-active {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.0;
	padding: 8px 12px 8px 12px;
	background-color: #ff0000;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 50%;
	border-radius: 18px;
}


/* 下配置用オブジェクト */
.cosphoto-thumnail-coverlink-inner-bottomobject {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 12px;
}
@media (max-width: 599px){
.cosphoto-thumnail-coverlink-inner-bottomobject {
	padding: 9px;
}
}

/* 下配置用オブジェクト（3列配置時の追加クラス） */
@media (max-width: 599px){
.cosphoto-thumnail-inner-bottomobject-row3 {
	padding: 4px!important;
}
}

/* コスネームテキスト */
.cosphoto-thumnail-innertext-cosname {
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 6px;
}
@media (max-width: 599px){
.cosphoto-thumnail-innertext-cosname {
	font-size: 11px;
	margin-bottom: 4px;
}
}
/* （3列配置時の追加クラス） */
@media (max-width: 599px){
.cosphoto-thumnail-cosname-row3 {
	font-size: 10px!important;
	margin-bottom: 2px!important;
}
}


/* チャットステータス表示 */
.chatstatus_status {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99!important;
}





/* ランキング画像追加 */
.chatstatus_rankwaku {
	display: block;
	position: absolute;
	bottom: -2px;
	right: -2px;
	z-index: 100!important;
	width: 94px;
	height: auto;
}



.cosphoto-thumnail-innertext-cosname:hover {
	text-decoration: underline;
}

/* メンバーアイコン */
.cosphoto-thumnail-membericon {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-right:4px; 
}
@media (max-width: 1299px){
.cosphoto-thumnail-membericon {
    width:24px;
    height: 24px;
	margin-right: 2px; 
}
}

/* 作品名テキスト */
.cosphoto-thumnail-innertext-title {
	display: inline-block;
	color: #ffffff;
	font-size: 11px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 599px){
.cosphoto-thumnail-innertext-title {
	font-size: 10px;
}
}
.cosphoto-thumnail-innertext-title:hover {
	text-decoration: underline;
}

/* （3列配置時の追加クラス） */
@media (max-width: 599px){
.cosphoto-thumnail-title-row3 {
	font-size: 9px!important;
	line-height: 14px!important;
}
}

/* キャラ名テキスト */
.cosphoto-thumnail-innertext-chara {
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 599px){
.cosphoto-thumnail-innertext-chara {
	font-size: 14px;
	line-height: 1.3;
}
}

.cosphoto-thumnail-innertext-chara:hover {
	text-decoration: underline;
}

/* （3列配置時の追加クラス） */
@media (max-width: 599px){
.cosphoto-thumnail-chara-row3 {
	font-size: 13px!important;
	line-height: 1.2!important;
}
}

/* PCヘッダープルダウンメニューアイコン表示 */
.pcheader-menuicon {
	position: relative;
	top: -7px;
	height: 14px;
	width: auto;
	margin-right: 6px;
}


/* --------------------------------トップページ-------------------------------- */

/* メンバーログイン中プレート上部エリア */
.side-memberlogin-plate-toparea {
	border-top: solid 1px #ef0000;
    border-right: solid 1px #ef0000;
    border-left: solid 1px #ef0000;
    border-bottom: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
	background-color: #ef0000;
	margin-top: 6px;
	padding: 10px;
	color: #ffffff;
	text-align: center;
}
@media (max-width: 599px){
.side-memberlogin-plate-toparea {

    margin-right: -14px;
    margin-left: -14px;
    border-right: none;
    border-left: none;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
}

/* メンバーログイン中プレート下部エリア */
.side-memberlogin-plate-bottomarea {
	border-top: none;
    border-right: solid 1px #e3e3e3;
    border-left: solid 1px #e3e3e3;
    border-bottom: solid 1px #e3e3e3;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
	background-color: #f7f7f7;
	margin-bottom: 4px;
	padding: 0px;
	text-align: center;
}
@media (max-width: 599px){
.side-memberlogin-plate-bottomarea {
    border-bottom: 8px solid #eaeaea;
    margin-right: -14px;
    margin-left: -14px;
    border-right: none;
    border-left: none;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
	background-color: #ffffff;
}
}

/* メンバーログイン中プレートボタンエリア */
.side-memberlogin-plate-buttonarea {
    border-top: solid 1px #e3e3e3;
}

/* メンバーログイン中プレートポイント表示エリア */
.side-memberlogin-plate-pointarea {
	padding-top: 16px;
	padding-bottom: 16px;
}

/* メンバーログイン中プレートポイント表示エリア（出演者版） */
.side-memberlogin-plate-pointarea2 {
	display: block;
	padding-top: 16px;
	padding-bottom: 16px;
	color: #666666;
	transition: all .4s ease-in-out;
}
.side-memberlogin-plate-pointarea2:hover {
	background-color: #cccccc;
	color: #ffffff;
}

/* メンバーログイン中プレートボタン */
.side-memberlogin-plate-button {
	display: inline-block;
	float: left;
	width: 50%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #666666;
	transition: all .4s ease-in-out;
}

.side-memberlogin-plate-button:hover {
	background-color: #cccccc;
	color: #ffffff;
}

.side-memberlogin-plate-button.borderright {
    border-right: solid 1px #e3e3e3;
}

.side-memberlogin-plate-buttonarea:after {
	display: block;
	clear: both;
	content: "";
}

/* メンバーログイン中プレートハンドルネーム表示 */
.side-memberlogin-plate-hn {
	font-weight: bold;
}

/* メンバーログイン中プレートポイント表示 */
.side-memberlogin-plate-point {
	font-weight: bold;
	font-size: 18px;
}

/* --------------------------------出演者詳細詳細ページ-------------------------------- */

/* ヘッダー部分 */
.performerheader-movie {
	border-bottom: solid 1px #eaeaea;
	background-color:#000000;
}

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


/* サンプルムービー囲み（ipadで映像表示部分が小さくなってしまう対策） */
.performerpage-video-wrapper {
	position: relative; 
	width: 100%; 
	padding-top: 56.25%; /* 16:9比率前提 */
}

/* サンプルムービー（ipadで映像表示部分が小さくなってしまう対策済） */
.performerpage-video {
	position: absolute; 
	top: 0; 
	width: 100%; 
	height: 100%;
}

/* サンプルムービー背景画像 */
.samplemovieimage {
	max-width: 100%;
	height: auto;
}

/* 出演者メイン画像エリア */
.performerdetail-performerimg-area {
	width: 100%;
	margin: auto;
	text-align: center;
	padding-bottom: 10px;
}

/* 出演者メイン画像 */
.performerdetail-performerimg {
	display: inline-block;
	border-radius: 50%;
	margin: auto;
	width: 100%;
	max-width: 100%;
}
@media (max-width: 599px){
.performerdetail-performerimg {
	max-width: 200px;
}
}

/* 出演者名 */
.performerdetail-performername {
    font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	padding: 14px 10px 10px 10px;
}

/* 出演者データ */
.performerdetail-performerdata {
    font-size: 13px;
	line-height: 1.5;
	color: #666666;
}

/* 自己紹介本文 */
.performerdetail-selftext {
    font-size: 16px;
	line-height: 2.0;
}
@media (max-width: 599px){
.performerdetail-selftext {
	padding: 14px;
    font-size: 14px;
	line-height: 1.8;
}
}

/* 料金表示囲み */
.performerdetail-prizekakomi {
    border-radius: 4px;
	border: 1px solid #ff0000;
	padding: 12px 6px 12px 6px;
	text-align: center;
	margin-top: 6px;
}
@media (max-width: 599px){
.performerdetail-prizekakomi {
	padding: 12px 0 12px 0;
}
}

/* 出演者詳細プロフィール項目タイトル  */
.performerdetail-filter-title {
	color: #777777;
	font-size: 11px;
	font-weight: normal;
}

.performerdetail-chatprizetext {
	font-weight: bold;
	color: #ff0000;
}

/* お気に入り登録  */
.performerdetail-favoblock {
	display: inline-block;
	padding: 8px;
	border: 1px solid #dddddd;
	border-radius: 8px;
	margin-left: 8px;
}

/* お気に入りアイコンON時 */
.performerdetail-favoblock-active {
	display: inline-block;
	padding: 8px;
	border: 1px solid #e8c859;
	background-color: #f3c959;
	border-radius: 8px;
	margin-left: 8px;
}

.performerdetail-favoblock-img {
	display: inline-block;
	width: 16px;
	height: 16px;
}

/* --------------------------------無料会員登録ページ-------------------------------- */

/* 注意テーブル  */
.allerttable {
	display: block;
	border: 1px solid #EFE867;
    background-color: #FBFBA5;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 10px;
}

.allerttable-title {
	font-weight: bold;
	color: #ff0000;
}

/* --------------------------------ポイント購入ページ-------------------------------- */

/* 囲みイメージ  */
.kakomiimg {
	display: inline-block;
	border: 1px solid #eeeeee;
	width: 100%;
	max-width: 320px;
	margin-top: 10px;
	margin-bottom: 30px;
}




/* --------------------------------アフィリエイトページ-------------------------------- */

/* ブルーラインテーブル  */
.bluetable {
	border: solid 1px #ADD5EC; 
	border-collapse: collapse;
	width: 100%;
	max-width: 800px;
	margin-bottom: 30px;
}

/* ブルーラインテーブル見出しセル  */
.bluetable-midashitd {
	border: solid 1px #ADD5EC; 
	background-color: #EAF6FC;
	text-align: center;
	font-weight: bold;
	width: 33.3333%;
	padding: 10px;
	font-size: 15px;
}

/* ブルーラインテーブル普通セル  */
.bluetable-normaltd {
	border: solid 1px #ADD5EC; 
	padding: 10px;
	font-size: 14px;
	line-height: 1.5;
}



/* --------------------------------コスプレ写真詳細ページ-------------------------------- */


.photodetail-photocontainer {
    max-width: 100%;
    margin: 0 auto;
    /* height: 100%; */
    position: relative;
}

.photodetail-photocontainer-nav {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    font-size: 2em;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.photodetail-photocontainer-nav:hover {
	background-color: #eeeeee;
}

.photodetail-photo-prev {
    left: 0;
	background-color: #fafafa;
}

.photodetail-photo-next {
    right: 0;
	background-color: #fafafa;
}

.photodetail-photo-prevbutton {
	-webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: auto;
    height: 40px;
    text-align: center;
	left: 30px;
}
@media (min-width: 600px) and (max-width: 799px){
.photodetail-photo-prevbutton {
	left: 20px;
}
}
@media (max-width: 599px){
.photodetail-photo-prevbutton {
	display: none;
}
}

.photodetail-photo-nextbutton {
	-webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: auto;
    height: 40px;
    text-align: center;
	right: 30px;
}
@media (min-width: 600px) and (max-width: 799px){
.photodetail-photo-nextbutton {
	right: 20px;
}
}
@media (max-width: 599px){
.photodetail-photo-nextbutton {
	display: none;
}
}


.photodetail-photocontainer-photoarea {
text-align: center;
    line-height: 0;
    min-height: 200px;
}

.photodetail-photo-img {
	margin: 20px 0 20px 0;
    position: relative;
    z-index: 3;
    max-width: 83%;
    display: inline-block;
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1);
}
@media (max-width: 599px){
.photodetail-photo-img {
	margin: 0 0 0 0;
    max-width: 100%;
}
}

/* フォルダーアイコン */
.folderimg {
	position: relative;
	top: -3px;
	width: 24px;
    height: 18px;
}

/* 写真コメント */
.photodetail-cosphotocomm {
	font-size: 15px;
	line-height: 1.8;
	padding-bottom: 20px;
}
@media (max-width: 599px){
.photodetail-cosphotocomm {

}
}

/* 写真数表示 */
.photodetail-photocount {
	color: #cccccc;
	font-size: 11px;
}

/* 写真ページ下部ブロック */
.photodetail-bottomblock {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
@media (max-width: 599px){
.photodetail-bottomblock {
	padding: 14px;
}
}

/* EXIFテーブル */
.photodetail-exiftable {
	border: 1px solid #d4d4d4;
	border-collapse: collapse;
	font-size: 14px;
}
@media (max-width: 599px){
.photodetail-exiftable {
	width: 100%;
}
}
@media (min-width: 600px){
.photodetail-exiftable {
	min-width: 480px;
}
}

/* EXIFテーブルタイトルセル */
.photodetail-exiftable-title {
	display: table-cell;
	border: 1px solid #d4d4d4;
	background-color: #eeeeee;
	padding: 6px;
	width: 100px;
}

/* EXIFテーブルデータセル */
.photodetail-exiftable-data {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #d4d4d4;
	padding: 6px;
}

/* マイリストに追加するボタン */
.mylistbutton {
	display: inline-block;
	width: 144px;
	height: auto;
}

.photodetail-folderslist {
	margin-bottom: 20px;
}

.rankicon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
}
@media (max-width: 599px){
.rankicon {
	width: 24px;
	height: auto;
}
}

/* 3点メニューアイコン画像 */
.point3-icon-img {
	display: inline-block;
	position: relative;
    width: 18px;
    height: 18px;
}

.point3-menu {
	display: inline-block;
	position: absolute!important;
	right: 0px;
}
@media (max-width: 599px){
.point3-menu {
	right: 14px;/* 親要素(photodetail-bottomblock)の横パディング幅分を追加すること */
}
}

.point3-icon-link {
	display: inline-block!important;/* 実験。おかしかったら外す事 */
	background-color: #ffffff;
	padding: 5px;
	border-radius: 50%;
	transition: all .4s ease-in-out;   
}

.point3-icon-link:hover {
	background-color: #eeeeee;
}

/* --------次の画像前の画像表示部(スマホのみ表示)------ */


.photodetailpage-targetlist-ul {

}

.photodetailpage-targetlist-ul:after {
	display: block;
	clear: both;
	content: ""
}

.photodetailpage-targetlist-li {
	display: inline-block;
	width: 50%;
	float: left;
	text-align: center;
}

.photodetailpage-targetlist-a {
	display: inline-block;
	padding: 8px 0px 8px 0px;
	width: 100%;
	color: #999999;
	font-size: 10px;
	background-color: #ffffff;
	border-top: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
	border-left: 0px;
	border-right: solid 1px #eeeeee;

}

.photodetailpage-targetlist-linkactive {
	background-color: #ef4489;
	color: #ffffff;
	border: solid 1px #ff81b4;
}

/* 前へアイコン */
.photodetailpage-previcon {
	display: inline-block;
	position: relative;
	top: -2px;
	width: auto;
	height: 18px;
	margin-right: 8px;
}

/* 次へアイコン */
.photodetailpage-nexticon {
	display: inline-block;
	position: relative;
	top: -2px;
	width: auto;
	height: 18px;
	margin-left: 8px;
}

/* --------------------------------作品・キャラリストページ-------------------------------- */

.titlecharalist-header-ul {

}

.titlecharalist-header-ul:after {
	display: block;
	content: "";
	clear: both;
}

.titlecharalist-header-li {
	float: left;
	width: 20%;

}

.titlecharalist-header-a {
	display: inline-block;
	background-color: #35c1eb;
	color: #ffffff;
	padding: 8px 0px;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #43a7c7;
	border-right: 1px solid #43a7c7;
	transition: all .4s ease-in-out;   
}

.titlecharalist-header-a:hover {
	background-color: #43a7c7;
	color: #ffffff;
}



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

.titlecharalist-header-floatleft {
	float: left;
	width: 20%;
}

.titlecharalist-header-floatright {
	float: left;
	width: 80%;
}

.height2x {
	height: 76px;
	line-height: 76px;
	padding: 0px;
	border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
	border-left: 1px solid #43a7c7;
}
@media (max-width: 599px){
.height2x {
	border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
}

/* 追加ラウンド処理 */
.top-right-round6px {
    border-top-right-radius: 6px;
}
@media (max-width: 599px){
.top-right-round6px {
    border-top-right-radius: 0px;
}
}

.bottom-right-round6px {
    border-bottom-right-radius: 6px;
}
@media (max-width: 599px){
.bottom-right-round6px {
    border-bottom-right-radius: 0px;
}
}

/* かな絞り込みテーブルエリア */
.titlecharalist-header-sub-area {
	margin-top: 10px;
}
@media (max-width: 599px){
.titlecharalist-header-sub-area {
	margin-top: 0px;
}
}

/* かな絞り込みテーブルul */
.titlecharalist-header-sub-ul {
	border-top: 1px solid #eeeeee;
}

.titlecharalist-header-sub-ul:after {
	display: block;
	content: "";
	clear: both;
}

/* かな絞り込みテーブルli */
.titlecharalist-header-sub-li {
	float: left;
	width: 16%;
}

/* かな絞り込みテーブルA */
.titlecharalist-header-sub-a {
	display: inline-block;
	background-color: #fbfbfb;
	color: #666666;
	padding: 8px 0px;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	transition: all .4s ease-in-out;   
}


.width2x {
	width: 20%;
	border-left: 1px solid #eeeeee;
}


.titlecharalist-ul {
	margin-top: 10px;
}


/* 作品・キャラリストテーブルli */
.titlecharalist-li {
	border-bottom: 1px solid #eeeeee;
}

.titlecharalist-li:first-child {
	border-top: 1px solid #eeeeee;
}


/* 作品・キャラリストテーブルA */
.titlecharalist-a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 0px;
	transition: all .4s ease-in-out;
}

.titlecharalist-a:hover {
	background-color: #fbfbfb;
}

/* 作品・キャラリストテーブル画像ブロック */
.titlecharalist-imgblock {
	flex-basis: 64px;
	margin-right: 0px;
    padding-right: 8px;
    padding-left: 8px;
}
@media (max-width: 599px){
.titlecharalist-imgblock {
	margin-right: 0px;
}
}

/* 作品・キャラ画像 */
.titlechara-thumphotoimg {
	display: inline-block;
	height: 48px;
	width: auto;
	border-radius: 50%;
}

/* 作品・キャラリストテーブルタイトルテキスト */
.titlecharalist-titletext {
	line-height: 1.3;
	flex-grow: 3;
	flex-shrink: 3;
	color: #333333;
}
@media (max-width: 599px){
.titlecharalist-titletext {
	font-size: 13px;
}
}
/* 作品・キャラリストテーブルカウントテキスト */
.titlecharalist-counttext {
    padding-right: 10px;
	flex-basis: 90px;
	flex-grow: 1;
	flex-shrink: 1;
	text-align: right;
	color: #333333;
}
@media (max-width: 599px){
.titlecharalist-counttext {
	font-size: 13px;
}
}

/* --------------------------------サイトからのお知らせ-------------------------------- */

/* 見出しテキスト */
.siteinformation-midashiblock {
	border: 2px solid #1f9510;
	background-color: #f1faf2;
	padding: 16px;
	font-size: 20px;
	font-weight: bold;
	color: #007e0b;
	line-height: 1.3;
	margin-bottom: 10px;
}
@media (min-width: 600px) and (max-width: 1049px){
.siteinformation-midashiblock {
	padding: 12px;
	font-size: 18px;
}
}


@media (max-width: 599px){
.siteinformation-midashiblock {
	border: 2px solid #1f9510;
	background-color: #f3f3f3;
	padding: 14px 14px 14px 14px;
	font-size: 18px;
	color: #000000;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #dedede;
}
}

/* 見出し日付部 */
.siteinformation-midashi-date {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

/* 本文テキスト */
.siteinformation-contenttext {
	font-size: 16px;
	line-height: 1.7;
	border-bottom: 1px solid #eeeeee;
}
@media (max-width: 599px){
.siteinformation-contenttext {
	font-size: 15px;
	line-height; 1.6;
	padding: 14px;
}
}


/* --------------------------------ニュース一覧-------------------------------- */

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


.newslist-li {
	float: left;
	width: 33.3333%;
}

@media (min-width: 1200px) and (max-width: 1799px){
.newslist-li {
	float: left;
	width: 50%;
}
}
@media (min-width: 600px) and (max-width: 1199px){
.newslist-li {
	float: none;
	width: 100%;
}
}

@media (max-width: 599px){
.newslist-li {
	float: none;
	width: 100%;
}
}

.newslist-block {
	position: relative;
	width: 100%;
	padding: 14px;
}
@media (max-width: 599px){/* 実験。今イチなら削除する */
.newslist-block {
	padding: 0px;
	margin-bottom: 10px;
}
}

.newslist-plate {
	position: relative;
	display: block;
	width: 100%;
}

.newslist-plate-thumphoto {
	display: inline-block;
	width: 100%;
	height: auto;
}


/* オーバーレイテキスト */
.newslist-thum-overlaytext {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	padding: 40px 12px 12px 12px;
	width: 100%;
	text-shadow:1px 1px 1px #666666;
    background: -moz-linear-gradient(top,transparent 0,rgba(38,38,38,.6) 100%);
    background: -webkit-linear-gradient(top,transparent 0,rgba(38,38,38,.6) 100%);
    background: linear-gradient(to bottom,transparent 0,rgba(38,38,38,.6) 100%);
}
@media (max-width: 599px){
.newslist-thum-overlaytext {
	font-size: 18px;
	line-height: 1.3;
}
}

/* --------------------------------ニュース詳細-------------------------------- */

/* タイトルヒーローイメージエリア */
.newsdetail-heroimgarea {
	position: relative;
	width: 100%;
}
@media (max-width: 799px){ 
.newsdetail-heroimgarea {
}
}

/* タイトルヒーローイメージ */
.newsdetail-heroimg {
	display: inline-block;
	width: 100%;
	height: auto;
	border: 1px solid #eaeaea;
}
@media (max-width: 599px){ 
.newsdetail-heroimg {
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #eaeaea;
}
}

/* オーバーレイテキスト */
.newsdetail-heroimg-overlaytext {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	padding: 50px 12px 12px 12px;
	width: 100%;
	line-height: 1.4;
	text-shadow:1px 1px 1px #666666;
    background: -moz-linear-gradient(top,transparent 0,rgba(38,38,38,.6) 100%);
    background: -webkit-linear-gradient(top,transparent 0,rgba(38,38,38,.6) 100%);
    background: linear-gradient(to bottom,transparent 0,rgba(38,38,38,.6) 100%);
}
@media (max-width: 599px){
.newsdetail-heroimg-overlaytext {
	font-size: 18px;
	line-height: 1.3;
}
}



/* ヒーローイメージ下部枠線処理 */
.newsdetail-heroimg-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;
	margin-bottom: 30px;
}
@media (min-width: 600px) and (max-width: 987px){
  .newsdetail-heroimg-wrapper-bottom {
	  border-radius: 0 0 0 0;
	  height: 46px;
	margin-bottom: 20px;
  }
}
@media (max-width: 600px){
  .newsdetail-heroimg-wrapper-bottom {
	  height: 36px;
	margin-bottom: 0px;
  }
}

/* ヒーローイメージ下部リリース日付 */
.newsdetail-heroimg-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){
  .newsdetail-heroimg-releasedate {
	  border-radius: 0 0 0 0;
	  line-height: 46px;
  }
}
@media (max-width: 599px){
  .newsdetail-heroimg-releasedate {
	  font-size: 12px;
	  line-height: 36px;
	  text-align: left;
	  padding-left: 14px;
	  border-right: none;
  }
}

/* ヒーローイメージ下部リリース日付時計アイコン */
.newsdetail-heroimg-releasedate .fa-clock-o {
	position: relative;
	top: 2px;
	padding-right: 6px;
	font-size: 20px;
	color: #d6d6d6;
}
@media (max-width: 599px){
  .newsdetail-heroimg-releasedate .fa-clock-o {
	  font-size: 16px;
  }
}

/* ヒーローイメージ下部閲覧数 */
.newsdetail-heroimg-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){
  .newsdetail-heroimg-viewcount {
	  border-radius: 0 0 0 0;
	  line-height: 46px;
  }
}
@media (max-width: 599px){
  .newsdetail-heroimg-viewcount {
	  border-radius: 0 0 0 0;
	  font-size: 12px;
	  line-height: 36px;
	  text-align: right;
	  padding-right: 14px;
	  border-left: none;
	  width: 76px;
  }
}

/* ヒーローイメージ下部閲覧数、目アイコン */
.newsdetail-heroimg-viewcount .fa-eye {
	position: relative;
	top: 2px;
	padding-right: 6px;
	font-size: 20px;
	color: #d6d6d6;
}
@media (max-width: 599px){
  .newsdetail-heroimg-viewcount .fa-eye {
	  font-size: 16px;
  }
}

/* ヒーローイメージ下部SNSリンク部 */
.newsdetail-heroimg-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){
  .newsdetail-heroimg-snslink {
	  border-radius: 0 0 0 0;
	  line-height: 46px;
	  padding-right: 16px;
	  padding-top: 5px;
  }
}
@media (max-width: 599px){
  .newsdetail-heroimg-snslink {
	  border-radius: 0 0 0 0;
	  font-size: 12px;
	  width: 50px;
	  line-height: 36px;
	  text-align: right;
	  padding-right: 0px;
	  padding-top: 4px;
  }
}





/* 本文エリア */
.newsdetail-descriptionarea {
	font-size: 16px;
	line-height: 1.7;
	padding-bottom: 20px;
}
@media (max-width: 599px){ 
.newsdetail-descriptionarea {
	font-size: 15px;
	line-height: 1.6;
    padding: 14px 14px 14px 14px;
}
}

.newsdetail-descriptionarea-midashi {
	font-weight: bold;
	font-size: 22px;
	line-height: 1.3;
	margin-bottom: 10px;
	border-left: 5px solid #12a906;
	padding: 4px 0px 0px 8px;
}
@media (max-width: 599px){ 
.newsdetail-descriptionarea-midashi {
	font-size: 18px;
	padding: 2px 0px 0px 8px;
}
}

/* 本文内画像エリア */
.newsdetail-innerimg-area {
	text-align: center;
	margin: auto;
	width: 80%;
	max-width: 960px;
	margin-bottom: 20px;
}
@media (max-width: 599px){ 
.newsdetail-innerimg-area {
	width: 100%;
	padding-left: 24px;
	padding-right: 24px;
}
}

/* 本文内画像ブロック */
.newsdetail-innerimg-block {
	border: solid 1px #e5e5e5;
}

/* 本文内画像-画像 */
.newsdetail-innerimg-img {
	display: inline-block;
	width: 100%;
	height: auto;
}

/* 本文内画像-画像コメント */
.newsdetail-innerimg-labeltext {
	text-align: left;
	padding: 8px 8px 8px 10px;
	font-size: 12px;
	color: #666666;
}
@media (max-width: 599px){ 
.newsdetail-innerimg-labeltext {
	line-height: 1.5;
}
}

/* 記者名 */
.newsdetail-authorname {
	margin-top: 8px;
	text-align: right;
	font-size: 12px;
	color: #666666;
}

/* コンテンツ内サブ項目帯 */
.content-inner-obi {
	padding: 10px 14px 10px 14px;
	background-color: #f5f5f5;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}



/* --------------------------------汎用コメントエリア-------------------------------- */


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

.content-commentblock-li {
	position: relative;
	display: table;
	width: 100%;
	margin-bottom: 16px;
}
@media (max-width: 599px){
.content-commentblock-li {
	margin-bottom: 0px;
}
}

.content-commentblock-li:hover > .content-commentblock-menuarea {
	display: table-cell;
}

.content-commentblock-li:hover > .content-commentblock-contentarea {
	padding-right: 0px;
}

.content-commentblock-imgarea {
	display: table-cell;
	width: 80px;
	vertical-align: top;
	padding: 14px;
}
@media (max-width: 599px){
.content-commentblock-imgarea {
	padding: 14px 10px 14px 14px;
}
}

.content-commentblock-contentarea {
	display: table-cell;
	width: 100%;
	vertical-align: top;
	padding: 14px 56px 14px 0px;
	margin-right: 56px;
}
@media (max-width: 599px){
.content-commentblock-contentarea {
	margin-right: 48px;
	padding-right: 48px;
}
}

.content-commentblock-menuarea {
	position: absolute;
	display: none;
	float: right;
	vertical-align: top;
	padding: 14px;
}
@media (max-width: 599px){
.content-commentblock-menuarea {
	padding: 14px 10px 14px 10px;
}
}

/* サムネール写真 */
.content-commentblock-img {
	display: inline-block;
	height: 64px;
	width: auto;
	border-radius: 50%;
}
@media (min-width: 600px) and (max-width: 1050px){
.content-commentblock-img {
	height: 64px;
}
}

@media (max-width: 599px){
.content-commentblock-img {
	height: 48px;
}
}

/* 投稿日付 */
.content-commentblock-date {
	display: inline-block;
	margin-left: 10px;
	color: #aaaaaa;
	font-size: 13px;
}

/* コメント本文エリア */
.content-commentblock-comment {
	margin-top: 4px;
}

/* --------------------------------メンバー専用メニュー-------------------------------- */

.membermenu-ul {
	margin-bottom: 40px;
}
@media (max-width: 599px){
.membermenu-ul {
	margin-bottom: 0px;
}
}

.membermenu-li {
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
}
@media (max-width: 599px){
.membermenu-li {
    border-right: 0px;
    border-left: 0px;
}
}

.membermenu-li:first-child {
    border-top: 1px solid #f1f1f1;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
@media (max-width: 599px){
.membermenu-li:first-child {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}
}
.membermenu-li:last-child {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
@media (max-width: 599px){
.membermenu-li:last-child {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
}

.membermenu-a {
	display: block;
    position: relative;
    padding: 12px 14px 12px 14px;
	color: #4bb2e7;
	transition: all .4s ease-in-out;  
}
@media (max-width: 599px){
.membermenu-a {
    padding: 12px 14px 12px 18px;
}
}

.membermenu-a:hover {
	background-color: #fbfbfb;
}

.membermenu-li:first-child .membermenu-a {
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.membermenu-li:last-child .membermenu-a {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}


.membermenu-midashi {
	display: block;
	padding: 10px 10px 8px 10px;
	font-weight: bold;
	font-size: 16px;
	color: #666666;
	transition: all .4s ease-in-out;
}
@media (max-width: 599px){
.membermenu-midashi {
	background-color: #f9f9f9;
	font-size: 13px;
	padding: 10px 8px 10px 14px;
}
}

/* --------------------------------知恵袋トップ-------------------------------- */


.chielist-a {
	display: block;
	color: #000000;
	padding: 16px 0px 16px 0px;
	transition: all .4s ease-in-out;
}
@media (min-width: 600px) and (max-width: 799px){
.chielist-a {
	padding: 10px 0px 10px 0px;
}
}
@media (max-width: 599px){
.chielist-a {
	padding: 10px 14px 10px 14px;
    border-bottom: 1px solid #eeeeee;
}
}

.chielist-a:hover {
	background-color: #f7f7f7;
}

/* 知恵袋リストタイトルテキスト */
.chielist-titletext {

	font-size: 18px;
	line-height: 28px;
}
@media (max-width: 599px){
.chielist-titletext {
	font-size: 16px;
	line-height: 24px;
}
}

/* マーカー（回答受付中） */
.chie-marker-kaitou {
	position: relative;
	top: -2px;
	display: inline-block;
	background-color: #ff0000;
	padding: 0px 6px 0px 6px;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	border-radius: 4px;
	margin-right: 6px;
}
@media (max-width: 599px){
.chie-marker-kaitou {
	font-size: 9px;
	padding: 1px 6px 1px 6px;
}
}

/* --------------------------------写真集一覧-------------------------------- */


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


.photostocklist-li {
	float: left;
	width: 33.3333%;
	margin-bottom: 16px;
}

@media (min-width: 800px) and (max-width: 1699px){
.photostocklist-li {
	float: left;
	width: 50%;
}
}
@media (min-width: 2400px){
.photostocklist-li {
	width: 25%;
}
}


/*
@media (min-width: 600px) and (max-width: 999px){
.photostocklist-li {
	float: none;
	width: 100%;
}
}
*/
@media (min-width: 600px) and (max-width: 799px){
.photostocklist-li {
	float: none;
	width: 100%;
	border-bottom: solid 1px #eaeaea;
	margin-bottom: 0px;
}
}
@media (max-width: 599px){
.photostocklist-li {
	float: none;
	width: 100%;
	border-bottom: solid 8px #eaeaea;
	margin-bottom: 0px;
}
}

@media (max-width: 599px){
.photostocklist-li:last-child {
	border-bottom: 0px;
}
}


.photostocklist-block {
	position: relative;
	display: block;
	width: 100%;
	padding: 14px;
	transition: all .4s ease-in-out;
}

.photostocklist-block:hover {
	background-color: #f7f7f7;
}

.photostocklist-plate {
	position: relative;
	display: block;
	width: 100%;
}

.photostocklist-plate-thumphoto {
	display: inline-block;
	width: 100%;
	height: auto;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.30);
}
@media (max-width: 799px){
.photostocklist-plate-thumphoto {
	box-shadow: none;
}
}

/* 投稿日付 */
.photostocklist-releasedate {
	font-size: 11px;
	color: #aaaaaa;
}

/* 写真集タイトル */
.photostocklist-titletext {
	display: block;
	font-weight: bold;
	color: #000000;
	font-size: 20px;
	line-height: 1.3;
	margin-top: 20px;
	margin-bottom: 10px;
	height: 54px;
	overflow: hidden; 
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
@media (max-width: 599px){
.photostocklist-titletext {
	margin-top: 14px;
	margin-bottom: 6px;
}
}

/* 円形アイコン（グレイボーダー） */
.round-grayborder-icon {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    background-clip: border-box;
    border: solid 1px rgba(0,0,0,0.08);
}

.photostocklist-authorblock {
    display: table-cell;
    vertical-align: middle;
}

.photostocklist-authortext {
    display: inline-block;
	color: #000000;
}
@media (max-width: 1299px){
.photostocklist-authortext {
	font-size: 12px;
    color: #666666;
}
}

/* プレートメンバーアイコン */
.plate-membericon {
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	margin-right:4px; 
}
@media (max-width: 1299px){
.plate-membericon {
    width: 30px;
    height: 30px;
	margin-right: 2px; 
}
}

.photostocklist-thumphoto-container {
	display: block;
	position: relative;
}

/* 写真数カウント */
.photos-count {
	display: inline-block;
    position: absolute;
    bottom: 6px;
    left: 6px;
    padding: 6px 16px;
    background-color: rgba(0,0,0,0.45);
    font-family: "Helvetica Neue", "Arial", sans-serif;
	font-size: 14px;
    font-weight: normal;
    font-size: 0.9rem;
    border-radius: 16px;
    line-height: 1;
    color: #ffffff;
}
@media (max-width: 599px) {
.photos-count {
    font-weight: bold;
    bottom: 6px;
    left: 6px;
    padding: 6px 14px;
    font-size: 0.8rem;
    border-radius: 14px;
}
}

.photos-count-minitext {
	display: inline-block;
	font-size: 10px;
	margin-left: 2px;
}
@media (max-width: 599px) {
.photos-count-minitext {
	font-size: 8px;
}
}

/* 新規作成するボタン */
.newentry-button {
  display: inline-block;
  width: 100%;
	min-width: 200px;
	margin-top: 6px;
	margin-bottom: 4px;
  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;
}
@media (max-width: 799px) {
.newentry-button {
	min-width: 160px;
  font-size: 15px;
}
}
.newentry-button:hover {
  background-color: #de1f6b;
}

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

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

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

.newentry-button .fa-comments {
	position: relative;
  font-size: 18px;
	padding-right: 8px;
	top: 1px;
}

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

/* 汎用ボーダーボタン */
.border-button {
  display: inline-block;
  width: 100%;
	min-width: 200px;
	margin-top: 6px;
	margin-bottom: 4px;
  border: 1px solid #35c1eb;
  border-radius: 4px;
  color: #35c1eb;
  padding: 14px 0;
  background-color: #ffffff;
  font-size: 16px;
	line-height: 1.5;
  font-weight: normal;
  font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
  text-align: center;
  cursor: pointer;
  transition: all .4s ease-in-out;
}
@media (max-width: 799px) {
.border-button {
	min-width: 160px;
  font-size: 15px;
}
}
.border-button:hover {
  background-color: #35c1eb;
  color: #ffffff;
}

/* ランキングリストブロック */
@media (max-width: 599px) {
.rankinglist-block {
	margin-right: -14px;
	margin-left: -14px;
    border-bottom: 8px solid #eaeaea;
}
}

/* ランキングリストタイトルブロック */
.rankinglist-titleblock {
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	background-color: #f5f5f5;
	margin-top: 6px;
	margin-bottom: 8px;
	padding: 10px 10px 10px 8px;
}
@media (min-width: 600px) and (max-width: 799px){
.rankinglist-titleblock {
	font-size: 15px;
	padding: 8px 8px 8px 6px;
}
}
@media (max-width: 599px) {
.rankinglist-titleblock {
	color: #444444;
	background-color: #ffffff;
	padding: 0px 12px 0px 12px;
	line-height: 52px;
	border-bottom: 1px solid #eeeeee;
	margin-top: 0px;
	margin-bottom: 0px;
}
}

.rankinglist-titleblock-paletext {
	font-size: 14px;
	font-weight: normal;
	color: #cccccc;
}

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

/* ランキングリストli */
.rankinglist-li {
	margin-bottom: 8px;
}
@media (max-width: 599px) {
.rankinglist-li {
	margin-bottom: 0px;
}
}

.rankingtable-block {
	display: block;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
  transition: all .4s ease-in-out;
}
@media (max-width: 799px) {
.rankingtable-block {
	padding-top: 0px;
	padding-bottom: 0px;
}
}
@media (max-width: 599px) {
.rankingtable-block {
	padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
}
}

.rankingtable-block:hover {
	background-color: #f7f7f7;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.20);
}
@media (max-width: 599px) {
.rankingtable-block:hover {
	box-shadow: none;
}
}
.rankingtable-block:after {
	display: block;
	content: "";
	clear: both;
}

.rankingtable-imgblock {
	position: relative;
	float: left;
	margin-right: 6px;
}

/* ランキングサムネール写真 */
.rankingtable-thumphotoimg {
	display: inline-block;
	height: 80px;
	width: auto;
}
@media (min-width: 600px) and (max-width: 1050px){
.rankingtable-thumphotoimg {
	height: 70px;
}
}

/* ランキングサムネール写真カウント表示 */
.rankingtable-thumphotocount {
	position: absolute;
	top: 0px;
	left: 0px;
	display: inline-block;
	padding: 1px 7px 1px 7px;
	background-color: rgba(255,0,0,0.9);
	color: #ffffff;
	font-weight: bold;
}
@media (min-width: 600px) and (max-width: 1050px){
.rankingtable-thumphotocount {
	font-size: 12px;
	padding: 0px 6px 0px 6px;
}
}

.rankingtable-textblock {
	display: table-cell;
	height: 80px;
	vertical-align: middle;
	float: none;
}
@media (min-width: 600px) and (max-width: 1050px){
.rankingtable-textblock {
	height: 70px;
	font-size: 12px;
	line-height: 1.4;
}
}


/* ランキングタイトルテキスト */
.rankingtable-titletext {
	display: inline-block;
}

/* イベント会場県名テキスト */
.eventplace-preftext {
	display: inline-block;
	font-size: 10px;
	color: #999999;
}

/* 人気リストli */
.ninkilist-li {
	margin-bottom: 8px;
}
@media (max-width: 599px) {
.ninkilist-li {
	margin-bottom: 0px;
}
}

.ninkitable-block {
	display: block;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
  transition: all .4s ease-in-out;
}
@media (min-width: 600px) and (max-width: 799px){
.ninkitable-block {
	padding-top: 0px;
	padding-bottom: 0px;
}
}
@media (max-width: 599px) {
.ninkitable-block {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
}
}


.ninkitable-block:hover {
	background-color: #f7f7f7;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.20);
}
@media (max-width: 599px) {
.ninkitable-block:hover {
	box-shadow: none;
}
}

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

.ninkitable-imgblock {
	position: relative;
	float: left;
	margin-right: 6px;
	padding-right: 8px;
	padding-left: 8px;
}

/* 人気サムネール写真 */
.ninkitable-thumphotoimg {
	display: inline-block;
	height: 64px;
	width: auto;
	border-radius: 50%;
}
@media (min-width: 600px) and (max-width: 1050px){
.ninkitable-thumphotoimg {
	height: 64px;
}
}

/* 人気サムネール写真カウント表示 */
.ninkitable-thumphotocount {
	position: absolute;
	top: 0px;
	left: 0px;
	display: inline-block;
	padding: 1px 7px 1px 7px;
	background-color: rgba(255,0,0,0.9);
	color: #ffffff;
	font-weight: bold;
	border-radius: 50%;
}
@media (min-width: 600px) and (max-width: 1050px){
.ninkitable-thumphotocount {
	font-size: 12px;
	padding: 0px 6px 0px 6px;
}
}

.ninkitable-textblock {
	display: table-cell;
	height: 64px;
	vertical-align: middle;
	float: none;
}
@media (min-width: 600px) and (max-width: 1050px){
.ninkitable-textblock {
	height: 64px;
	font-size: 12px;
	line-height: 1.4;
}
}


/* 人気タイトルテキスト */
.ninkitable-titletext {
	display: inline-block;
}



/* 誕生日キャラテキスト */
.birthdaytable-charatext {
	display: inline-block;
}

/* 誕生日作品テキスト */
.birthdaytable-titletext {
	display: inline-block;
	font-size: 10px;
	color: #999999;
}

/* 新着メンバー名前テキスト */
.newcomertable-nametext {
	display: inline-block;
}


/* サイドメニュー検索ブロック */
.sidemenu-search-block {
	position: relative;
	padding: 8px 0px 6px 0px;
	max-width: 250px!important;
}
@media (max-width: 599px) {
.sidemenu-search-block {
	max-width: 300px!important;
}
}


/* サイドメニュー検索フォーム */
.sidemenu-search-form {
	width: 100%!important;
	padding-right: 36px!important;
}

/* サイドメニュー検索フォーム検索実行（ルーペ）ボタン */
.sidemenu-search-submitbutton {
    position: absolute;
    display: inline-block;
    top: 6px;
    right: 4px;
    padding: 10px;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
}
@media (min-width: 600px) and (max-width: 799px){
.sidemenu-search-submitbutton {
    top: 7px;
    right: 2px;
}
}
@media (max-width: 599px) {
.sidemenu-search-submitbutton {
   /*  top: 8px;  実機で見ると逆にずれるので一旦カット*/
}
}

.sidemenu-search-submitbutton .fa-search {
	font-size: 16px;
	color: #666666;
}
@media (min-width: 600px) and (max-width: 799px){
.sidemenu-search-submitbutton .fa-search {
	font-size: 18px;
}
}
@media (max-width: 599px) {
.sidemenu-search-submitbutton .fa-search {
	font-size: 18px;
}
}


/* --------コンテンツ部上部トグル絞り込み------ */

/* コンテンツ上部フィルタートグルエリア */
.contentstop-slidetoggle_menu-area {

}


/* コンテンツ上部フィルタートグル */
.contentstop-slidetoggle_menu {
	border-top: solid 1px #e3e3e3;
	border-right: solid 1px #e3e3e3;
	border-left: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	border-radius: 4px;
	margin-bottom: 10px;
}
@media (max-width: 599px) {
.contentstop-slidetoggle_menu {
	border-top: solid 1px #e3e3e3;
	border-right: solid 0px #e3e3e3;
	border-left: solid 0px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	border-radius: 0px;
	margin-bottom: 6px;
}
}

/* コンテンツ上部フィルタートグル2(出演者詳細プロフィール) */
.contentstop-slidetoggle_menu2 {
	border-top: solid 1px #e3e3e3;
/* 	border-right: solid 1px #e3e3e3;
	border-left: solid 1px #e3e3e3; */
	border-bottom: solid 1px #e3e3e3;
	border-radius: 4px;
	margin-bottom: 10px;

	margin-left: -34px;
}
@media (min-width: 600px) and (max-width: 1049px) {
.contentstop-slidetoggle_menu2 {
	margin-left: -12px;
}
}
@media (max-width: 599px) {
.contentstop-slidetoggle_menu2 {
	border-top: solid 1px #e3e3e3;
	border-right: solid 0px #e3e3e3;
	border-left: solid 0px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	border-radius: 0px;
	margin-bottom: 0px;

	margin-left: 0px;
}
}

/* コンテンツ上部フィルタートグル2(出演者詳細プロフィール)タイトル */
.contentstop-slidetoggle_menu2 dt {
	background:url("../images/plus-gray.png") right 16px center no-repeat;
	background-size: 24px 24px;
	cursor: pointer;
	font-size: 12px;
	color: #777777;
	font-weight: bold;
	padding: 16px 10px 16px 32px;
    transition: all .4s ease-in-out;
}
@media (min-width: 600px) and (max-width: 1049px) {
.contentstop-slidetoggle_menu2 dt {
	padding: 16px 10px 16px 12px;
}
}
@media (max-width: 599px) {
.contentstop-slidetoggle_menu2 dt {
	padding: 10px 10px 10px 16px;
}
}

.contentstop-slidetoggle_menu2 dt:hover {
	background-color: #f7f7f7;
}


/* コンテンツ上部フィルタートグル2(出演者詳細プロフィール)タイトルアクティブ時 */
.contentstop-slidetoggle_menu2 dt.active {
	background:url("../images/minus-gray.png") right 16px center no-repeat;
	background-size: 24px 24px;
	border-bottom: solid 1px #e3e3e3;
}



/* コンテンツ上部フィルタートグル中身 */
.contentstop-filter-toggle-content {
	display:none;
	padding: 16px 16px 16px 16px;
}
@media (min-width: 600px) and (max-width: 1050px){
.contentstop-filter-toggle-content {
	padding: 10px 10px 10px 10px;
}
}
@media (max-width: 599px) {
.contentstop-filter-toggle-content {
	padding: 10px 10px 10px 10px;
}
}

/* コンテンツ上部フィルタートグル2中身(出演者詳細プロフィール)タイトルアクティブ時 */
.contentstop-filter-toggle-content2 {
	display:none;
	padding: 16px 16px 16px 32px;
}
@media (min-width: 600px) and (max-width: 1050px){
.contentstop-filter-toggle-content2 {
	padding: 10px 10px 10px 10px;
}
}
@media (max-width: 599px) {
.contentstop-filter-toggle-content2 {
	padding: 10px 10px 10px 10px;
}
}



/* コンテンツ上部フィルタートグルタイトル */
.contentstop-slidetoggle_menu dt {
	background:url("../images/plus-gray.png") right 16px center no-repeat;
	background-size: 24px 24px;
	cursor: pointer;
	font-size: 12px;
	color: #777777;
	font-weight: bold;
	padding: 16px 10px 16px 16px;
    transition: all .4s ease-in-out;
}
@media (max-width: 599px) {
.contentstop-slidetoggle_menu dt {
	padding: 10px 10px 10px 16px;
}
}

.contentstop-slidetoggle_menu dt:hover {
	background-color: #f7f7f7;
}


/* コンテンツ上部フィルタートグルタイトルアクティブ時 */
.contentstop-slidetoggle_menu dt.active {
	background:url("../images/minus-gray.png") right 16px center no-repeat;
	background-size: 24px 24px;
	border-bottom: solid 1px #e3e3e3;
}

/* ルーペアイコン */
.contentstop-slidetoggle_menu-icon {
	display: inline-block;
	position: relative;
	top: -3px;
	width: 16px;
	height: auto;
	margin-right: 8px;
}

/* コンテンツ上部フィルターフォームパディング調整  */
.contentstop-filter-form-paddingadjust {
	padding: 4px;
}

.width300 {
	width: 300px!important;
}

/* コンテンツ上部フィルターサブミットボタン  */
.contentstop-filter-form-submitbutton {
	display: inline-block;
    background: #f2f2f2;
	font-size: 14px;
    background-color: #41a558;
    border: solid 1px #41a558;
    color: #ffffff;
    padding: 10px 60px 10px 60px;
	margin-top: 4px;
}
@media (max-width: 1050px) {
.contentstop-filter-form-submitbutton {
    padding: 10px 40px 10px 40px;
}
}
.contentstop-filter-form-submitbutton:hover {

}

.contentstop-filter-bottomblock {
	margin-top: 10px;
	margin-bottom: 2px;
}

.contentstop-filter-bottomblock-title {
	color: #777777;
	font-size: 11px;
	font-weight: normal;
}



/* --------セカンド絞り込みブロック-------- */

/* セカンド絞り込みブロック  */
.second-filter-block {
	display: block;
	padding: 10px;
	background-color: #f5f5f5;
	border-radius: 6px;
	/* margin-bottom: 8px;無しでテスト */
}
@media (max-width: 599px) {
.second-filter-block {
	padding-top: 10px;
	padding-right: 14px;
	padding-left: 14px;
	border-radius: 0px;
}
}


/* タイトル表示エリア  */
.second-filter-block-titlearea {
	display: block;
	padding: 8px;
	font-size: 12px;
	font-weight: bold;
	color: #777777;
}
@media (max-width: 599px) {
.second-filter-block-titlearea {
	font-size: 11px;
	padding: 0 0 0 4px;
}
}

/* タイトル  */
.second-filter-block-titletext {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
@media (max-width: 599px) {
.second-filter-block-titletext {
	font-size: 16px;
}
}

/* dlタグ色変更用  */
.second_color {
	background-color: #fbfbfb;
}

/* セカンド絞り込みブロックリストエリア */
.second-filter-listarea {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
@media (max-width: 599px) {
.second-filter-listarea {
	padding-left: 6px;
	padding-right: 6px;
}
}
/* セカンド絞り込みブロックリストul */
.second-filter-list-ul {

}
@media (max-width: 599px) {
.second-filter-list-ul {

}
}

.second-filter-list-ul:after {
	display: block;
	content: "";
	clear: both;
}

/* セカンド絞り込みブロックリストli */
.second-filter-list-li {
	float: left;
}

/* セカンド絞り込みブロックリストA */
.second-filter-list-a {
	display: inline-block;
	color: #333333;
	padding: 4px 8px 4px 8px;
}
@media (max-width: 599px) {
.second-filter-list-a {
	padding: 2px 8px 2px 8px;
}
}

.second-filter-list-a:hover {
	background-color: #f7f7f7;
}

/* 小サイズテキスト  */
.second-filter-list-smalltext {
	font-size: 12px;
	color: #999999;
	margin-left: 4px;
}

/* セカンド絞り込みブロックリストもっと見る */
.second-filter-list-motto {
	display: block;
	margin-top: 10px;
	text-align: center;
	color: #666666;
	font-size: 11px;
	border: 1px solid #eeeeee;
	border-radius: 6px;
	padding: 8px 0px;
    transition: all .4s ease-in-out;
}
.second-filter-list-motto:hover {
	background-color: #cccccc;
    border: solid 1px #cccccc;
    color: #ffffff;
}

/* --------------------------------写真集詳細-------------------------------- */


.photostockdetail-plate-thumphoto {
	display: inline-block;
	width: 100%;
	height: auto;
}
@media (max-width: 799px){
.photostocdetail-plate-thumphoto {
	box-shadow: none;
}
}

/* 写真集タイトルエリア */
.photostockdetail-titlearea {
	display: block;
	color: #000000;
	line-height: 1.3;
	margin-top: 20px;
	margin-bottom: 10px;
}
@media (min-width: 600px) and (max-width: 1049px){
.photostockdetail-titlearea {
	margin-top: 14px;
	margin-bottom: 6px;
}
}
@media (max-width: 599px){
.photostockdetail-titlearea {
	margin-top: 10px;
	margin-bottom: 6px;
}
}

/* 写真集タイトル */
.photostockdetail-titletext {
	display: block;
	font-weight: bold;
	color: #000000;
	font-size: 32px;
	line-height: 1.3;
}
@media (min-width: 600px) and (max-width: 1049px){
.photostockdetail-titletext {
	font-size: 22px;
}
}
@media (max-width: 599px){
.photostockdetail-titletext {
	font-size: 20px;
}
}

/* ファイルID */
.photostockdetail-fileid {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	font-weight: bold;
}
@media (max-width: 599px){
.photostockdetail-fileid {
	font-size: 11px;
	line-height: 18px;
}
}
/* 投稿日付 */
.photostockdetail-releasedate {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}
@media (max-width: 599px){
.photostockdetail-releasedate {
	font-size: 11px;
	line-height: 18px;
}
}

/* 入室するボタン */
.photostock-enterbutton {
  display: inline-block;
  width: 100%;
	max-width: 480px;
	min-width: 200px;
	margin-top: 6px;
	margin-bottom: 4px;
  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;
}
@media (max-width: 799px) {
.photostock-enterbutton {
	min-width: 160px;
  font-size: 15px;
}
}
@media (min-width: 1050px) {
.photostock-enterbutton {
  font-size: 18px;
  padding: 18px 0;
}
}

.photostock-enterbutton:hover {
  background-color: #de1f6b;
}

/* 写真集情報エリア */
.photostockdetail-informationarea {
	padding-bottom: 30px;
}
@media (max-width: 599px) {
.photostockdetail-informationarea {
	padding: 0px 14px 14px 14px;
}
}
/* 説明文テキスト */
.photostockdetail-descriptiontext {
	font-size: 16px;
	line-height: 1.7;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (max-width: 599px) {
.photostockdetail-descriptiontext {
	font-size: 15px;
	line-height: 1.6;
}
}

/* 閲覧制限ブロック */
.photostock-security-block {
	text-align: center;
	margin-top: 10px;
}
@media (max-width: 599px) {
.photostock-security-block {
	text-align: left;
	margin-top: 10px;
}
}

/* 閲覧制限アイコン */
.photostock-title-lockicon {
	display: inline-block;
	border: 1px solid #ff0000;
	color: #ff0000;
	padding: 8px 20px 8px 20px;
	border-radius: 20px;
	line-height: 22px;
}
@media (max-width: 599px) {
.photostock-title-lockicon {
	padding: 6px 14px 6px 14px;
	line-height: 16px;
	font-size: 12px;
}
}

.photostock-title-lockicon .fa-lock {
	position: relative;
	top: 2px;
	color: #ff0000;
	font-size: 22px;
	margin-right: 6px;
}
@media (max-width: 599px) {
.photostock-title-lockicon .fa-lock {
	position: relative;
	top: 2px;
	font-size: 16px;
	margin-right: 6px;
}
}
/* 他にもこんな写真集公開しています！部 */
.other-photostock {
    border-top: 1px solid #dbe1e5;
    background-color: #f1f5f8;
    padding-top: 38px;
    padding-bottom: 20px;
}
@media (max-width: 599px) {
.other-photostock {
	padding-top: 12px;
	padding-bottom: 12px;
}
}

.otherphotostocklist-block {
	position: relative;
	display: block;
	width: 100%;
	padding: 0px;
	transition: all .4s ease-in-out;
}

.otherphotostocklist-block:hover {
	background-color: #f7f7f7;
}


/* 他にもこんな写真集公開しています！部タイトルテキスト */
.otherphotostock-largetext {
	font-size: 20px;
	color: #666666;
	font-weight: bold;
	padding: 16px 16px 12px 16px;
	line-height: 28px;
}
@media (max-width: 599px) {
.otherphotostock-largetext {
	font-size: 16px;
	padding: 8px 16px 0 16px;
	line-height: 22px;
}
}

/* ツイッターエリア */
.photostockdetail-twitterarea {
	margin-bottom: 10px;
}

/* ツイッターボタン */
.detailpage-twitterbutton {
	display: inline-block;
	background-color: #55acee;
	padding: 10px 24px 10px 24px;
}

.detailpage-twitterbutton .fa-twitter {
	font-size: 20px;
	color: #ffffff;
}



/* 他にもこんな写真集公開しています写真リスト */
.otherphotostocklist-li {
	float: left;
	width: 33.3333%;
	margin-bottom: 16px;
	padding: 14px 14px 14px 14px;
}

@media (min-width: 800px) and (max-width: 999px){
.otherphotostocklist-li {
	float: left;
	width: 50%;
}
}
@media (min-width: 1700px){
.otherphotostocklist-li {
	width: 25%;
}
}
@media (max-width: 799px){
.otherphotostocklist-li {
	float: left;
	width: 50%;
	margin-bottom: 0px;
}
.otherphotostocklist-li:nth-child(odd) {
	padding: 14px 7px 0 14px;
}
.otherphotostocklist-li:nth-child(even) {
	padding: 14px 14px 0 7px;
}
}

/* 写真集タイトルテキスト */
.otherphotostocklist-titletext {
	display: block;
	font-weight: bold;
	color: #000000;
	font-size: 20px;
	line-height: 1.3;
	margin-top: 20px;
	margin-bottom: 10px;
	height: 54px;
	overflow: hidden; 
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
@media (max-width: 599px){
.otherphotostocklist-titletext {
    font-size: 14px;
	height: 34px;
	margin-top: 6px;
	margin-bottom: 6px;
}
}


/* 写真集内タイトルに戻るボタン */
.photostock-titleback-button {
	display: inline-block;
	font-size: 18px;
	border: 1px solid #cccccc;
	padding: 16px 50px 16px 50px;
	background-color:#ffffff;
	color: #999999;
	border-radius: 30px;
	margin-bottom: 20px;
    transition: all .4s ease-in-out;
}
@media (max-width: 599px){
.photostock-titleback-button {
	display: block;
	font-size: 14px;
	margin-bottom: 0px;
	border-radius: 0px;
	border: none;
	background-color: #dc1c38;
    color: #ffffff;
}
}

.photostock-titleback-button:hover {
    background-color: #de1f6b;
	border: 1px solid #de1f6b;
	color: #ffffff;
}

/* メンバーアイコン */
.photostock-title-membericon {
	display: inline-block;
	vertical-align: middle;
	width: 48px;
	height: 48px;
	margin-right:4px; 
}
@media (max-width: 1299px){
.photostock-title-membericon {
    width: 30px;
    height: 30px;
	margin-right: 2px; 
}
}

/* --------------------------------新着日記一覧-------------------------------- */

.diarylist-plate {
	display: block;
	width: 100%;
	padding: 10px 14px 10px 14px;
    border-bottom: solid 1px #eeeeee;
    transition: all .4s ease-in-out;
}
.diarylist-plate:hover {
	background-color: #f7f7f7;
}

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

/* 記事タイトル  */
.diarylist-title {
	color: #000000;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.3;
	width: auto;

	height: 52px;
	overflow: hidden; 
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;

}
@media (max-width: 599px) {
.diarylist-title {
	font-size: 16px;
	height: 40px;
}
}

/* 記事一覧大サムネールブロック（スマホのみ表示）  */
.diarylist-block-imgblock {
    position: relative;

	width: 80px;
	display: table-cell;
    margin-right: 6px;
    margin-top: 6px;
    margin-bottom: 6px;
	vertical-align: middle;
}




.diarylist-block-contentblock {
    position: relative;
	display: table-cell;
	width: auto;
}


/* メンバーアイコン(スマホ用大アイコン) */
.diarylist-memberlargeicon {
	display: inline-block;
	vertical-align: middle;
	width: 72px;
	height: 72px;
	margin-right:4px; 
}

/* メンバーアイコン */
.diarylist-membericon {
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	margin-right:4px; 
}
@media (max-width: 1299px){
.diarylist-membericon {
    width: 30px;
    height: 30px;
	margin-right: 2px; 
}
}


/* 投稿日付 */
.diarylist-releasedate {
	font-size: 11px;
	color: #aaaaaa;
}

.diarylist-cosname {
	color: #000000;
}

















/* --------汎用サブページヘッダー------ */

header#subpageheader {
	display: block;
	width: 100%;
	background-color: #ffffff;
	border-bottom: solid 1px #cccccc;
	height: 51px;
}

/* ヘッダーフロート解除 */
.subpageheader:after {
	display: block;
	clear: both;
	content: ""
}

.lefticon-backlink {
	display: inline-block;
	height: 51px;
	width: 54px;
	padding: 19px 17px 19px 17px;
}

.lefticon-image {
	position: relative;
	top: -2px;
	display: inline-block;
	width: 18px;
	height: 18px;
}

.subpage-headerleft {
	float: left;
	width: 60px;
	height: 51px;
}

.subpage-headercenter-alignleft {
	float: left;
	width: auto;
	height: 51px;
	text-align: left;
}

.subpage-headerright {
	float:right;
	width: 20%;
	height: 51px;
	text-align: right;
}

.subpage-headercount {
	display: inline-block;
	line-height: 51px;
	font-size: 16px;
	color: #ef4489;
}

.subpage-leftaligntitle {
	display: inline-block;
	position: relative;
	top: 2px;
	line-height: 51px;
	font-size: 16px;
	color: #444444;
	text-align: left;
}

.subpage-headercenter .fa-hand-stop-o {
	display: inline-block;
	color: #ef4489;
	font-size: 16px;
	margin-right: 4px;
}

/* --------------------------------検索ページ-------------------------------- */

.sp-searchbutton {
	position: absolute;
	top: -3px;
	right: 0px;
	padding: 7px;
}

.sp-searchbutton-img {
	display: inline-block;
	width: 20px;
	height: 20px;
}






/* ------PC上部コンテンツメニュー-------- */


.pcpagetop-contentsmenu-area {
	display: block;
	background-color: #f6f6f6;
}
@media (max-width: 1049px) {
.pcpagetop-contentsmenu-area {
	display: none;
}
}

/* 三角マーカー */
.pcpagetop-contentsmenu-marker {
	display: inline-block;
	position: relative;
	bottom: 18px;
	margin-right: 4px;
}

.pcpagetop-contentsmenu-a {
	display: inline-block;
	padding: 0 12px 0 12px;
	color: #888888;
	font-size: 13px;
	line-height: 42px;
    transition: all .4s ease-in-out;
}

.pcpagetop-contentsmenu-a:hover {
	color: #ffffff;
	background-color: #727d89;
}

.pcpagetop-contentsmenu-li {
	float: left;
}


.pcpagetop-contentsmenu-ul:after {
	display: block;
	clear: both;
	content: ""
}


/* ------基本ページ上部メニュー-------- */

.rankingpage-targetlist-area {
	padding: 16px 14px 16px 14px;
	background-color: #f5f5f5;
}

.rankingpage-targetlist-ul {
	margin-bottom: 16px;
}
@media (max-width: 599px) {
.rankingpage-targetlist-ul {
	margin-bottom: 0px;
}
}

.rankingpage-targetlist-ul:after {
	display: block;
	clear: both;
	content: ""
}

.rankingpage-targetlist-li {
	display: inline-block;
	width: auto;
	float: left;
	text-align: center;
	margin-right: 20px;
}
@media (max-width: 599px) {
.rankingpage-targetlist-li {
	width: 50%;
	margin: 0px;
}
}

/* 3分割メニュー時 */
@media (max-width: 599px) {
.block-3parts {
	width: 33.3333%;
}
}

.rankingpage-targetlist-a {
	display: inline-block;
	padding: 6px 0px 6px 0px;
	width: 100%;
	color: #555555;
	font-size: 18px;
	font-weight: bold;
	background-color: #ffffff;
	border-top: solid 1px #dddddd;
	border-bottom: solid 3px #dddddd;
	border-left: 0px;
	border-right: 0px;
}
@media (max-width: 599px) {
.rankingpage-targetlist-a {
	display: inline-block;
	padding: 7px 0px 7px 0px;
	width: 100%;
	color: #222222;
	font-size: 11px;
	font-weight: normal;
	background-color: #ffffff;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	border-left: 0px;
	border-right: 0px;
}
}

.rankingpage-targetlist-linkactive {
	background-color: #ffffff;
	color: #555555;
	border-top: solid 1px #ff81b4;
	border-bottom: solid 3px #dc1c38;
	border-left: 0px;
	border-right: 0px;

}
@media (max-width: 599px) {
.rankingpage-targetlist-linkactive {
	background-color: #41a558;
	color: #ffffff;
	border: solid 1px #317b42;
}
}

.form-option {
	 font: normal 11px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
    color: #777777!important;
    background: #f2f2f2;
    border: 1px solid #e5e5e5;
	margin-left: 10px;
    background-color: #f7f7f7;
    padding: 6px 10px 6px 10px;
    max-width: 100%;
    -webkit-appearance: none!important;
    line-height: 1.5;
    border-radius: 3px;
}
.form-option:fucus {

    border: 1px solid #e5e5e5!important;
}

/* --------------------------------イベント一覧ページ-------------------------------- */

/* 会場画像 */
.facility-img {
 	width: 140px;
	height: auto;
	border-radius: 6px;
}
@media (min-width: 600px) and (max-width: 799px){
.facility-img {
 	width: 130px;
}
}
@media (max-width: 599px) {
.facility-img {
 	width: 100px;
}
}

/* イベント一覧イベントブロック */
.eventlist-1block {
	display: block;
	position: relative;
	border-bottom: 1px solid #eeeeee;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
	color: #333333;
	transition: all .4s ease-in-out;
}
@media (min-width: 600px) and (max-width: 799px){
.eventlist-1block {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
}
@media (max-width: 599px) {
.eventlist-1block {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
}

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

.eventlist-1block:hover {
	background-color: #f9f9f9;
}


/* イベント一覧イベントブロック・会場アイコン部 */
.eventlist-facilityicon {
	float: left;
	position: relative;
}

/* イベント一覧イベントブロック・イベントデータ部 */
.eventlist-eventdata {
	position: relative;
	float: none;
	padding: 0px 0px 0px 150px;
	color: #aaaaaa;
	height: 140px;
}
@media (min-width: 600px) and (max-width: 799px){
.eventlist-eventdata {
	padding: 0px 0px 0px 140px;
	height: 130px;
}
}
@media (max-width: 599px) {
.eventlist-eventdata {
	padding: 0px 0px 0px 110px;
	height: 100px;
}
}
/* 参加人数カウント */
.sanka-count {
    position: absolute;
    bottom: 6px;
    right: 6px;
    padding: 6px 8px;
    background: #fa0000;
    font-family: "Helvetica Neue", "Arial", sans-serif;
    font-weight: normal;
    font-size: 0.9rem;
    border-radius: 16px;
    line-height: 1;
    color: #ffffff;
}
@media (max-width: 599px) {
.sanka-count {
    font-weight: bold;
    bottom: 4px;
    right: 4px;
    padding: 4px 6px;
    font-size: 0.7rem;
    border-radius: 10px;
}
}

/* イベント名ラベル */
.eventlist-eventtitletext {
	display: -webkit-box;
	padding-top: 4px;
	height: 2.8em;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	color: #333333;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
@media (min-width: 600px) and (max-width: 799px){
.eventlist-eventtitletext {
	font-size: 16px;
	font-weight: bold;
}
}
@media (max-width: 599px) {
.eventlist-eventtitletext {
	padding-top: 0px;
	height: 2.5em;
	font-size: 14px;
	font-weight: bold;
}
}

.eventlist-subtext {
	display: inline-block;
	font-size: 14px;
	line-height: 1.4;
	padding-top: 6px;
	padding-bottom: 2px;
}
@media (max-width: 599px) {
.eventlist-subtext {
	font-size: 12px;
}
}
/* 参加表明ボタン */
.eventlist-sankabutton {
    display: inline-block;
	min-width: 106px;
    border: 0;
    border-radius: 4px;
    border: solid 1px #35c1eb;
    color: #2bb0e7;
    padding: 8px 24px;
    background-color: #ffffff;
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

.eventlist-sankabutton:hover {
    background-color: #35c1eb;
    color: #ffffff;
}
/* 参加表明ボタンアクティブ時 */
.eventlist-sankabutton-active {
    display: inline-block;
	min-width: 106px;
    border: 0;
    border-radius: 4px;
    border: solid 1px #4cb813;
    color: #ffffff;
    padding: 8px 24px;
    background-color: #4cb813;
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    transition: all .4s ease-in-out;
}
@media (min-width: 600px) and (max-width: 799px){
.eventlist-sankabutton, .eventlist-sankabutton-active {
	min-width: 106px;
    border-radius: 3px;
    padding: 6px 20px;
    font-size: 12px;
}
}
@media (max-width: 599px) {
.eventlist-sankabutton, .eventlist-sankabutton-active {
	min-width: 106px;
    border-radius: 3px;
    padding: 4px 16px;
    font-size: 11px;
}
}
.eventlist-sankabutton-active .fa-check {
	margin-right: 4px;
}

/* 参加表明ボタンブロック */
.eventlist-sankabuttonblock {
position: absolute;
    width: 100%;
    float: right;
    text-align: right;
    margin-right: 0px;
    bottom: 0px;
    right: 0px;
}
@media (min-width: 1400px){
.eventlist-sankabuttonblock {
    margin-right: 16px;
}
}
@media (max-width: 599px){
.eventlist-sankabuttonblock {
    margin-right: 8px;
}
}

/* 日付ラベル */
.eventlist-datelabel {
    color: #555555;
}

/* 会場名ラベル */
.eventlist-facilitylabel {
    color: #555555;
}

/* 所在地ラベル */
.eventlist-addresslabel {
    color: #555555;
}





/* --------　NEW!一般コンテンツページページ（サブページ）雛形　------ */

.subpage-pagetitle {
	color: #222222;
	padding: 34px 10px 24px 0px;
	font-size: 26px;
	line-height: 1.0;
}
@media (min-width: 600px) and (max-width: 1049px){
.subpage-pagetitle {
	font-size: 22px;
	padding: 28px 10px 20px 0px;
}
}
@media (max-width: 599px){ 
.subpage-pagetitle {
	background-color: #f5f7fa;
	border-bottom: 1px solid #dddfe2;
	font-size: 16px;
	padding: 14px 10px 14px 14px;
}
}

/* 基本コンテンツブロック新バージョン */
.basic-content-block2019 {

}

@media (max-width: 599px){ 
.basic-content-block2019 {
    padding: 14px 14px 0 14px;

}
}

.basic-content-midashi2019 {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	padding: 0 4px 4px 4px;
	border-bottom: 2px solid #2caf42;
	margin-bottom: 10px;
}

/* 基本コンテンツ1ブロック */
.basic-content-paragraph {
	margin-bottom: 44px;
}
@media (max-width: 599px){ 
.basic-content-paragraph {
	margin-bottom: 22px;
}
}


/* --------一覧ページページャー部------ */


.listpage-pager-block {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
@media (max-width: 599px){ 
.listpage-pager-block {
	margin-top: 0px;
	margin-bottom: 0px;
}
}

.listpage-pager-ul {
	display: inline-block;
	margin: auto;
}
@media (max-width: 599px){ 
.listpage-pager-ul {
	display: block;
	border-top: solid 8px #f1f1f1;
	border-bottom: solid 8px #f1f1f1;
}
}

.listpage-pager-ul:after {
	display: block;
	clear: both;
	content: ""
}

.listpage-pager-li {
	display: inline-block;
	width: auto;
	float: left;
	text-align: center;
}
@media (max-width: 599px){ 
.listpage-pager-li {
	width: 30%;
}
}

.listpage-pager-li-center {
	display: inline-block;
	width: auto;
	background-color: #f5f5f5;
	float: left;
	text-align: center;
}
@media (max-width: 599px){ 
.listpage-pager-li-center {
	width: 40%;
}
}

.listpage-pager-a {
	display: inline-block;
	padding: 8px 0px 8px 0px;
	width: 100px;
	color: #777777;
	font-size: 14px;
	background-color: #ffffff;
	border: solid 1px #d5d5d5;
	box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.08);
    transition: all .4s ease-in-out;
}
@media (max-width: 599px){ 
.listpage-pager-a {
	width: 100%;
	color: #999999;
	font-size: 10px;
	border-top: solid 1px #e7e7e7;
	border-bottom: solid 1px #e7e7e7;
	border-left: 0px;
	border-right: 0px;
	box-shadow: none;
}
}

.listpage-pager-a:hover {
	background-color: #ef4489;
	color: #ffffff;
	border: 1px solid #ef4489;
}

.listpage-pager-a-center {
	display: inline-block;
	height: 39px;
	padding: 0px 16px 0px 16px;
	width: 100%;
	min-width: 160px;
	color: #ababab;
	font-size: 12px;
	line-height: 39px;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 599px){ 
.listpage-pager-a-center {
	height: 39px;
	line-height: 39px;
	padding: 0px 4px 0px 4px;
	min-width: none;
	color: #999999;
	font-size: 10px;
	border-top: solid 1px #e7e7e7;
	border-bottom: solid 1px #e7e7e7;
	border-left: 0px;
	border-right: 0px;


}
}

/* リンク無しの場合 */
.listpage-pager-a-nolink {
	display: inline-block;
	padding: 8px 0px 8px 0px;
	width: 100px;
	color: #bbbbbb;
	font-size: 14px;
	background-color: #efefef;
	border: solid 1px #d5d5d5;
	opacity: 0.3;
}
@media (max-width: 599px){ 
.listpage-pager-a-nolink {
	width: 100%;
	color: #bbbbbb;
	font-size: 10px;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	border-left: 0px;
	border-right: 0px;
}
}

/* 前へアイコン */
.photodetailpage-previcon {
	display: inline-block;
	position: relative;
	top: -2px;
	width: auto;
	height: 18px;
	margin-right: 8px;
}

/* 次へアイコン */
.photodetailpage-nexticon {
	display: inline-block;
	position: relative;
	top: -2px;
	width: auto;
	height: 18px;
	margin-left: 8px;
}



/* --------------------------------フリマ商品一覧ページ-------------------------------- */

.price-kakomi {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 6px 12px;
    font-family: "Helvetica Neue", "Arial", sans-serif;
    font-weight: bold;
    font-size: 1rem;
    border-radius: 20px;
    line-height: 1;
    color: #ffffff;
}
@media (max-width: 599px){ 
.price-kakomi {
    padding: 6px 10px;
    font-size: 0.9rem;
    border-radius: 14px;
    top: 6px;
    left: 6px;
}
}

/* スマホ3列表示の際に、囲みを小さくするために指定する追加クラス */
@media (max-width: 599px){ 
.price-kakomi-add-small {
    font-size: 0.8rem!important;
    padding: 5px 8px!important;
}
}

.wantbuy {
    background-color: #52b442;
}

.wantsell {
    background-color: #fa0000;
}





/* 商品名テキスト */
.marketphoto-thumnail-itemnametext-title {
	color: #ffffff;
	font-size: 14px;
	width: 100%;
	white-space: wrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 3.0em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
@media (min-width: 600px) and (max-width: 799px){
.marketphoto-thumnail-itemnametext-title {
	font-size: 12px;
}
}
@media (max-width: 599px){
.marketsphoto-thumnail-itemnametext-title {
	font-size: 12px;
}
}
.marketphoto-thumnail-itemnametext-title:hover {
	text-decoration: underline;
}

/* （3列配置時の追加クラス） */
@media (max-width: 599px){
.marketphoto-thumnail-title-row3 {
	font-size: 9px!important;
	line-height: 14px!important;
}
}




/* ------カテゴリリスト-------- */

.market-categorylist-ul {
	min-height: 0;/* この2行を入れないと高さが引きずられる。 */
	overflow: auto;
}

.market-categorylist-ul:after {
	display: block;
	content: "";
	clear: both;
}

.market-categorylist-li {
	display: inline-block;
	float: left;
	width: 25%;
	padding: 4px;
}
@media (min-width: 1000px) and (max-width: 1399px){
.market-categorylist-li {
	width: 33.3333%;
}
}
@media (max-width: 999px){ 
.market-categorylist-li {
	width: 50%;
}
}
.market-categorylist-a {
	display: inline-block;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 4px;
	padding: 10px;
	font-size: 13px;
	line-height: 28px;/* アイコンの高さに合わせる */
	color: #222222;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    transition: all .4s ease-in-out;
}

.market-categorylist-a:hover {
	background-color: #f7f7f7;;
	border: 1px solid #dddddd;
}

.market-categorylist-a-active {
	display: inline-block;
	width: 100%;
	background-color: #ef4489;
    border: solid 1px #ff81b4;
	border-radius: 4px;
	padding: 10px;
	font-size: 13px;
	line-height: 28px;/* アイコンの高さに合わせる */
	color: #ffffff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    transition: all .4s ease-in-out;
}

/* カテゴリーアイコン(未使用) */
.market-categorylist-icon {
	display: inline-block;
	position: relative;
	top: -1px;
	height: 28px;
	width: auto;
	margin-right: 4px;
}










/* ------期間選択メニュー-------- */

.second-linktab-area {
	padding: 16px 0px 16px 0px;
	background-color: #ffffff;
	margin-top: -10px;

	min-height: 0;/* この2行を入れないと高さが引きずられる。 */
	overflow: auto;
}
@media (max-width: 599px){ 
.second-linktab-area {
	padding: 16px 14px 16px 14px;
	background-color: #f5f5f5;
}
}

.second-linktab-ul {

}

.second-linktab-ul:after {
	display: block;
	clear: both;
	content: ""
}

.second-linktab-li {
	display: inline-block;
	width: 25%;
	float: left;
	text-align: center;
	max-width: 250px;
}

/* 5分割時 */
.width20percent {
	width: 20%!important;
}

/* 3分割時 */
.width33percent {
	width: 33%!important;
}


.second-linktab-a {
	display: inline-block;
	padding: 10px 0px 10px 0px;
	width: 100%;
	color: #222222;
	font-size: 12px;
	background-color: #ffffff;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
	border-right: 0px;
	max-width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    transition: all .4s ease-in-out;
}
@media (max-width: 599px){ 
.second-linktab-a {
	padding: 6px 0px 6px 0px;
	font-size: 11px;
}
}

.second-linktab-a:hover {
    background-color: #f7f7f7;
}





.second-linktab-a-active {
	display: inline-block;
	padding: 10px 0px 10px 0px;
	width: 100%;
	color: #ffffff;
	font-size: 12px;
	background-color: #ef4489;
	border: solid 1px #ff81b4;
	max-width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    transition: all .4s ease-in-out;
}
@media (max-width: 599px){ 
.second-linktab-a-active {
	padding: 6px 0px 6px 0px;
	font-size: 11px;
}
}



.second-linktab-li:first-child a {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.second-linktab-li:last-child a {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-right: solid 1px #dddddd;
}



/* 水色ボーダーボタン */
.market-border-button {
  display: inline-block;
  width: 100%;
	min-width: 200px;
	margin-top: 6px;
	margin-bottom: 4px;
  border: 1px solid #35c1eb;
  border-radius: 4px;
  color: #35c1eb;
  padding: 12px 0;
  background-color: #ffffff;
  font-size: 15px;
	line-height: 1.5;
  font-weight: normal;
  font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
  text-align: center;
  cursor: pointer;
  transition: all .4s ease-in-out;
}
@media (max-width: 799px) {
.market-border-button {
	min-width: 160px;
  font-size: 14px;
}
}
.market-border-button:hover {
  background-color: #35c1eb;
  color: #ffffff;
}

.market-border-button .fa-book {
	position: relative;
  font-size: 16px;
	padding-right: 6px;
	top: 1px;
}

.market-border-button .fa-exclamation-triangle {
	position: relative;
  font-size: 16px;
	padding-right: 6px;
	top: 1px;
}

/* --------------------------------イベント詳細ページ-------------------------------- */

/* アイキャッチ画像 */
.eventdetail-titleimg {
	display: inline-block;
	width: 100%;
	height: auto;
}

/* タイトルエリア */
.eventdetail-titlearea {
	display: block;
	padding: 36px 0 24px 0;
    border-bottom: 1px solid #eaeaea;
}
@media (min-width: 600px) and (max-width: 1049px){
.eventdetail-titlearea {
	padding: 20px 14px 20px 14px;
}
}
@media (max-width: 599px){ 
.eventdetail-titlearea {
	padding: 12px 14px 12px 14px;
    border-bottom: 8px solid #eaeaea;
}
}

/* タイトルテキスト */
.eventdetail-titletext {
	display: inline-block;
	width: 100%;
	height: auto;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.3;
}
@media (min-width: 600px) and (max-width: 1049px){
.eventdetail-titletext {
	font-size: 24px;
}
}
@media (max-width: 599px){ 
.eventdetail-titletext {
	font-size: 20px;
}
}

/* 公式サイトリンクエリア */
.eventdetail-officiallink-area {
	margin-top: 10px;
}

/* 公式サイトリンク */
.eventdetail-officiallink {
	display: inline-block;
    border: 1px solid #35c1eb;
	padding: 6px 14px 6px 14px;
    color: #2bb0e7;
	margin-right: 10px;
	border-radius: 20px;
	transition: all .4s ease-in-out;
}
@media (max-width: 599px){ 
.eventdetail-officiallink {
	font-size: 11px;
	margin-right: 6px;
	padding: 4px 10px 4px 10px;
}
}

.eventdetail-officiallink:hover {
    color: #ffffff;
	background-color: #35c1eb;
}

/* 説明文エリア */
.eventdetail-descriptionarea {
	font-size: 16px;
	line-height: 1.7;
	padding-bottom: 30px;
	padding-top: 10px;
	padding-left: 10px;
}
@media (min-width: 600px) and (max-width: 1049px){
.eventdetail-descriptionarea {
	padding-bottom: 20px;
}
}
@media (max-width: 599px){ 
.eventdetail-descriptionarea {
	font-size: 15px;
	line-height: 1.6;
    padding: 14px 14px 14px 14px;
	border-bottom: 8px solid #eeeeee;
}
}

/* ブロック見出し */
.eventdetail-block-midashi {
    font-size: 22px;
    font-weight: bold;
    color: #000000;
    padding: 12px 0px 14px 12px;
    margin-bottom: 16px;
    border-left: solid 4px #ff0000;
    border-bottom: solid 1px rgba(0,0,0,0.1);
}
@media (max-width: 599px){ 
.eventdetail-block-midashi {
    font-size: 16px;
    color: #444444;
    padding: 0px 10px 0px 14px;
	line-height: 50px;
	background-color: #ffffff;
    border-bottom: 1px solid #eeeeee;
	border-left: none;
    margin-bottom: 0px;
}
}

/* ブロック見出し内数字テキスト */
.eventdetail-block-midashi-count {
	display: inline-block;
	margin-left: 6px;
	color: #444444;
}
@media (max-width: 599px){ 
.eventdetail-block-midashi-count {
	color: #666666;
}
}

/* 「参加表明する」ボタン */
.eventdetail-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;
  transition: all .4s ease-in-out;
}
@media (max-width: 599px){
  .eventdetail-entry-button {
	  margin-bottom: 10px;
  }
}

/* 「参加表明する」ボタン アイコン */
.eventdetail-entry-button .fa-user-plus {
	margin-right: 8px;
	font-size: 20px;
}

.eventdetail-entry-button:hover {
    background-color: #f2001f;
}


/* 「マイリスト登録」ボタン */
.eventdetail-add-mylist-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;
  transition: all .4s ease-in-out;
}

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

/* 日付表示エリア */
.eventdetail-titledate {
	margin-top: 6px;
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 18px;
}
@media (min-width: 600px) and (max-width: 1049px){
.eventdetail-titledate {
	margin-top: 6px;
	margin-bottom: 2px;
	font-size: 14px;
}
}
@media (max-width: 599px){
.eventdetail-titledate {
	margin-top: 6px;
	margin-bottom: 2px;
	font-size: 12px;
}
}

/* 主催者名ブロック */
.eventdetail-companyname-block {
	margin-top: 4px;
	margin-bottom: 12px;
}
@media (max-width: 599px){
.eventdetail-companyname-block {
	margin-top: 2px;
	  margin-bottom: 8px;
  }
}


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

/* 地図エリア会場名 */
.eventdetail-maparea-facilityname {
	font-weight: bold;
	color: #39874b;
}
@media (max-width: 599px){
.eventdetail-maparea-facilityname {
	  font-size: 14px;
  }
}
/* 会場表示エリア */
.eventdetail-facilityinfo {
	display: table;
	width: 100%;
	min-height: 0;
	overflow: auto;
	margin: 0 0 0 0;
	padding: 14px 10px 14px 10px;
	background-color: #ffffff;
	border-radius: 4px;
  transition: all .4s ease-in-out;
}
@media (min-width: 600px) and (max-width: 987px){
.eventdetail-facilityinfo {
	margin: 0 0 0 0;
  }
}
@media (max-width: 599px) {
.eventdetail-facilityinfo {
	  margin: 0 0 0 0;
  }
}

.eventdetail-facilityinfo:hover {
	background-color: #f7f7f7;
}

.eventdetail-facilityinfo .facility-icon {
  display: block;
  width: 64px;
  height: 64px;
	margin-right:8px; 
}
@media (min-width: 600px) and (max-width: 799px){
.eventdetail-facilityinfo .facility-icon {
  width: 54px;
  height: 54px;
}
}
@media (max-width: 599px){
.eventdetail-facilityinfo .facility-icon {
    display: block;
    width: 64px;
    height: 64px;
	  margin-right: 8px; 
  }
}

.eventdetail-facilityinfo-icon {
	display: table-cell;
vertical-align: middle;
}


.eventdetail-facilityinfo-data {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

/* 会場エリアテキスト */
.eventdetail-facilityinfo-areatext {
	display: block;
	color: #666666;
	font-size: 13px;
}
@media (max-width: 599px){
.eventdetail-facilityinfo-areatext {
	font-size: 12px;
}
}

/* 会場所在地テキスト */
.eventdetail-map-address {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
}

/* 会場までの交通テキスト */
.eventdetail-map-route {
	display: inline-block;
}

/* PCのみボタンアクションブロック */
.eventdetail-pc-buttonacition-block {
	margin-bottom: 14px;
}

/* イベントの成分エリア */
.event-seibun-area {
    padding-bottom: 40px;
    padding-top: 10px;
}
@media (min-width: 600px) and (max-width: 1049px){
.event-seibun-area {
	padding-bottom: 20px;
}
}
@media (max-width: 599px){ 
.event-seibun-area {
    padding: 0px 0px 0px 0px;
	border-bottom: 8px solid #eaeaea;
}
}

/* イベントの成分リストli */
.event-seibun-li {
}

/* イベントの成分（リンク） */
.event-seibun-a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
	color: #000000;
	transition: all .4s ease-in-out;
}
@media (max-width: 799px) {
.event-seibun-a {
	padding-top: 4px;
	padding-bottom: 4px;
    padding-left: 10px;
}
}
@media (max-width: 599px) {
.event-seibun-a {
	padding-top: 8px;
	padding-bottom: 8px;
    padding-left: 12px;
}
}

.event-seibun-a:hover {
	background-color: #f7f7f7;
}
@media (max-width: 599px) {
.event-seibun-a:hover {
}
}

.event-seibun-a:after {
	display: block;
	content: "";
	clear: both;
}

.event-seibun-imgblock {
	position: relative;
	flex-basis: 80px;
	margin-right: 6px;
    padding-right: 8px;
    padding-left: 8px;
}

/* イベントの成分サムネール写真 */
.event-seibun-thumphotoimg {
	display: inline-block;
	height: 64px;
	width: auto;
	border-radius: 50%;
}
@media (min-width: 600px) and (max-width: 1050px){
.event-seibun-thumphotoimg {
	height: 64px;
}
}

/* イベントの成分サムネール写真カウント表示 */
.event-seibun-thumphotocount {
	position: absolute;
	top: 0px;
	left: 0px;
	display: inline-block;
	padding: 1px 7px 1px 7px;
	background-color: rgba(255,0,0,0.9);
	color: #ffffff;
	font-weight: bold;
	border-radius: 50%;
}
@media (min-width: 600px) and (max-width: 1050px){
.event-seibun-thumphotocount {
	font-size: 12px;
	padding: 0px 6px 0px 6px;
}
}

.event-seibun-textblock {
	flex-grow: 3;
}
@media (min-width: 600px) and (max-width: 1050px){
.event-seibun-textblock {
	font-size: 14px;
	line-height: 1.4;
}
}

/* イベントの成分タイトルテキスト */
.event-seibun-titletext {
}

.event-seibun-percentblock {
	flex-grow: 1;
	text-align: right;
	padding-right: 4px;
}

/* イベントの参加者リストエリア */
.event-sankalist-area {
    padding-bottom: 40px;
    padding-top: 10px;
}
@media (min-width: 600px) and (max-width: 1049px){
.event-sankalist-area {
    padding-bottom: 20px;
}
}
@media (max-width: 599px){ 
.event-sankalist-area {
    padding: 0px 0px 0px 0px;
	border-bottom: 8px solid #eaeaea;
}
}


/* イベントのコスプレ写真リストエリア */
.event-cosphotolist-area {
    padding-bottom: 40px;
    padding-top: 10px;
}
@media (min-width: 600px) and (max-width: 1049px){
.event-cosphotolist-area {
    padding-bottom: 20px;
}
}
@media (max-width: 599px){ 
.event-cosphotolist-area {
    padding: 0px 0px 0px 0px;
	border-bottom: 8px solid #eaeaea;
}
}

/* 会場情報テーブルブロック */
.eventdetail-datatable-block {
	margin-top: 20px;
}
@media (max-width: 599px){ 
.eventdetail-datatable-block {
	margin-right: -14px;
	margin-left: -14px;
	border-right: 0px;
	border-left: 0px;
}
}


.eventdetail-datatable-title {
	font-weight: bold;
}
@media (max-width: 599px){ 
.eventdetail-datatable-title {
	padding-left: 12px;
}
}

.eventdetail-datatable {
	font-size: 14px;
	margin-bottom: 20px;
	border-collapse: collapse;
}
@media (max-width: 599px){ 
.eventdetail-datatable {
	width: 100%;
}
}

.eventdetail-datatable-tr {

}


.eventdetail-datatable-td-subject {
	background-color: #f6f6f6;
	border: 1px solid #eeeeee;
	padding: 10px;
	min-width: 200px;
	line-height: 1.5;
}
@media (max-width: 599px){ 
.eventdetail-datatable-td-subject {
	width: 120px;
	min-width: 120px;
	border-left: 0px;
	padding-left: 14px;
	line-height: 1.5;
}
}

.eventdetail-datatable-td-content {
	border: 1px solid #eeeeee;
	padding: 10px;
	min-width: 400px;
	line-height: 1.5;
}
@media (max-width: 599px){ 
.eventdetail-datatable-td-content {
	width: 100%;
	min-width: initial;
	border-right: 0px;
	line-height: 1.5;
}
}

/* イベント公式写真ブロック */
.eventdetail-officialphoto-block {
	margin-left: -14px;
}

@media (max-width: 599px){ 
.eventdetail-officialphoto-block {
	margin-left: -14px;
	margin-right: -14px;
}
}


/* 並び替えインターフェイス */
.eventdaitail-content-sortarea {

}
@media (max-width: 599px){ 
.eventdaitail-content-sortarea {
	padding: 10px 0px 6px 0px;
}
}


/* フッターパネル(参加表明する、ログイン、タイトルに戻る) */
.footerpanel-eventdetail, .footerpanel-toppage, .footerpanel-photobook {
	display: block;
	width: 100%;
	z-index: 101;
	position: fixed;
	bottom: 0;
	left: 0;
	color: #ffffff;
	text-align: center;
	background-color: #35c1eb;
	padding: 16px 0;
	font-size: 16px;
	font-weight: bold;
	transition: all .4s ease-in-out;
}

.footerpanel-eventdetail:hover, .footerpanel-toppage:hover, .footerpanel-photobook:hover {
	background-color: #f2001f;
}

/* 「参加表明する」ボタン アイコン */
.footerpanel-eventdetail .fa-user-plus {
	margin-right: 8px;
	font-size: 20px;
}

/* 「ログイン・会員登録」ボタン アイコン */
.footerpanel-toppage .fa-sign-in {
	position: relative;
	top: 2px;
	margin-right: 8px;
	font-size: 22px;
}


/* 「タイトルに戻る」ボタン アイコン */
.footerpanel-photobook .fa-reply {
	margin-right: 8px;
	font-size: 18px;
}

/* フッターパネルアニメーション（全ページ共通） */
.move-footer.hide{
    transform: translateY(+100%);
}



/* ----------------- 参加メンバーテーブル ---------------- */


/* サムネール画像キャプションアニメ */
.anime-link figure {
    width: 110px;
    height: 110px;
    margin: 0 auto;
	border-radius: 50%;
    position: relative;
    overflow: hidden;
    background: #000000;
}
@media (max-width: 579px) {
.anime-link figure {
    width: 94px;
    height: 94px;
}
}
@media (max-width: 360px) {
.anime-link figure {
    width: 80px;
    height: 80px;
}
}
.anime-link figure:hover {
	cursor: pointer;
}

.anime-link {
	display: inline-block;
    color: #ffffff;
}

/* 線が伸びるアニメ部分をカット
.anime-link figure:after {
    position: absolute;
    background: #ffffff;
    content: "";
    display: block;
    width: 90%;
    height: 1px;
    left: 5%;
    top: 50%;
    transform: scale(0);
    transition: all .9s ease-out;
}
 */

.anime-link figure:hover:after {
    transform: scale(1);
}
.anime-link figcaption p,
.anime-link figcaption h3 {
    position: absolute;
    text-align: center;
    width: 100%;
    opacity: 0;
    transition: all .4s ease-out .4s;
}
.anime-link figcaption h3 {
	font-size: 11px;
	font-weight: bold;
    bottom: 51%;
    transform: translateY(-30px);
}
.anime-link figcaption p {
	font-size: 10px;
	font-weight: normal;
    top: 52%;
    transform: translateY(30px);
}
.anime-link figure:hover figcaption p,
.anime-link figure:hover figcaption h3 {
    opacity: 1;
    transform: translateY(0);
}
 
.anime-link figure img {
	width: 110px;
	height: 110px;
    transition: all 0.7s ease-out;
}
@media (max-width: 579px) {
.anime-link figure img {
    width: 94px;
    height: 94px;
}
}
@media (max-width: 360px) {
.anime-link figure img {
    width: 80px;
    height: 80px;
}
}

.anime-link figure:hover img {
    opacity: .4;
    transform: scale(1.3);
}


/* コスネーム */
.cosplayerpage-cosname {
	display:inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #444444;
	height: 18px;
	line-height: 18px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 4px 0 4px;
}
@media (max-width: 579px) {
.cosplayerpage-cosname {
	font-size: 13px;
}
}

/* コスネーム英語 */
.cosplayerpage-cosname-english {
	display:inline-block;
	font-size: 11px;
	color: #999999;
	line-height: 1.0;
	height: 11px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 4px 0 4px;
}
@media (max-width: 579px) {
.cosplayerpage-cosname-english {
	font-size: 10px;
}
}

/* コスプレイヤーリスト */
.cosplayerlist-ul {
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
}
@media (max-width: 579px) {
.cosplayerlist-ul {
	margin-bottom: 8px;
	margin-right: 10px;
	margin-left: 10px;
}
}


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

.cosplayerlist-li {
	float: left;
	line-height: 1.0;
	margin-bottom: 10px;
}

@media (min-width: 2500px) and (max-width: 2899px) {
.cosplayerlist-li {
	width: 10%;
}
}

@media (min-width: 2200px) and (max-width: 2499px) {
.cosplayerlist-li {
	width: 12.5%;
}
}

@media (min-width: 1900px) and (max-width: 2199px) {
.cosplayerlist-li {
	width: 14.2857%;
}
}

@media (min-width: 1600px) and (max-width: 1899px) {
.cosplayerlist-li {
	width: 16.6666%;
}
}


@media (min-width: 1300px) and (max-width: 1599px) {
.cosplayerlist-li {
	width: 20%;
}
}

@media (min-width: 900px) and (max-width: 1299px) {
.cosplayerlist-li {
	width: 25%;
}
}

@media (min-width: 600px) and (max-width: 899px) {
.cosplayerlist-li {
	width: 33.3333%;
}
}

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

.cosplayerlist-a {
	display: inline-block;
	position: relative;
	padding: 7px 10px 3px 10px;
}


/* twitterアイコン */
.cosplayerlist-twittericon {
	display: inline-block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: #55acee;
	padding: 10px;
	border-radius: 50%;
	z-index: 100;
	transition: all .4s ease-in-out;
}
@media (max-width: 599px) {
.cosplayerlist-twittericon {
	padding: 7px;
}
}

.cosplayerlist-twittericon:hover {
    background-color: #f2001f;
	cursor: pointer;
}

/* twitterアイコン */
.cosplayerlist-twittericon .fa-twitter {
	display: inline-block;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.0;
}
@media (max-width: 599px) {
.cosplayerlist-twittericon .fa-twitter {
	font-size: 18px;
}
}






/* --------------------------------グローバルヘッダー-------------------------------- */
/* ヘッダー */
header, header#pc {
    background-color: #17579a;
    border-bottom: solid 1px #0f3454;/* めり込みが直ったら#e7b618に戻す */
	height: 67px;
}

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


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

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

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

.headerleft {
	right: 300px; /* 変更前は360px */
	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: 66px;
	vertical-align: middle;
}
@media (max-width: 1049px){
.company-nav {
	padding: 0 6px 0 18px;
	height: 54px;
}
}

/* 出稿者メニューブロック右区切りライン */
.company-nav:after {
	content: "";
	position: absolute;
	top: 19px;
	right: -1px;
	width: 1px;
	height: 30px;
	background: #4d88c5;
}
@media (max-width: 1049px){
.company-nav:after {
	top: 17px;
	right: -1px;
	width: 1px;
	height: 24px;
}
}
/* 出稿者管理ボタン */
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;
	position: relative;
	top: 1px;
}

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

/* ユーザーメニュー表示部 */
.user-nav {
	position: relative;
  display: table-cell;
  padding: 2px 6px 0 6px;
  height: 62px;
	vertical-align: middle;
	font-size: 0;
}
@media (max-width: 1049px){
.user-nav {
  padding: 0 6px 0 6px;
  height: 50px;
}
}

/* ユーザーメニューブロック右区切りライン */
.user-nav:after {
	content: "";
	position: absolute;
	top: 18px;
 	right: -1px;
	width: 1px;
	height: 30px;
	background: #4d88c5;;
}
@media (max-width: 1049px){
.user-nav:after {
	top: 17px;
 	right: -1px;
	width: 1px;
	height: 24px;
}
}

/* ユーザーアイコン表示-ボーダーライン指定 */
.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;
}

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

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

/* ユーザーアイコン表示-96pxバージョン */
.icon96px {
    width: 96px;
    height: 96px;
}

/* ユーザーアイコン表示-128pxバージョン */
.icon128px {
    width: 128px;
    height: 128px;
}

/* ユーザーアイコン表示-160pxバージョン */
.icon160px {
    width: 160px;
    height: 160px;
}


/* ユーザーアイコン表示-200pxバージョン */
.icon200px {
    width: 200px;
    height: 200px;
}

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

/* ヘッダー新着通知アイコン位置調整 */
.headerright a.nav-bell {
	position: relative;
	top: 2px;
	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%;
}
@media (min-width: 600px) and (max-width: 1049px){
.headerright a.nav-bell {
	top: 4px;
}
}


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

/* お気に入りアイコン位置調整 */
.headerright a.nav-heart {
	position: relative;
	top: 2px;
	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%;
}
@media (min-width: 600px) and (max-width: 1049px){
.headerright a.nav-heart {
	top: 4px;
}
}


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

/* ヘッダーお気に入りアイコンスマホ表示 */
a.nav-heart-mobile i.fa-heart {
	font-size: 16px;
	color: #ffffff;
}

/* ヘッダーユーザーメニューボタン位置調整 */
.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: 36px;
	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:13px 12px 14px 12px;
}
@media (min-width: 600px) and (max-width: 1049px){
.site-pc {
	padding:7px 12px 8px 12px;
}
}

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

.headersearchbox {
	width: 100%;
	vertical-align: middle;
	padding:16px 8px 14px 180px;
}
@media (min-width: 600px) and (max-width: 1049px){
.headersearchbox {
	padding:12px 8px 8px 180px;
}
}

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

.item-search-input {
  margin: 0;
  padding: 6px 40px 6px 16px;
  width: 100%;
  color: #ffffff;
  background-color: #336aa2;
  border: solid 1px #103e6d;
  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;
}
@media (min-width: 600px) and (max-width: 1049px){
.item-search-input {
  padding: 4px 40px 4px 16px;
}
}
.item-search-input:focus {
	color: #ffffff;
  background-color: #336aa2;
  border: solid 1px #103e6d;
}

/* ヘッダーサーチボックスのテキストプレースホルダの色変更 */
.item-search-input::-webkit-input-placeholder {line-height: 1.5; color: #93b8de;}
.item-search-input:-ms-input-placeholder {line-height: 1.5; color: #93b8de;}
.item-search-input::-moz-placeholder {line-height: 1.5; color: #93b8de;}

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

.headersearchbutton {
	position:absolute;
	display: inline-block;
	top:0px;
	right:20px;
	padding: 8px;
	background:none;
	border:none;
	cursor:pointer;
	outline: none;/* chromeでクリック時の青線を削除 */
}
@media (min-width: 600px) and (max-width: 1049px){
.headersearchbutton {
	top:-2px;
}
}
.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: 190px;
	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:#f4f4f4;
	color: #333333;
}

.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: -112px;
	/*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: 600px) and (max-width: 1049px){
  .container {
    position: relative;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
  }
}


/* --------------------------------メンバープロフィールページ-------------------------------- */

.profilepage-coverphotoarea {
	width: 100%;
}

/* カバー画像・画像 */
.profilepage-coverphotoimg {
	display: inline-block;
width: 100%;
  height: 400px;
  object-fit: cover;
}
@media (min-width: 800px) and (max-width: 1049px){
.profilepage-coverphotoimg {
width: 100%;
  height: 20vh;
	min-height: 200px;
}
}
@media (max-width: 799px) {
.profilepage-coverphotoimg {
width: 100%;
  height: 20vh;
	min-height: 120px;
}
}



/* プロフィール情報ブロック */
.memberprofile-profileblock {
	position: relative;
	padding: 10px 10px 10px 10px;
	margin-top: 80px;
}
@media (min-width: 600px) and (max-width: 1049px){
.memberprofile-profileblock {
	margin-top: 80px;
    padding: 10px 0px 10px 0px;
}
}
@media (max-width: 599px) {
.memberprofile-profileblock {
	margin-top: 0px;
    padding: 10px 0px 10px 0px;
}
}


.memberprofile-3pointmenu {
	position: absolute;
	right: 0px;
	top: -84px;
}
@media (min-width: 600px) and (max-width: 1049px){
.memberprofile-3pointmenu {
	right: -10px;
	top: -72px;
}
}
@media (max-width: 599px) {
.memberprofile-3pointmenu {
	right: 0px; /* left: 86px;から変更 */
	top: -24px;
}
}


/* ラージアバター画像エリア */
.memberprofile-largeavatararea {
	display: inline-block;
}
/* ラージアバター画像・画像 */
.memberprofile-largeavatarimg {
	display: inline-block;
	position: absolute;
	top: -240px; 
	left: 0px;
	border-radius: 50%;
	width: 240px;
	height: auto;
	border: solid 10px #f4f4f4;
	transition: all .2s ease-in-out;  
}
@media (min-width: 800px) and (max-width: 1049px){
.memberprofile-largeavatarimg {
	top: -180px; 
	left: 0px;
	width: 180px;
	height: auto;
	border: solid 10px #f4f4f4;
	transition: all .2s ease-in-out;  
}
}
@media (min-width: 600px) and (max-width: 799px){
.memberprofile-largeavatarimg {
	top: -140px; 
	left: 0px;
	width: 140px;
	height: auto;
	border: solid 8px #f4f4f4;
	transition: all .2s ease-in-out;  
}
}
@media (max-width: 599px) {
.memberprofile-largeavatarimg {
	top: -74px; 
	left: 0px;
	width: 80px;
	height: auto;
	border: solid 4px #ffffff;
	transition: all .2s ease-in-out;  
}
}


/* カバー画像ボトムエリア */
.profilepage-coverphoto-bottomarea {
	width: 100%;
	text-align: center;
	background-color: #fcfcfc;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	color: #bbbbbb;
	height: 60px;/* カバー画像ボトムエリアメニューリストと高さを揃える */
}
@media (max-width: 599px) {
.profilepage-coverphoto-bottomarea {
	height: 48px;/* カバー画像ボトムエリアメニューリストと高さを揃える */
}
}

/* カバー画像ボトムエリア左右ブロック分割 */
.memberprofile-bottomarea-rightblock {
	float: none;
	width: auto; /* 変更前は633px */
	padding: 0 0 0 32px;
	margin-left: 355px;
	text-align: left;
}

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


@media (min-width: 800px) and (max-width: 1049px){
  .memberprofile-bottomarea-rightblock {
	  float: none;
	  width: 68%;
	  padding: 0 0 0 12px;
	  margin-left: 32%;
  }
  .memberprofile-bottomarea-leftblock {
	  float: left;
	  width: 32%;
	  padding: 0 12px 0 0;
  }
}

@media (max-width: 799px) {
  /* カバー画像ボトムエリア左右ブロック分割を解除 */
  .memberprofile-bottomarea-rightblock {
	  width: 100%;
	  padding: 0 0 0 140px;
	  margin-left: 0;
  }
  .memberprofile-bottomarea-leftblock {
	  width: 100%;
	  max-width: 599px;
	  padding: 0 14px 0 14px;
  }
}


@media (max-width: 599px) {
  .memberprofile-bottomarea-rightblock {
	  padding: 0 0 0 0;
  }
}


.memberprofile-topmenu-ul {
	font-size: 0;
}


/* カバー画像ボトムエリアメニューリスト */
.memberprofile-topmenu-li {
	display: inline-block;
	min-width: 80px;
	text-align: center;
	height: 60px;/* カバー画像ボトムエリアの高さに合わせる */
	border-bottom: 0 solid #41a558;
	transition: all .15s ease-in-out;
}

.memberprofile-topmenu-li:hover {
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

/* カバー画像ボトムエリアメニューリストアクティブ時 */
.memberprofile-topmenu-li-active {
	display: inline-block;
	min-width: 80px;
	text-align: center;
	height: 60px;/* カバー画像ボトムエリアの高さに合わせる */
	border-color: #41a558;
  border-bottom-width: 3px;
  border-bottom-style: solid;
	transition: all .15s ease-in-out;
}
@media (min-width: 600px) and (max-width: 799px){
.memberprofile-topmenu-li, .memberprofile-topmenu-li-active {
	min-width: 64px;
	height: 60px;/* カバー画像ボトムエリアの高さに合わせる */
}
}

@media (min-width: 400px) and (max-width: 599px){
.memberprofile-topmenu-li, .memberprofile-topmenu-li-active {
	min-width: 58px;
	height: 48px;/* カバー画像ボトムエリアの高さに合わせる */
}
}
@media (max-width: 399px) {
.memberprofile-topmenu-li, .memberprofile-topmenu-li-active {
	min-width: 46px;
	height: 48px;/* カバー画像ボトムエリアの高さに合わせる */
}
}


.memberprofile-topmenu-a {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 16px 20px 0 20px;
	height: 60px;/* カバー画像ボトムエリアの高さに合わせる */	
	font-size: 18px;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#777777;
  text-decoration: none;
	font-weight: bold;
}
@media (min-width: 600px) and (max-width: 799px){
.memberprofile-topmenu-a {
	padding: 16px 11px 0 11px;
	height: 60px;/* カバー画像ボトムエリアの高さに合わせる */	
}
}
@media (min-width: 400px) and (max-width: 599px){
.memberprofile-topmenu-a {
	padding: 9px 16px 0 16px;
	height: 48px;/* カバー画像ボトムエリアの高さに合わせる */	
	font-size: 15px;
}
}
@media (max-width: 399px) {
.memberprofile-topmenu-a {
	padding: 9px 10px 0 10px;
	height: 48px;/* カバー画像ボトムエリアの高さに合わせる */	
	font-size: 15px;
}
}

.memberprofile-topmenu-a:hover {
  text-decoration: none;
	color: #41a558;
}

/* カバー画像ボトムエリアメニューリンクアクティブ時 */
.memberprofile-topmenu-a-active {
	color: #41a558;
}

.memberprofile-topmenu-a-active:hover {
	cursor: default
}

.memberprofile-topmenu-a-midashi {
	display: inline-block;
	position: relative;
	top: -4px;
	width: 100%;
	font-size: 11px;
	line-height: 1.0;
	font-weight: normal;
	color:#888888!important;
}
@media (max-width: 599px) {
.memberprofile-topmenu-a-midashi {
	font-size: 9px;
	top: 0px;
	color:#999999!important;
}
}


/* ハンドルネーム */
.memberprofile-hundlename {
	font-size: 20px;
	line-height: 1.3;
	color: #000000;
	font-weight: bold;
}
@media (max-width: 599px) {
.memberprofile-hundlename {
	font-size: 18px;
}
}


/* メンバーID */
.memberprofile-memberid {
	display: inline-block;
	margin-bottom: 4px;
	font-size: 12px;
	color: #aaaaaa;
}
@media (max-width: 599px) {
.memberprofile-memberid {
	font-size: 11px;
	line-height: 1.5;
}
}

/* 女性の場合の色変更追加クラス */
.member-sex-female {
	color: #ff0398!important;
}

/* 男性の場合の色変更追加クラス */
.member-sex-male {
	color: #1e95ff!important;
}

/* レベルマーカー */
.memberprofile-level {
	position: relative;
	top: -1px;
	display: inline-block;
	font-size: 9px;
	line-height: 1.0;
	padding: 2px 5px 2px 5px;
	color: #ffffff;
	background-color: #bbbbbb;
	border-radius: 3px;
	margin-left: 6px;
}




/* 説明文章 */
.memberprofile-description {

}

.memberprofile-frienddataarea {
	font-size: 12px;
	margin-right: 8px;
    color: #999999;
}

/* フレンド数数字 */
.memberprofile-count {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	margin-right: 2px;
}

/* フレンド登録、フォロー登録リストエリア */
.prof_actionlist-area {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* フレンド登録、フォロー登録リストul */
.prof_actionlist-ul {

}

/* フレンド登録、フォロー登録リストli */
.prof_actionlist-li {
	float: left;
}

.prof_actionlist-li:first-child {
	margin-right: 6px;
}


/* フレンド登録、フォロー登録リストa */
.prof_actionlist-a {
	display: inline-block;
	color: #ffffff;
    background-color: #35c1eb;
	line-height: 1.0;
	padding: 10px 20px 10px 20px;
	border-radius: 30px;
	transition: all .4s ease-in-out;  
}
@media (min-width: 800px) and (max-width: 1049px){
.prof_actionlist-a {

}
}
@media (min-width: 600px) and (max-width: 799px){
.prof_actionlist-a {
	font-size: 12px;
	padding: 4px 10px 4px 10px;
}
}

.prof_actionlist-a .fa-heart-o, .prof_actionlist-a .fa-user-plus {
	margin-right: 6px;
}

.prof_actionlist-a:hover {
	background-color: #de1f6b;
}


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




/* フッターパネル(フォローする、フレンド申請)スマホのみ */
.footerpanel-profpage {
	display: block;
	width: 100%;
	z-index: 100;
	position: fixed;
	bottom: 0;
	left: 0;
	color: #ffffff;
	text-align: center;
	background-color: #35c1eb;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	transition: all .4s ease-in-out;
}

.footerpanel-profpage-ul {

}

.footerpanel-profpage-li {
	display: inline-block;
	float: left;
	width: 50%;
}

.footerpanel-profpage-li:first-child {
	border-right: 1px solid rgba(255,255,255,0.2);
}

.footerpanel-profpage-ul:after {
	display: block;
	content: "";
	clear: both;
}

.footerpanel-prof-link {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	line-height: 53px;
	color: #ffffff;
	transition: all .4s ease-in-out;  
}

.footerpanel-prof-link:hover {
	background-color: #f2001f;
}


/* 「フォローする」ボタン アイコン */
.footerpanel-prof-link .fa-heart-o {
	position: relative;
	top: 1px;
	margin-right: 6px;
	font-size: 16px;
}

/* 「フレンド申請」ボタン アイコン */
.footerpanel-prof-link .fa-user-plus {
	margin-right: 6px;
	font-size: 16px;
}



/* -------------------------------- フリマ詳細ページ ------------------------------- */

/* 上部スライダー画像 */
.marketdetail-topslider-img {
	display: inline-block;
	height: 100%;
	width: auto;
	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);
}


/* --------------------------------写真一覧テーブル（基本）-------------------------------- */


.phototable-items {
	width: 100%;/* これを入れないとセル数が少ない時の挙動がおかしくなる */
	text-align: justify;
	font-size: 0;
	margin-bottom: 10px;
}
@media screen and (max-width: 1199px) and (min-width: 600px) {
.phototable-items {
	margin-bottom: 8px;
}
}
@media screen and (max-width: 599px) {
.phototable-items {
	margin-bottom: 4px;
}
}

.phototable-items, .phototable-item {
	zoom: 1;
	display: inline-block;
}
.phototable-items, .phototable-item-ver2, .phototable-item-fullsize {
	zoom: 1;
	display: inline-block;
}
.phototable-items:after {
	content: "";
	display: inline-block;
	width: 100%
}

.phototable-item {
	position: relative;
	margin: 0 0 0 0;
	padding: 10px;
	vertical-align: top;
	text-align: center;
}
@media screen and (max-width: 1199px) and (min-width: 600px) {
.phototable-item {
	margin: 0 0 0 0;
	padding: 6px;
}
}
@media screen and (max-width: 599px) {
.phototable-item {
	margin: 0 0 0 0;
	padding: 4px;
}
}

/* サイズが違う別バージョン(3列) */
.phototable-item-ver2 {
	position: relative;
	margin: 0 0 0 0;
	padding: 10px;
	vertical-align: top;
	text-align: center;
}
@media screen and (max-width: 1199px) and (min-width: 600px) {
.phototable-item-ver2 {
	margin: 0 0 0 0;
	padding: 6px;
}
}
@media screen and (max-width: 599px) {
.phototable-item-ver2 {
	margin: 0 0 0 0;
	padding: 2px;
}
}
/* サイズが違う別バージョン(3列)のパディング調整（ulに付与） */
@media screen and (max-width: 599px) {
.adjust-padding-ver2 {
	padding-top: 2px!important;
	padding-right: 2px!important;
	padding-left: 2px!important;
	margin-bottom: 2px!important;
}
}

/* サイズが違う別バージョン(フルサイズ) */
.phototable-item-fullsize {
	position: relative;
	margin: 0 0 0 0;
	padding: 10px;
	vertical-align: top;
	text-align: center;
}
@media screen and (max-width: 1199px) and (min-width: 600px) {
.phototable-item-fullsize {
	margin: 0 0 0 0;
	padding: 6px;
}
}
@media screen and (max-width: 599px) {
.phototable-item-fullsize {
	margin: 0 0 0 0;
	padding: 2px;
}
}
/* サイズが違う別バージョンのパディング調整（ulに付与） */
@media screen and (max-width: 599px) {
.adjust-padding-fullsize {
	padding-top: 2px!important;
	padding-right: 2px!important;
	padding-left: 2px!important;
	margin-bottom: 2px!important;
}
}


.tn-phototable-wrapper {
	display: table;
	margin: 0 auto;
}

.tn-phototable {
	display: table-cell;
	position: relative;
	width: 240px;
	height: 240px;
	vertical-align: middle;
}

.phototable-a {
	display: inline-block;
}

.phototable-a:focus {
	outline: none;
 }

.item-thum {
	width: auto;
}

/* 情報表示部 */
.item-info {
	padding: 0 6px 6px 6px;
}

.phototable-title {
    margin: 4px 0 2px 0;
    font-size: 14px;
	font-weight: bold;
    line-height: 1.3;
    text-align: left;
}
@media screen and (max-width: 599px) {
	.phototable-items .phototable-title {
 		 font-size: 13px;
		margin: 4px 0 0 0;
   		 max-width: 100%;/* はみだし対策 */
	}
}

/* タイトルリンク */
.phototitlelink {
	color: #111111;
}

.phototable-items .phototable-title a:hover {
	text-decoration: underline;
}

/* タイトルリンクはみだし対策 */
.phototitlelink span {
	display: block;
	height: 1.3em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/* 作品リストセル、サークル表示部 */
.phototable-items .phototable-membername {
    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) {
	.phototable-items .phototable-membername {
              font-size: 0.7rem;
	}
}


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

.phototable-items .phototable-membername a:hover {
    text-decoration: underline;
}


/* 金額表示 */
.phototable-items .price {
    float: left;
	width: 50%;
    margin-top: 4px;
    color: #de1f6b;
    text-align: left;
    font-size: 11px;
	font-weight: bold;
    line-height: 1;    
}

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

/* お気に入り登録表示(オン) */
.favorite-on {
	position: relative;
    color: #FC4D50;
}

/* お気に入り登録表示(オフ) */
.favorite-off {
	position: relative;
	color: #a6a6a6;
}

/* お気に入り登録ミニインターフェイスカウント */
.minifavo_count {
	padding-left: 2px;
}





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

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







/* 写真リスト、画面幅によってコラム数を分ける処理 */
@media screen and (max-width: 599px) {
	.phototable-item {
	    width: 50%;
		margin: 0;
		padding-bottom: 0;
	}

.phototable-item:nth-child(even) {
	padding-left: 2px;/* 白余白を狭めるために6pxから2pxへ。 */
}

.phototable-item:nth-child(odd) {
	padding-right: 2px;/* 白余白を狭めるために6pxから2pxへ。 */
}
}
@media screen and (max-width: 999px) and (min-width: 600px) {
	.phototable-item {
	    width: 50%;
	}
}
@media screen and (max-width: 1399px) and (min-width: 1000px) {
	.phototable-item {
	    width: 33.3333%;
	}
}
@media screen and (max-width: 1799px) and (min-width: 1400px) {
	.phototable-item {
	    width: 25%;
	}
}
@media screen and (max-width: 2199px) and (min-width: 1800px) {
	.phototable-item {
	    width: 20%;
	}
}
@media screen and (max-width: 2599px) and (min-width: 2200px) {
	.phototable-item {
	    width: 16.6666%;
	}
}
@media screen and (max-width: 2999px) and (min-width: 2600px) {
	.phototable-item {
	    width: 14.2857%;
	}
}
@media screen and (max-width: 3399px) and (min-width: 3001px) {
	.phototable-item {
	    width: 12.5%;
	}
}
@media screen and (max-width: 3799px) and (min-width: 3401px) {
	.phototable-item {
	    width: 11.1111%;
	}
}
@media screen and (min-width: 3800px) {
	.phototable-item {
	    width: 10%;
	}
}


/* 写真リスト、画面幅によってコラム数を分ける処理(バージョン2・スマホ3列表示版) */
@media screen and (max-width: 599px) {
	.phototable-item-ver2 {
	    width: 33.3333%;
		margin: 0;
	}
}

@media screen and (max-width: 999px) and (min-width: 600px) {
	.phototable-item-ver2 {
	    width: 33.3333%;
	}
}
@media screen and (max-width: 1399px) and (min-width: 1000px) {
	.phototable-item-ver2 {
	    width: 33.3333%;
	}
}
@media screen and (max-width: 1799px) and (min-width: 1400px) {
	.phototable-item-ver2 {
	    width: 25%;
	}
}
@media screen and (max-width: 2199px) and (min-width: 1800px) {
	.phototable-item-ver2 {
	    width: 20%;
	}
}
@media screen and (max-width: 2599px) and (min-width: 2200px) {
	.phototable-item-ver2 {
	    width: 16.6666%;
	}
}
@media screen and (max-width: 2999px) and (min-width: 2600px) {
	.phototable-item-ver2 {
	    width: 14.2857%;
	}
}
@media screen and (max-width: 3399px) and (min-width: 3001px) {
	.phototable-item-ver2 {
	    width: 12.5%;
	}
}
@media screen and (max-width: 3799px) and (min-width: 3401px) {
	.phototable-item-ver2 {
	    width: 11.1111%;
	}
}
@media screen and (min-width: 3800px) {
	.phototable-item-ver2 {
	    width: 10%;
	}
}




/* 写真リスト、画面幅によってコラム数を分ける処理(横幅フルサイズ) */
@media screen and (max-width: 599px) {
	.phototable-item-fullsize {
	    width: 50%;/* やり方が分からないので暫定50％にしておく */
		margin: 0;
	}
}

@media screen and (max-width: 999px) and (min-width: 600px) {
	.phototable-item-fullsize {
	    width: 33.3333%;
	}
}
@media screen and (max-width: 1399px) and (min-width: 1000px) {
	.phototable-item-fullsize {
	    width: 25%;
	}
}
@media screen and (max-width: 1799px) and (min-width: 1400px) {
	.phototable-item-fullsize {
	    width: 20%;
	}
}
@media screen and (max-width: 2199px) and (min-width: 1800px) {
	.phototable-item-fullsize {
	    width: 16.6666%;
	}
}
@media screen and (max-width: 2599px) and (min-width: 2200px) {
	.phototable-item-fullsize {
	    width: 14.2587%;
	}
}
@media screen and (max-width: 2999px) and (min-width: 2600px) {
	.phototable-item-fullsize {
	    width: 12.5%;
	}
}
@media screen and (max-width: 3399px) and (min-width: 3001px) {
	.phototable-item-fullsize {
	    width: 11.1111%;
	}
}
@media screen and (max-width: 3799px) and (min-width: 3401px) {
	.phototable-item-fullsize {
	    width: 10%;
	}
}
@media screen and (min-width: 3800px) {
	.phototable-item-fullsize {
	    width: 9.0909%;
	}
}






/* --------------------------------シチュエーションでスタジオを探すページ-------------------------------- */


/* 半透明帯 */	
.img-desc {
  position:relative;
  display:block;
  width:100%; 
height:auto;
  overflow:hidden;
}
.img-desc-char {
  position:absolute;
  margin:0;
  padding-top:15px;
  padding-bottom:8px;
  left:0;
  bottom:0;
  width:100%;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.6);  
    background: -moz-linear-gradient(top,transparent 0,rgba(38,38,38,.6) 100%);
    background: -webkit-linear-gradient(top,transparent 0,rgba(38,38,38,.6) 100%);
    background: linear-gradient(to bottom,transparent 0,rgba(38,38,38,.6) 100%);
}
.444444444img-desc-back {
  position:absolute;
  margin:0;
    padding: 15px 0;
  left:0;
  bottom:0;
  width:100%;
    background: -moz-linear-gradient(top,transparent 0,rgba(38,38,38,.6) 100%);
    background: -webkit-linear-gradient(top,transparent 0,rgba(38,38,38,.6) 100%);
    background: linear-gradient(to bottom,transparent 0,rgba(38,38,38,.6) 100%);

}
.img-desc-maintext, .img-desc-subtext {
  display:block;
	width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  overflow: hidden;
  word-wrap:normal;
  word-break:normal;
  white-space: nowrap;
text-overflow: ellipsis;
}
.img-desc a, .img-desc a:hover, .img-desc a:visited {
  color:#ffffff;
  text-decoration: none;
}

.img-desc-maintext {
	font-size: 14px;
    color: #ffffff;
}

.img-desc-subtext {
	font-size: 10px;
    color: #ffffff;
}


/* セカンド絞り込みフォルダーブロック  */
.secondfilter-folderblock {
	display: block;
	padding: 10px;
	background-color: #f5f5f5;
	border-radius: 6px;
	/* margin-bottom: 8px;無しでテスト */
}
@media (max-width: 599px) {
.secondfilter-folderblock {
	padding-top: 14px;
	padding-right: 14px;
	padding-left: 14px;
	border-radius: 0px;
	margin-top: -10px;
}
}

/* 絞り込み結果フォルダーテーブル */
.secondfilter-foldertable {
	border: solid 1px #e3e3e3;
    border-radius: 4px;
	background-color: #fbfbfb;
	padding: 10px;
    margin-bottom: 10px;
}


/* リストテーブルチェックボックステキスト */
.listtable-checktext {
    color: #777777;
	line-height: 1.0;
	font-size: 12px;
	padding: 2px 0 2px 6px;
}
@media (min-width: 600px) and (max-width: 1199px){
.listtable-checktext {
	padding: 0 0 6px 6px;
}
}
@media (max-width: 599px) {
.listtable-checktext {
	padding: 6px 0 6px 6px;
}
}
.checkbox-situation {
	position:relative;
	top: 2px;
}


/* 終了マーカー */
.situation-haisi-marker {
    position: absolute;
    top: 10px;
    left: 10px;
	background-color: rgba(0,0,0,0.6);
    padding: 8px 20px;
    font-weight: normal;
    font-size: 14px;
    border-radius: 20px;
	margin-right: 4px;
    line-height: 1;
    color: #ffffff;
}
@media (max-width: 599px){ 
.situation-haisi-marker {
    padding: 6px 14px;
    font-size: 14px;
    border-radius: 14px;
    top: 8px;
    left: 8px;
}
}

/* 期間限定マーカー */
.situation-limited-marker {
    position: absolute;
    top: 10px;
    right: 10px;
	background-color: rgba(255,0,0,0.9);
    padding: 8px 20px;
    font-weight: normal;
    font-size: 14px;
    border-radius: 20px;
	margin-right: 4px;
    line-height: 1;
    color: #ffffff;
}
@media (max-width: 599px){ 
.situation-limited-marker {
    padding: 6px 14px;
    font-size: 14px;
    border-radius: 14px;
    top: 8px;
    right: 8px;
}
}


/* --------------------------------フリマ商品一覧ページ-------------------------------- */



.marketlist-a {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	transition: all .4s ease-in-out;   
}

.marketlist-a-inner {
	display: none;
	position: absolute;
	top: 0px;
	laft: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);

}
.marketlist-a-inner:hover {
 	display: block;
	cursor: pointer;
	animation: fadeshow .3s ease-in-out;
}
.marketlist-a:hover + .marketlist-a-inner {
 	display: block;
	cursor: pointer;
	animation: fadeshow .3s ease-in-out; 
}

@keyframes fadeshow{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}


.marketlist-a-inner-text {
	color: #ffffff;
	font-size: 16px;
}

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

/* 一覧ページ左右ブロック分割 */
.list-rightblock {
	float: none;
	width: auto; /* 変更前は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;
}


/* 一覧ページ左右ブロック分割(スマホ時にrightblockが上部に来るバージョン) */
.list-rightblock2 {
    float: right;
    width: calc(100% - 355px);
	padding: 32px 0 0 32px;
	margin-bottom: 30px;
	vertical-align: top;
	border-left: 1px solid #eaeaea;
}

.list-leftblock2 {
	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;
}


/* 一覧ページ左右ブロック分割(パディング無し版) */
.list-rightblock-padding-none {
	float: none;
	width: auto; 
	padding: 0 0 0 0;
	margin-left: 355px;
	margin-bottom: 30px;
	vertical-align: top;
}

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

/* 一覧ページ右ブロック上部メニュー */
.list-rightblock-topmenuarea {
	margin-top: -60px;
}
@media (min-width: 600px) and (max-width: 1049px){
.list-rightblock-topmenuarea {
	margin-top: -60px;
}
}
@media (max-width: 599px) {
.list-rightblock-topmenuarea {
	margin-top: 0;
	background-color: #fcfcfc;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}
}


/* 太いグレーライン */
.largegrayline {
	height: 60px;
	background-color: #fcfcfc;
	border-bottom: 1px solid #eeeeee;
}
@media (min-width: 600px) and (max-width: 1049px){
.largegrayline {
	height: 60px;
}
}
@media (max-width: 599px) {
.largegrayline {
	height: 0px;
	border-bottom: 0px solid #eeeeee;
}
}


/* パディング付与ブロック(パディング無し版の辻褄合わせ) */
.list-rightblock-addpadding {
	padding-left: 32px;
	  border-left: 1px solid #eaeaea;
}
@media (min-width: 600px) and (max-width: 1049px){
.list-rightblock-addpadding {
	padding-left: 12px;
	  border-left: 1px solid #eaeaea;
}
}
@media (max-width: 599px) {
.list-rightblock-addpadding {
	padding-left: 0;
	  border-left: none;
}
}

@media (min-width: 600px) and (max-width: 1049px){
  .list-rightblock, .list-rightblock-toppadding-short {
	  float: none;
	  width: 68%;
	  padding: 12px 0 0 12px;
	  margin-left: 32%;
	  border-left: 1px solid #eaeaea;
  }
 .list-rightblock-padding-none {
	  float: none;
	  width: 68%;
	  padding: 0 0 0 0;
	  margin-left: 32%;
	}
  .list-leftblock, .list-leftblock-toppadding-short, .list-leftblock-padding-none {
	  float: left;
	  width: 32%;
	  padding: 12px 12px 0 0;
  }
  .list-rightblock2 {
	  float: right;
	  width: 68%;
	  padding: 12px 0 0 12px;
 }
  .list-leftblock2 {
	float: left;
	  width: 32%;
	  padding: 12px 12px 0 0;
 }
}

@media (max-width: 599px) {
  /* 左右ブロック分割を解除 */
  .list-rightblock, .list-rightblock-toppadding-short, .list-rightblock-padding-none {
	  width: 100%;
	  padding: 0 0 0 0;
	  margin-left: 0;
	  margin-bottom: 0;
	border-left: none;
  }
  .list-leftblock, .list-leftblock-toppadding-short, .list-leftblock-padding-none {
	float: none;
	  width: 100%;
	  max-width: 599px;
	  padding: 30px 14px 0 14px;
    background-color: #ffffff;
	border-bottom: 1px solid #eeeeee;
  }
  .list-rightblock2 {
	  width: 100%;
	  padding: 0 0 0 0;
	  margin-left: 0;
	  margin-bottom: 0;
	border-left: none;
 }
  .list-leftblock2 {
	  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);
}

/* 会場アイコン表示 */
.facility-icon {
  display: inline-block;
  position: relative;
  border-radius: 6px;
  background-clip: border-box;
}


/* 一覧ページ プロジェクト説明文 */
.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;
	transition: all .4s ease-in-out;   
}
.listpage-filter-toggle-link:hover {
	background-color: #f3f3f3;
}

.bottom_bannerarea {
	font-size: 0;
}

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

.bottom_bannerarea-float {
	float: left;
	width: 50%;
/* 	background-color: #000000; */
}
@media (max-width: 599px){
.bottom_bannerarea-float {
	  float: none;
	  width: 100%;
/* 	background-color: #ffffff; なぜかここで指定したカラーがページ全体の背景色になってしまう。 */
  }
}

.bottom_bannerlink {
	display: inline-block;
}

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

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

/* スマホ版以外反転処理 */
@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;
}


/* もっと見るブロック（サブコンテンツ用・薄いカラー） */
.list-moredata-sub {
	display: block;
	text-align: center;
	padding: 12px 0 8px 0;
	font-size: 12px;
	color: #666666;
	line-height: 1.0;
	border: solid 1px #eeeeee;
	transition: all .4s ease-in-out;   
}
@media (min-width: 1050px){
.list-moredata-sub {	
	border-radius: 30px;
	padding: 12px 0 8px 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 480px;
	border: 1px solid #dddddd;
}
}
@media (max-width: 599px){
  .list-moredata-sub {
	background: linear-gradient(to bottom, #ffffff 70%, #f4f4f4);
	color: #999999;
	  padding: 11px 0 7px 0;
	  font-size: 12px;
	  line-height: 1.0;
	  border-top: 1px solid #eeeeee;
	  border-bottom: 1px solid #dddddd;
	  border-right: 0px solid #eeeeee;
	  border-left: 0px solid #eeeeee;
  }
  .list-moredata-sub:hover {
	background: none;
	background-color: #eeeeee;
  }
}

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

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


/* もっと見るブロック（トップページ用・薄いカラー） */
.list-moredata-toppage {
	display: block;
	text-align: center;
	padding: 14px 0 10px 0;
	font-size: 12px;
	color: #666666;
	line-height: 1.0;
	border: solid 1px #eeeeee;
	transition: all .4s ease-in-out;   
}
@media (max-width: 599px){
.list-moredata-toppage {
/* 	background-color: #f5f5f5; */
	background: linear-gradient(to bottom, #ffffff 70%, #f4f4f4);
	color: #999999;
	  padding: 14px 0 10px 0;
	  font-size: 12px;
	  line-height: 1.0;
	  border-top: 1px solid #eeeeee;
	  border-bottom: 1px solid #dddddd;
	  border-right: 0px solid #eeeeee;
	  border-left: 0px solid #eeeeee;
  }
  .list-moredata-toppage:hover {
	background: none;
	background-color: #eeeeee;

  }
}

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

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



/* もっと見る(サイドメニュー)ブロック */
.sidelist-moredata {
	display: block;
	text-align: center;
	padding: 10px 0 4px 0;
	font-size: 11px;
	color: #666666;
	line-height: 1.0;
	margin-bottom: 10px;
	border: solid 1px #eeeeee;
	transition: all .4s ease-in-out; 
}

/* 新ソース（横幅100％） */
@media (max-width: 599px){
  .sidelist-moredata {
    background: linear-gradient(to bottom, #ffffff 70%, #f4f4f4);
    color: #999999;
    padding: 14px 0 10px 0;
    font-size: 12px;
    line-height: 1.0;
    border-top: 1px solid #eeeeee;
    border-right: 0px solid #eeeeee;
    border-left: 0px solid #eeeeee;
	margin-bottom: 0px;
	border-bottom: 1px solid #dddddd;
  }
  .sidelist-moredata:hover {
    background: none;
    background-color: #eeeeee;
  }
}


/* 旧ソース（パディングあり）
@media (max-width: 599px){
  .sidelist-moredata {
	background-color: #ffffff;
	color: #666666;
	  padding: 10px 0 4px 0;
	  font-size: 11px;
	  line-height: 1.0;
	border: solid 1px #eeeeee;
  }
  .sidelist-moredata:hover {
	  background-color: #cccccc;
	  border: solid 1px #cccccc;
	  color: #ffffff;
  }
}
 */






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

.sidelist-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;
	padding: 4px 0px 4px 0;
  }
}

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

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

.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;
}

/* 表示タイプアイコン画像 */
.listpage-displaytype-img {
	display: inline-block;
	position: relative;
	top:6px;
	width: 26px;
	height: 17px;
	margin-left: 8px;
}

/* 表示タイプアイコン画像リンク */
.listpage-displaytype-a {
	display: inline-block;
}


/* --------------------------------プロジェクト詳細ページ-------------------------------- */
/* ヘッダー部分 */
.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;
  }
}



/* グーグルマップ埋め込み部 */
.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;
}
@media (max-width: 599px) {
  .projectmap-ctrl {
	  padding: 12px 14px 12px 14px;
	  border-top: solid 1px #eaeaea;
  }
}

/* 勤務地、地図ブロック見出し */
.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; bodyタグで一括指定のため解除 */
	/*overflow-wrap: break-word;  bodyタグで一括指定のため解除 */
	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-red {
	color: #ed0000;
}

/*緑色汎用 */
.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: 6px solid #2bc52f;
	padding: 2px 0 2px 10px;
	color: #222222;
	margin-bottom: 6px;
}

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

/*ミドルタイトル */
.middletitle {
  font-size: 16px;
	font-weight: bold;
	color: #de1f6b;
}

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

/* 見出し */
.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-logo {
	display: inline-block;
	margin-top: 16px;
	margin-bottom: 16px;
}


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

.loginpage-wrap {
  position: relative;
  display: table;
  width: 100%;
  margin: 100px 0 100px 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 (min-width: 600px) and (max-width: 799px) {
.loginpage-wrap {
	  margin: 0;
    padding: 0;
  }
}
@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: 799px) {
  .panel {
	  width: 100% !important;
    box-shadow: none;
	  border: none;
  }
}

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

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

/* パネル部(退会画面)幅680pxバージョン */
.panel.exit {
	width: 680px;
}


/* パネルヘッド部h1 */
.panel-head-login {
  background: #f9f9f9;
  font-size: 20px;
  font-weight: bold;
  color: #666666;
text-align: center;
  margin: 0;
  padding: 13px 16px;
  border-bottom: solid 1px rgba(95,105,122,0.15);
	transition: all .4s ease-in-out;
}
@media (max-width: 799px) {
.panel-head-login {
	font-size: 16px;
	font-weight: normal;
	text-align: left!important;
    padding: 14px 10px 14px 14px;
    background-color: #f5f7fa;
	line-height: 1.0;
    border-bottom: 1px solid #dddfe2;

}
}

/* パネルヘッド部タブリンクエリア */
.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 (min-width: 600px) and (max-width: 799px){
.panel-container {
	  padding: 14px!important;
}
}
@media (max-width: 599px) {
  .panel-container {
	  padding: 14px!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;
}

/* 退会ページアラートアイコン */
.exitpanel-allerticon {
	display: inline-block;
	position: relative;
	height: 21px; 
	width: auto;
	top: -1px;
	margin-right: 3px; 
}

/* テキストマージン処理 */
.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: 16px 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: 14px;
}

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

/* フォームの左右マージン調整 */
.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 {
	  margin-top: 16px;
	font-size: 22px;
	line-height: 1.5;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #222222;
}
@media (max-width: 799px) {
  .form-secondtitle {
	  margin-top: 16px;
	  font-size: 20px;
	  margin-bottom: 0;
	  padding-left: 16px;
	  padding-top: 10px;
  }
}
@media (max-width: 599px) {
  .form-secondtitle {
	  margin-top: 0;
  }
}




.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:470px; */
	/* background-color:#14406d; */
	color:#eeeeee;
	position: relative;
	z-index: 1;
}
@media (min-width: 800px) and (max-width: 1049px){
  footer {
	/* 	  height:470px; */
  }
}
@media (min-width: 600px) and (max-width: 799px){
  footer {
	  height:380px;
  }
}

.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: 230px;
	height: auto;
}
@media (min-width: 800px) and (max-width: 1049px){
  .footer-sitelogo {
	  width: 180px;
  }
}
@media (min-width: 600px) and (max-width: 799px){
  .footer-sitelogo {
	  width: 150px;
  }
}

/* フッターサイトロゴトップラベル「コスプレ・クリエイター系求人」 */
.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: 0 0 1px 0;
	padding: 8px 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: 0 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 #6f8290;
	margin-bottom: 4px;
}

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

.copyright-inner {
    background-color: #14406d;
}

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

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

  /* モバイルフッターコピーライト */
  .mobile-footer-copyright {
	  font-size: 11px;
	  color: #abb4b7;
    background-color: #14406d;;
	width: 100%;
    display: table;
	  text-align: center;
	  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 {
    background-color: #14406d;;
}

  .mobile-footer-link-ul a {
	  display: block;
	  width: 100%;
	  text-align: left;
 	  font-size: 13px;
    color: #dfe3de;
    padding: 13px 12px 13px 16px;
    border-bottom: solid 1px #335f8c;
    transition: all .4s ease-in-out;
  }
  .mobile-footer-link-ul a:hover {
    color: #ffffff;
    background-color: #e40000;
  }
  .mobile-legal-links-wrapper {
    background-color: #14406d;;
    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;
  }

.spbottom-menuicon {
    position: relative;
    top: -3px;
    height: 18px;
    width: auto;
    margin-right: 10px;
}

}
/*--------------------------------  モバイル版フッター終わり  --------------------------------*/

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

.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-bottom: 0;
  border-top: 1px solid #e1e8ed;
  padding: 11px 10px 11px 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: 15px;
	line-height: 22px;
	padding-top: 6px;
	padding-left: 34px;
	padding-right: 10px;
	padding-bottom: 6px;
	font-weight: normal;
	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: 14px;
	line-height: 22px;
	padding-top: 6px;
	padding-left: 34px;
	padding-right: 10px;
	padding-bottom: 6px;
	text-align: left; 
	border: 0; 
	display: none;
	-webkit-margin-start: 0 !important;
} 

@media (max-width: 799px) {
#acMenu dd {
	  font-size: 14px;
	  line-height: 21px;
	  padding-left: 24px;
	  padding-top: 8px;
	  padding-bottom: 6px;
	  padding-right: 0;
	  margin-left: 0;
  }
}

#acMenu dt.active { 
}

.faq-icons { /* FAQページアイコン */
	position: absolute;
	top: 5px;
	left: 6px;
	width: 22px;
	height: 22px;
}

@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;
	position: fixed;
    z-index: 333;
    left: 0px;
    top: 0px;
  }

  /* 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: #17579a;
    border-bottom: solid 1px #0f3454;
	  height: 55px;
  }



  div.js-clingify-placeholder {
	  display: none;
  }

  /* ヘッダー検索アイコン */
  .headerright .fa-search {
	  font-size: 18px;
	  color: #ffffff;
  }

  /* ヘッダーメッセージアイコン */
  .headerright .fa-envelope {
	  font-size: 18px;
	  color: #ffffff;
  }

  /* ヘッダーショッピングカートアイコン */
  .headerright .fa-shopping-cart {
	  font-size: 18px;
	  color: #ffffff;
  }

  .headerright {
	  float:right;
	  position: relative;
	  height: 50px;
	  padding: 0 0 0 0;

  }
  .headerright a {
	  display: inline-block;
	  height: 50px;
	  padding:18px 11px 10px 11px;
  }

  /* ヘッダーアコーディオンメニュー */
  .header-accordion-menu {
	  float:left;
  }

  .header-accordion-menu a {
	  display: inline-block;
	  height: 50px;
	  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以上限定処理終わり ########################## */


@media (min-width: 600px) and (max-width: 1049px){
  header {
	  height: 55px!important;
  }
}



/* ---------------サイド広告バナー-------------- */

.side-add-link {
	display: inline-block;;
}

@media (max-width: 599px) {
.side-add-link {
	padding: 0px 14px 10px 14px;
}
}

.ad-img {
	display: inline-block;
	width: 100%;
	height: auto;
	border: solid 1px #e3e3e3;
    border-radius: 4px;
    margin-bottom: 4px;
}
@media (max-width: 599px) {
.ad-img {
	margin-bottom: 0px;
}
}

.ad-label {	
	display: block;
	width: 100%;
	text-align: center;
	line-height: 20px;
	color: #cccccc;
	font-size: 11px;
}

/* ---------------メンバーメニューコンテナ-------------- */

/* メンバーメニューコンテナ（左側メニュー配置） */
@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;
  }
}

/* メンバーメニューコンテナ（左側メニュー無し） */
@media (min-width: 1050px) {
  .membermenu-container3 {
	  float: none;
	  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-container3 {
    position: relative;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
  }
}

/* ---------------会員専用メニュー-------------- */

/* メニューサブタイトル */
.membermenusubtitle {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
}
@media (min-width: 600px) and (max-width: 1049px){
.membermenusubtitle {
	font-size: 16px;
}
}
@media (max-width: 599px) {
.membermenusubtitle {
	font-size: 14px;
}
}

/* ラウンドメニュー */
ul.roundmenu {
	margin:0 0 24px 0;
	border:1px solid #e0e0e0;    
	border-radius: 10px;	
	-webkit-border-radius:10px;	
	background:#fafafa;	
}
@media (max-width: 599px) {
ul.roundmenu {
	border-radius: 0px;
	-webkit-border-radius:0px;	
	border-top:1px solid #e0e0e0;  
	border-bottom: 8px solid #eaeaea;
	border-right:none;  
	border-left:none; 
	margin-right: -14px;
	margin-left: -14px;
	margin-top: 0px;
	margin-bottom: 0px;
}
}

ul.roundmenu li {
	border-bottom:1px solid #e0e0e0;    
}

ul.roundmenu li:last-child  {
	border-bottom:0px;   
}

div.roundmenuunit {
	width: 100%;
	font-weight: normal;
}

ul.roundmenu li a {
	display:block;
	padding:12px;
	color: #333333;
	background:url(../images/grayarrow.png) no-repeat right center;	
	-webkit-background-size:17px 12px;
	background-size:17px 12px;	
  transition: all .4s ease-in-out;
}
@media (max-width: 599px) {
ul.roundmenu li a {
	padding:12px;
}
}

ul.roundmenu li a:hover {
	background-color: #dddddd;
	color: #ffffff;
}

ul.roundmenu li a span {
	display:inline-block;
}

/* ステータスブロック */
.membermenustatusblock {
	padding:12px;
	border-radius: 10px;	
	border: 1px solid #b7dfea;
    background-color: #ecf6ff;
	margin-bottom: 24px;
}
@media (max-width: 599px) {
.membermenustatusblock {
	border-radius: 0;
	border-top: 1px solid #e0e0e0;
	border-right: none;
	border-bottom: 8px solid #e0e0e0;
	border-left: none;
	margin-bottom: 0;
	margin-right: -14px;
	margin-left: -14px;
}
}

/* ステータスブロックハンドルネーム */
.membermenustatusblock-handlename {
	font-size: 16px;
	font-weight: bold;
}

/* ステータスブロックポイントテキスト */
.membermenustatusblock-pointtext {
	font-size: 18px;
	font-weight: bold;
}

/* 運営からのお知らせブロック */
.membermenubasiclist {
	margin-bottom: 20px;
}
@media (max-width: 599px) {
.membermenubasiclist {
	margin-bottom: 0;
}
}

/* 運営からのお知らせブロックul */
.membermenubasiclist-ul {
}

@media (min-width: 600px) {
.membermenubasiclist-ul li:last-child {
	border-bottom: 1px solid #e0e0e0;
}
}

/* 運営からのお知らせブロックli */
.membermenubasiclist-li {
}

/* 運営からのお知らせブロックa */
.membermenubasiclist-a {
	display: block;
	padding: 8px 10px 8px 12px;
	border-top: 1px solid #e0e0e0;
	color: #333333;
	transition: all .4s ease-in-out;
}
@media (max-width: 599px) {
.membermenubasiclist-a {
	padding: 8px 10px 8px 12px;
	margin-right: -14px;
	margin-left: -14px;

}
}

/* メガホンアイコン */
.megaiconimg {
	position: relative;
	top: -4px;
}

span.midoku {
    margin: 0 8px 0 4px;
    background: #f50000;
    border: 1px solid #ffffff;
    width: 28px;
    height: 18px;
    line-height: 19px;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    border-radius: 12px;
    -webkit-text-shadow: 0 1px 1px #31731A;
}



table.chatlog th {
    display: table-cell;
	font-weight: normal;
	text-align: left;
    background: #c4d8ee;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    font-size: 14px;
    line-height: 140%;
    padding-left: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
border-collapse: collapse;
}
@media (min-width: 600px) and (max-width: 1049px){
table.chatlog th {
    font-size: 12px;
}
}
@media (max-width: 599px) {
table.chatlog th {
    font-size: 10px;
    padding-left: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
}
}


table.chatlog {
    display: table;
    width: 100%;
    border-left: 1px solid #ffffff;
    box-sizing: border-box;
	border-collapse: collapse;
}

@media (max-width: 599px) {
.chatlog-kakomi {
	padding-right: 12px;
	padding-left: 12px;
}
}
table.chatlog td {
    display: table-cell;
    background: #F3F3F3;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    font-size: 14px;
    line-height: 140%;
    padding-left: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
border-collapse: collapse;
}
@media (min-width: 600px) and (max-width: 1049px){
table.chatlog td {
    font-size: 12px;
}
}
@media (max-width: 599px) {
table.chatlog td {
    font-size: 10px;
    padding-left: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
}
}

/* スマホのみマージン処理 */
@media (max-width: 599px) {
.basicblock {
    margin: 8px 12px 4px 12px;
}
}


.gotodetail {
	border-top:1px solid #e0e0e0;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
line-height: 30px;
	border-bottom:1px solid #e0e0e0;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.05, #ffffff), to(#f6f6f6));
}
@media (max-width: 599px) {
.gotodetail {
	margin-right: 12px;
	margin-left: 12px;
line-height: 22px;
}
}

.gotodetail2 {
	border-bottom:1px solid #cfcfcf;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.05, #ffffff), to(#f6f6f6));
}

div.gotodetail a,div.gotodetail2 a {
	display:block;
	padding:8px 0 6px 0;
	text-align:center;
cursor: pointer;
}
div.gotodetail a span,div.gotodetail2 a span {
	display:inline-block;
	color:#18A0EF;
	font-size: 14px;	
}

/* 戻るアイコン */
.spback_icon {
	position: relative;
	top: -3px;
}

/* フォルダーアイコン */
.folder_icon {
	position: relative;
	top: -4px;
}

/* メッセージアイコン */
.message_icon {
	position: relative;
	top: -4px;
}


/* メモアイコン */
.memo_icon {
	position: relative;
	top: -4px;
}

/* トークアイコン */
.talkicon {
	position: relative;
	top: -4px;
	margin-right: 4px;
}

.membermenupage-midashi {
	font-size: 18px;
	font-weight: bold;
	margin-bottom:10px;
}
@media (max-width: 599px) {
.membermenupage-midashi {
	font-size: 16px;
}
}
@media (min-width: 1050px) {
.membermenupage-midashi {
 	margin-top:16px;
}
}

/* --- 基本テーブルその4（グレー淡色、テーブルその2の見出し幅が狭いバージョン） --- */
table.basic4 {
	width:100%;
	border-collapse: collapse;
}

table.basic4 th {
	border:1px solid #E6E6E6;
	background:#F9F9F9;	
	padding:5px 10px;
	vertical-align:middle;
	font-size:14px;
	font-weight:normal;
	border-collapse: collapse;
}
table.basic4 thead th{
	background:#dfe5f1;
	color:#545653;
}
table.basic4 tbody th {
	width:15%;
	text-align:left;
}
table.basic4 td {
	border:1px solid #E6E6E6;
	padding:5px 10px;
	vertical-align:middle;
	font-size:14px;
	text-align:left;
	border-collapse: collapse;
}
table.basic4 td div.reviewList {
	margin-top:3px;
	height:12px;
}
table.basic4 td span {
	font-size:12px;
}

/* --- 基本テーブルその5（基本テーブルその2の横幅可変バージョン） --- */
table.basic5 {
	border-collapse: collapse;
}

table.basic5 th {
	border:1px solid #E6E6E6;
	background:#F9F9F9;	
	padding:10px 10px;
	vertical-align:middle;
	font-size:14px;
	font-weight:normal;
	border-collapse: collapse;
}
@media (max-width: 599px) {
table.basic5 th {
	padding:6px 10px;
	font-size:13px;
}
}
table.basic5 thead th{
	background:#dfe5f1;
	color:#545653;
}
table.basic5 tbody th {
	text-align:left;
}
table.basic5 td {
	border:1px solid #E6E6E6;
	padding:10px 10px;
	vertical-align:middle;
	font-size:14px;
	text-align:left;
	border-collapse: collapse;
}
@media (max-width: 599px) {
table.basic5 td {
	padding:6px 10px;
	font-size:13px;
}
}
table.basic5 td div.reviewList {
	margin-top:3px;
	height:12px;
}
table.basic5 td span {
	font-size:12px;
}

/* 再表示ボタン */
.greenmiddlebutton {
margin: 8px 8px 8px 8px;
    padding: 0 4px 0 4px;
    border: 1px solid #35a609;
    display: table-cell;
    min-width: 44px;
    width: 160px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
	background-color: #35a609;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

/* --- 1行に左右寄せのテキストを設置 --- */
div.leftalign { 
	text-align:left;
	float: left;
}

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

div.rightalign {
	text-align: right;
}

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

/* リスト基本パーツ */
li.list-data {
	display:table;
	width:100%;
	padding:6px 10px 6px 10px;
	background-color:#fbfbfb;
	border-bottom:1px solid #eeeeee;    
	box-sizing: border-box;
	color: #000000;
  transition: all .4s ease-in-out;
}

li.list-data a {
	color: #18A0EF;
}


li.list-data-checkoff {/* 無効に設定した場合は背景色をグレーに変更 */
	display:table;
	width:100%;
	padding:10px;
	background:#e5e5e5;
	background:url(../images/bg_check.png) no-repeat right bottom;
	-webkit-background-size:60px 50px;
	background-size:60px 50px;	
	border-bottom:1px solid #eeeeee;    
	background-color:#e5e5e5;	
	box-sizing: border-box;
}

.iconmargin {/* アイコン画像パディング調整用 */
	padding:2px 2px 2px 0;
}

span.ranking {/* ランキング順位テキスト */
	background-color:#F8F5F3;
	color:#A0948A;
	font-size: 10px;
	border:1px solid #D3CAC3;	
	padding: 2px 2px 2px 2px;
	min-width:32px;
	margin: 0 2px 4px 0;    
}


/* --- 未読マーカー --- */
.marker-midoku {
	margin: 8px 8px 8px 8px;
	padding: 0 8px 0 8px;	
	background:#f50000;		
	border: 1px solid #ffffff;
	display:table-cell;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	border-radius: 6px;	
	-webkit-text-shadow: 0 1px 1px #31731A;
	overflow:auto;	

}


/* --- 既読マーカー --- */
.marker-ok {
	margin: 8px 8px 8px 8px;
	padding: 0 8px 0 8px;	
	background:#f5f5f5;		
	border: 1px solid #e4e4e4;
	display:table-cell;
	color: #b8b8b8;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	border-radius: 6px;	
	-webkit-text-shadow: 0 1px 1px #31731A;
	overflow:auto;	

}

/* --- 送信済みマーカー --- */
.marker-sent {
	margin: 8px 8px 8px 8px;
	padding: 0 8px 0 8px;		
	background:#f5f5f5;		
	border: 1px solid #e4e4e4;
	display:table-cell;
	color: #b8b8b8;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	border-radius: 6px;	
	-webkit-text-shadow: 0 1px 1px #31731A;
	overflow:auto;	

}

/* --- 返信済みマーカー --- */
.marker-res {
	margin: 8px 8px 8px 8px;
	padding: 0 8px 0 8px;	
	background:#e2ecf7;		
	border: 1px solid #c1d7ef;
	display:table-cell;
	color: #8dbcdc;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	border-radius: 6px;	
	-webkit-text-shadow: 0 1px 1px #31731A;
	overflow:auto;	

}

/* --- 未読有 --- */
span.midoku {
	margin: 0 8px 0 4px;
	background:#f50000;		
	border: 1px solid #ffffff;
	width: 28px;
	height: 18px;
	line-height: 19px;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	border-radius: 12px;	
	-webkit-text-shadow: 0 1px 1px #31731A;
}

/* --- フォトギャラリー管理ページサムネイル画像 --- */
.gallerythum {
	display: inline-block;
	width: 200px;
	height: auto;
}
@media (max-width: 599px) {
.gallerythum {
	width: 180px;
}
}

div.dataimage { 
	display:table-cell;
	vertical-align:top;
}

div.datadata {
	display:table-cell;
	vertical-align:top;
	width:100%;
}

/* --- 出演者オンラインスケジュール表示部 --- */
ul.schedulelog {
	display:table;	
	width:100%; 
	border-left:1px solid #ffffff;
	box-sizing: border-box;
}
@media (max-width: 599px) {
.schedulelogarea {
	padding-right: 12px;
	padding-left: 12px;
}
}

ul.schedulelog li {
	display:table-cell;
	text-align:center;
	background:#F3F3F3;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font-size: 10px;
/*	line-height: 140%;	   */
	padding-left:2px;	 	
	padding-top:4px;	
	padding-bottom:4px;	
}

ul.schedulelog li.request {/* --- チャット待ち合わせ希望有り --- */
	display:table-cell;
	text-align:center;
	background:#ffbb66;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font-size: 10px;
	line-height: 140%;	
	padding-left:2px;	 	
	padding-top:4px;	
	padding-bottom:4px;	
}

ul.schedulelog li.accepted {/* --- チャット待ち合わせ受理済み --- */
	display:table-cell;
	text-align:center;
	background:#ff6666;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font-size: 10px;
	line-height: 140%;	
	padding-left:2px;	 	
	padding-top:4px;	
	padding-bottom:4px;	
}



ul.schedulelogmidashi {
	display:table;	
	width:100%; 
	border-left:1px solid #ffffff;
	box-sizing: border-box;
}

ul.schedulelogmidashi li {
	display:table-cell;
	text-align:center;
	background:#c4d8ee;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font-size: 10px;
	line-height: 140%;	
	padding-left:2px;	 	
	padding-top:4px;	
	padding-bottom:4px;	
}

.form-exit {
	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;
	width: 100%;
	-webkit-appearance: none;
}

/* --- メニューサムネイル画像 --- */
.menu-thumimg {
	display: inline-block;
	width: 80px;
	height: auto;
	border-radius: 50%;
	margin-right: 8px;
}

/* --- 日記記事タイトル --- */
.diarytitletext {
	width: 100%;
	font-size: 22px;
	padding: 8px 0 8px 0;
}
@media (min-width: 600px) and (max-width: 1049px){
.diarytitletext {
	font-size: 20px;
	padding: 6px 0 6px 0;
}
}
@media (max-width: 599px) {
.diarytitletext {
	font-size: 18px;
	padding: 4px 0 4px 0;
	font-weight: bold;
}
}

/* --- 日記ブロック --- */
.diary-block {

}
@media (max-width: 599px) {
.diary-block {
	margin-right: -14px;
	margin-left: -14px;
}
}

/* --- 日記サムネイル画像 --- */
.diary-thumimg {
	display: inline-block;
	width: 80px;
	height: auto;
	border-radius: 50%;
	margin-right: 12px;
}
@media (max-width: 599px) {
.diary-thumimg {
	width: 60px;
	margin-right: 8px;
}
}

/* ダイアリーリスト */
li.diary-data {
	display:table;
	width:100%;
	padding:10px 10px 10px 10px;
	background-color:#ffffff;
	border-bottom:1px solid #eeeeee;    
	box-sizing: border-box;
	color: #000000;
  transition: all .4s ease-in-out;
}

li.diary-data:last-child {
	border-bottom:none;    
}

li.diary-data a {
	color: #18A0EF;
}

/* ダイアリー日付テキスト */
.diary-datetext {
	text-align: right;
	width: 100%;
	color: #bbbbbb;
	font-size: 12px;
}

/* ダイアリー画像ブロック */
.diary-imgblock {

}

/* ダイアリー画像 */
.diary-img {
	display: inline-block;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 200px;
}
@media (max-width: 599px) {
.diary-img {
	width: 160px;
}
}
.diarytitle-wrap:after {
	display: block;
	content: "";
	clear: both;
}

.side-member-login-pointplate {
	display: inline-block;
	padding: 4px 30px 4px 30px;
	margin-top: 8px;
	color: #000000;
	border: 1px solid #dddddd;
	font-size: 12px;
	border-radius: 6px;
  transition: all .4s ease-in-out;
}

.side-member-login-pointplate:hover {
    background-color: #cccccc;
    color: #ffffff;
}

.nav-usermenu-login {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin-right: 4px;
}


/* --- 出演者プロフィールページオンラインスケジュール表示部 --- */
ul.memberprofile-schedulelog {
	display:table;	
	width:100%; 
	border-left:1px solid #ffffff;
	box-sizing: border-box;
}
@media (max-width: 599px) {
.schedulelogarea {
	padding-right: 12px;
	padding-left: 12px;
}
}

ul.memberprofile-schedulelog li {
	display:table-cell;
	text-align:center;
	background:#F3F3F3;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font-size: 10px;
/*	line-height: 140%;	   */
	padding-left:2px;	 	
	padding-top:4px;	
	padding-bottom:4px;	
}

ul.memberprofile-schedulelog li.request {/* --- チャット待ち合わせ希望有り --- */
	display:table-cell;
	text-align:center;
	background:#ffbb66;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font-size: 10px;
	line-height: 140%;	
	padding-left:2px;	 	
	padding-top:4px;	
	padding-bottom:4px;	
}

ul.memberprofile-schedulelog li.accepted {/* --- チャット待ち合わせ受理済み --- */
	display:table-cell;
	text-align:center;
	background:#ff6666;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font-size: 10px;
	line-height: 140%;	
	padding-left:2px;	 	
	padding-top:4px;	
	padding-bottom:4px;	
}



ul.memberprofile-schedulelogmidashi {
	display:table;	
	width:100%; 
	border-left:1px solid #ffffff;
	box-sizing: border-box;
}

ul.memberprofile-schedulelogmidashi li {
	display:table-cell;
	text-align:center;
	background:#c4d8ee;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font-size: 10px;
	line-height: 140%;	
	padding-left:2px;	 	
	padding-top:4px;	
	padding-bottom:4px;	
}

/* --- チャット待ち合わせ予約可能 --- */
.memberprofile-yoyaku-empty {
	font-size: 20px;
	color: #35c1eb;
	line-height: 1.0;
}
@media (max-width: 599px) {
.memberprofile-yoyaku-empty {
	font-size: 16px;
}
}
/* --- チャット待ち合わせ予約済み --- */
.memberprofile-yoyaku-full {
	font-size: 20px;
	color: #ff0000;
	line-height: 1.0;
}
@media (max-width: 599px) {
.memberprofile-yoyaku-full {
	font-size: 16px;
}
}

/* --- ページ内タブ切替 --- */
..tab_wrap{width:500px; margin:80px auto;}

input[type="radio"].pointtab{
	display:none;
}

.tab_area{font-size:0; margin:0 10px;}

.tab_wrap {
	margin-bottom: 16px;
}

.tab_area label{
	width: 22%;
	max-width:200px; 
	margin:0 5px; 
	display:inline-block; 
	padding:12px 0; 
	color:#0ca7d6;
	background:#e8f6f9;
	text-align:center; 
	font-size:13px;
	line-height: 1.3;
	cursor:pointer; 
	transition:ease 0.2s opacity;
}
@media (min-width: 600px) and (max-width: 1049px){
.tab_area label{
	width: 22%;
	max-width:200px; 
	font-size:11px;
}
}
@media (min-width: 400px) and (max-width: 599px){
.tab_area label{
	width: 22%;
	max-width:200px; 
	font-size:10px;
}
}
@media (max-width: 399px) {
.tab_area label{
	width: 20%;
	max-width:200px; 
	font-size:8px;
}
}

.tab_area label:hover{opacity:0.5;}

.panel_area{
	background-color:#f8f8f8;
	border-radius: 6px;
	padding: 10px 10px 10px 10px;
}


.tab_panel{
	width:100%; 
	padding: 10px 10px 10px 10px;
	display:none;
}


.tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}

#tab1:checked ~ .tab_area .tab1_label{
color:#000;
	background-color:#f8f8f8;
}
#tab1:checked ~ .panel_area #panel1{
display:block;
}

#tab2:checked ~ .tab_area .tab2_label{background-color:#f8f8f8; color:#000;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background-color:#f8f8f8; color:#000;}
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .tab_area .tab4_label{background-color:#f8f8f8; color:#000;}
#tab4:checked ~ .panel_area #panel4{display:block;}


/* ポイントページ料金表テーブル  */
.pointkessaitable {
	border: solid 1px #ADD5EC; 
	border-collapse: collapse;
	width: 100%;
	max-width: 800px;
	margin-bottom: 10px;
}

/* ポイントページ料金表テーブル見出しセル  */
.pointkessaitable-midashitd {
	border: solid 1px #ADD5EC; 
	background-color: #EAF6FC;
	text-align: center;
	font-weight: bold;
	width: 33.3333%;
	padding: 10px;
	line-height: 1.3;
	font-size: 14px;
}

/* ポイントページ料金表テーブル普通セル  */
.pointkessaitable-normaltd {
	border: solid 1px #ADD5EC; 
	background-color: #ffffff;
	padding: 10px;
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
}

.bonuspt-text {
	color: #ff0000;
	font-weight: bold;
}

.banknumerimg {
	width: 280px;
}

/* 操作説明画像  */
.sousaimg {
	display:inline-block; 
	width: 100%;
	max-width: 900px;
}

.dummyprblock-gray {
	width: 100%;
	text-align: center;
	color: #ffffff;
	background-color: #ffffff;
	line-height: 20px;
    font-size: 11px;
}
@media (max-width: 599px) {
.dummyprblock-gray {
	color: #cccccc;
	background-color: #ffffff;
}
}

/* ########################## 2023年1月追加分 ########################## */

/* 料金表プレート上部エリア */
.side-pricelist-plate-toparea {
	border-top: solid 1px #ef0000;
    border-right: solid 1px #ef0000;
    border-left: solid 1px #ef0000;
    border-bottom: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
	margin-top: 6px;
	padding: 10px;
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	background-color: #ef0000;
	text-align: center;
}
@media (max-width: 599px){
.side-pricelist-plate-toparea {
    margin-right: -14px;
    margin-left: -14px;
    border-right: none;
    border-left: none;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
}

/* 料金表プレート下部エリア */
.side-pricelist-plate-bottomarea {
	border-top: none;
    border-right: solid 1px #e3e3e3;
    border-left: solid 1px #e3e3e3;
    border-bottom: solid 1px #e3e3e3;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
	background-color: #f7f7f7;
	margin-bottom: 4px;
	padding: 16px;
	text-align: left;
}
@media (max-width: 599px){
.side-pricelist-plate-bottomarea {
    border-bottom: 8px solid #eaeaea;
    margin-right: -14px;
    margin-left: -14px;
    border-right: none;
    border-left: none;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
	background-color: #ffffff;
}
}

/* 強調テキスト */
.side-pricelist-plate-strongtext {
	display: inline-block;
	padding-bottom: 8px;
	font-weight: bold;
	font-size: 15px;
}

/* 料金テキスト */
.side-pricelist-pricetext {
	display: inline-block;
	margin-left: 16px;
	font-weight: bold;
	color: #000000;
}


/* 料金表プレート下部データエリア */
.side-pricelist-plate-dataarea {
	padding-left: 16px;
	color: #666666;
}

/* 再読み込みアイコン */
.listpage-reloadicon {
	display: inline-block;
	position: relative;
	top: 6px;
	border: 1px solid #e5e5e5;
    background-color: #f7f7f7;
	margin-left: 4px;
    border-radius: 3px;
    padding: 5px 7px 5px 7px;
}

/* 再読み込みアイコン画像 */
.listpage-reloadicon-img {
	display: inline-block;
	width: 22px;
	height: auto;
}



/* 出演者リスト読み込み中ブロック */
.performerlist-loaderblock {
	text-align: center;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
@media (min-width: 1400px) and (max-width: 1799px){
.performerlist-loaderblock {
	margin-top: 60px;
	margin-bottom: 60px;
}
}
@media (min-width: 1800px) {
.performerlist-loaderblock {
	margin-top: 100px;
	margin-bottom: 100px;
}
}
/* 出演者リスト読み込み中画像 */
.performerlist-loaderblockimg {
	display: inline-block;
	width: 120px;
	height: auto;
}

@media (max-width: 599px) {
.performerlist-loaderblockimg {
	width: 60px;
	height: auto;
}
}

/* ピックアップボーイマージン調整 */
.toppage-pickupboy-obi {
	display: block;
	margin-top: 32px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 8px;
}
@media (min-width: 600px) and (max-width: 999px){
.toppage-pickupboy-obi {
	margin-top: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 8px;
}
}
@media (max-width: 599px) {
.toppage-pickupboy-obi {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: none;
	margin-bottom: 0px;
}
}

/* オンライン中のボーイマージン調整 */
.toppage-onlineboy-obi {
	display: block;
	margin-top: 18px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 8px;
}
@media (min-width: 600px) and (max-width: 999px){
.toppage-onlineboy-obi {
	margin-top: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 8px;
}
}
@media (max-width: 599px) {
.toppage-onlineboy-obi {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: none;
	margin-bottom: 0px;
}
}

/* オンライン中のボーイリロードアイコン位置調整 */
.toppage-reloadicon-positionadjust {
	position: absolute;
	right: 10px;
	top: -3px;
}
@media (max-width: 599px) {
.toppage-reloadicon-positionadjust {
	top: 0px;
}
}