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

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

}

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

body {
	overflow-y: scroll!important; /* 常にスクロールバーを表示 */
	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サファリで横向き画面時テキストが拡大されるのを防止 */
}

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

p {
	padding: 0;
	margin: 0;
}

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

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

form {
	margin: 0;
}

select {
	color:#444444!important;
}

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

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

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

a {
	text-decoration: none;
}

*:focus {
outline: none;
}

/* 基本テキスト打消し線 */
.line-through {
	text-decoration: line-through;
}

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

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

/* 汎用グレー背景 */
.bg-gray {
	background-color: #f5f5f5!important;
}

/* 汎用ダッシュボードグレー背景 */
.bg-gray-dashborad {
	background-color: #f2f2f2!important;
}

/* 汎用赤文字 */
.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;
}

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

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

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

/* 汎用max-width拡張 */
.maxwidth600 {
	width: 100%!important;
	max-width: 600px!important;
}

/* 汎用ポジションrelative */
.position-relative {
	position: relative!important;
}

/* 汎用オーバーフローhidden */
.overflow-hidden {
	overflow: hidden!important;
}

/* 汎用lineheight1.5 */
.lineheight16 {
	line-height: 1.6!important;
}

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

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

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

/* 汎用ボトムマージン10px */
.bottommargin10px {
	margin-bottom: 10px!important;
}

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

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

/* 汎用左マージン無し */
.no-leftmargin {
	margin-left: 0!important;
}


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

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

/* 汎用ボーダー丸み強制除去 */
.no-border-radius {
	border-radius: 0px!important;
}

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

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

/* トップライン追加表示 */
.add-top-line {
	border-top: solid 1px #e7e7e7;
}

/* トップライン強制削除 */
.no-topborder {
    border-top: none!important;
}

/* 汎用スマホ時のみトップライン */
@media (max-width: 599px) {
	.add-mobile-top-line {
		border-top: solid 1px #dddddd;
	}
}

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

/* 未読マーカー左メニュー */
.companymenu-leftmenu-midoku-count {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-block;
	text-align: center;
	font-size: 11px;
	line-height: 1.0;
	font-weight: bold;
	color: #ffffff;
	background-color: #35c1eb;
	padding: 6px 8px 6px 8px!important;
	border-radius: 12px;
	z-index: 9999;
}
@media (min-width: 1000px) and (max-width: 1049px){
.companymenu-leftmenu-midoku-count {
	top: 10px;
	right: 2px;
	font-size: 10px;
	padding: 4px 5px 4px 5px!important;
}
}
@media (min-width: 600px) and (max-width: 999px){
.companymenu-leftmenu-midoku-count {
	top: 0px;
	right: -6px;
	font-size: 9px;
	padding: 4px 5px 4px 5px!important;
}
}

/* 未読マーカースマホハンバーガーメニュー */
.companymenu-hamburgermenu-midoku-count {
	position: absolute;
	top: 6px;
	right: 108px;
	display: inline-block;
	text-align: center;
	font-size: 11px;
	line-height: 1.0;
	font-weight: bold;
	color: #ffffff;
	background-color: #35c1eb;
	padding: 6px 8px 6px 8px!important;
	border-radius: 12px;
}

/* 未読マーカーエントリーの管理ページ承認待ボタン上 */
.companymenu-entrylist-midoku-count {
	position: absolute;
	top: -11px;
	right: -14px;
	display: inline-block;
	text-align: center;
	font-size: 11px;
	line-height: 1.0;
	font-weight: bold;
	color: #ffffff;
	background-color: #35c1eb;
	padding: 6px 8px 6px 8px!important;
	border-radius: 12px;
}

/* 無効票の数字の色をグレーに変更 */
.count-color-mukou {
	color: #bbbbbb!important;
}

/* --------------------------------WEBフォント-------------------------------- */

/* サーバ上から読み込めないので未使用 */
@font-face {
    font-family: 'Bickham-Script-MM';
    src:url('../font/Bickham-Script-MM.ttf.woff') format('woff'),
        url('../font/Bickham-Script-MM.ttf.svg#Bickham-Script-MM') format('svg'),
        url('../font/Bickham-Script-MM.ttf.eot'),
        url('../font/Bickham-Script-MM.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}


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


.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;/* 広すぎたので35pxから変更（違和感があれば戻して下さい） */
	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%;
}
}

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

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


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

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

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


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

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

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

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



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

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

.formbackbutton2016 {/* 書き直すボタン */
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	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;
}

.formdeletebutton2016 {/* 取り消しボタン */
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 10px 70px 10px 70px;
	color: #ffffff;
	min-width: 238px;
	background-color: #f50000;
	border: 1px solid #f50000;
	font-size: 16px;
	margin-top: 10px;
	margin-left: 4px;
    margin-right: 4px;
	transition: all .4s ease-in-out;   
}

.formedeletebutton2016:hover {/* 取り消し */
	color: #ffffff;
	background-color: #000000;
		border: 1px solid #000000;
}

.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: 10px;
	}
}

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

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

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

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

/* ロゴ画像 */
.sitelogo2 {
	position: relative;
	display: inline-block;
	height: 36px;
	width: auto;
}

.sitelogo2-link {
	display: inline-block;
	position: relative;
	padding: 9px 10px 9px 10px;
}

/* モバイル用ドロワーメニューを非表示 */
.drawermenu {
	  display: block;
	position: fixed;
    z-index: 333;
    right: 0px;
    top: 0px;
}

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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

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

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


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



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

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



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

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

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

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

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

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


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

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

}

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

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


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

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

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

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

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

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


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



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

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

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

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

}

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

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

}

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


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

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

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

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

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

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


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


/* -------------------------- メインメニュー ------------------------------- */

.mainmenu {
	width: 100%;
/*	background-color: #dc1c38; */
	background-color: #ee1969;
}


@media screen and (max-width: 700px) and (min-width: 0px), screen and (max-device-width: 700px) and (min-device-width: 0px) {
.mainmenu {
	display: none;
}
}

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

.mainmenu-list {/* メインメニューリストul */
	text-align: center;
}

.mainmenu-list:after {/* メインメニューリストul */
	display: block;
	content: "";
	clear: both;
}

.mainmenu-items {/* メインメニューリストli */
	float: left;
}

.mainmenu-item {/* メインメニューリストa */
	display: inline-block;
	min-width: 180px;
	background-color: #ee1969;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	height: 64px;
	line-height: 64px;
	transition: all .4s ease-in-out;   
}
@media (min-width: 1280px){
.mainmenu-item {
	min-width: 200px;
}
}
@media (min-width: 800px) and (max-width: 1080px){
.mainmenu-item {
	min-width: 150px;
	font-size: 15px;
	height: 60px;
	line-height: 60px;
}
}
@media (max-width: 799px) {
.mainmenu-item {
	min-width: 136px;
	font-size: 14px;
	height: 54px;
	line-height: 54px;
}
}






.mainmenu-item:hover {/* メインメニューリストa */
	background-color: #000000;
	color: #ffffff;
}

.titlelink {
	position: absolute;
	display: inline-block;
	color: #000000;
	padding: 20px 60px 20px 60px;
	font-size: 16px;
	border: solid 1px #000000;
	background-color: rgba(255,255,255,0.7);
	top: -90px;
	left: 50%;
	border-color: rgba(0,0,0,0.5);
	z-index: 2000;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
	transition: all .4s ease-in-out;   
}

.titlelink:hover {
	color: #ffffff;
	background-color: rgba(226,68,166,0.8);
	border-color: rgba(255,255,255,1);
	font-weight: bold;
}

.mainmenu-item .archivefonticon {
	vertical-align: middle;
	width: 24px;
	height: 24px;
}

.mainmenu-item .fa-twitter {
	padding-right: 4px;
}

.mainmenu-item .fa-twitter {
	font-size: 20px;
}


.text-twitterlink .fa-twitter {
	position: relative;
	font-size: 20px;
	top: 3px;
	margin-right: 4px;
}
@media (max-width: 599px){
.text-twitterlink .fa-twitter {
	font-size: 17px;
	top: 2px;
}
}




/* -------------------------- スマホ版メニュー ------------------------------- */

.spmenu {
	width: 100%;
	background-color: #dc1c38;
    height: 54px;
}


@media (min-width: 701px) {
.spmenu-area {
	display: none;
}
}

/* リニューアルスマホヘッダー */
.new-spmenu-area {
	display: flex;
	width: 100%;
	background-color: #ee1969;
    height: 54px;
}
@media (min-width: 701px) {
.new-spmenu-area {
	display: none;
}
}

.new-spmenu-area-left {
	width: 25%;
	text-align: left;
}

.new-spmenu-area-center {
	width: 50%;
	text-align: center;
}

.new-spmenu-area-right {
	width: 25%;
	text-align: right;
}

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

.sppagetitle {
/*	float: left; ロゴが中央寄せにならないので一時的にカット */
	color: #ffffff;
	width: auto;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 0 14px;
	line-height: 54px;
}

.spmenu-interface {
	float: right;
}

.spmenu-interface-link {
	display: table-cell;
	height: 42px;
	width: 42px;
	border: 0;
	vertical-align: middle;
	cursor: pointer; 
}

.spmenu-interface-link:hover {
	background-color: #000000;
}
.spmenu-interface-link .fa-bars {
	color: #ffffff;
	font-size: 16px;
}

.sp-submenu {
	width: 100%;
	background-color: #ffffff;
	border-bottom: solid 1px #efefef; 
	text-align: left;
	box-shadow: 0 1px 3px rgba(0,0,0,0.04)
}

.sp-submenu-listitem a {
	display: block;
	padding: 10px 0 10px 20px;
	color: #666666;
	font-size: 14px;
}

.sp-submenu-listitem a:hover {
	background-color: #f4f4f4;
}

#menu {
	display: none;
}

/* --------------------------------ワールド紹介-------------------------------- */

.world-ul {

}

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

.world-li {
	float: left;
	width: 50%;
}
@media (max-width: 799px) {
.world-li {
	float: none;
	width: 100%;
}
}

.world-img {
	width: 100%;
	height: auto;

}



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

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






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

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

}
}

/* iPad 2020年12月にminwidthを800から600に変更。プロフィールページ整備への対応 */
@media (min-width: 600px) and (max-width: 1049px){
.container {
    position: relative;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;

}
}

/* 追加コンテナ（イベント詳細ページ） */
@media (min-width: 1050px) {
.container-eventdetail {
    position: relative;
    width: 88%;
    min-width: 928px;
    padding: 0 16px;
    margin: 0 auto;
	text-align: center;
}
}

/* 追加コンテナ（イベント詳細ページ）※2021年2月WEBリニューアル対応 */
@media (min-width: 600px) and (max-width: 1049px){
.container-eventdetail {
    position: relative;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
	text-align: center;
}
}
@media (max-width: 599px) {
.container-eventdetail {
    position: relative;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
	text-align: center;
}
}


/* コンテナイベント一覧ページパディング調整版（基本） */
@media (min-width: 1050px) {
.container-eventlist {
    position: relative;
    width: 88%;
    min-width: 928px;
    padding: 0 2px;
    margin: 0 auto;

}
}

/* コンテナイベント一覧ページパディング調整版iPad横向き */
@media (min-width: 800px) and (max-width: 1049px){
.container-eventlist {
    position: relative;
    width: 100%;
    padding: 0 2px;
    margin: 0 auto;

}
}


/* -------------------------- 合わせ一覧ページ ------------------------------- */


.awaselist-floattable {
    /* max-width: 1366px;*/
	margin: 0 auto;
}

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

/* 合わせリストli */
.awaselist-li {
	display: inline-block;
	width: 100%;
	padding: 14px 14px 0 14px;
}
@media (min-width: 768px) and (max-width: 1023px){
.awaselist-li {
	float: left;
	width: 50%;
	padding: 14px 14px 0 14px;
}
.awaselist-li:nth-child(odd) {/* 14pxを7pxで上書き */
	padding-right: 7px;
}
.awaselist-li:nth-child(even) {/* 14pxを7pxで上書き */
	padding-left: 7px;
}
}
@media (min-width: 1024px) {
.awaselist-ul {
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.awaselist-li {
	float: left;
	width: 33.3333%;
	padding: 7px 7px 7px 7px;
}
}

.awaselist-li:last-child {
	padding-bottom: 14px;
}

/* 合わせリストセル */
.awaselist-cell {
	display: block;
	width: 100%;
	border: 1px solid #e6e6e6;
	border-radius: 8px;
}

/* 合わせ情報タイトル画像 */
.awasetitle-img {
	width: 100%;
	height: auto;
	border-radius: 7px 7px 0 0;
}





/* 合わせ情報コスプレイヤー名フロートテーブル */
.layer-name-floattable:after {
	display: block;
	content: "";
	clear: both;
}


/* 合わせ情報コスプレイヤー名フロートテーブル右フロート */
.layer-name-float-right {
	float: right;
}

/* 合わせ情報コスプレイヤー名フロートテーブル左フロート */
.layer-name-float-left {
	float: left;
}




/* 合わせ情報コスプレイヤー名表示部 */
.awaselist-layer-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;
	padding: 0 8px 8px 8px;

display:inline-block;
width: 65%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 599px) {
.awaselist-layer-name {
              font-size: 0.7rem;
	}
}

/* 合わせ情報クラップ数表示部 */
.awaselist-clap-count {
	width: 100px;
    margin: 0 0 2px 0;
	color: #333333;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0.75rem;
	font-weight: normal;
	text-align: right;
	padding: 0 12px 8px 8px;
}
@media screen and (max-width: 599px) {
.awaselist-layer-name {
              font-size: 0.7rem;
	}
}

.awaselist-clap-count .fa-hand-paper-o {
	color: #ff0000;
	margin-right: 4px;
}

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

.awaselist-layer-name a:hover {
    text-decoration: underline;
}

/* 合わせ情報タイトル */
.awaselist-awase-name {
	display: inline-block;
	width: 100%;
    margin: 6px 0 4px 0;
    font-size: 17px;
	color: #111111;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
	padding: 8px 8px 4px 8px;
}
@media screen and (max-width: 1050px) {
.awaselist-awase-name {
    margin: 4px 0 2px 0;
    font-size: 16px;
}
}



/* 合わせ情報タイトルはみだし対策 */
.awaselist-awase-name span {
	display: inline-block;
	width: 100%;
	height: 1.3em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.awaseimage-container {
	position: relative;
}

/* 合わせ情報開催日時 */
.awaselist-time {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #ffffff;
	font-weight: bold;
	padding: 40px 10px 8px 10px;
	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%);
}

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

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

/* カテゴリーバッジ表示部 */
.eventlist-category-badgectl {
	position: absolute;
	top: -8px;
	right: 16px;
}
@media (max-width: 599px) {
.eventlist-category-badgectl {
	top: -6px;
	right: 20px;
}
}

/* カテゴリーバッジ画像 */
.eventlist-category-badgeimg {
	width: 64px;
	height: auto;
}
@media (max-width: 599px) {
.eventlist-category-badgeimg {
	width: 50px;
}
}

/* もっと見る */
.eventlist-motto-link {
  display: inline-block;
  background-color: transparent;
  padding: 8px 16px 16px 16px;
  width: 100%;
  min-width: 320px;
  margin-bottom: 16px;
  transition: all .4s ease-in-out;
}
@media (max-width: 767px) {
.eventlist-motto-link {
	background-color: #dc1c38;
	min-width: none;
	width: 100%;
	padding: 12px 16px 10px 16px;
	margin-bottom: 0;
}
.eventlist-motto-link:hover {
	background-color: #3c9528;
}
}



/* もっと見るテキスト */ 
.eventlist-motto-text {
	font-size: 16px;
	color: #444444;
}
@media (max-width: 767px) {
.eventlist-motto-text {
	font-size: 14px;
	color: #ffffff;
}
}

.eventlist-motto-link .fa-angle-down {
	font-size: 26px;
	color: #dc1c38;
}
@media (max-width: 767px) {
.eventlist-motto-link .fa-angle-down {
	color: #ffffff;
}
}

.zoomin {
	overflow: hidden;
/* 	border-top-right-radius: 7px;
	border-top-left-radius: 7px; */
}
@media (max-width: 599px) {
.zoomin {
	overflow: hidden;
	border-radius: 0px;
}
}

.zoomin img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.zoomin:hover img:not(.noeffects) { /* zoomさせたくない画像は追加でnoeffectsクラスを付与すればOK */
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	opacity: 0.6;
	filter: alpha(opacity=60);
}


/* -------------------------- イベント一覧カテゴリリンク部 ------------------------------- */

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


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

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


/* 作品管理ページヘッダーステータスリスト */
.categorystatus-ul {
}
@media (min-width: 600px) and (max-width: 999px){
.categorystatus-ul {
	margin-bottom: 16px;
}
}
@media (max-width: 599px) {
.categorystatus-ul {
	margin-bottom: 10px;
}
}



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


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

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

@media (max-width: 599px) {
.categorystatus-link {
	font-size: 10px;
	border-radius: 10px;
	padding: 1px 5px 1px 5px;
	margin-right: 4px;
	margin-left: 0;
}
}

.categorystatus-ul li:last-child a {
	margin-right: 0!important;
}

/* カテゴリーステータスリストリンクアクティブ（ALL） */
.categorystatus-link-active-all {
	border: 1px solid #dc1c38;
	color: #ffffff;
	background-color: #dc1c38;
	cursor: default;
}
/* カテゴリーステータスリストリンクアクティブ（SWEET） */
.categorystatus-link-active-sweet {
	border: 1px solid #ef4489;
	color: #ffffff;
	background-color: #ef4489;
	cursor: default;
}
/* カテゴリーステータスリストリンクアクティブ（BITTER） */
.categorystatus-link-active-bitter {
	border: 1px solid #3494cb;
	color: #ffffff;
	background-color: #3494cb;
	cursor: default;
}
/* カテゴリーステータスリストリンクアクティブ（CHERRY） */
.categorystatus-link-active-cherry {
	border: 1px solid #45a806;
	color: #ffffff;
	background-color: #45a806;
	cursor: default;
}
/* カテゴリーステータスリストリンクアクティブ（SHINY） */
.categorystatus-link-active-shiny {
	border: 1px solid #f66b00;
	color: #ffffff;
	background-color: #f66b00;
	cursor: default;
}
/* カテゴリーステータスリストリンクアクティブ（PASSION） */
.categorystatus-link-active-passion {
	border: 1px solid #f31e1e;
	color: #ffffff;
	background-color: #f31e1e;
	cursor: default;
}

/* -------------------------- イベント一覧ページモーダルウィンドウ ------------------------------- */
.white-popup {
  position: relative;
  background: #ffffff;
  padding: 20px 40px 20px 40px;
  width: auto;
  max-width: 1080px;
  margin: 80px auto 20px auto;
}
@media (max-width: 799px) {
.white-popup {
  margin: 20px auto 20px auto;
}
}
@media (max-width: 599px) {
.white-popup {
  padding: 20px 20px 20px 20px;
}
}

.white-popup-wide {
  position: relative;
  background: #ffffff;
  padding: 20px 40px 20px 40px;
  width: auto;
  max-width: 980px;
  margin: 80px auto 20px auto;
}
@media (max-width: 799px) {
.white-popup-wide {
  margin: 20px auto 20px auto;
}
}
@media (max-width: 599px) {
.white-popup-wide {
  padding: 20px 20px 20px 20px;
}
}

.eventdetail-modal-title {
	display: inline-block;
	text-align: left;
	padding: 16px 0 20px 6px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
  width: 100%;
}
@media (max-width: 599px) {
.eventdetail-modal-title {
	padding: 10px 0 6px 2px;
	font-size: 18px;
	line-height: 1.4;
}
}
@media (min-width: 1050px) {
.eventdetail-modal-title {
	font-size: 24px;
}
}

.eventdetail-modal-cosname {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 4px;
	color: #000000;
}

.eventdetail-modal-imagearea {
	position: relative;
	padding-top: 24px;
}


.eventdetail-modal-image-container {
	position: relative;
}

.eventdetail-modal-image {
	width: 100%;
}

/* ワールドテキスト */
.eventdetail-modal-world {
	display: inline-block;
	color: #333333;
	line-height: 34px;
	margin-left: 8px;
}
@media (max-width: 599px) {
.eventdetail-modal-world {
	line-height: 28px;
	margin-left: 5px;
	font-size: 11px;
}
}

/* 開催日程テキスト */
.eventdetail-modal-eventdate {
	display: inline-block;
	color: #333333;
	line-height: 34px;
	margin-right: 4px;
}
@media (max-width: 599px) {
.eventdetail-modal-eventdate {
	line-height: 28px;
	font-size: 11px;
}
}

/* ワールドアイコン画像 */
.eventdetail-modal-world-img {
	display: inline-block;
	height: 34px;
	width: auto;
}
@media (max-width: 599px) {
.eventdetail-modal-world-img {
	height: 28px;
}
}

.eventdetail-modal-sidedate:after {
	display: block;
	content: "";
	clear: both;
}


/* 件数＆クラップ数リスト */
.eventdetail-modal-data-ul:after {
	display: block;
	content: "";
	clear: both;
}

.eventdetail-modal-data-li {
	position: relative;
	display: inline-block;
	float: left;
	width: 50%;
	height: 66px;
}
@media (min-width: 1050px) {
.eventdetail-modal-data-li {
	height: 80px;
}
}

.eventdetail-modal-data-li:first-child {
	border-right: 1px solid #dfdfdf;
}


.eventdetail-modal-numbercount {
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	line-height: 66px;/* liの高さに合わせる */
}
@media (max-width: 599px) {
.eventdetail-modal-numbercount {
	font-size: 20px;
}
}

.eventdetail-modal-number {
	display: inline-block;
	position: absolute;
	top: 8px;
	right:30px;
	line-height: 66px;/* liの高さに合わせる */
	color: #666666;
	font-size: 13px;
}
@media (max-width: 599px) {
.eventdetail-modal-number {
	right:16px;
	font-size: 11px;
}
}

.eventdetail-modal-clapcount {
	display: inline-block;
	color: #f718a0;
	font-size: 30px;
	font-weight: bold;
	line-height: 66px;/* liの高さに合わせる */
}
@media (max-width: 599px) {
.eventdetail-modal-clapcount {
	font-size: 20px;
}
}
@media (min-width: 1050px) {
.eventdetail-modal-clapcount {
	line-height: 80px;/* liの高さに合わせる */
}
}

.eventdetail-modal-clap {
	display: inline-block;
	position: absolute;
	top: 8px;
	right:30px;
	line-height: 66px;/* liの高さに合わせる */
	color: #666666;
	font-size: 13px;
}
@media (max-width: 599px) {
.eventdetail-modal-clap {
	right:16px;
	font-size: 11px;
}
}
@media (min-width: 1050px) {
.eventdetail-modal-clap {
	line-height: 80px;/* liの高さに合わせる */
}
}



/* 各ブロックタイトル部 */
.eventdetail-modal-blocktitle {
	text-align: left;
	font-size: 11px;
	padding-left: 6px;
	padding-bottom: 2px;
	border-bottom: 1px solid #dfdfdf;
	color: #666666;
}

/* 各ブロック本文部 */
.performer-modal-textblock {
	text-align: left;
	padding: 6px 0 16px 0;
}
@media (max-width: 599px) {
.performer-modal-textblock {
	padding: 6px 0 0 0;
}
}

/* 主催者、連絡先表示ブロック */
.eventdetail-modal-authordata {
	padding: 10px 0 30px 8px;
}
@media (max-width: 599px) {
.eventdetail-modal-authordata {
	padding: 10px 0 30px 4px;
}
}

.eventdetail-modal-authordata:after {
	display: block;
	content: "";
	clear: both;
}

/* 主催者アイコン */
.modal-authoricon {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 4px;
    vertical-align: middle;
}
@media (max-width: 599px) {
.modal-authoricon {
    width: 28px;
    height: 28px;
}
}

/* 主催者名テキスト */
.modal-authortextlink {
}
@media (max-width: 599px) {
.modal-authortextlink {
	font-size: 11px;
}
}

.performer-modal-text2 {
  display: inline-block;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 8px;
  width: 100%;
}
@media (max-width: 599px) {
.performer-modal-text2 {
	font-size: 13px;
	padding-top: 4px;
	padding-bottom: 6px;
	line-height: 1.5;
}
}
@media (min-width: 1050px) {
.performer-modal-text2 {
	font-size: 15px;
	line-height: 25px;
}
}

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

.detail-twitterbutton {
	margin-right: 6px;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #55ACEE;
	text-align: center;
    transition: all .4s ease-in-out;
}
@media (max-width: 599px) {
.detail-twitterbutton {
	margin-right: 4px;
	line-height: 28px;
    width: 28px;
    height: 28px;
}
}

.detail-twitterbutton:hover {
    color: #f718a0;
}


.detail-twitterbutton .fa-twitter {
    display: inline-block;
	font-size: 30px;
    position: relative;
	top: 4px;
	left: 1px;
}
@media (max-width: 599px) {
.detail-twitterbutton .fa-twitter {
	font-size: 18px;
	top: 5px;
	left: 0px;
}
}


/*---------メールリンク  -----*/

.detail-mailbutton {
	margin-right: 6px;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #55ACEE;
	text-align: center;
    transition: all .4s ease-in-out;
}
@media (max-width: 599px) {
.detail-mailbutton {
	margin-right: 4px;
	line-height: 28px;
    width: 28px;
    height: 28px;
}
}

.detail-mailbutton:hover {
    color: #f718a0;
}


.detail-mailbutton .fa-envelope {
    display: inline-block;
	font-size: 24px;
    position: relative;
	top: 2px;
	left: 1px;
}
@media (max-width: 599px) {
.detail-mailbutton .fa-envelope {
	font-size: 18px;
	top: 5px;
	left: 0px;
}
}


/* 主催者名テキストリンク */
.modal-authortextlink {
	color: #000000;

}

.systemtitle {
	color: #999999;
	padding-left:8px;
}

/* 上位者テーブル */
.modal-ranker-table {
	padding: 8px 14px 8px 0;
	border-bottom: 1px solid #f1f1f1;
}

.modal-ranker-table:after {
	display: block;
	clear: both;
	content: ""
}

/* 上位者順位表示 */
.modal-ranker-rankblock {
	display: inline-block;
	float: left;
	text-align: center;
	line-height: 64px;
	height: 64px;
	width: 48px;
	font-weight: normal;
	font-size: 16px;
}

/* 上位者アバター表示 */
.modal-ranker-avaterblock {
	display: inline-block;
	float: left;
	margin-right: 4px;
}

.icon64px {
    width: 64px;
    height: 64px;
    margin-right: 10px;
}

.modal-ranker-datablock {
	display: table-cell;
	float: none;
	width: auto;
    height: 64px;
	vertical-align: middle;
}

/* 上位者コスネーム表示 */
.modal-ranker-datablock-cosname {
	font-weight: bold;
	font-size: 13px;
	line-height: 1.3;
}


/* 上位者グレーテキスト表示 */
.modal-ranker-datablock-graytext {
	display: inline-block;
    font-size: 10px;
    color: #aaaaaa;
	line-height: 1.3;
	padding-bottom: 2px;
}

/* 終了アイコン(一覧ページ) */
.eventtitle-endicon {
	display: inline-block;
	position: relative;
	width: auto!important;
	height: auto!important;
	background-color: #f50000;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.0;
	padding: 3px 10px 3px 10px;
	margin-left: 4px;
}


/* 終了アイコン(モーダルウィンドウ内) */
.modal-eventtitle-endicon {
	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 (max-width: 599px) {
.modal-eventtitle-endicon {
	  top: -2px;
	  font-size: 11px;
	  padding: 4px 7px 4px 7px;
	  margin-right: 4px;
  }
}

@media (min-width: 1050px) {
.modal-eventtitle-endicon {
	font-size: 16px;
	  padding: 5px 8px 5px 8px;
	  margin-right: 8px;
}
}



/* -------------------------- 企業様向けページ ------------------------------- */


/* 企業様向け1stブロック */
.block-1st {
	display: block;
	/* z-index: ここでZ-indexを入れるとボタンリンクがどうしても効かなくなってしまうため未指定で行く方針 */
	position: relative;
	padding: 40px 0 30px 0;
	background-image: url('../images/recruit-bg1.jpg');
	background-repeat: no-repeat;  
	background-size:100% auto; 
	background-position: center top;
}
@media (max-width: 799px) {
.block-1st {
	padding: 0 0 0 0;
}
}

.block-1st:before {
    z-index: 0;
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color:rgba(15,114,156,0.6); */
    background-color:rgba(0,120,171,0.6);
}





/* 企業様向け1stブロック下部ラージボタン */
.block-1st-bottomtext {

	position: relative;/* positionrelativeとz-indexはセット。position指定しないとz-indexは無効 */
    z-index: 3;
	display: inline-block;
	margin: auto;
	font-size: 24px;
	padding: 18px 50px 18px 50px;
	color: #ffffff;
	border: 1px solid rgba(255,255,255,0.7);
    background-color:rgba(3,133,255,0.6);
	border-radius: 40px;
	line-height: 1.3;
	transition: all .4s ease-in-out;
	cursor: pointer; 
    overflow: hidden;
}
@media (max-width: 599px){
.block-1st-bottomtext {
    background-color: #4884e8;
}
}

/* 企業様向け1stブロック下部ラージボタンhover時一括指定 */
.block-seiyaku-bottomtext:hover, .block-promotion-bottomtext:hover, .block-anzen-bottomtext:hover, .block-2nd-bottomtext:hover {
    background-color: #dc1c38;
	border: 1px solid #dc1c38;
}

@media (min-width: 800px) and (max-width: 1050px){
.block-seiyaku-bottomtext, .block-promotion-bottomtext, .block-anzen-bottomtext, .block-2nd-bottomtext {
	font-size: 20px!important;
}
}

@media (max-width: 799px){
.block-seiyaku-bottomtext, .block-promotion-bottomtext, .block-anzen-bottomtext, .block-2nd-bottomtext {
	display: block!important;
	width: 100%!important;
	font-size: 16px!important;
	padding: 18px 36px 18px 36px!important;
	border-radius: 0!important;
	border-top: 1px solid rgba(0,0,0,0.1)!important;
	border-bottom: none!important;
	border-left: none!important;
	border-right: none!important;
}
}

/* 企業様向け1stブロック下部プランを見るボタン */
.block-1st-planbutton {
	position: relative;/* positionrelativeとz-indexはセット。position指定しないとz-indexは無効 */
    z-index: 3;

	display: inline-block;
	margin: 0 0 20px 0;
	font-size: 18px;
	padding: 16px 40px 16px 40px;
	color: #ffffff;
	border: 1px solid rgba(255,255,255,0.7);
    background-color:transparent;
	border-radius: 6px;
	line-height: 1.3;
	transition: all .4s ease-in-out;
	cursor: pointer; 
}
.block-1st-planbutton:hover {
    background-color:#ffffff;
	color: #4c99e0;
	border: 1px solid #4c99e0;
}
@media (min-width: 800px) and (max-width: 1050px){
.block-1st-planbutton {
	font-size: 16px;
	padding: 14px 30px 14px 30px;
	margin: 0 0 8px 0;
}
}
@media (min-width: 600px) and (max-width: 799px){
.block-1st-planbutton {
	font-size: 15px;
	padding: 12px 20px 12px 20px;
	margin: 20px 0 0 0;
}
}
@media (max-width: 599px){
.block-1st-planbutton {
	font-size: 15px;
	padding: 12px 20px 12px 20px;
	margin: 20px 0 0 0;
}
}

/* 企業様向け2ndブロック */
.block-2nd {
	display: block;
	/* z-index: ここでZ-indexを入れるとボタンリンクがどうしても効かなくなってしまうため未指定で行く方針 */
	position: relative;
	padding: 40px 0 30px 0;
/* 	background-image: url('../images/recruit-bg2.jpg');*/
	background-repeat: no-repeat;  
	background-size:100% auto; 
	background-position: center top;
}
@media (max-width: 799px) {
.block-2nd {
	padding: 0 0 0 0;
}
}

.block-2nd:before {
    z-index: -1;
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(41,132,8,0.6); 
}

/* 企業様向け2ndブロック下部ラージボタン */
.block-2nd-bottomtext {

	position: relative;/* positionrelativeとz-indexはセット。position指定しないとz-indexは無効 */
    z-index: 3;

	display: inline-block;
	margin: auto;
	font-size: 24px;
	padding: 18px 50px 18px 50px;
	color: #ffffff;
	border: 1px solid #e60000;
	background-color: #e60000;
	border-radius: 40px;
	line-height: 1.3;
	transition: all .4s ease-in-out;
	cursor: pointer; 
    overflow: hidden;
}
@media (max-width: 599px){
.block-2nd-bottomtext {
    background-color: #509f51;
}
}

/* 安全あんしんブロック */
.block-anzencommunity {
	display: block;
	/* z-index: ここでZ-indexを入れるとボタンリンクがどうしても効かなくなってしまうため未指定で行く方針 */
	position: relative;
	padding: 40px 0 30px 0;
/* 	background-image: url('../images/recruit-bg3.jpg'); */
	background-repeat: no-repeat;  
	background-size:100% auto; 
	background-position: center top;
}
@media (max-width: 799px) {
.block-anzencommunity {
	padding: 0 0 0 0;
}
}

.block-anzencommunity:before {
    z-index: 0;
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
   background-color:rgba(255,255,255,1);
}

/* 安全あんしんブロック下部ラージボタン */
.block-anzen-bottomtext {

	position: relative;/* positionrelativeとz-indexはセット。position指定しないとz-indexは無効 */
    z-index: 3;
	display: inline-block;
	margin: auto;
	font-size: 24px;
	padding: 18px 50px 18px 50px;
	color: #ffffff;
	border: 1px solid rgba(255,255,255,0.7);
    background-color: #e60000;
	border-radius: 40px;
	line-height: 1.3;
	transition: all .4s ease-in-out;
	cursor: pointer; 
    overflow: hidden;
}
@media (max-width: 599px){
.block-anzen-bottomtext {

}
}


/* 業界最安値の成約手数料ブロック */
.block-seiyaku {
	display: block;
	/* z-index: ここでZ-indexを入れるとボタンリンクがどうしても効かなくなってしまうため未指定で行く方針 */
	position: relative;
	padding: 40px 0 30px 0;
/* 	background-image: url('../images/recruit-bg3.jpg'); */
	background-repeat: no-repeat;  
	background-size:100% auto; 
	background-position: center top;
}
@media (max-width: 799px) {
.block-seiyaku {
	padding: 0 0 0 0;
}
}

.block-seiyaku:before {
    z-index: 0;
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
   background-color:#ffdfeb;
}

/* 業界最安値の成約手数料ブロック下部ラージボタン */
.block-seiyaku-bottomtext {

	position: relative;/* positionrelativeとz-indexはセット。position指定しないとz-indexは無効 */
    z-index: 3;
	display: inline-block;
	margin: auto;
	font-size: 24px;
	padding: 18px 50px 18px 50px;
	color: #ffffff;
	border: 1px solid rgba(255,255,255,0.7);
    background-color: #e60000;
	border-radius: 40px;
	line-height: 1.3;
	transition: all .4s ease-in-out;
	cursor: pointer; 
    overflow: hidden;
}
@media (max-width: 599px){
.block-anzen-bottomtext {

}
}

/* スムーズな交渉を促進するプロモーションツールブロック */
.block-promotion {
	display: block;
	/* z-index: ここでZ-indexを入れるとボタンリンクがどうしても効かなくなってしまうため未指定で行く方針 */
	position: relative;
	padding: 40px 0 30px 0;
/* 	background-image: url('../images/recruit-bg3.jpg'); */
	background-repeat: no-repeat;  
	background-size:100% auto; 
	background-position: center top;
}
@media (max-width: 799px) {
.block-promotion {
	padding: 0 0 0 0;
}
}

.block-promotion:before {
    z-index: 0;
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
   background-color:#ffffff;
}

/* スムーズな交渉を促進するプロモーションツールブロック下部ラージボタン */
.block-promotion-bottomtext {
	position: relative;/* positionrelativeとz-indexはセット。position指定しないとz-indexは無効 */
    z-index: 3;
	display: inline-block;
	margin: auto;
	font-size: 24px;
	padding: 18px 50px 18px 50px;
	color: #ffffff;
	border: 1px solid rgba(255,255,255,0.7);
    background-color: #e60000;
	border-radius: 40px;
	line-height: 1.3;
	transition: all .4s ease-in-out;
	cursor: pointer; 
    overflow: hidden;
}
@media (max-width: 599px){
.block-promotion-bottomtext {

}
}





/* 企業様向けブロック内通常フォントエリア */
.recruit-block-description-textarea {
	position: relative;
	z-index: 3;
	font-size: 16px;
	color: #ffffff;
	padding: 40px 0 30px 0;
	line-height: 1.6;
}
@media (min-width: 800px) and (max-width: 1050px){
.recruit-block-description-textarea {
	padding: 20px 0 10px 0;
}
}
@media (min-width: 600px) and (max-width: 799px) {
.recruit-block-description-textarea {
	padding: 10px 0 0 0;
	font-size: 14px;
}
}
@media (max-width: 599px) {
.recruit-block-description-textarea {
	padding: 10px 14px 0 16px;
	font-size: 13px;
	text-align: left;
}
}





/* 企業様向けポップアップ内プラン説明テーブル */
.recruit-plantable {
	display: table;
	border-collapse: collapse;
	width: 100%;
}

.recruit-plantable td {
	display: table-cell;
	text-align: center;
	background-color: #f5f5f5;
	border: 1px solid #ffffff;
	padding: 10px 12px 10px 12px;
	font-size: 16px;
}
@media (max-width: 599px) {
.recruit-plantable td {
	padding: 8px 8px 6px 8px;
	font-size: 12px;
	line-height: 1.3;
}
}

.plantable-title {
	text-align: left!important;
}

.planteble-footertext {
	text-align: right;
	font-size: 12px;
	padding-top: 6px;
	padding-bottom: 24px;
}
@media (max-width: 599px) {
.planteble-footertext {
	font-size: 9px;
	padding-top: 4px;
	line-height: 1.3;
}
}

.planteble-head {
	background-color: #e1296d!important;
	color: #ffffff;
	font-weight: bold;
}


.colorlevel1 {
	background-color: #fbeeeb!important;
}

.colorlevel2 {
	background-color: #f4dddd!important;
}

.colorlevel3 {
	background-color: #fed3d3!important;
}
/* 企業様向けポップアップ内プラン説明テーブルタイトルテキスト */
.planteble-title {
	display: inline-block;
	padding: 20px 0 20px 0;
	font-size: 24px;
	font-weight: normal;
}
@media (max-width: 599px) {
.planteble-title {
	padding: 10px 0 6px 0;
	font-size: 17px;
}
}






.recruit-categorybanner-ul {
	position: relative;
	z-index: 2;
	display: block;
	max-width: 1200px;
	font-size: 0;
	margin: auto;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (min-width: 800px) and (max-width: 1050px){
.recruit-categorybanner-ul {
	padding-right: 24px;
	padding-left: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
}
}
@media (max-width: 799px) {
.recruit-categorybanner-ul {
	padding-top: 20px;
}
}






/* お買い物ガイドページ特徴テーブルフロート用大テーブル */
.guidepage-spec-floattable {
	position: relative;
	z-index: 2;
	margin: auto;
	max-width: 1200px;
}
.guidepage-spec-floattable:after {
	display: block;
	content: "";
	clear: both;
}

/* お買い物ガイドページマージン挿入用ブロック */
.guidepage-spec-marginwrapper {
	width: 33.3333%;
	float: left;
}
@media (max-width: 779px) {
.guidepage-spec-marginwrapper {
	width: 100%;
	float: none;
	border-bottom: solid 1px rgba(255,255,255,0.6);
}
}

/* お買い物ガイドページ特徴テーブルブロック */
.guidepage-spec-block {
	background-color: transparent;
	padding: 24px 24px 24px 24px;
	margin: 12px;
}
@media (max-width: 779px) {
.guidepage-spec-block {
	padding: 12px 0 12px 0;
	margin-top: 0;
	margin-bottom: 0;
}
}

/* お買い物ガイドページ特徴テーブルラージアイコン */
.guidepage-spec-largeicon {

}
@media (max-width: 779px) {
.guidepage-spec-largeicon {
	float: left;
}
}

/* お買い物ガイドページ特徴テーブルラージアイコン画像 */
.guidepage-spec-largeicon-img {
	width: 160px;
	height: 160px;
}
@media (max-width: 779px) {
.guidepage-spec-largeicon-img {
	width: 110px;
	height: 110px;
}
}

/* お買い物ガイドページ特徴テーブルテキストエリア（799px以下時フロート処理） */
.guidepage-spec-textarea {
}
@media (max-width: 779px) {
.guidepage-spec-textarea {
	margin-left: 110px;
	padding-left: 10px;
	text-align: left;
	min-height: 110px;
}
}

/* お買い物ガイドページ特徴テーブルタイトルテキスト */
.guidepage-spec-title {
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	padding: 16px 0 16px 0;
}
@media (max-width: 779px) {
.guidepage-spec-title {
	font-size: 16px;
	padding-bottom: 6px;
	padding-top: 8px;
}
}

/* お買い物ガイドページ特徴テーブル本文テキスト */
.guidepage-spec-text {
	color: #ffffff;
	font-size: 15px;
	line-height: 1.6;

}
@media (min-width: 600px) and (max-width: 779px) {
.guidepage-spec-text {
	font-size: 14px;
	line-height: 1.6;
}
}
@media (max-width: 599px) {
.guidepage-spec-text {
	font-size: 13px;
	line-height: 1.6;
}
}


/* 案内ページテキストタイトルブロック3(中央バージョン) */
.annai-subblock-title3 {
	position: relative;
	z-index: 3;
	margin: 0 auto 0 auto;
	background-color: transparent;
	max-width: 1100px;
	text-align: center;
	color: #ffffff;
	font-size: 32px;
	line-height: 1.5;
	font-weight: normal;
	padding: 0 0 60px 0;
}
@media (min-width: 800px) and (max-width: 1050px){
.annai-subblock-title3 {
    font-size: 28px;
	padding: 0 0 50px 0;
}
}
@media (min-width: 600px) and (max-width: 799px) {
.annai-subblock-title3 {
    width: 100% !important;
    border-top: none;
    border-bottom: none;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto 0 auto;
	padding: 24px 14px 34px 18px;
}
}
@media (max-width: 599px) {
.annai-subblock-title3 {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
	padding: 14px 10px 30px 16px;
}
}

.toppage-block-color-black {
	color: #000000!important;
}

/* スマホ閲覧時に各ブロックタイトル帯に色を付与。4色分 */
@media (max-width: 799px) {
.bg-green {
    background-color: #339337!important;
}

.bg-blue {
    background-color: #3888c1!important;
}
.bg-orange {
    background-color: #eb7b37!important;
}

.bg-pink {
    background-color: #e12482!important;
}
}




/* 案内ページ手順テーブル赤アイコン */
.annai-stepredicon {
	position: relative;
	top: -3px;
	display: inline-block;
	background-color: #ff0000;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	height: 24px;
	width: 24px;
	border-radius: 12px;
	padding-top: 3px;
	margin-right: 4px;
}
@media (max-width: 799px) {
.annai-stepredicon {
	top: -1px;
	height: 18px;
	width: 18px;
	padding-top: 1px;
	padding-left: 4px;
}
}

.backcolor-white {
	background-color: #ffffff!important; 
}

/* お買い物ガイドページリード文本文テキスト */
.guidepage-lead {
	line-height: 1.8;
	font-weight: bold;
	font-size: 18px;
	padding-top: 20px;
}
@media (max-width: 779px) {
.guidepage-lead {
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 1.5;
	background-color: #ffffff;
}
}

/* イベントの編集ブラックエリア */
.editevent-blackarea {
	display: inline-block;
	background-color: #666666;
	color: #ffffff;
	padding: 8px 14px 8px 14px;
	margin-top: 6px;
	border-radius: 4px;
	font-size: 12px;
}

/* イベントの編集ブラックエリアテキスト */
.editevent-blackarea-count {
	font-size: 18px;
	font-weight: bold;
	padding-right: 4px;
	padding-left: 4px;
}

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

.z-indexadjust {
	position: relative;
	z-index: 2;
}

/* 各ブロック冒頭ブロック */
.index-blockhead {
	height: 60px;
	margin-bottom: 24px;
}
@media (min-width: 800px) and (max-width: 1049px) {
.index-blockhead {
	height: 54px;
	margin-bottom: 12px;
}
}
@media (min-width: 600px) and (max-width: 799px) {
.index-blockhead {
	background-color: rgba(0,0,0,0.5);
	height: 54px;
	margin-bottom: 0;
}
}
@media (max-width: 599px) {
.index-blockhead {
	background-color: rgba(0,0,0,0.5);
	height: 40px;
	margin-bottom: 0;
}
}

/* 各ブロック冒頭ブロック色違い（トップページ最下部） */
.index-blockhead2 {
	height: 60px;
	margin-bottom: 24px;
}
@media (min-width: 800px) and (max-width: 1049px) {
.index-blockhead2 {
	height: 54px;
	margin-bottom: 12px;
}
}
@media (min-width: 600px) and (max-width: 799px) {
.index-blockhead2 {
	background-color: rgba(47,79,120,1);
	height: 54px;
	margin-bottom: 0;
}
}
@media (max-width: 599px) {
.index-blockhead2 {
	background-color: rgba(47,79,120,1);
	height: 40px;
	margin-bottom: 0;
}
}


/* 累計Claps表示ブロック部 */
.topimage-clap-block {
	display: inline-block;
	position: absolute;
	top: 2vh;
	left: 2vw;
	border: 1px solid rgba(0,0,0,0.3);
	background-color: rgba(255,255,255,0.4);
	border-radius: 10px;
	padding: 12px 12px 12px 12px;
	-webkit-box-shadow: 0 1px 3px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px 3px rgba(0,0,0,0.1);
}
@media (min-width: 600px) and (max-width: 799px) {
.topimage-clap-block {
	padding: 10px 8px 10px 8px;
	border-radius: 8px;
}
}
@media (max-width: 599px) {
.topimage-clap-block {
	top: 8px;
	left: 8px;
	padding: 0 4px 0 4px;
	border-radius: 4px;
}
}

/* 累計Claps表示カウント数字部 */
.topimage-clap-count {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	position: relative;
	top: 4px;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}
@media (min-width: 600px) and (max-width: 799px) {
.topimage-clap-count {
	font-size: 18px;
	top: 2px;
}
}
@media (max-width: 599px) {
.topimage-clap-count {
	font-size: 14px;
	top: 2px;
}
}

/* 累計Claps表示カウント接頭テキスト部 */
.topimage-clap-pretext {
	display: inline-block;
	font-size: 13px;
	padding-right: 40px;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}
@media (min-width: 600px) and (max-width: 799px) {
.topimage-clap-pretext {
	font-size: 11px;
	padding-right: 30px;
}
}
@media (max-width: 599px) {
.topimage-clap-pretext {
	font-size: 8px;
	padding-right: 2px;
}
}

/* 累計Claps表示カウント接尾テキスト部 */
.topimage-clap-endtext {
	display: inline-block;
	font-size: 13px;
	position: relative;
	top: 3px;
	padding-left: 10px;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}
@media (min-width: 600px) and (max-width: 799px) {
.topimage-clap-endtext {
	font-size: 12px;
	padding-left: 8px;
}
}
@media (max-width: 599px) {
.topimage-clap-endtext {
	font-size: 9px;
	padding-left: 2px;
	top: 2px;
}
}

/* 冒頭ブロック手書き風テキスト */
.index-block-handwriting {
display: inline-block;
	font-family: 'Allura', cursive;
	color: #ffffff;
	font-size: 40px;
	height: 60px;
	line-height: 60px;
	text-shadow: 1px 1px 4px rgba(9,88,136,0.9);
}
@media (min-width: 800px) and (max-width: 1049px) {
.index-block-handwriting {
	height: 54px;
	line-height: 54px;
	font-size: 36px;
}
}
@media (min-width: 600px) and (max-width: 799px) {
.index-block-handwriting {
	height: 54px;
	line-height: 54px;
	font-size: 26px;
}
}
@media (max-width: 599px) {
.index-block-handwriting {
	font-size: 22px;
	height: 40px;
	line-height: 40px;
}
}

/* 色反転バージョン */
.index-block-handwriting-black {
	color: #000000!important;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.1)!important;
}
@media (max-width: 799px) {
.index-block-handwriting-black {
	color: #ffffff!important;
	text-shadow: 1px 1px 4px rgba(9,88,136,0.9);
}
}

/* 冒頭ブロック○○の皆様へテキスト */
.index-block-minitext {
display: inline-block;
	color: #ffffff;
	font-size: 14px;
	padding-left: 10px;
	text-shadow: 1px 1px 2px rgba(9,88,136,0.9);
}
@media (min-width: 600px) and (max-width: 799px) {
.index-block-minitext {
	font-size: 12px;
	padding-left: 10px;
}
}
@media (max-width: 599px) {
.index-block-minitext {
	font-size: 11px;
	padding-left: 10px;
}
}

/* 色反転バージョン */
.index-block-minitext-black {
	color: #000000!important;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.1)!important;
}
@media (max-width: 799px) {
.index-block-minitext-black {
	color: #ffffff!important;
	text-shadow: 1px 1px 4px rgba(9,88,136,0.9);
}
}

@media (max-width: 799px) {
.bg-grade-palepink {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3888c1+32,a1dbff+100&0.78+32,0+100 */
background: -moz-linear-gradient(top,  rgba(255,231,234,0.78) 32%, rgba(161,219,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,231,234,0.78) 32%,rgba(161,219,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,231,234,0.78) 32%,rgba(161,219,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c73888c1', endColorstr='#00a1dbff',GradientType=0 ); /* IE6-9 */
}

.bg-grade-blue {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3888c1+32,a1dbff+100&0.78+32,0+100 */
background: -moz-linear-gradient(top,  rgba(56,136,193,0.78) 32%, rgba(161,219,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(56,136,193,0.78) 32%,rgba(161,219,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(56,136,193,0.78) 32%,rgba(161,219,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c73888c1', endColorstr='#00a1dbff',GradientType=0 ); /* IE6-9 */
}

.bg-grade-green {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#339337+32,a1dbff+100&0.78+32,0+100 */
background: -moz-linear-gradient(top,  rgba(51,147,55,0.78) 32%, rgba(161,219,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(51,147,55,0.78) 32%,rgba(161,219,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(51,147,55,0.78) 32%,rgba(161,219,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7339337', endColorstr='#00a1dbff',GradientType=0 ); /* IE6-9 */
}

.bg-grade-orange {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb7b37+32,a1dbff+100&0.78+32,0+100 */
background: -moz-linear-gradient(top,  rgba(235,123,55,0.78) 32%, rgba(161,219,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(235,123,55,0.78) 32%,rgba(161,219,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(235,123,55,0.78) 32%,rgba(161,219,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7eb7b37', endColorstr='#00a1dbff',GradientType=0 ); /* IE6-9 */
}

.bg-grade-pink {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e12482+32,a1dbff+100&0.78+32,0+100 */
background: -moz-linear-gradient(top,  rgba(225,36,130,0.78) 32%, rgba(161,219,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(225,36,130,0.78) 32%,rgba(161,219,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(225,36,130,0.78) 32%,rgba(161,219,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e12482', endColorstr='#00a1dbff',GradientType=0 ); /* IE6-9 */
}

.bg-grade-audience {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8dae0+0,b8dae0+80&1+0,0+80 */
background: -moz-linear-gradient(top,  rgba(184,218,224,1) 0%, rgba(184,218,224,0) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(184,218,224,1) 0%,rgba(184,218,224,0) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(184,218,224,1) 0%,rgba(184,218,224,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8dae0', endColorstr='#00b8dae0',GradientType=0 ); /* IE6-9 */

}
}






/* トップページ1stブロック */
.toppage-block-1st {
	display: block;
	/* z-index: ここでZ-indexを入れるとボタンリンクがどうしても効かなくなってしまうため未指定で行く方針 */
	position: relative;
	padding: 28px 0 30px 0;
	background-image: url('../images/recruit-bg1.jpg');
	background-repeat: no-repeat;  
	background-size:100% auto; 
	background-position: center top;
}
@media (max-width: 799px) {
.toppage-block-1st {
	padding: 0 0 0 0;
}
}

.toppage-block-1st:before {
    z-index: 0;
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color:rgba(15,114,156,0.6); */
    background-color:rgba(0,120,171,0.6);
}

/* 背景画像に斜線を重ねる処理。4ブロック共通 */
.toppage-block-1st:after, .toppage-block-2nd:after, .toppage-block-3rd:after, .toppage-block-4th:after {
    z-index: 0;
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background-image: url('../images/crossbg.png');
	background-repeat: repeat;  
	background-position: center top;
	opacity: 0.05;
}


@media (max-width: 799px) {
.toppage-block-1st:after, .toppage-block-2nd:after, .toppage-block-3rd:after, .toppage-block-4th:after {
	-moz-background-size: 7px 7px;
	background-size: 7px 7px;
}
}


/* トップページブロック下部ラージボタンエリア（4ブロック共通） */
.toppage-block-block-bottomtext-area {
	padding: 20px 0 20px 0;
}
@media (max-width: 599px){
.toppage-block-block-bottomtext-area {
	padding: 20px 0 0 0;
}
}

/* トップページ1stブロック下部ラージボタン */
.toppage-block-1st-bottomtext {

	position: relative;/* positionrelativeとz-indexはセット。position指定しないとz-indexは無効 */
    z-index: 3;

	display: inline-block;
	margin: auto;
	font-size: 24px;
	padding: 18px 50px 18px 50px;
	color: #ffffff;
	border: 1px solid rgba(255,255,255,0.7);
    background-color:rgba(3,133,255,0.6);
	border-radius: 40px;
	line-height: 1.3;
	transition: all .4s ease-in-out;
	cursor: pointer; 
    overflow: hidden;
}
@media (max-width: 599px){
.toppage-block-1st-bottomtext {
    background-color: #4884e8;
}
}

/* トップページ1stブロック下部ラージボタンhover時一括指定 */
.toppage-block-1st-bottomtext:hover, .toppage-block-2nd-bottomtext:hover, .toppage-block-3rd-bottomtext:hover, .toppage-block-4th-bottomtext:hover {
    background-color: #dc1c38;
	border: 1px solid #dc1c38;
}

@media (min-width: 800px) and (max-width: 1050px){
.toppage-block-1st-bottomtext, .toppage-block-2nd-bottomtext, .toppage-block-3rd-bottomtext, .toppage-block-4th-bottomtext {
	font-size: 20px!important;
}
}
@media (min-width: 600px) and (max-width: 799px){
.toppage-block-1st-bottomtext, .toppage-block-2nd-bottomtext, .toppage-block-3rd-bottomtext, .toppage-block-4th-bottomtext {
	font-size: 18px!important;
	padding: 14px 36px 14px 36px!important;
}
}
@media (max-width: 599px){
.toppage-block-1st-bottomtext, .toppage-block-2nd-bottomtext, .toppage-block-3rd-bottomtext, .toppage-block-4th-bottomtext {
	display: block!important;
	width: 100%!important;
	font-size: 16px!important;
	padding: 18px 36px 18px 36px!important;
	border-radius: 0!important;
	border-top: 1px solid rgba(0,0,0,0.1)!important;
	border-bottom: none!important;
	border-left: none!important;
	border-right: none!important;
}
}

/* トップページ1stブロック下部プランを見るボタン */
.toppage-block-1st-planbutton {
	position: relative;/* positionrelativeとz-indexはセット。position指定しないとz-indexは無効 */
    z-index: 3;

	display: inline-block;
	margin: 0 0 20px 0;
	font-size: 18px;
	padding: 16px 40px 16px 40px;
	color: #ffffff;
	border: 1px solid rgba(255,255,255,0.7);
    background-color:transparent;
	border-radius: 6px;
	line-height: 1.3;
	transition: all .4s ease-in-out;
	cursor: pointer; 
}
.toppage-block-1st-planbutton:hover {
    background-color:#ffffff;
	color: #4c99e0;
	border: 1px solid #4c99e0;
}
@media (min-width: 800px) and (max-width: 1050px){
.toppage-block-1st-planbutton {
	font-size: 16px;
	padding: 14px 30px 14px 30px;
	margin: 0 0 8px 0;
}
}
@media (min-width: 600px) and (max-width: 799px){
.toppage-block-1st-planbutton {
	font-size: 15px;
	padding: 12px 20px 12px 20px;
	margin: 20px 0 0 0;
}
}
@media (max-width: 599px){
.toppage-block-1st-planbutton {
	font-size: 15px;
	padding: 12px 20px 12px 20px;
	margin: 20px 0 0 0;
}
}


/* トップページ2ndブロック */
.toppage-block-2nd {
	display: block;
	/* z-index: ここでZ-indexを入れるとボタンリンクがどうしても効かなくなってしまうため未指定で行く方針 */
	position: relative;
	padding: 40px 0 30px 0;
	background-image: url('../images/recruit-bg2.jpg');
	background-repeat: no-repeat;  
	background-size:100% auto; 
	background-position: center top;
}
@media (max-width: 799px) {
.toppage-block-2nd {
	padding: 0 0 0 0;
}
}

.toppage-block-2nd:before {
    z-index: 0;
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(41,132,8,0.6);
}

/* トップページ2ndブロック下部ラージボタン */
.toppage-block-2nd-bottomtext {

	position: relative;/* positionrelativeとz-indexはセット。position指定しないとz-indexは無効 */
    z-index: 3;

	display: inline-block;
	margin: auto;
	font-size: 24px;
	padding: 18px 50px 18px 50px;
	color: #ffffff;
	border: 1px solid rgba(255,255,255,0.7);
    background-color:rgba(37,187,83,0.6);
	border-radius: 40px;
	line-height: 1.3;
	transition: all .4s ease-in-out;
	cursor: pointer; 
    overflow: hidden;
}
@media (max-width: 599px){
.toppage-block-2nd-bottomtext {
    background-color: #509f51;
}
}

/* トップページ3rdブロック */
.toppage-block-3rd {
	display: block;
	/* z-index: ここでZ-indexを入れるとボタンリンクがどうしても効かなくなってしまうため未指定で行く方針 */
	position: relative;
	padding: 40px 0 30px 0;
	background-image: url('../images/recruit-bg3.jpg');
	background-repeat: no-repeat;  
	background-size:100% auto; 
	background-position: center top;
}
@media (max-width: 799px) {
.toppage-block-3rd {
	padding: 0 0 0 0;
}
}

.toppage-block-3rd:before {
    z-index: 0;
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(158,83,0,0.6);
}

/* トップページ3rdブロック下部ラージボタン */
.toppage-block-3rd-bottomtext {

	position: relative;/* positionrelativeとz-indexはセット。position指定しないとz-indexは無効 */
    z-index: 3;

	display: inline-block;
	margin: auto;
	font-size: 24px;
	padding: 18px 50px 18px 50px;
	color: #ffffff;
	border: 1px solid rgba(255,255,255,0.7);
    background-color:rgba(255,116,3,0.6);
	border-radius: 40px;
	line-height: 1.3;
	transition: all .4s ease-in-out;
	cursor: pointer; 
    overflow: hidden;
}
@media (max-width: 599px){
.toppage-block-3rd-bottomtext {
    background-color: #d9713d;
}
}



/* トップページ4thブロック */
.toppage-block-4th {
	display: block;
	/* z-index: ここでZ-indexを入れるとボタンリンクがどうしても効かなくなってしまうため未指定で行く方針 */
	position: relative;
	padding: 40px 0 30px 0;
	background-image: url('../images/recruit-bg4.jpg');
	background-repeat: no-repeat;  
	background-size:100% auto; 
	background-position: center top;
}
@media (max-width: 799px) {
.toppage-toppage-block-4th {
	padding: 0 0 0 0;
}
}
.toppage-block-4th:before {
    z-index: 0;
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(122,0,63,0.6);
}

/* トップページ4thブロック下部ラージボタン */
.toppage-block-4th-bottomtext {

	position: relative;/* positionrelativeとz-indexはセット。position指定しないとz-indexは無効 */
    z-index: 3;

	display: inline-block;
	margin: auto;
	font-size: 24px;
	padding: 18px 50px 18px 50px;
	color: #ffffff;
	border: 1px solid rgba(255,255,255,0.7);
    background-color:rgba(255,3,122,0.6);
	border-radius: 40px;
	line-height: 1.3;
	transition: all .4s ease-in-out;
	cursor: pointer; 
    overflow: hidden;
}
@media (max-width: 599px){
.toppage-block-4th-bottomtext {
    background-color: #cd2671;
}
}


/* トップページ3rd 4thブロックイメージ図 */
.toppage--pictimg {
	position: relative;
	z-index: 2;
	display: block;
	margin: auto;
	width: 100%;
	height: auto;
	max-width: 700px;
	padding-top: 10px;
}
@media (min-width: 800px) and (max-width: 1050px){
.toppage-pictimg {
	max-width: 640px;
}
}
@media (max-width: 799px) {
.toppage-pictimg {
	width: 80%;
	padding-top: 20px;
	padding-bottom: 8px;
	padding-left: 14px;
	padding-right: 14px;
}
}

/* トップページホワイトブロック */
.toppage-block-white {
	display: block;
	/* z-index: ここでZ-indexを入れるとボタンリンクがどうしても効かなくなってしまうため未指定で行く方針 */
	position: relative;
	padding: 40px 0 30px 0;
}
@media (max-width: 799px) {
.toppage-block-white {
	padding: 0 0 0 0;
}
}
.toppage-block-white:before {
    z-index: 0;
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/* 背景画像に斜線を重ねる処理  */
 .toppage-block-white:after {
    z-index: 0;
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background-image: url('../images/crossbg.png');
	background-repeat: repeat;  
	background-position: center top;
	opacity: 0.03;
}
@media (max-width: 799px) {
 .toppage-block-white:after {
	-moz-background-size: 7px 7px;
	background-size: 7px 7px;
}
}


/* トップページブロック内通常フォントエリア */
.toppage-block-description-textarea {
	position: relative;
	z-index: 3;
	font-size: 16px;
	color: #ffffff;
	padding: 40px 0 30px 0;
	line-height: 1.6;
}
@media (min-width: 800px) and (max-width: 1050px){
.toppage-block-description-textarea {
	padding: 20px 0 10px 0;
}
}
@media (min-width: 600px) and (max-width: 799px) {
.toppage-block-description-textarea {
	padding: 10px 0 0 0;
	font-size: 14px;
}
}
@media (max-width: 599px) {
.toppage-block-description-textarea {
	padding: 10px 14px 0 16px;
	font-size: 13px;
	text-align: left;
}
}

/* トップページ下部ダウンロードリンク */
.pagebottom-downloadlink-wrapper {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
@media (max-width: 599px) {
.pagebottom-downloadlink-wrapper {
	margin-bottom: 10px;
}
}

.pagebottom-downloadlink-link {
	display: inline-block;
	padding: 0 4px 0 4px;
}


.pagebottom-downloadlink-img {
	display: inline-block;
	width: 100%;
	height: auto;
	max-width: 300px;
}
@media (min-width: 800px) and (max-width: 1050px){
.pagebottom-downloadlink-img {
	display: inline-block;
	width: 100%;
	height: auto;
	max-width: 240px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.pagebottom-downloadlink-img {
	max-width: 200px;
}
}
@media (max-width: 599px) {
.pagebottom-downloadlink-img {
	max-width: 150px;
}
}

/* ブロック内通常フォントエリアブラック */
.toppage-block-description-textareablack {
	position: relative;
	z-index: 3;
	font-size: 22px;
	color: #000000;
	padding: 40px 0 36px 0;
	line-height: 1.8;
}
@media (min-width: 800px) and (max-width: 1050px){
.toppage-block-description-textareablack {
	padding: 20px 0 30px 0;
	font-size: 18px;
}
}
@media (min-width: 600px) and (max-width: 799px) {
.toppage-block-description-textareablack {
	padding: 10px 0 28px 0;
	font-size: 16px;
}
}
@media (max-width: 599px) {
.toppage-block-description-textareablack {
	padding: 10px 12px 20px 12px;
	font-size: 10px;
	text-align: left;
}
}



.pagebottom-labeltext {
	font-size: 14px;
	height: 36px;
	color: #444444;
}
@media (min-width: 600px) and (max-width: 799px) {
.pagebottom-labeltext {
	font-size: 13px;
	height: 30px;
}
}
@media (max-width: 599px) {
.pagebottom-labeltext {
	font-size: 10px;
	height: 24px;
}
}

/* -------------------------------- コスプレイヤーページ ------------------------------- */





/* パルステキスト */
@-webkit-keyframes pulse {
  25% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes pulse {
  25% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.pulse {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse:hover, .pulse-hover {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}







/* サムネール画像キャプションアニメ */
.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: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
@media (max-width: 579px) {
.cosplayerlist-ul {
	margin-bottom: 0px;
	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: 2700px) {
.cosplayerlist-li {
	width: 6.25%;
}
}

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

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

@media (min-width: 2100px) and (max-width: 2299px) {
.cosplayerlist-li {
	width: 7.6923%;
}
}

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

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

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

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


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

@media (min-width: 920px) and (max-width: 1149px) {
.cosplayerlist-li {
	width: 14.28%;
}
}

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

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

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

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

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


















/* MixItUp 上手く動かない。不使用 */
.mix-container {
	padding:2%;
	text-align:justify;
}

.mix-container .mix,
.mix-container .gap {
	display:inline-block;
	background-color: #f0f0f0;
	width:49%;
}

#container .mix {
	display:none;
}


/* svgとの合成テスト*/

.circleanime-wrapp {
	display:inline-block;
	position: relative;
}

.circleanme-1 {
	display: inline-block;
	position: absolute;
	top: 0;
}

.layericon110pxtest {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
}



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

/* 背景画像表示 */
.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: 30px;
}
@media (max-width: 599px) {
.enterlogoarea {
	margin-bottom: 20px;
}
}

/* ロゴ画像 */
.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: #ffffff;
	transition: all .4s ease-in-out;  


text-shadow: 0 4px 10px rgb(0 0 0 / 30%);
}
@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: #ee1969;
	text-shadow: 0px 0px 6px rgba(255,255,255,0.9);
}



/* 入場するテキスト */
.entertext-japan {
	display: inline-block;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: -16px;
	color: #ffffff;
text-shadow: 0 4px 10px rgb(0 0 0 / 30%);
}
@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-entertext:hover .entertext-japan {
	color: #ee1969!important;
	text-shadow: 0px 0px 6px rgba(255,255,255,0.9)!important;
}

/* 　コピーライト記載 */
.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);
}


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



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

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

/* 一覧ページ左右ブロック分割(スマホ時に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;
 }
}

/* 高さ調整 */
@media (max-width: 599px) {
.information-marginadjust {
	margin-bottom: 14px;
}
}
@media (min-width: 600px) {
.information-marginadjust {
	margin-top: -6px;
}
}

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

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


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


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


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

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

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

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

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

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

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

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

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

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

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

/* 検索ブロックトグル中身リンクブロック */
.listpage-filter-toggle-link {
	display: block;
	color: #333333;
	font-size: 12px;
    padding: 6px 10px 6px 24px;
transition: all .4s ease-in-out;
}

.listpage-filter-toggle-link:hover {
	background-color: #fbfbfb;
}

.bottom_bannerarea {
	font-size: 0;
}

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

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

.bottom_bannerlink {
	display: inline-block;
}

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




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

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

/* スマホ版反転処理 */
@media (max-width: 599px){
.list-moredata:hover {
	background-color: #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 (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;
}






/* イベント一覧ページマージン微調整 */
.eventdetail_wide {
	margin-top: -2px;
	margin-right: -2px;
	margin-left: -2px;
}
@media (min-width: 600px) and (max-width: 1049px){
.eventdetail_wide {
	margin-top: -2px;
	margin-right: 6px;
	margin-left: 6px;
}
}
@media (min-width: 1050px){
.eventdetail_wide {
	margin-top: -2px;
	margin-right: 6px;
	margin-left: 6px;
}
}


/* トップページ新着メディアマージン微調整 */
.toppagemedia_wide {
	margin-top: -2px;
	margin-right: -2px;
	margin-left: -2px;
}
@media (min-width: 600px) and (max-width: 799px){
.toppagemedia_wide {
	margin-top: -6px;
	margin-right: 2px;
	margin-left: 2px;
}
}
@media (min-width: 800px) and (max-width: 1049px){
.toppagemedia_wide {
	margin-top: -4px;
	margin-right: 6px;
	margin-left: 6px;
}
}
@media (min-width: 1050px) and (max-width: 1199px){
.toppagemedia_wide {
	margin-top: -2px;
	margin-right: 6px;
	margin-left: 6px;
}
}
@media (min-width: 1200px){
.toppagemedia_wide {
	margin-top: -2px;
	margin-right: 10px;
	margin-left: 10px;
}
}


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

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



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

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

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

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


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

/* 表示タイプアイコン画像 */
.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;
}
}






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

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

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


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

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

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

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


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

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


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

/* プロジェクト詳細詳細ページ・添付画像コメント */
.projectsub-detailimage-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;
	cursor: pointer;
	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;
	cursor: pointer;
	margin-bottom: 14px;
}
@media (max-width: 599px){
.project-entry-block-button {
	margin-bottom: 10px;
}
}

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



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

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












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

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









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


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

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

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

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


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

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

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


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

}




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


/* 以下、レスポンシブ処理実験 */
@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以上ここまで */

/* 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;
}


}
/* 600pxから987ピクセル迄の処理ここまで */


/* プロジェクトタイトルブロック */
.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;
	min-width: 320px;
	margin-bottom: 16px;
	transition: all .4s ease-in-out;
}

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

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


.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: 15px;
	line-height: 1.6;
	font-weight: normal;
	color: #444444;
}
@media (max-width: 599px) {
.basic-contentblock {
	font-size: 14px;
	line-height: 1.6;
}
}

/*コンテンツ基本ブロックタイトル */
.basic-contentblock h1 {
	font-size: 22px;
	line-height: 1.6;
	font-weight: bold;
	margin-bottom: 10px;
	color: #222222;
}
@media (min-width: 1050px) {
.basic-contentblock h1 {
	font-size: 24px;
}
}


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

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

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

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

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

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

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

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


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

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



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

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

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

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

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

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

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

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

.loginpage-logo {
	display: inline-block;
	margin-bottom: 16px;
}
@media (max-width: 599px) {
.loginpage-logo {
	margin-bottom: 0px;
}
}

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

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

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

.loginpage-wrap {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    margin: 0;
    background: #ffffff;
    vertical-align: middle;



    background-image: url(../images/enter_bg4.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;

}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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




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

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

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

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


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


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

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

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

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

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

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

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

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

/* ログインボタン(無効) */
.panelpage-login-button-cantlink {
    display: inline-block;
    width: 100%;
    margin: 0;
    border: 0;
    border-radius: 4px;
    color: #ffffff;
    padding: 14px 0;
    background-color: #dddddd;
    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;
    transition: all .4s ease-in-out;
}

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

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


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

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

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

.greencheckicon {/* 緑チェックアイコン */
	position: relative;
	top: -2px;
	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 {/* フォームメッセージ緑枠 */
	position: relative;
	max-width: 100%;
	border: 3px solid #aad22f;
	background-color: #f1f8de;
	padding: 20px 0 20px 0;
	text-align: center;
	font-weight: normal;
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 10px;
}
@media (max-width: 599px) {
.panel-messagearea-green {
	font-size: 14px;
}
}

.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 0 20px 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
	color: #ff0000;
}

.panel-messagearea-exit-description {/* 退会理由説明枠 */
	max-width: 100%;
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	padding: 20px 0 20px 0;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 10px;
	color: #000000;
}


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







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

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

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

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

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

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

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

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

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

.text-marginadjust {
	font-size: 15px;
	line-height: 1.6;
	color: #444444;
}

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

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


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


@media (min-width: 1050px) {
.membermenu-floattable {
	min-height: 0;
 /*    height: 100%;　*/
	/* 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;
	height: 100%; /* 試験的に追加。不味かったら外す */
}
}

/* 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: 100%;
}
}
/* 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;
	position: relative;
	font: normal 13px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
   	line-height: 18px;
   	color:#000000;
   	text-decoration: none;
	padding-top: 14px;
	padding-bottom: 14px; 
	transition: all .4s ease-in-out; 
}
@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;
}
}


/* 1000～1049ピクセル以下ををまとめて記述（開始） */
@media (min-width: 1000px) and (max-width: 1049px){

.membermenu-topmenulist-item {
	height: 42px;
}

.membermenu-topmenulist-item-active {
	height: 42px;
    border-bottom-width: 4px;
}

.membermenu-topmenulist-item:hover {
    border-bottom-width: 4px;
}

.membermenu-topmenulist-item-link {
	font: normal 11px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 8px;
}

.membermenu-topmenulist-item-link span {
    padding-left: 20px;
    padding-right: 20px;
}
}

/* 600～999ピクセル以下ををまとめて記述（開始） */
@media (min-width: 600px) and (max-width: 999px){

.membermenu-topmenulist-item {
	height: 40px;
}

.membermenu-topmenulist-item-active {
	height: 40px;
    border-bottom-width: 4px;
}

.membermenu-topmenulist-item:hover {
    border-bottom-width: 4px;
}

.membermenu-topmenulist-item-link {
	font: normal 11px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;  
}

.membermenu-topmenulist-item-link span {
    padding-left: 7px;
    padding-right: 7px;
}

}
/* 600～999ピクセル以下ををまとめて記述（終わり） */


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


/* フォーム内サブタイトル */
.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: 28px;
	height: 28px;
	background-color: #000000;
	padding: 7px;
	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: 180px;

}

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


.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: 0px;
	margin-bottom: 4px;
    transition: all .4s ease-in-out;
}
@media (max-width: 799px) {
.circlemenu_itemsubimage-addslotlink {
	padding: 4px 10px 4px 10px;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 2px;
}
}

.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 {
	display: block;
	background-color: #FC4D50;
	color: #ffffff;
	padding: 14px 10px 14px 10px;
    transition: all .4s 
}

.circlemenu-topallertmessagearea:hover {
	background-color: #000000;
}

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

/* セールスレポートブロック雛型 */
.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-silver {
	margin-top: 1px;
	display: inline-block;
	border: solid 1px #aaaaaa;
	color: #777777;
	padding: 4px 10px 4px 10px;
	line-height: 1.0;
	font-size: 11px;
}

/* マーカーゴールドプラン */
.companymenu-marker-gold {
	margin-top: 1px;
	display: inline-block;
	border: solid 1px #c89229;
	color: #c89229;
	padding: 4px 10px 4px 10px;
	line-height: 1.0;
	font-size: 11px;
}

/* マーカープチチナプラン */
.companymenu-marker-platinum {
	margin-top: 1px;
	display: inline-block;
	border: solid 1px #339edc;
	color: #1ba8e3;
	padding: 4px 10px 4px 10px;
	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: 130px;/* 左ブロック幅 */
}

/* セールスレポート左部分 */
.salesreport-left {
    float: left;
	text-align: center;
    margin-left: -100%;
    width: 130px;/* 左ブロック幅 */
	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;
}

/* サブテキスト */
.salesreport-itemlink-subtext {
	display: inline-block;
	position: relative;
	color: #999999;
	font-size: 12px;
	margin-left: 6px;
}
@media (max-width: 799px) {
.salesreport-itemlink-subtext {
	font-size: 10px;
}
}

/* セールスレポート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: 130px;/* 左ブロック幅 */
}

/* セールスレポート2段目ボトムブロック左部分 */
.salesreport-bottomleft {
    float: left;
	text-align: center;
    margin-left: -100%;
    width: 130px;/* 左ブロック幅 */
	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;
    border-top: solid 1px #e7e7e7;
}

/* セールスレポート文字色淡色変更 */
.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;
}
}

/* 撮影予定の管理ページマージン調整用追加設定 */
.membermenu-schedule-marginadjust {

}
@media (max-width: 1049px) {
.membermenu-schedule-marginadjust {
	margin-top: 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;
}
}

/* 銀行口座表示ブロック */
.bankinfo {
    display: block;
    font-weight: normal;
    background-color: #f5f5f5;
    border: solid 1px #e5e5e5;
    padding: 14px;
    margin-top: 12px;
    margin-bottom: 16px;
	max-width: 400px;
}

.bankinfo-titletext {
	font-size: 16px;
	font-weight: bold;
}

/* システム設定変更注意テキスト */
.text-systemedit-allert {
	font-size: 14px;
	line-height: 1.6;
	color: #444444;
}

@media (max-width: 799px) {
.text-systemedit-allert {
	font-size: 13px;
	padding-top: 6px;
	padding-right: 16px;
	padding-left: 16px;
}
}


/* 清算請求ページの入金先口座表示部編集するボタン */
.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 {
	position: relative;
	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: 11px;
	border-radius: 12px;
	padding: 2px 8px 2px 8px;
	margin-right: 6px;
}
}
@media (max-width: 599px) {
.productstatus-link {
	margin-right: 4px;
}
}

.productstatus-ul li:last-child {
	margin-right: 0px;
}

/* 作品管理ページヘッダーステータスリストリンクアクティブ */
.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;
}

/* 見積もりを作成するボタン */
.estimatelist-newpost-button {
    display: inline-block;
    width: 100%;
	min-width: 200px;
    border: 0;
    border-radius: 4px;
    color: #ffffff;
    padding: 14px 0;
    background-color: #f50000;
    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;
}

.estimatelist-newpost-button:hover {
    background-color: #000000;
}

.estimatelist-newpost-button .fa-calculator {
	position: relative;
    font-size: 16px;
	padding-right: 8px;
	top: 1px;
}





/* 一覧画面マーカーブロックフロート解除 */
.eventlist-marker-block:after {
	display: block;
	content: "";
	clear: both;
}


/* 作品管理画面ステータス「すべて」マーカー */
.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-predate {
	margin-bottom: 6px;
	display: inline-block;
	padding: 2px 12px 2px 12px;
	border: 1px solid #2daf53;
	background-color: #2daf53;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
.productstatus-marker-predate {
	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;
}
}


/* イベント管理画面カテゴリ画像 */
.productedit-categoryimg {
	height: 27px;
	width: auto;
}
@media (min-width: 600px) and (max-width: 799px){
.productedit-categoryimg {
	height: 25px;
	width: auto;
}
}
@media (max-width: 599px) {
.productedit-categoryimg {
	height: 22px;
	width: auto;
}
}


/* イベント管理画面カテゴリテキスト */
.productedit-categorytext {
	line-height: 27px;
	color: #999999;
    font-size: 12px;
	padding-left: 4px;
}
@media (min-width: 600px) and (max-width: 799px){
.productedit-categorytext {
	line-height: 25px;
	padding-left: 2px;
}
}
@media (max-width: 599px) {
.productedit-categorytext {
    font-size: 10px;
	line-height: 25px;
	padding-left: 2px;
}
}



/* イベント管理画面ステータス「開催中」マーカー */
.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;
	min-height: 0;
	overflow: auto;
}
@media (max-width: 799px) {
.productedit-largetable {
	padding-bottom: 0px;
}
}

.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;
	min-height: 0; /* 高さが引きずられる場合はこの2行を追加。 */
	overflow: auto;
}
@media (max-width: 799px) {
.productedit-itemlisttable-rightcontent {
	margin-left: 70px;
	overflow: hidden;
}
}

/* 作品管理画面作品リストテーブル作品名リンクテキスト */
.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-acceptbutton {
	display: inline-block;
    width: 140px;
    border: 0;
    border-radius: 4px;
	border: solid 1px #f50000;
    color: #ffffff;
    padding: 10px 0;
    background-color: #f50000;
    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-acceptbutton {
    width: 104px;
    border-radius: 3px;
    padding: 6px 0;
    font-size: 12px;
	font-weight: normal;
}
}

.projectedit-acceptbutton:hover {
	border: solid 1px #000000;
	background-color: #000000;
	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:hover {
	background-color: #35c1eb;
	color: #ffffff;
}

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

.projectedit-editbutton .fa-play {
	margin-right: 6px;
	font-size: 14px;
}
@media (max-width: 799px) {
.projectedit-editbutton .fa-play {
	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-acceptbutton .fa-eye {
	margin-right: 6px;
	font-size: 14px;
}
@media (max-width: 799px) {
.projectedit-acceptbutton .fa-eye {
	font-size: 12px;
}
}

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


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


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

.projectedit-editbutton .fa-paper-plane-o {
	margin-right: 6px;
	font-size: 14px;
}
@media (max-width: 799px) {
.projectedit-editbutton .fa-paper-plane-o {
	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-top: 6px;
	padding-left: 16px;
	padding-right: 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #dddddd;
	min-height: 0;
	overflow: auto;
}
@media (max-width: 799px) {
.productedit-itemlistbottomtable {
	padding-right: 16px;
	padding-bottom: 10px;
	padding-top: 6px;
}
}

/* 作品管理画面作品リストテーブル（下段）フロート解除 */
.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; /* 縦位置中央配置するための処理 */
	color: #aaaaaa;
	font-size: 12px;
}
@media (min-width: 600px) and (max-width: 799px){
.productstatusicon-ul li {
	height: 31px;
	padding-left: 4px;
    font-size: 11px;
    line-height: 1.3;
}
}
@media (max-width: 799px) {
.productstatusicon-ul li {
	height: 32px;
	padding-left: 0px;
    font-size: 10px;
    line-height: 1.3;
}
}

.productstatusicon-ul .fa-paper-plane-o {
	position: relative;
	top: -1px;
	margin-right: 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%;
  padding: 36px 0 30px 0;
	/* height:280px; */
	background-color:#0d4004;
  background: linear-gradient(to top, #b24592, #f15f79)!important; /* グラデーションテスト */
	color:#eeeeee;
	position: relative;
	z-index: 1;
}
@media (min-width: 800px) and (max-width: 1049px){
	footer {
		height:260px;
	}
}
@media (min-width: 600px) and (max-width: 799px){
	footer {
		height:226px;
	}
}

/* プロフィールページフッター */
		footer .proffooter {
	width: 100%;
	height:auto;
	background-color:#f7f7f7;
 	border-top: solid 1px #e7e7e7;
	color:#aeaeae;
	position: relative;
	z-index: 1;
}

.proffooter-inner {
	background-color:#f7f7f7;
}

.footer-proffootertext {
	font-size: 12px;
	color: #a7a7a7;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.footer-proffooter-menu {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 20px 0 20px 0;
}

/* プロフィールページフッターSNSリンク */
.footer-proffooter-snslink {
	display: flex;
	justify-content: center;
    margin-top: 14px;
    margin-bottom: 34px;
}
@media (max-width: 599px) {
.footer-proffooter-snslink {
    margin-top: 10px;
    margin-bottom: 10px;
}
}

.footer-proffooter-snslink-img {
	display: inline-block;
	width: 32px;
	height: auto;
	opacity: 0.25;
}
@media (max-width: 599px) {
.footer-proffooter-snslink-img {
	width: 25px;
	height: auto;
}
}

.footer-proffooter-snslink-a {
    margin-right: 9px;
    margin-left: 9px;
}

.footer-proffooter-snslink-a:hover .footer-proffooter-snslink-img {
    transition: all .4s ease-in-out;
	opacity: 0.5;
}

.copyright-inner {
/* 	background-color: #22560d;  */
}

.lo-footer-menu {
    overflow: hidden;
    position: relative;
    width: 100%;

}

.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: #ffffff;
}

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

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

/* フッターフロート囲みブロック */
.footer-float-wrapper {
	width: 100%;
	padding-bottom: 40px;
}
@media (min-width: 800px) and (max-width: 1049px){
.footer-float-wrapper {
	padding-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: 160px;
	height: auto;
}
@media (min-width: 800px) and (max-width: 1049px){
.footer-sitelogo {
	width: 140px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.footer-sitelogo {
	width: 120px;
}
}

/* フッターサイトロゴトップラベルコスプレ応援・オーディションプラットフォーム「クラップス」 */
.footer-logo-toplabel {
	font-size: 8px;
	color: #ffffff;
	margin: 0 0 6px 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;
	color: #ffffff;
	margin: 8px 0 1px 0;
	padding: 0 0 0 0;
	font-weight: normal;
}
@media (min-width: 800px) and (max-width: 1049px){
.footer-logo-bottomlabel1 {
	font-size: 10px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.footer-logo-bottomlabel1 {
	font-size: 8px;
	margin: 6px 0 0 0;
}
}

/* フッターサイトロゴボトムラベル「URL」 */
.footer-logo-bottomlabel2 {
	display: block;
	color: #ffffff;
	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: 25%;
	margin-left: 40px;
}
@media (min-width: 800px) and (max-width: 1049px){
.footer-floatblock {
	width: 24%;
	margin-left: 30px;
}
}
@media (min-width: 660px) and (max-width: 799px){
.footer-floatblock {
	font-size: 11px;
	width: 21%;
	margin-left: 20px;
}
}
@media (min-width: 600px) and (max-width: 659px){
.footer-floatblock {
	font-size: 11px;
	width: 20%;
	margin-left: 6px;
}
}

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

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

/* フッター言語切替部 */
.footer-language {
	font-size: 16px;
	color: #ffffff;
    display: table;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 16px;
}

.footer-language-a {
	display: inline-block;
	font-size: 16px;
	color: #eeeeee;
	padding-right: 16px;
	padding-left: 16px;
}

.footer-language-a:hover {
	text-decoration: underline;
}

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


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

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

/* フッター言語切替部 */
.mobile-footer-language {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0 10px 0;
    width: 100%;
	background-color: #2d0a1b;
	font-size: 13px;
	padding-top: 20px;
	padding-bottom: 0px;
}

.mobile-footer-language-a {
	display: inline-block;
	font-size: 13px;
	color: #eeeeee;
	padding-right: 10px;
	padding-left: 10px;
}

.mobile-footer-language-a:hover {
	text-decoration: underline;
}

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

/* モバイルフッターコピーライト(薄色) */
.mobile-footer-copyright-pale {
	font-size: 11px;
	color: #999999;
	background-color: #e9e9e9;
    display: table;
    margin-left: auto;
    margin-right: auto;
	padding: 10px 0 10px 0;
	width: 100%;
}



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

.mobile-footer-link-ul a {
	display: block;
	width: 100%;
	text-align: left;
 	font-size: 13px;
    color: #e3dede;
    background-color: #403536;
    padding: 12px 12px 12px 16px;
    border-bottom: solid 1px #584e52;
    transition: all .4s ease-in-out;
}
.mobile-footer-link-ul a:hover {
    color: #ffffff;
    background-color: #e02b73;
}


.mobile-legal-links-wrapper {
    padding: 10px 0 0 0;
}


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

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

nav.mobile-legal-links li a {
    font-size: 11px;
    text-decoration: none;
    color: #dfe3de;
}


}
/*--------------------------------  モバイル版フッター終わり  --------------------------------*/


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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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


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

/* 投稿テキストエリア幅調整 */
.board-postspecial{
	width: 100%!important;
	max-width: 1200px!important;
}
@media (min-width: 800px) {
.board-postspecial{
	font-size: 14px!important;
}
}
@media (max-width: 799px) {
	.board-postspecial{
		border: none!important;
	}
	.board-postspecial:focus {
		border: none !important;
		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: 800px) {
.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 0;
    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: 160px 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;/* 高さが伸びてしまう対策 */
	transition: all .4s ease-in-out;
}
.boardlist-personalblock:after {
	display: block;
	content: "";
	clear: both;
}
.boardlist-personalblock:hover {
	background-color: #eeeeee;
	cursor: pointer;
}

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

/* 未読表示ドット */
.messageboard-midokudot {
	display: inline-block;
	position: absolute;
	right: -10px;
	top: -10px;
	font-size: 28px;
	color: #ff0000;
}
@media screen and (max-width: 599px) {
.messageboard-midokudot {
	right: -6px;
	top: -6px;
	font-size: 22px;
}
}

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

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

/* メッセージボード一覧画面個人表示部右データ部 */
.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;
}



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

/* 通知一覧ページ中央配置処理 */
.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;
}
}

/* チャットブロック(初回表示特別ブロック) */
.talk-first-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-first-block {
	width: 100%;
	margin-bottom: 1em;
}
}

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


/* チャットブロック(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 #e9e9e9;

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

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

}

.itemlisttable-a {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding-right: 30px;
	padding-left: 30px;
}
@media (max-width: 599px) {
.itemlisttable-a {
	padding-right: 16px;
	padding-left: 16px;
}
}

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

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

@media (max-width: 599px) {
.itemlisttable-count {
	font-size: 17px;
}
}



/* ---------企業専用メニュー（エントリーの管理）関連-------- */

/* エントリーの管理ページヘッダー */
.companymenu-entrylist-header {

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


.companymenu-eventselectarea {
    font-size: 16px;
	padding-bottom: 4px;
}


/* イベント選択セレクトボックス */
.companymenu-eventselect {
    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: 100%;
    -webkit-appearance: none;
}


/* CSVダウンロード表示部 */
.eventlist-downloadarea {
	margin-bottom: 8px;
}

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

/* CSVダウンロードボタン */
.csvdownload-button {
    display: inline-block;
    width: 100%;
	min-width: 200px;
	max-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;
}
@media (max-width: 599px) {
.csvdownload-button {
    padding: 10px 0;
    font-size: 15px;
}
}

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

.csvdownload-button .fa-download {
	position: relative;
    font-size: 16px;
	padding-right: 8px;
	top: 1px;
}
@media (max-width: 599px) {
.csvdownload-button .fa-download {
    font-size: 15px;
}
}


/* エントリーの管理ページヘッダーイベント名表示部 */
.eventlist-eventtitlearea {
	font-size: 16px;
}

/* エントリーの管理ページヘッダーカウント表示部 */
.entrylist-head-countarea {
	padding-top: 10px;
    padding-bottom: 10px;
}
@media (max-width: 599px) {
.entrylist-head-countarea {
	padding-top: 6px;
    padding-bottom: 10px;
}
}


/* エントリーの管理ページヘッダーカウント表示部フロート解除 */
.entrylist-head-countarea:after {
	display: block;
	content: "";
	clear: both;
}

/* エントリーの管理ページヘッダーフロート解除 */
.companymenu-entrylist-header:after {
	display: block;
	content: "";
	clear: both;
}

/* エントリーの管理ページヘッダーフロート左右部 */
.entrylistheader-float-right {
	float: right;
}

/* エントリーの管理ページヘッダーステータス絞り込み表示部 */
.entrylistheader-float-left {
	float: left;
}



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

/* エントリー管理ページリストテーブルフロート解除 */
.productedit-itemlisttable:after {
	display: block;
	content: "";
	clear: both;
}



/* 画像サムネール */
.entrylist-thum-image {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
@media (max-width: 799px) {
.entrylist-thum-image {
	width: 60px;
	height: 60px;
}
}

/* 上部セレクトボックス高さ調整 */
.selectbox-height-adjust {
	height: 52px;
	padding-top: 8px;
}



/* 見積もりステータス「承諾待ち（赤）」マーカー */
.estimatelist-marker-entry {
	margin-bottom: 6px;
	margin-right: 4px;
	display: inline-block;
	vertical-align: top;
	padding: 2px 12px 2px 12px;
	border: 1px solid #FC4D50;
	background-color: #FC4D50;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
.estimatelist-marker-entry {
	margin-bottom: 4px;
	font-size: 10px;
	padding: 1px 6px 1px 6px;
}
}

/* 見積もりステータス「発注待ち（水色）」マーカー */
.estimatelist-marker-waiting {
	margin-bottom: 6px;
	margin-right: 4px;
	display: inline-block;
	vertical-align: top;
	padding: 2px 12px 2px 12px;
	border: 1px solid #35c1eb;
	background-color: #35c1eb;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
.estimatelist-marker-waiting {
	margin-bottom: 4px;
	font-size: 10px;
	padding: 1px 6px 1px 6px;
}
}

/* 見積もりステータス「期限切れ（グレー）」マーカー */
.estimatelist-marker-expired {
	margin-bottom: 6px;
	margin-right: 4px;
	display: inline-block;
	vertical-align: top;
	padding: 2px 12px 2px 12px;
	border: 1px solid #aaaaaa;
	background-color: #aaaaaa;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
.estimatelist-marker-expired {
	margin-bottom: 4px;
	font-size: 10px;
	padding: 1px 6px 1px 6px;
}
}

/* 見積もりステータス「取り消し（グレー）」マーカー */
.estimatelist-marker-cancel {
	margin-bottom: 6px;
	margin-right: 4px;
	display: inline-block;
	vertical-align: top;
	padding: 2px 12px 2px 12px;
	border: 1px solid #aaaaaa;
	background-color: #aaaaaa;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
.estimatelist-marker-cancel {
	margin-bottom: 4px;
	font-size: 10px;
	padding: 1px 6px 1px 6px;
}
}

/* 見積もりステータス「確認待ち（緑色）」マーカー */
.estimatelist-marker-confirm {
	margin-bottom: 6px;
	margin-right: 4px;
	display: inline-block;
	vertical-align: top;
	padding: 2px 12px 2px 12px;
	border: 1px solid #09bd27;
	background-color: #09bd27;
	font-size: 12px;
	color: #ffffff;
}
@media (max-width: 799px) {
.estimatelist-marker-confirm {
	margin-bottom: 4px;
	font-size: 10px;
	padding: 1px 6px 1px 6px;
}
}

/* 金額表示 */
.estimatelist-price {
	display: inline-block;
	vertical-align: top;
	margin-left: 4px;
	font-size: 17px;
	font-weight: bold;
	line-height: 31px;
	color: #f50000;
	margin-bottom: 6px;
}
@media (max-width: 799px) {
.estimatelist-price {
	font-size: 15px;
	line-height: 29px;
}
}

/* リスト下部メモテキスト */
.estimatelist-memoinfo {
	margin-top: 6px;
	font-size: 14px;
	line-height: 21px;
	color: #777777;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;

}
@media (max-width: 799px) {
.estimatelist-memoinfo {
	margin-top: 4px;
	font-size: 11px;
	line-height: 16px;
}
}

/* 日付表示 */
.estimatelist-date {
	display: inline-block;
	width: 100%;
	font-weight: bold;
	margin-top:4px;
	text-align: center;
	color: #000000;
}
@media (max-width: 799px) {
.estimatelist-date {
	margin-top:1px;
	font-size: 11px;
}
}



/* 見積もり確認画面メモ更新ボタン */
.estimatedetailpage-updatebutton {
	display: inline-block;
	width: 100%;
	max-width: 140px;
	border-radius: 5px;
	margin-top: 8px;
	background-color: #35c1eb;
	padding: 8px 24px 8px 24px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
}

/* エントリーステータス「承認待」マーカー */
.eventlist-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) {
.eventlist-marker-entry {
	margin-bottom: 4px;
	font-size: 10px;
	padding: 1px 6px 1px 6px;
}
}

/* エントリーステータス「無効」マーカー */
.eventlist-marker-mukou {
	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) {
.eventlist-marker-mukou {
	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;
}
}




/* 集計カウンター表示部 */
.entrylisttable-area {
	padding-top:6px;
	padding-bottom: 6px;
}

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

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

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

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

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

}

.entrylisttable-a {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding-right: 36px;
	padding-left: 36px;
}
@media (max-width: 599px) {
.entrylisttable-a {
	padding-right: 16px;
	padding-left: 16px;
}
}

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

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

@media (max-width: 599px) {
.entrylisttable-count {
	font-size: 17px;
}
}

/* エントリーナンバー＆コントロール表示部 */
.entrylist-controllarea:after {
	display: block;
	content: "";
	clear: both;
}

/* 有効無効ボタン */
.entrylist-controll {
	display: inline-block;
	height: 27px;
	line-height: 27px;
	text-align: center;
	font-size: 13px;
	color: #999999;
	border: 1px solid #dddddd;
	padding: 0px 6px 0px 6px;
	border-radius: 4px;
}
@media (max-width: 599px) {
.entrylist-controll {
	height: 25px;
	line-height: 25px;
	font-size: 11px;
}
}

.entrylist-controll .fa-times {
	color: #999999;
	padding-top: 5px;
	padding-right: 4px;
}

.entrylist-controll .fa-check {
	color: #999999;
	padding-top: 5px;
	padding-right: 4px;
}

.entrylist-controll .fa-user-times {
	color: #999999;
	padding-top: 5px;
	padding-right: 4px;
}

/* 承認するボタン */
.entrylist-controll2 {
	display: inline-block;
	height: 27px;
	line-height: 27px;
	text-align: center;
	font-size: 13px;
    border: solid 1px #35c1eb;
    color: #2bb0e7;
	padding: 0px 6px 0px 6px;
	border-radius: 4px;
    transition: all .4s ease-in-out;
}
@media (max-width: 599px) {
.entrylist-controll2 {
	height: 25px;
	line-height: 25px;
	font-size: 11px;
}
}

.entrylist-controll2:hover {
    color: #ffffff;
	background-color: #2bb0e7;
}

.entrylist-controll2 .fa-check-circle-o {
	padding-top: 5px;
	padding-right: 4px;
}

.entrylist-controll2 .fa-check-circle-o:hover {
    color: #ffffff!important;
}


/* エントリー無効背景色変更 */
.entrystatus-mukou {
	background-color: #f5f5f5!important;
}

/* エントリー承認待ち背景色変更 */
.entrystatus-waiting {
	background-color: #f0fcff!important;
}

/* ブラックリストに登録テキスト */
.entrylist-blacktext {
	display: inline-block;
	color: #ff0000;
	margin-left: 4px;
}
.entrylist-blacktext:hover {
	color: #35c1eb;
}
@media (max-width: 599px) {
.entrylist-blacktext {
	font-size: 11px;
}
}

/* ---------企業専用メニュー（Clapの詳細）関連-------- */


/* 画像サムネール */
.claplist-thum-image {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
@media (max-width: 799px) {
.claplist-thum-image {
	width: 60px;
	height: 60px;
}
}

/* 最終更新時間表示 */
.claplist-posttime {
	display: inline-block;
	color: #999999;
	font-size: 12px;
}

@media (max-width: 799px) {
.claplist-posttime {
	font-size: 11px;
}
}

/* ---------企業専用メニュー（通報の管理）関連-------- */





.tuuholist-namearea {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #111111;
}

@media (max-width: 799px) {
.tuuholist-namearea {
	font-size: 16px;
	line-height: 1.3;
}
}

/* クラップ数表示部 */
.tuuholist-clapdata {
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-left: 4px;
}
@media (max-width: 799px) {
.tuuholist-clapdata {
	font-size: 11px;
	line-height: 1.3;
}
}

/* ブラックリスト登録テキスト部 */
.tuuholist-blacktext {
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	color: #ff0000;
	margin-left: 4px;
}
@media (max-width: 799px) {
.tuuholist-blacktext {
	font-size: 11px;
	line-height: 1.3;
}
}

/* 通報内容表示部 */
.tuuho-textarea {
	padding-top:6px;
	padding-bottom: 6px;
	font-size: 13px;
	line-height: 1.4;
}

/* 通報内容表示部フッター右寄せ */
.tuuho-textarea-footer {
	text-align: right;
	font-size: 12px;
	color: #999999;
}

/* 通報内容表示部フッター通報者名 */
.tuuho-footer-name {
	margin-left: 4px;
	color: #222222;
}















/* ---------企業専用メニュー（ブラックリスト）関連-------- */


/* ブラックリストページリストテーブル */
.blacklist-itemlisttable {
	padding-top: 16px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	min-height: 0; /* この2行を入れないとPC Chromeで左メニューの高さに引きづられてしまう。 */
	overflow: auto;
    border-bottom: 1px solid #dddddd;
}
@media (max-width: 799px) {
.blacklist-itemlisttable {
	padding-top: 10px;
	padding-bottom: 6px;
}
}

/* ブラックリストページリストテーブルフロート解除 */
.blacklist-itemlisttable:after {
	display: block;
	content: "";
	clear: both;
}



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


/* お気に入りリストページコンテナ */
@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: none;
	border-right: none;
	border-left: none;
	border-top: solid 1px #eaeaea;
}
}
@media (min-width: 1050px){
.wishlist-moredata {
	display: inline-block;
	width: 100%;
	right-margin: auto;
	left-margin: 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;
	height: 2.5em;
}


@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;
}
}

/* ヘッダー部分タイトルエリア */
.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;
}
}

/* ------------------ショッピングカート開始----------------- */

.shoppingcart-menu {
	width: 100%;
	border-top: 2px solid #e0e0e0;
	margin-top: 30px;
	padding-top: 12px;
	text-align: center;
}

.shoppingcart-menu-li {
	position: relative;
	float: left;
	width: 25%;
	color: #bbbbbb;
	text-align: center;
}

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

.cartmenu-badge {
	position: absolute;
	top: -24px;
	left: 46%;
	display: inline-block;
	line-height: 24px;
	width: 24px;
	height: 24px;
	color: #ffffff;
	background-color: #e0e0e0;
	border-radius: 12px;
	
}

/* カートメニューアクティブ時テキスト */
.cart-active-text {
	color: #35c1eb;
}

/* カートメニューアクティブ時背景色 */
.cart-active-bg {
	 background-color: #35c1eb;
}



/* ショッピングカート大テーブル */
.cart-largetable {
	width: 100%;
}

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

/* ショッピングカート大テーブル商品部 */
.cart-largetable-left {
	width: 70%;
	float: left;
}

/* ショッピングカート大テーブル集計部 */
.cart-largetable-right {
	width: 30%;
	float: right;
    padding: 8px 8px;
    background: #fbfbfb;
    border: solid 1px #e7e7e7;
}


/* ショッピングカート大テーブル集計部別パターン */
.cart-largetable-right2 {
	width: 30%;
	float: right;
}

/* ショッピングカート大テーブル集計部別パターン子ブロック */
.cart-largetable-right2-smalltable {
    padding: 8px 8px;
    background: #fbfbfb;
    border: solid 1px #e7e7e7;
}

/* ショッピングカート先に進むボタンダブりにつき一時的に非表示 */
/*.shoppingcart-button {
    display: inline-block;
    width: 100%;
    margin: 0;
    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;
}
*/

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

.shoppingcart-button .fa-chevron-right {
	position: relative;
    font-size: 16px;
	padding-left: 8px;
	top: 1px;
}

/* ショッピングカート「ご注文内容」 */
.gochumonnaiyou {
    background-color: #E54648;
	padding: 6px 0 6px 10px;
	color: #ffffff;
	font-weight: bold;
}

/* ショッピングカート小計金額部 */
.cart-kingaku {
	margin-top: 16px;
	vertical-align: bottom;
}

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

/* ショッピングカート小計金額左部 */
.cart-kingaku-left {
	float: left;
	height: 36px;
	font-size: 16px;
	vertical-align: bottom;
}

/* ショッピングカート小計金額右部 */
.cart-kingaku-right {
	float: right;
	font-size: 20px;
	color: #de1f6b;
	padding-right: 4px;
}

.cartsmalltext {
	color:#a6a6a6;
	font-size: 12px;
}

.cartsmalltextblock {
	color:#a6a6a6;
	font-size: 12px;
	line-height: 1;
	margin-bottom: 30px;
}

/* ショッピングを続けるエリア */
.gotoshopping {
	margin-top: 20px;
	text-align: center;
}

/* ショッピングを続けるボタン */
.gotoshopping-button {
    display: inline-block;
    width: 100%;
	max-width: 640px;
    margin: 0;
    border: 0;
    color: #3b2d41;
	border: solid 1px #3b2d41; 
    padding: 14px 0;
    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;
}

.gotoshopping-button:hover {
	background-color: #3b2d41;
	color: #ffffff;
}

/* ショッピングカートブロック雛型 */
.cart-wrapper {
	margin-right: 10px;
	margin-bottom: 10px;
}

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

/* ショッピングカート商品名部分 */
.cart-main {
    width: 100%;
    float: left;
	font-size: 16px;
	line-height: 1.5;
	padding-left: 8px;
	padding-right: 4px;
	padding-top: 4px;
}

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

/* ショッピングカート左部画像部分 */
.cart-left {
    float: left;
    margin-left: -100%;
    width: 90px;/* 左ブロック幅 */
}

/* ショッピングカート右部金額削除ボタン部分 */
.cart-right {
    float: left;
    margin-left: -120px;/* 右ブロック幅 */
    width: 120px;/* 右ブロック幅i */
	font-size: 16px;
	line-height: 1.5;
	padding-top: 4px;
	text-align: center;
}

/* ショッピングカート商品イメージ */
.cart-image {
	width: 90px;
	height: 90px;
	border-radius: 8px;
}

/* ショッピングカートテーブル削除アイコン */
.carttable-deleteicon {
	display: inline-block;
	border: 1px solid #e0e0e0;
	font-size: 14px;
	padding: 4px 10px 4px 10px;
	color: #bbbbbb;
	transition: all .4s ease-in-out;
}

.carttable-deleteicon:hover {
	border: 1px solid #999999;
	color: #666666;
	background-color: #fbfbfb;
}

.carttable-deleteicon .fa-times {
	padding-right: 3px;
}

.cart-itemlink {
	color: #111111;
}

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

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

/* テキストフォーム長さコントロール */
.maxwidth420 {
	max-width: 420px!important;
}


.cart-kessai-image {
	position: relative;
	top: -5px;
	padding-left: 4px;
	height: 18px;
	width: auto;
}


/* 決済手段展開トグル */
dl#kessaiMenu {
	margin-top: 0;
	margin-bottom: 24px;
}

@media (max-width: 799px) {
dl#kessaiMenu {
	margin-top: 0;
	margin-bottom: 20px;
}
}

#kessaiMenu dt { 
	position: relative;
	display: block; 
	width: 100%;
	font-size: 14px;
	line-height: 1.8;
	padding: 16px 16px 16px 16px;
	font-weight: normal;
	text-align: left; 
    background-color: #fbfbfb;
    border: solid 1px #e7e7e7;
	cursor: pointer; 
} 

@media (max-width: 799px) {
#kessaiMenu dt { 
	font-size: 14px;
	line-height: 1.8;
	padding: 8px 8px 8px 8px;
	margin-left: 0;
}
}

#kessaiMenu dd {
	position: relative;
	width: 100%;
	font-size: 14px;
	line-height: 1.8;
	padding: 16px 16px 16px 16px;
	text-align: left; 
    background-color: #ffffff;
    border-top: 0;
    border-right: solid 1px #e7e7e7;
    border-left: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
	display: none;
	-webkit-margin-start: 0 !important;
	margin: 0;
} 

@media (max-width: 799px) {
#kessaiMenu dd {
	font-size: 14px;
	line-height: 20px;
	padding: 8px 8px 8px 8px;
	margin-left: 0;
}
}

#kessaiMenu dt.active { 
	border-bottom: 0;
	font-weight: bold;
	background-color: #ffe4f4;
}

/* ショッピングカート決済実行ボタン（横2つ配置） */
.shoppingcart-button {
    display: inline-block;
    width: 100%;
	max-width: 420px;
    margin-top: 10px;
    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;
}

/* クリック不可時ボタン */
.shoppingcart-button-cantclick {
    display: inline-block;
    width: 100%;
	max-width: 420px;
    margin-top: 10px;
    border: 0;
    border-radius: 4px;
    color: #ffffff;
    padding: 14px 0;
    background-color: #dddddd;
    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;
}

.shoppingcart-button-cantclick:hover {
	cursor:default;
}

.shoppingcart-button-cantclick .fa-chevron-right {
	position: relative;
    font-size: 16px;
	padding-left: 8px;
	top: 1px;
}

.form-bitcash {/* フォームビットキャッシュ */
	width: 100%;
	text-align: left;
	padding-top: 16px;
	padding-bottom: 8px;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
.form-bitcash {/* フォームビットキャッシュ */
	padding-left: 0;
	padding-right: 0;
}
}

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

.form-bitcash-title {/* フォームビットキャッシュ項目名 */
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	line-height: 35px;
	float: left;
	width: 100px;
	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-bitcash-title {/* フォームビットキャッシュ項目名 */
	width: 100%;
	float: none;
}
}

.form-bitcash-input {/* フォームビットキャッシュひらがなID */
	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-bitcash-input {/* フォームビットキャッシュひらがなID */
	float: none;
	width: 100%;
	max-width: 420px;
}
}


.formoubo2 {
	font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; background:#f2f2f2;
	border:1px solid #c0c0c0;
	background-color: #fbfbfb;
	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) {
.formoubo2 {
	font-size: 16px;
}
}

.formoubo2::-webkit-input-placeholder {line-height: 1; color: #bbbbbb;}
.formoubo2:-ms-input-placeholder {line-height: 1; color: #bbbbbb;}
.formoubo2::-moz-placeholder {line-height: 1; color: #bbbbbb;}

/* お支払い金額確認 */
.cost-kakunin {
    padding: 12px 16px;
    background: #fffdef;
    border: solid 1px #e1d9be;
	margin-bottom: 10px;
	max-width: 360px;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
.cost-kakunin {
	width: 100%;
    padding: 6px 16px;
	max-width: 800px;
    border-right: 0;
    border-left: 0;
	margin-bottom: 0;
}
}

/* お支払い金額確認金額 */
.cost-kakunin-text {
	font-size: 20px;
	color: #de1f6b;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
/* お支払い方法確認テキスト */
.siharai-kakunin-text {
    padding-left: 16px;
}
}

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



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

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

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

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

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

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


.information-datetext {/* 日付表示部 */
	font-size: 14px;
	color: #aaaaaa;
	font-weight: normal;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
.information-datetext {/* 日付表示部 */
	font-weight: normal;
}
}

.information-text {/* お知らせ文章 */
	font-size: 14px;
	line-height: 1.8;
	padding-top: 12px;
	padding-bottom: 4px;
	padding-left: 24px;
	padding-right: 24px;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
.information-text {/* お知らせ文章 */
	padding-top: 8px;
	line-height: 1.5;
	padding-left: 14px;
	padding-right: 14px;
}
}


/* 重要アイコン（お知らせページ） */
.important-midashiicon {
	display: inline-block;
	position: relative;
	top: -4px;
	background-color: #f50000;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.0;
	padding: 5px 10px 5px 10px;
	margin-right: 4px;
}

@media screen and (max-width: 799px) and (min-width: 0px), screen and (max-device-width: 799px) and (min-device-width: 0px) {
/* 重要アイコン（お知らせページ） */
.important-midashiicon {
	top: -2px;
	font-size: 11px;
	padding: 4px 7px 4px 7px;
	margin-right: 4px;
}
}


/* モバイル時の左右下のパディング無し調整 */
@media (max-width: 799px) {
.information-padding-adjust {
	padding-right: 0!important;
	padding-left: 0!important;
	padding-bottom: 0!important;
}
}

/* ---------よくある質問ページ展開用トグル開始-------- */

dl {
	margin-top: 6px;
	margin-bottom: 34px;
}

@media (max-width: 799px) {
dl {
	margin-top: 6px;
	margin-bottom: 20px;
}
}

.acMenu dt { 
	position: relative;
	display: block; 
	width: 100%;
	background-color: #f4f4f4; 
	font-size: 16px;
	line-height: 24px;
	padding-top: 8px;
	padding-left: 34px;
	padding-right: 10px;
	padding-bottom: 8px;
	font-weight: bold;
	text-align: left; 
	border: 0; 
	cursor: pointer; 
	background:url(images/i_swich.png) 177px -69px no-repeat; 
	padding-right: 15px; 
	transition: all .4s ease-in-out;  
} 

@media (max-width: 799px) {
.acMenu dt { 
	font-size: 14px;
	line-height: 21px;
	padding-left: 24px;
	padding-top: 8px;
	padding-bottom: 2px;
	padding-right: 0;
	margin-left: 0;
}
}

.acMenu dd {
	position: relative;
	width: 100%;
	font-size: 15px;
	line-height: 24px;
	padding-top: 8px;
	padding-left: 34px;
	padding-right: 10px;
	padding-bottom: 8px;
	text-align: left; 
	border: 0; 
	display: none;
	-webkit-margin-start: 0 !important;
} 

@media (max-width: 799px) {
.acMenu dd {
	font-size: 14px;
	line-height: 20px;
	padding-left: 24px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 0;
		margin-left: 0;
}
}


.acMenu dt.active { 
	background: url(images/i_swich.png) 177px 18px no-repeat; 
}

.faq-icons { /* FAQページアイコン */
	position: absolute;
	top: 7px;
	left: 6px;
	width: 24px;
	height: 24px;
}

@media (max-width: 799px) {
.faq-icons { /* FAQページアイコン */
	top: 8px;
	left: 0;
	width: 20px;
	height: 20px;
}
}

.fitimage {
	max-width: 100%;
	margin-top: 4px;
	margin-bottom: 4px;
}







/* ---------------その他ページ関連-------------- */

/* ページヘッドタイトル */
.pagehead h1 {
	font-size: 22px;
	line-height: 1.5;
	font-weight: bold;
}
@media (max-width: 799px) {
.pagehead h1 {
	font-size: 20px;
	margin-bottom: 10px;
}
}

/* ページヘッド説明文 */
.pagehead h2 {
	font-size: 14px;
	color: #666666;
	line-height: 1.5;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0;
}
@media (max-width: 799px) {
.pagehead h2 {
	font-size: 12px;
	line-height: 1.4;
	padding: 0 0 10px 0;
	margin: 0;
}
}

/* ページヘッドスモールテキスト汎用 */
.pagehead-smalltext {
	font-size: 12px;
	line-height: 1.5;
	margin: 0 0 4px 0;
}
@media (max-width: 799px) {
.pagehead-smalltext {
	font-size: 12px;
	line-height: 1.5;
	margin: 0 0 4px 0;
}
}


/* ---------------採用担当者様へページ関連-------------- */

.recruit_titlearea {
	position: relative;
}

.recruittopimg {
	width: 100%;
	height: auto;
}

.recruittopimg_logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

/* タイトル下説明文エリア */
.recruit_description {
	padding: 30px 30px 30px 30px;
	background: linear-gradient(45deg, #85d268, #4ec149);
	color: #ffffff;
	font-size: 15px;
	line-height: 1.6;
}
@media (max-width: 599px) {
.recruit_description {
	padding: 20px 14px 20px 14px;
	font-size: 14px;
}
}


/* タイトル下説明文見出しテキスト */
.recruit_description_midashi {
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 24px;
}
@media (min-width: 800px) and (max-width: 1050px) {
.recruit_description_midashi {
	font-size: 22px;
	margin-bottom: 16px;
}
}
@media (min-width: 600px) and (max-width: 799px) {
.recruit_description_midashi {
	font-size: 20px;
	margin-bottom: 16px;
}
}
@media (max-width: 599px) {
.recruit_description_midashi {
	font-size: 18px;
	margin-bottom: 16px;
}
}


.recruitpage-block-left {
	float: left;
	width: 50%;
}
@media (max-width: 999px) {
.recruitpage-block-left {
	float: none;
	width: 100%;
}
}

.recruitpage-block-right {
	float: right;
	width: 50%;
}
@media (max-width: 999px) {
.recruitpage-block-right {
	float: none;
	width: 100%;
}
}

.green-background {
	background: linear-gradient(45deg, #85d268, #4ec149)!important;
}


.recruit_cosplayerimg {
	width: 100%;
	height: auto;
vertical-align: top!important;
}

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


.recruitpage-textblock {
	padding: 30px 30px 30px 30px;
	color: #444444;
	font-size: 15px;
	line-height: 1.6;
}
@media (max-width: 599px) {
.recruitpage-textblock {
	padding: 20px 14px 30px 14px;
	font-size: 14px;
}
}




/* テキストブロック見出しテキスト */
.recruitpage-textblock_midashi {
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 24px;
}
@media (min-width: 800px) and (max-width: 1050px) {
.recruitpage-textblock_midashi {
	font-size: 22px;
	margin-bottom: 16px;
}
}
@media (min-width: 600px) and (max-width: 799px) {
.recruitpage-textblock_midashi {
	font-size: 20px;
	margin-bottom: 16px;
}
}
@media (max-width: 599px) {
.recruitpage-textblock_midashi {
	font-size: 18px;
	margin-bottom: 16px;
}
}



/* 「こんな人材を求める企業様に最適です」リスト */
.recruit-staff-ul {
	margin-bottom:20px;
	text-align: center;
}
@media (max-width: 599px) {
.recruit-staff-ul {
	margin-bottom: 0;
}
}

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

.recruit-staff-li {
	float: left;
	padding-right: 30px;
}
@media (min-width: 800px) and (max-width: 999px) {
.recruit-staff-li {
	padding-right: 10px;
}
}
@media (max-width: 799px) {
.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;
	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: 800px) and (max-width: 999px) {
.recruit-staff-span {
	font-size: 15px;
	padding: 16px 20px 16px 20px;
}
}
@media (max-width: 799px) {
.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: rgba(34, 160, 0, 0.71);
	border: 1px solid rgba(13, 115, 136, 0.58);
	border-radius: 8px;
    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: #dc1c38;
	border: 1px solid #dc1c38;
}

/* リクルートページ企業登録ボタン(最下部配置版) */
.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; }
}

/* リクルートページ下部ブロック */
.recruitpage-bottomblock {
	position: relative;
	text-align: center;
	margin: 80px 0 80px 0;
	padding: 0 14px 0 14px;
}
@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 {
	font-weight: bold;
	font-size: 24px;
	color: #444444;
	line-height: 1.3;
}
@media (min-width: 600px) and (max-width: 799px){
.recruitpage-bottomblock-text {
	font-size: 18px;
}
}
@media (max-width: 599px) {
.recruitpage-bottomblock-text {
	font-size: 18px;
}
}


/* ---------------コスジョブとは？ページ関連-------------- */

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

/* --------------------------------汎用エラーページ-------------------------------- */

.err-sub-message {
  font-size: 16px;
  color: #333333;
  margin-top: -32px;
  margin-bottom: 12px;
}

@media (max-width: 599px) {
  .err-sub-message {
    font-size: 12px;
    margin-bottom: 14px;
  }
}

/* --------------------------------その他-------------------------------- */

/* ヘッダーメニューオーバーレイ */
.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;
  }
}

/* 入力文字数アラート */
.input-indicator-alert {
  color: #ff0000;
  font-weight: normal;
}

/* ########################## 画面幅599px以下処理開始 ########################## */
@media (max-width: 599px) {

/* 汎用PC版のみ表示 */
.mobile-display-none{
	display:none !important
}

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

.headerleft {
	float: left;
	width: 30%;
	height: 50px;
}

.headercenter {
	float: left;
	width: 40%;
	height: 50px;
	text-align: center;
}

.headerright {
	float:right;
	width: 30%;
	height: 50px;
	text-align: right;
}


/* モバイル版ページャー */
.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: right;
	width: 25%;
}


.mobile-pagenation  a {
	display: inline-block;
	width: 100%;
	padding: 18px 0;
	margin: 0;
	background-color: #f8f8f8;
	text-decoration: none;
}



/* 右矢印アイコンスリム版 */
.arrow-right-slim{
	display: inline-block;
	width: 18px;
	height: 18px;
	border-top: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* 左矢印アイコンスリム版 */
.arrow-left-slim{
	display: inline-block;
	width: 18px;
	height: 18px;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

header#mobile {
	display: block;
}


header {
	background-color: #41a558;
	border-bottom: solid 1px #41a558;
}

div.js-clingify-placeholder {
	display: none;
}


/* ヘッダー検索アイコン */
.headerright .fa-search {
	font-size: 18px;
	color: #444444;
}

/* ヘッダーベルアイコン */
.headerright .fa-bell-o {
	font-size: 18px;
	color: #444444;
}




.headerright a {
	display: inline-block;
	height: 50px;
	padding:16px 11px 8px 11px;
}

/* ヘッダーアコーディオンメニュー */
.header-accordion-menu {
	float:left;
}

.header-accordion-menu a {
	display: inline-block;
	height: 50px;
	background-color: #41a558;
	padding:16px 16px 8px 16px;
}

/* ヘッダーハンバーガーメニューアイコン */
.headerleft .fa-bars {
	font-size: 18px;
	color: #41a558;/* ドロワーメニュー利用につき、色を背景色と同化させている。 */
}

/* サイトロゴの左パディングを調整 */
.site {
	padding-left: 0;
}


/* 左サイドメニュー */
nav.sidemenu {
	margin-bottom: 0;
}
nav.sidemenu h1 {
	font-size: 12px;
	color: #cf1a1a;
	font-weight: normal;
	border-bottom: 1px solid #efefef;
	padding: 8px 10px 8px 16px;
}

nav.sidemenu li a{
	font-size: 13px;
	padding: 10px 10px 10px 16px;
}



}
/* ########################## 画面幅599px以下処理終了 ########################## */




/* ########################## 画面幅600px以上799px未満（iPad縦想定）処理開始 ########################## */
@media (min-width: 600px) and (max-width: 799px){

/* 汎用モバイル版のみ表示 */
.pc-display-none {
	display:none !important
}


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

.container-eventlist: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;

}


.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以上限定処理終わり ########################## */

/* ########################## 画面幅799px以下処理開始 ########################## */
@media (max-width: 799px) {

  /* タブレット、モバイルは非表示 */
  .tablet-display-none {
    display: none !important
  }

  /* 左サイドメニュー */
  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 8px;
  }

  nav.sidemenu li a {
    font-size: 13px;
    padding: 10px 10px 10px 8px;
  }

  /* グレーアイテム数表示バッジ */
  .category-nav-counts {
    top: 11px;
  }

  /* レッドアラート数表示バッジ */
  .category-nav-redallert {
    top: 8px;
  }

  /* 商品一覧ページヘッド説明文 */
  .pagehead {
    padding: 10px 10px 10px 16px;
    border-bottom: 1px solid #d5d5d5;
  }

  /* 商品一覧ページヘッドタイトル */
  .pagehead h1 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  /* 商品一覧ページヘッド説明文 */
  .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;
  }

  .badge-r18-large {
    padding: 0.2em 0.8em;
  }

  .badge-movie-large {
    padding: 0.2em 0.8em;
  }

  .badge-smartphone-large {
    padding: 0.2em 0.8em;
  }

  .basic-contentblock { /* コンテンツ基本ブロック　pageheadクラスと同じ処理 */
    padding: 10px 16px 10px 16px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
  }

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

  .basic-contentblock-mobilenopadding { /* コンテンツ基本ブロック(モバイルパディング無しバージョン)　 */
    padding: 10px 0 0 0;
  }

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

  /*サブタイトル */
  .subtitle {
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .shoppingcart-menu-li {
    color: #bbbbbb;
    font-size: 12px;
  }


  .cartmenu-badge {
    left: 40%;
  }



  /* カートメニューアクティブ時テキスト */
  .cart-active-text {
    color: #3fcffa;
  }

  /* カートメニューアクティブ時背景色 */
  .cart-active-bg {
    background-color: #3fcffa;
  }

  /* ショッピングカート大テーブル商品部 */
  .cart-largetable-left {
    width: 100%;
    float: none;
  }

  /* ショッピングカート大テーブル集計部 */
  .cart-largetable-right {
    width: 100%;
    float: none;
    padding: 8px 16px 16px 16px;
    background: #fbfbfb;
    border-top: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
    border-right: none;
    border-left: none;
  }

  /* ショッピングカート大テーブル集計部別パターン */
  .cart-largetable-right2 {
    width: 100%;
    float: none;
  }

  /* ショッピングカート大テーブル集計部別パターン子ブロック */
  .cart-largetable-right2-smalltable {
    padding: 8px 16px 16px 16px;
    background: #fbfbfb;
    border-top: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
    border-right: none;
    border-left: none;
  }


  /* ショッピングカートブロック雛型 */
  .cart-wrapper {
    margin-left: 16px;
  }

  /* ショッピングカート商品名部分 */
  .cart-main {
    font-size: 14px;
    line-height: 1.5;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 0;
  }

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

  /* ショッピングカート左部画像部分 */
  .cart-left {
    width: 60px; /* 左ブロック幅 */
  }

  /* ショッピングカート右部金額削除ボタン部分 */
  .cart-right {
    margin-left: -80px; /* 右ブロック幅 */
    width: 80px; /* 右ブロック幅 */
    padding-top: 0;
  }

  /* ショッピングカート商品イメージ */
  .cart-image {
    width: 60px;
    height: 60px;
    border-radius: 8px;
  }

  /* ショッピングカートテーブル削除アイコン */
  .carttable-deleteicon {
    font-size: 12px;
    padding: 3px 8px 3px 8px;
  }

  /* ショッピングカート「ご注文内容」 */
  .gochumonnaiyou {
    background-color: transparent;
    padding: 0 0 0 0;
    color: #E54648;
    font-weight: bold;
  }

  /* ショッピングカート小計金額部 */
  .cart-kingaku {
    margin-top: 0;
  }

  .cartsmalltextblock {
    margin-bottom: 4px;
  }

  /* ショッピングを続けるエリア */
  .gotoshopping {
    margin: 10px 16px 10px 16px;
    text-align: center;
  }

}
/* ########################## 画面幅799px以下処理終了 ########################## */


/* --------------------------------アプリ転送用プレビューページ-------------------------------- */
/* 専用ヘッダー */
  header#apppreview {
    background-color: #222222;
    border-bottom: solid 1px #666666;
    height: 54px;
  }

  /* ヘッダー */
  .apppreview-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 54px;
    background-color: #222222;
    border-bottom: solid 1px #666666;
    color: #ffffff;
  }

  /* サムネイル画像 */
  .apppreview-header-left1 {
    position: relative;
    flex-basis: 50px;
    margin-right: 2px;
    padding-right: 8px;
    padding-left: 8px;
  }

  /* ユーザーテキストラベルエリア */
  .apppreview-header-left2 {
    flex-grow: 3;
    flex-shrink: 3;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* ユーザーテキストラベルエリア-コスネーム */
  .apppreview-header-left2-name {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
  }

  /* ユーザーテキストラベルエリア-サブテキスト */
  .apppreview-header-left2-subtext {
    display: inline-block;
    line-height: 1.3;
    font-size: 11px;
    color: #9f9f9f;
  }

  /* 右上ボタン部 */
  .apppreview-header-right {
    flex-grow: 1;
    flex-shrink: 0;
    text-align: right;
    margin-left: 6px;
  }

  /* 画面右上アプリを開くボタン */
  .button-topright-openapp {
    display: inline-block;
    background-color: #ff0000;
    text-align: center;
    color: #ffffff;
    width: 100%;
    height: 70px;
    border-radius: 6px;
    font-size: 16px;
    padding-right: 50px;
    padding-left: 50px;
    padding-top: 30px;
  }

  @media (max-width: 599px) {
    .button-topright-openapp {
      height: 64px;
      border-radius: 6px;
      font-size: 15px;
      padding-right: 18px;
      padding-left: 18px;
      padding-top: 24px;
    }
  }

  @media (min-width: 1280px) {
    .button-topright-openapp {
      height: 80px;
      border-radius: 6px;
      font-size: 18px;
      padding-right: 70px;
      padding-left: 70px;
      padding-top: 36px;
    }
  }

  .icon42px {
    width: 42px;
    height: 42px;
  }

  /* コスプレイヤー表示ブロック */
  .apppreview-layerprofile-contentblock {
    padding-top: 24px;
    padding-left: 14px;
    padding-right: 14px;
  }

  @media (max-width: 599px) {
    .apppreview-layerprofile-contentblock {
      padding-top: 12px;
    }
  }

  .apppreview-layerprofile-middleblock {
    padding-top: 12px;
  }

  @media (max-width: 599px) {
    .apppreview-layerprofile-middleblock {
      padding-top: 8px;
    }
  }

  /* コスプレイヤーアイコン */
  .icon-photopreview {
    width: 128px;
    height: 128px;
  }

  @media (max-width: 599px) {
    .icon-photopreview {
      width: 96px;
      height: 96px;
    }
  }

  /* アプリを開いてClap!するボタン */
  .buttton-openapp {
    position: relative;
    overflow: hidden;
    display: inline-block;
    background-color: #ff0000;
    color: #ffffff;
    width: 100%;
    font-size: 22px;
    max-width: 640px;
    line-height: 80px;
    border-radius: 6px;
  }

  @media (max-width: 599px) {
    .buttton-openapp {
      font-size: 16px;
      line-height: 64px;
      border-radius: 0px;
    }
  }

  /* Clap!アイコン */
  .buttton-openapp-cimage {
    display: inline-block;
    position: relative;
    top: -28px;
    left: -4px;
    width: 40px;
    height: auto;
    margin-right: 8px;
  }

  @media (max-width: 599px) {
    .buttton-openapp-cimage {
      top: -22px;
      left: 0px;
      width: 30px;
      height: auto;
      margin-right: 8px;
    }
  }

  .apppreview-layerprofile-cosname {
	display: inline-block;
    font-size: 24px;
    line-height: 1.3;
    color: #000000;
    font-weight: bold;
  }

  @media (max-width: 599px) {
    .apppreview-layerprofile-cosname {
      font-size: 16px;
    }
  }

  /* 英語名 */
  .apppreview-layerprofile-cosname-englishname {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 14px;
    color: #aaaaaa;
  }

  @media (max-width: 599px) {
    .apppreview-layerprofile-cosname-englishname {
      font-size: 11px;
    }
  }

  /* レベル表示 */
  .apppreview-layerprofile-leveltext {
    display: inline-block;
    padding: 8px;
    border: 1px solid #bde3ff;
    border-radius: 8px;
    font-size: 11px;
    line-height: 1.0;
    color: #71c2ff;
  }
  .apppreview-layerprofile-leveltext-million {
    display: inline-block;
    padding: 8px;
    border: 1px solid #ef0000;
    background-color: #ef0000;
    border-radius: 8px;
    font-size: 11px;
    line-height: 1.0;
    color: #ffffff;
  }

  /* 「さんがあなたの応援を待っています！」表示 */
  .apppreview-layerprofile-ouentext {
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 24px;
    font-size: 14px;
  }

  @media (max-width: 599px) {
    .apppreview-layerprofile-ouentext {
      font-size: 11px;
      padding-bottom: 8px;
    }
  }

  /* --------紐付いたイベント表示部------ */

  .apppreview-eventblock {
    padding: 50px 14px 30px 14px;
    text-align: center;
  }

  @media (max-width: 599px) {
    .apppreview-eventblock {
      padding: 10px 14px 10px 14px;
    }
  }

  /* イベントバナーコンテナ */
  .apppreview-eventimage-container {
    width: 100%;
    max-width: 900px;
    margin: auto;
  }

  /* イベントバナー */
  .apppreview-eventimage {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #dddddd;
  }

  /* イベントタイトル */
  .apppreview-eventtitle {
    font-size: 16px;
    font-weight: bold;
    margin-top: 16px;
    color: #444444;
    margin-bottom: 8px;
  }

  @media (max-width: 599px) {
    .apppreview-eventtitle {
      font-size: 11px;
      margin-bottom: 0px;
    }
  }

  /* イベントリンク */
  .apppreview-eventtitlelink {
    display: inline-block;
    font-size: 16px;
    line-height: 1.3;
    margin-top: 4px;
    color: #ef4489;
    margin-top: 10px;
  }

  @media (max-width: 599px) {
    .apppreview-eventtitlelink {
      font-size: 13px;
      margin-top: 2px;
    }
  }

  /* --------フッターアプリリンク表示部------ */
  .apppreview-footerlink {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  @media (max-width: 599px) {
    .apppreview-footerlink {
      margin-top: 20px;
      margin-bottom: 20px;
    }
  }

/* ヘッダー固定・ヘッダーエリア */
.photopreview-header-fixed-header {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 64px;
    z-index: 121;
  }
@media (min-width: 800px) and (max-width: 1079px) {
.photopreview-header-fixed-header {
    height: 60px;
}
}
@media (max-width: 799px) {
.photopreview-header-fixed-header {
    height: 54px;
}
}

/* ヘッダー固定・コンテンツエリア */
.photopreview-header-fixed-content {
    margin-top: 64px;
}
@media (min-width: 600px) and (max-width: 1079px) {
.photopreview-header-fixed-content {
    margin-top: 60px;
}
}
@media (max-width: 799px) {
.photopreview-header-fixed-content {
    margin-top: 54px;
}
}


.photopreview-photocontainer {
	max-width: 100%;
	margin: 0 auto;
	/* height: 100%; */
	position: relative;
	background-color: #fafafa;
}

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

  .photopreview-photocontainer-nav:hover {
    background-color: #eeeeee;
	cursor: pointer;
  }

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

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

  .photopreview-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) {
    .photopreview-photo-prevbutton {
      left: 20px;
    }
  }

  @media (max-width: 599px) {
    .photopreview-photo-prevbutton {
      display: none;
    }
  }

  .photopreview-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) {
    .photopreview-photo-nextbutton {
      right: 20px;
    }
  }

  @media (max-width: 599px) {
    .photopreview-photo-nextbutton {
      display: none;
    }
  }


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

  .photopreview-photo-img {
    margin: 20px 0 20px 0;
    position: relative;
    z-index: 3;
    max-width: 83%;
    display: inline-block!important;
    -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) {
    .photopreview-photo-img {
      margin: 0 0 0 0;
      max-width: 100%;
    }
  }

  /* --------------------------------アプリ転送用プロフィールプレビューページ-------------------------------- */

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

  .apppreview-layerprofile-messagetext {
    display: inline-block;
    text-align: left;
    margin-top: 10px;
    font-size: 20px;
    margin-bottom: 40px;
    line-height: 1.6;
    max-width: 640px;
  }

  @media (max-width: 599px) {
    .apppreview-layerprofile-messagetext {
      font-size: 15px;
      margin-bottom: 10px;
    }
  }

  /* --------------------------------アプリ転送用イベント詳細ページモーダル追加分-------------------------------- */

  .eventdetail-snslink {
    display: block;
    text-align: right;
    margin-bottom: 16px;
  }

  .eventdetail-snslink-twitter {
    display: inline-block;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    background-color: #55ACEE;
    color: #ffffff;
    border-radius: 4px;
    margin-right: 8px;
  }

  @media (max-width: 599px) {
    .eventdetail-snslink-twitter {
      font-size: 11px;
      padding: 6px 16px 6px 16px;
      margin-right: 6px;
    }
  }

  .eventdetail-snslink-twitter .fa-twitter {
    margin-right: 4px;
  }

  .eventdetail-snslink-openapp {
    display: inline-block;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    background-color: #ff0000;
    color: #ffffff;
    border-radius: 4px;
  }

  @media (max-width: 599px) {
    .eventdetail-snslink-openapp {
      font-size: 11px;
      padding: 6px 16px 6px 16px;
    }
  }


/* 動画ポップアップ表示 */
.popup-video {
  text-align: center;
}

.popup-video video {
  padding: 40px 0;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  filter: drop-shadow(0px 0px #000);
  outline: none;
}

  /* --------------------------------2020年6月会員ログイン機能追加分-------------------------------- */

  /* ヘッダー固定・ヘッダーエリア */
  .header-fixed-header {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 54px;
    z-index: 121;
}
  @media (max-width: 799px) {
.header-fixed-header {
    height: 54px;
}
}
  @media (min-width: 800px) and (max-width: 1079px) {
.header-fixed-header {
    height: 60px;
}
}
  @media (min-width: 1080px) {
.header-fixed-header {
    height: 64px;
}
}

  /* ヘッダー固定・コンテンツエリア */
.header-fixed-content {
    margin-top: 54px;
}
  @media (max-width: 799px) {
.header-fixed-content {
	margin-top: 54px;
}
}
  @media (min-width: 800px) and (max-width: 1079px) {
.header-fixed-content {
	margin-top: 60px;
}
}
  @media (min-width: 1080px) {
.header-fixed-content {
	margin-top: 64px;
}
}

/* --------------------------------コイン購入2020年6月追加-------------------------------- */



.subpage-textblock {
    position: relative;
    background: #ffffff;
    padding: 10px 14px 10px 14px;
    width: auto;
    width: 100%;
    margin: 0px auto 0px auto;
}

.coinbuy-statusblock {
	padding: 0px 14px 0px 14px;
}
@media (min-width: 880px) {
.coinbuy-statusblock {
	padding: 0px 0px 0px 0px;
	width: 100%;
	max-width: 800px;
	margin: auto;
}
}


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

.coinbuy-status-sublock {
	width: 50%;
}

/* 保有コイン表示ブラックエリアテキスト */
.coinbuy-blackarea-count {
	font-size: 18px;
	font-weight: bold;
	padding-right: 4px;
	padding-left: 4px;
}
@media (min-width: 880px) {
.coinbuy-blackarea-count {
	font-size: 22px;
}
}

.coinbuy-statustable {
	display: inline-block;
	background-color: #666666;
	width: 100%;
	color: #ffffff;
	padding: 8px 10px 8px 10px;
	margin-top: 6px;
	border-radius: 4px;
	font-size: 10px;
}
@media (min-width: 880px) {
.coinbuy-statustable {
	padding: 14px 12px 14px 12px;
	margin-top: 8px;
	font-size: 12px;
}
}

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



.coinbuypage-block {
	padding: 10px 14px 10px 14px;
}
  @media (min-width: 1080px) {
.coinbuypage-block {
	padding: 10px 14px 10px 14px;
}
}


.coinbuypage-button {
    display: inline-block;
    background-color: #ef4489;
    color: #ffffff;
    width: 100%;
    max-width: 800px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 6px;
	font-size: 18px;
	font-weight: bold;
}
@media (min-width: 1080px) {
.coinbuypage-button {
    width: 100%;
    max-width: 800px;
    padding-top: 16px;
    padding-bottom: 16px;
	font-size: 22px;
}
}

.coinbuypage-button span {
	display: inline-block;
	font-size: 11px;
	font-weight: normal;
}
@media (min-width: 1080px) {
.coinbuypage-button span {
	font-size: 14px;
	font-weight: normal;
	padding-top: 4px;
}
}


.coinbuypage-smalltext {
	display: inline-block;
	padding-left: 14px;
	font-size: 11px;
	color: #222222;
}
@media (min-width: 1080px) {
.coinbuypage-smalltext {
	font-size: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
}
}

.coinbuypage-legalbutton-area {
	width: 100%;
	padding: 0 14px 32px 14px;
}

.coinbuypage-legalbutton {/* 資金決済法に基づく表示ボタン */
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 10px 70px 10px 70px;
	border-radius: 6px;
	text-align: center;
	color: #35c1eb;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #35c1eb;
	font-size: 14px;
	margin-top: 10px;
	transition: all .4s ease-in-out;   
}

.coinbuypage-legalbutton:hover {/* 資金決済法に基づく表示ボタンhover */
	color: #ffffff;
	background-color: #35c1eb;
		border: 1px solid #35c1eb;
}

/* --------------------------------特定商取引展開2020年6月追加-------------------------------- */

/* コイン購入ページトグルエリア */
.coinbuy-slidetoggle_menu-area {

}


/* コイン購入ページトグル2(特定商取引表記) */
.coinbuy-slidetoggle_menu2 {
	border-top: solid 1px #35c1eb;
	border-right: solid 1px #35c1eb;
	border-left: solid 1px #35c1eb;
	border-bottom: solid 1px #35c1eb;
	border-radius: 6px;
	margin-bottom: 6px;
}
@media (min-width: 600px) and (max-width: 1049px) {
.coinbuy-slidetoggle_menu2 {

}
}
@media (max-width: 599px) {
.coinbuy-slidetoggle_menu2 {
	border-top: solid 1px #35c1eb;
	border-right: solid 1px #35c1eb;
	border-left: solid 1px #35c1eb;
	border-bottom: solid 1px #35c1eb;
	margin-bottom: 0px;
}
}

/* コイン購入ページトグル2(特定商取引表記)タイトル */
.coinbuy-slidetoggle_menu2 dt {
	background:url("../images/plus-gray.png") right 16px center no-repeat;
	background-size: 24px 24px;
	cursor: pointer;
	font-size: 14px;
    text-align: center;
    color: #35c1eb;
	padding: 10px 10px 10px 32px;
    transition: all .4s ease-in-out;
}
@media (min-width: 600px) and (max-width: 1049px) {
.coinbuy-slidetoggle_menu2 dt {
	padding: 10px 10px 10px 12px;
}
}
@media (max-width: 599px) {
.coinbuy-slidetoggle_menu2 dt {
	padding: 10px 10px 10px 16px;
}
}

.coinbuy-slidetoggle_menu2 dt:hover {
	background-color: #edfbff;
	border-radius: 7px;
}


/* コイン購入ページトグル2(特定商取引表記)タイトルアクティブ時 */
.coinbuy-slidetoggle_menu2 dt.active {
	background:url("../images/minus-gray.png") right 16px center no-repeat;
	background-size: 24px 24px;
	border-bottom: solid 1px #e3e3e3;
}


/* コイン購入ページトグル2中身(特定商取引表記)タイトルアクティブ時 */
.coinbuy-filter-toggle-content2 {
	display:none;
	padding: 16px 16px 16px 32px;
}
@media (min-width: 600px) and (max-width: 1050px){
.coinbuy-filter-toggle-content2 {
	padding: 10px 10px 10px 10px;
}
}
@media (max-width: 599px) {
.coinbuy-filter-toggle-content2 {
	padding: 10px 10px 10px 10px;
}
}

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

/* コイン購入ページフォームパディング調整  */
.coinbuy-filter-form-paddingadjust {
	padding: 4px;
}


/* 項目タイトル  */
.performerdetail-filter-title {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}


/* --------------------------------WEB版リニューアル2020年12月追加-------------------------------- */

/* -------------------------- モーダルウィンドウ ------------------------------- */

.white-popup-photodetail {
	position: relative;
	background: #ffffff;
	padding: 36px 14px 14px 14px;
	width: auto;
	max-width: 780px;
	margin: 20px auto 20px auto;
}

/* ポップアップ内メインメッセージ */
.popup-maintext {
	margin: 8px 0 16px 0;
	font-size: 18px;
	font-weight: bold;
}

/* ポップアップ内サブテキスト */
.popup-subtext {
	margin: 8px 0 8px 0;
}

/* ポップアップ内サブテキスト赤色強調 */
.popup-subtext-strong {
	display: inline-block;
	color: #ff0000;
	font-weight: bold;
	margin-right: 4px;
}


/* ポップアップ内ボタン */
.popup-buttton-clap {
    display: inline-block;
    background-color: #ff0000;
    color: #ffffff;
	font-size: 18px;
    width: 100%;
    max-width: 800px;
    padding-top: 14px;
    padding-bottom: 14px;
    border-radius: 6px;
	margin-bottom: 8px;
}
/* ポップアップ内ボタン（反転） */
.popup-buttton-clap-hanten {
    display: inline-block;
    background-color: #ffffff;
    color: #ff0000;
	border: 1px solid #ff0000;
	font-size: 18px;
    width: 100%;
    max-width: 800px;
    padding-top: 13px;
    padding-bottom: 13px;
    border-radius: 6px;
	margin-bottom: 8px;
}

/* clapアイコン表示 */
.popup-buttton-clap-clapicon {
    display: inline-block;
    position: relative;
    top: -3px;
    width: 18px;
    height: auto;
    margin-right: 6px;
}


/* 保有ポイント表示部 */
.popup-status-block {
	width: 50%;
	margin-bottom: 8px;
}

.popup-statustable {
	display: inline-block;
	background-color: #666666;
	width: 100%;
	color: #ffffff;
	padding: 4px 10px 4px 10px;
	margin-top: 6px;
	border-radius: 6px;
	font-size: 9px;
}
@media (min-width: 1080px) {
.popup-statustable {
	padding: 10px 10px 10px 10px;
	margin-top: 6px;
	font-size: 11px;
}
}
.popup-statustable:after {
	display: block;
	content: "";
	clear: both;
}

/* 保有コイン表示ブラックエリアテキスト */
.popup-blackarea-count {
	font-size: 16px;
	font-weight: bold;
	padding-right: 4px;
	padding-left: 4px;
}
@media (min-width: 1080px) {
.popup-blackarea-count {
	font-size: 20px;
}
}

/* セレクトボックス */
.popup-coinselect {
	font: normal 16px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
	border:1px solid #c0c0c0;
	background-color: #ffffff;
	padding: 10px;
	color: #222222;
	width: 100%;
	-webkit-appearance: none;
	line-height: 1.5;
    border-radius: 4px;
	margin-bottom: 8px;
}
/* フォーカスを避ける処理。通常時と同じ設定で上書きしている。 */
.popup-coinselect:focus {
	background-color: #ffffff;
	border:1px solid #c0c0c0;
	outline:none!important;
}


/* -------------レベルアップポップアップ--------------- */



/* レベル表示ブロック */
.popup-levelup-levelblock {
	padding: 20px 0 20px 0;
	margin-top: -16px;
}

/* レベルテキスト1 */
.popup-levelup-levellabel1 {
	display: inline-block;
	font-size: 38px;
	color: #666666;
	line-height: 1.0;
}

/* レベルテキスト2 */
.popup-levelup-levellabel2 {
	display: inline-block;
	font-weight: bold;
	font-size: 48px;
	color: #ff0000;
	line-height: 1.0;
}

/* レベルテキスト称号名 */
.popup-levelup-levelsyougou {
	display: inline-block;
	padding-top: 4px;
	font-size: 12px;
	color: #999999;
	line-height: 1.0;
}

/* ポップアップタイトルテキスト画像 */
.popup-levelup-titleimg {
	display: inline-block;
	width: 160px;
	height: auto;
	margin-bottom: 10px;
	margin-top: -10px;
}

/* clapテキスト */
.popup-levelup-claptext {
	display: inline-block;
	color: #ff0000;
	font-weight: bold;
	margin-right: 4px;
}

.popup-bg-orange-grade { /* created by http://www.colorzilla.com/gradient-editor/ */
	background: rgb(249,247,236);
	background: -moz-linear-gradient(top, rgb(249,247,236) 0%, rgb(255,255,255) 29%, rgb(255,255,255) 70%, rgb(249,247,236) 100%);
	background: -webkit-linear-gradient(top, rgb(249,247,236) 0%,rgb(255,255,255) 29%,rgb(255,255,255) 70%,rgb(249,247,236) 100%);
	background: linear-gradient(to bottom, rgb(249,247,236) 0%,rgb(255,255,255) 29%,rgb(255,255,255) 70%,rgb(249,247,236) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f7ec', endColorstr='#f9f7ec',GradientType=0 );
}

/* -------------写真詳細ページ--------------- */

/* コメントブロックコンテナ */
.apppreview-photocommentblock-container {
	text-align: center;
	width: 100%;
}

/* コメントブロック */
.apppreview-photocommentblock {
    width: 83%;
	text-align: left;
	margin: auto;
    font-size: 18px;
	line-height: 1.5;
    color: #222222;
}
@media (min-width: 600px) and (max-width: 799px) {
.apppreview-photocommentblock {
    font-size: 16px;
    }
}
@media (max-width: 599px) {
.apppreview-photocommentblock {
      width: 100%;
	padding-right: 10px;
	padding-left: 10px;
    font-size: 14px;
    }
}

/* クラップカウントブロック */
.apppreview-clapcountblock {

}
@media (max-width: 599px) {
.apppreview-clapcountblock {
	text-align: right;
	padding-right: 10px;
}
}

/* クラップアイコン画像 */
.apppreview-clapiconimg {
	position: relative;
	top: -2px;
	display: inline-block;
	height: 24px;
	width: auto;
	margin-right: 4px;
}
@media (min-width: 600px) and (max-width: 799px) {
.apppreview-clapiconimg {
	top: -2px;
	height: 20px;
	width: auto;
	margin-right: 4px;
}
}
@media (max-width: 599px) {
.apppreview-clapiconimg {
	height: 16px;
	top: -3px;
	margin-right: 3px;
}
}

/* クラップ数数字テキスト */
.apppreview-clapcounttext {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 20px;
    color: #222222;
}
@media (min-width: 600px) and (max-width: 799px) {
.apppreview-clapcounttext {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
}
}
@media (max-width: 599px) {
.apppreview-clapcounttext {
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 14px;
	padding-right: 4px;
}
}

/* タイムスタンプ */
.apppreview-timestamp {
color: #aaaaaa;
	font-size: 16px;
}
@media (min-width: 600px) and (max-width: 799px) {
.apppreview-timestamp {
	font-size: 15px;
}
}
@media (max-width: 599px) {
.apppreview-timestamp {
	font-size: 11px;
}
}

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

.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: 20px 10px 10px 10px;
	margin-top: 80px;
}
@media (min-width: 600px) and (max-width: 1049px){
.memberprofile-profileblock {
	margin-top: 80px;
    padding: 20px 0px 10px 0px;
}
}
@media (max-width: 599px) {
.memberprofile-profileblock {
	margin-top: 0px;
    padding: 20px 0px 10px 0px;
}
}

/* プロフィール情報ブロック(ユーザーページ) */
.userprofile-profileblock {
	position: relative;
	padding: 10px 10px 10px 10px;
	text-align: center;
}
@media (min-width: 600px) and (max-width: 1049px){
.userprofile-profileblock {
	text-align: center;
    padding: 10px 0px 10px 0px;
}
}
@media (max-width: 599px) {
.userprofile-profileblock {
	text-align: left;
	margin-top: 0px;
    padding: 10px 0px 10px 0px;
}
}


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

/* 3点メニュー会員ページ */
.userprofile-3pointmenu {
	position: absolute;
	right: 8px!important;
	top: 210px!important;
}
@media (min-width: 800px) and (max-width: 1049px){
.userprofile-3pointmenu {
	right: 8px!important;
	top: 150px!important;
}
}
@media (min-width: 600px) and (max-width: 799px){
.userprofile-3pointmenu {
	right: 8px!important;
	top: 114px!important;
}
}
@media (max-width: 599px) {
.userprofile-3pointmenu {
	right: -6px!important; /* left: 86px;から変更 */
	top: 16px!important;
}
}


/* ラージアバター画像エリア */
.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: -64px;  /* 変更前は-74px */
	left: 0px;
	width: 80px;
	height: auto;
	border: solid 4px #ffffff;
	transition: all .2s ease-in-out;  
}
}

/* ラージアバター画像・画像(ユーザーページ) */
.userprofile-largeavatarimg {
	display: inline-block;
	position: relative;

	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){
.userprofile-largeavatarimg {

	left: 0px;
	width: 180px;
	height: auto;
	border: solid 10px #f4f4f4;
	transition: all .2s ease-in-out;  
}
}
@media (min-width: 600px) and (max-width: 799px){
.userprofile-largeavatarimg {

	left: 0px;
	width: 140px;
	height: auto;
	border: solid 8px #f4f4f4;
	transition: all .2s ease-in-out;  
}
}
@media (max-width: 599px) {
.userprofile-largeavatarimg {
	top: 0px;  /* 変更前は-74px */
	left: 0px;
	width: 80px;
	height: auto;
	border: solid 4px #ffffff;
	transition: all .2s ease-in-out;  
}
}

.userprofile-datalist-world {
	display: inline-block;
	position: relative;
	color: #ffffff;
    font-size: 9px;
	padding: 4px 4px 3px 4px;
	margin-left: 0px;
	line-height: 1.0!important;
	border-radius: 4px;
}

.userprofile-datalist-world.world-sweet {
	background-color: #ef4489;
}

.userprofile-datalist-world.world-bitter {
	background-color: #4bb4f1;
}

.userprofile-datalist-world.world-cherry {
	background-color: #45a806;
}

.userprofile-datalist-world.world-shiny {
	background-color: #ff6f00;
}

.userprofile-datalist-world.world-passion {
	background-color: #f31e1e;
}

/* 応援実績タイトル */
.userpage-subtitle {
	background-color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	color: #222222;
	border-bottom: 0px;
	padding: 22px 10px 12px 0px;
}
@media (max-width: 599px) {
.userpage-subtitle {
	background-color: #f5f7fa;
	font-weight: normal;
	font-size: 14px;
	color: #222222;
	border-bottom: 1px solid #dddfe2;
	padding: 12px 10px 12px 14px;
}
}

@media (max-width: 599px) {
.layerprofile-linklist-ul {
	margin-right: -14px;
	margin-left: -14px;
}
}
.layerprofile-linklist-li {
	border-top: 1px solid #f0f0f0;
	font-size: 13px;
}

.layerprofile-linklist-li:last-child {
	border-bottom: 1px solid #f0f0f0;
}
@media (max-width: 599px) {
.layerprofile-linklist-li:last-child {
	border-bottom: 0px;
}
}

.layerprofile-linklist-a {
	display: block;
	width: 100%;
	padding: 12px 0px 12px 14px;
	transition: all .4s ease-in-out;  
}

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

.layerprofile-linklist-img {
	display: inline-block;
	position: relative;
	top: -3px;
	width: 16px;
	height: 16px;
	margin-right:10px;
}

.layerprofile-linklist-text {
	display: inline-block;
	color: #222222;
}


/* カバー画像ボトムエリア */
.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 #e02b73;
	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: 100px;
	text-align: center;
	height: 60px;/* カバー画像ボトムエリアの高さに合わせる */
	border-color: #e02b73;
  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;
	width: 33.3333%;
	height: 60px;/* カバー画像ボトムエリアの高さに合わせる */
}
}

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


.memberprofile-topmenu-a {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 20px 30px 0 30px;
	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: 19px 11px 0 11px;
	height: 60px;/* カバー画像ボトムエリアの高さに合わせる */	
}
}
@media (min-width: 400px) and (max-width: 599px){
.memberprofile-topmenu-a {
	padding: 12px 16px 0 16px;
	height: 48px;/* カバー画像ボトムエリアの高さに合わせる */	
	font-size: 15px;
}
}
@media (max-width: 399px) {
.memberprofile-topmenu-a {
	padding: 11px 10px 0 10px;
	height: 48px;/* カバー画像ボトムエリアの高さに合わせる */	
	font-size: 15px;
}
}

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

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

.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 {
	display: inline-block;
	width: 100%;
	text-align: left;
	font-size: 21px;
	line-height: 1.3;
	color: #000000;
	font-weight: bold;
}
@media (max-width: 599px) {
.memberprofile-hundlename {
	font-size: 18px;
}
}

/* ハンドルネーム(ユーザーページ) */
.userprofile-hundlename {
	display: inline-block;
	width: 100%;
	text-align: left;
	font-size: 21px;
	line-height: 1.3;
	color: #000000;
	font-weight: bold;
	padding-top: 10px;
}
@media (max-width: 599px) {
.userprofile-hundlename {
	font-size: 18px;
	padding-top: 8px;
}
}


/* メンバー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;
}

/* もっと見るブロック */
.prof-moredata-block {
	display: inline-block;
	margin-top: 4px;
}



/* 説明文章 */
.memberprofile-description {
	display: inline-block;
	width: 100%;
	text-align: left;
	margin-top: 8px;
	margin-bottom: 8px;
}

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

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

/* クラップ数数字 */
.memberprofile-clapcount {
	color: #ff0000;
	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-margin-adjust {
	margin-bottom: 67px;
}
@media (min-width: 600px) and (max-width: 1049px){
.footerpanel-margin-adjust {
	margin-bottom: 58px;
}
}
@media (max-width: 599px){
.footerpanel-margin-adjust {
	margin-bottom: 58px;
}
}

/* フッターパネル(ホーム、検索、トーク、プロフィール)※高さを調整すること */
.footerpanel-profpage {
	display: block;
	width: 100%;
	z-index: 100;
	position: fixed;
	bottom: 0;
	left: 0;
	color: #ffffff;
	text-align: center;
	background-color: #fafafa;
	border-top: 1px solid #e5e5e5;
	padding: 0;
	font-size: 16px;
	transition: all .4s ease-in-out;
}
@media (min-width: 1050px){
.footerpanel-profpage {
	background-color: #000000;
	border-top: none;
}
}

.footerpanel-profpage-ul {

}

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



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

.footerpanel-prof-link {
	display: inline-block;
	width: 100%;
	font-size: 14px;
 	/* line-height: 53px; */
	color: #c2c2c2;
	padding-top: 8px;
	padding-bottom: 2px;
	transition: all .4s ease-in-out;  
}
@media (min-width: 1050px){
.footerpanel-prof-link {
	padding-top: 12px;
	padding-bottom: 6px;
}
}

.footerpanel-prof-link:hover {
	background-color: #cccccc;
}
@media (min-width: 1050px){
.footerpanel-prof-link:hover {
	background-color: #b24592;
}
}
@media (min-width: 1050px){
.footerpanel-prof-link:hover {
	color: #ffffff;
}
}


/* テキストラベル */
.footerpanel-prof-link-label {
	font-size: 8px;
	font-weight: normal;
}
@media (min-width: 1050px){
.footerpanel-prof-link-label {
	font-size: 10px;
}
}

/* 「ホーム」ボタン アイコン */
.footerpanel-prof-link .fa-home {
	position: relative;
	top: 6px;
	font-size: 22px;
}
@media (min-width: 1050px){
.footerpanel-prof-link .fa-home {
	font-size: 24px;
	top: 4px;
}
}

/* 「フィード」ボタン アイコン */
.footerpanel-prof-link .fa-rss-square {
	position: relative;
	top: 5px;
	font-size: 22px;
}
@media (min-width: 1050px){
.footerpanel-prof-link .fa-rss-square {
	font-size: 24px;
	top: 3px;
}
}

/* 「検索」ボタン アイコン */
.footerpanel-prof-link .fa-search {
	position: relative;
	top: 5px;
	font-size: 22px;
}
@media (min-width: 1050px){
.footerpanel-prof-link .fa-search {
	font-size: 24px;
	top: 3px;
}
}

/* 「トーク」ボタン アイコン */
.footerpanel-prof-link .fa-comments {
	position: relative;
	top: 6px;
	font-size: 22px;
}
@media (min-width: 1050px){
.footerpanel-prof-link .fa-comments {
	font-size: 24px;
	top: 4px;
}
}

/* フッターメニュー未読ドット */
.footermenu-midokudot {
display: inline-block;
    position: absolute;
    right: -20px;
    top: -10px;
    font-size: 22px;
    color: #ff0000;
}
@media screen and (max-width: 599px) {
.footermenu-midokudot {
    right: -16px;
    top: -8px;
    font-size: 16px;
}
}

/* 「プロフィール」ボタン アイコン */
.footerpanel-prof-link .fa-address-card {
	position: relative;
	top: 6px;
	font-size: 22px;
}
@media (min-width: 1050px){
.footerpanel-prof-link .fa-address-card {
	font-size: 24px;
	top: 4px;
}
}





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

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

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

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

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

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

/* お気に入りアイコン */
.layerprofile-topblock-favoblock {
/* position: absolute; */
	display: inline-block;
	padding: 8px;
	border: 1px solid #eeeeee;
	border-radius: 8px;
	margin-right: 6px;
	cursor: pointer;
}

/* お気に入りアイコンON時 */
.layerprofile-topblock-favoblock-active {
	/* position: absolute; */
	display: inline-block;
	padding: 8px;
	border: 1px solid #e8c859;
	background-color: #f3c959;
	border-radius: 8px;
	margin-right: 6px;
	cursor: pointer;
}

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



/* twitterアイコン */
.layerprofile-twittericon-a {

position: absolute;
top: -22px;
    left: 82px;

    display: inline-block;
    padding: 8px;
    border: 1px solid #bde3ff;
    border-radius: 8px;
	font-size: 11px;
	line-height: 1.0;
	color: #46a3ea;
}

/* twitterアイコンリンク無し時 */
.layerprofile-twittericon-a-empty {
    display: inline-block;
    padding: 8px;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
	font-size: 11px;
	line-height: 1.0;
	color: #cccccc;
}

.layerprofile-twittericon-text {
	display: inline-block;
	position: relative;
	top: -3px;
	margin-left: 3px;
}

.layerprofile-twittericonimg {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
}

/* 半透明帯 */	
.img-desc {
  position:relative;
  display:block;
  width:100%; 
height:auto;
  overflow:hidden;
}
.img-desc-char {
  position:absolute;
  margin:0;
  padding-top:20px;
  padding-bottom:16px;
  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%);
}
@media screen and (max-width: 599px) {
.img-desc-char {
  padding-top:15px;
  padding-bottom:8px;
}
}

/* トップページの新着メディア3列表示につき、ボトムのパディングを詰める処理 */
@media screen and (max-width: 599px) {
.narrow-bottompadding {
	padding-bottom:2px!important;
}
}

.img-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: 12px;
  padding-right: 12px;
  overflow: hidden;
  word-wrap:normal;
  word-break:normal;
  white-space: nowrap;
text-overflow: ellipsis;
}
@media screen and (max-width: 599px) {
.img-desc-maintext, .img-desc-subtext {
  padding-left: 8px;
  padding-right: 8px;
}
}

.img-desc a, .img-desc a:hover, .img-desc a:visited {
  color:#ffffff;
  text-decoration: none;
}

.img-desc-maintext {
	font-size: 14px;
    color: #ffffff;
}
@media screen and (max-width: 599px) {
.img-desc-maintext {
	font-size: 12px;
    color: #ffffff;
}
}

/* トップページの衣装2列表示につき、文字サイズを大きくする処理 */
@media screen and (max-width: 599px) {
.img-desc-maintext-largesize {
	font-size: 14px!important;
}
}


/* トップページの新着メディア3列表示につき、左右のパディングを詰める処理 */
@media screen and (max-width: 599px) {
.narrow-padding {
  padding-left: 5px!important;
  padding-right: 5px!important;
}
}
.img-desc-subtext {
	font-size: 10px;
    color: #ffffff;
}
@media screen and (max-width: 599px) {
.img-desc-subtext {
	font-size: 10px;
    color: #ffffff;
}
}

.img-desc-smalltext {
	font-size: 12px;
    color: #ffffff;
}

.listpage-clapicon {
	position: relative;
    width: 14px;
    height: auto;
    margin-right: 5px;
    top: -5px;
}

span.img-desc-subtext i.fa-hand-paper-o {
	position: relative;
    width: 14px;
    height: auto;
    margin-right: 5px;
    top: -1px;
}


.layerprofile-lefticon-backlink {
	position: relative;
	display: inline-block;
	padding: 16px 16px 16px 16px;
	background-color: rgba(0,0,0,0.0);
	border-radius: 50%;
}

.layerprofile-lefticon-image {
	display: inline-block;
	width: 22px;
	height: 22px;
}

/* 左上三角ジャンル分類ラベル背景 */
.topleft-bunrui-sankaku {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 60px 0 0;
	border-color: #ed09a5 transparent transparent transparent;
}
@media screen and (max-width: 599px) {
.topleft-bunrui-sankaku {
	border-width: 8vw 8vw 0 0;
}
}

/* 左上三角ジャンル分類ラベルテキスト */
.topleft-bunrui-text {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-shadow:1px 1px 0 #ed09a5, -1px -1px 0 #ed09a5,
              -1px 1px 0 #ed09a5, 1px -1px 0 #ed09a5,
              0px 1px 0 #ed09a5,  0-1px 0 #ed09a5,
              -1px 0 0 #ed09a5, 1px 0 0 #ed09a5;
	padding-top: 8px;
	padding-left: 10px;
}
@media screen and (max-width: 599px) {
.topleft-bunrui-text {
	font-size: 12px;
	padding-top: 0px;
	padding-left: 6px;
}
}

/* ------------　分類ラベルカラー　------------ */

/* ジャンルカラー（黒） */
.genre-color-default {
	border-color: #000000 transparent transparent transparent;
	text-shadow: 1px 1px 0 #000000, -1px -1px 0 #000000,
						-1px 1px 0 #000000,	1px -1px 0 #000000,
						0px 1px 0 #000000, 0-1px 0 #000000,
						-1px 0 0 #000000,	1px 0 0 #ffffff;
}

/* ジャンルカラー（赤） */
.genre-color-red {
	border-color: #f50000 transparent transparent transparent;
	text-shadow:1px 1px 0 #f50000, -1px -1px 0 #f50000,
              -1px 1px 0 #f50000, 1px -1px 0 #f50000,
              0px 1px 0 #f50000,  0-1px 0 #f50000,
              -1px 0 0 #f50000, 1px 0 0 #f50000;
}

/* ジャンルカラー（ピンク） */
.genre-color-pink {
	border-color: #ed09a5 transparent transparent transparent;
	text-shadow:1px 1px 0 #ed09a5, -1px -1px 0 #ed09a5,
              -1px 1px 0 #ed09a5, 1px -1px 0 #ed09a5,
              0px 1px 0 #ed09a5,  0-1px 0 #ed09a5,
              -1px 0 0 #ed09a5, 1px 0 0 #ed09a5;
}

/* ジャンルカラー（緑） */
.genre-color-green {
	border-color: #45bd1d transparent transparent transparent;
	text-shadow:1px 1px 0 #45bd1d, -1px -1px 0 #45bd1d,
              -1px 1px 0 #45bd1d, 1px -1px 0 #45bd1d,
              0px 1px 0 #45bd1d,  0-1px 0 #45bd1d,
              -1px 0 0 #45bd1d, 1px 0 0 #45bd1d;
}

/* ジャンルカラー（青） */
.genre-color-blue {
	border-color: #00aaea transparent transparent transparent;
	text-shadow:1px 1px 0 #00aaea, -1px -1px 0 #00aaea,
              -1px 1px 0 #00aaea, 1px -1px 0 #00aaea,
              0px 1px 0 #00aaea,  0-1px 0 #00aaea,
              -1px 0 0 #00aaea, 1px 0 0 #00aaea;
}

/* ジャンルカラー（オレンジ） */
.genre-color-orange {
	border-color: #f39200 transparent transparent transparent;
	text-shadow:1px 1px 0 #f39200, -1px -1px 0 #f39200,
              -1px 1px 0 #f39200, 1px -1px 0 #f39200,
              0px 1px 0 #f39200,  0-1px 0 #f39200,
              -1px 0 0 #f39200, 1px 0 0 #f39200;
}










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


.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: 800px) {
.phototable-item-ver2 {
	margin: 0 0 0 0;
	padding: 6px;
}
}
@media screen and (max-width: 799px) and (min-width: 600px) {
.phototable-item-ver2 {
	margin: 0 0 0 0;
	padding: 2px;
}
}
@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: 50%;
		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: 33.3333%;/* やり方が分からないので暫定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%;
	}
}


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

.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 #42a558;
	border-left: 0px;
	border-right: 0px;

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

.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:focus {
    border: 1px solid #e5e5e5!important;
}

.form-option-toppage-worldselect {
	 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 8px 6px 12px;
    max-width: 100%;
    -webkit-appearance: none!important;
    line-height: 1.5;
    border-radius: 3px;
}
@media screen and (min-width: 600px) and (max-width: 799px) {
.form-option-toppage-worldselect {
	 font: normal 13px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
    padding: 8px 12px 8px 20px;
}
}

@media screen and (min-width: 800px) and (max-width: 1049px) {
.form-option-toppage-worldselect {
	 font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
    padding: 8px 12px 8px 20px;
}
}


@media (min-width: 1050px) {
.form-option-toppage-worldselect {
	 font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
    padding: 8px 12px 8px 20px;
}
}




.form-option:focus {
	border: 1px solid #e5e5e5 !important;
}



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

.second-linktab-area {
	padding: 24px 0px 24px 0px;
	background-color: #ffffff;

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

/* 2分割時 */
.width50percent {
	width: 50%!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;
}

/* ------コスプレイヤーリスト-------- */

.rankingpage-layerlist-ul {

}

.rankingpage-layerlist-li {
	display: block;
	position: relative;
	line-height: 1.4;

	overflow: auto;/* これを入れないと左ブロックに高さが引きずられる。 */
} 

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


/* リストセル */
.rankingpage-layerlist-li-a {
	overflow: auto;
	display: block;
	position: relative;
	border-bottom: 1px solid #f1f1f1;
	padding: 12px 14px 12px 0px;
	color: #000000;
    transition: all .4s ease-in-out;
}
@media (min-width: 600px) and (max-width: 1049px){
.rankingpage-layerlist-li-a {
	padding: 8px 14px 8px 0px;
}
}
@media (max-width: 599px){ 
.rankingpage-layerlist-li-a {
	padding: 8px 14px 8px 0px;

}
}

.rankingpage-layerlist-li-a:hover {
    background-color: #f7f7f7;
}


.rankingpage-layerlist-li-link {
	display: block;
}

/* 応援団長マーク */
.rankingpage-layerlist-1strank {
	position: absolute;
	top: 92px;
	left: 32px;
	display: inline-block;
	text-align: center;
	font-size: 11px;
	line-height: 1.0;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff0000;
	padding: 6px 10px 6px 10px;
	border-radius: 12px;
}
@media (min-width: 600px) and (max-width: 1049px){
.rankingpage-layerlist-1strank {
	top: 60px;
	left: 24px;
	font-size: 8px;
	padding: 4px 8px 4px 8px;
	border-radius: 12px;
}
}
@media (max-width: 599px){ 
.rankingpage-layerlist-1strank {
	top: 60px;
	left: 24px;
	font-size: 8px;
	padding: 4px 8px 4px 8px;
	border-radius: 12px;
}
}
/* 副団長マーク */
.rankingpage-layerlist-2ndrank {
	position: absolute;
	top: 92px;
	left: 34px;
	display: inline-block;
	text-align: center;
	font-size: 11px;
	line-height: 1.0;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff0000;
	padding: 6px 10px 6px 10px;
	border-radius: 12px;
}
@media (min-width: 600px) and (max-width: 1049px){
.rankingpage-layerlist-2ndrank {
	top: 60px;
	left: 27px;
	font-size: 8px;
	padding: 4px 8px 4px 8px;
	border-radius: 12px;
}
}
@media (max-width: 599px){ 
.rankingpage-layerlist-2ndrank {
	top: 60px;
	left: 27px;
	font-size: 8px;
	padding: 4px 8px 4px 8px;
	border-radius: 12px;
}
}

/* 無効画像背景グレー */
.mukou-image {
	opacity: 0.2;
}

.mukou-image-area {
	background-color: #555555;
}

/* 順位表示 */
.rankingpage-layerlist-rankcount {
	position: absolute;
	top: 8px;
	left: 10px;
	display: inline-block;
	text-align: center;
	font-size: 15px;
	line-height: 1.0;
	font-weight: bold;
	color: #ffffff;
	background-color: #ef4489;
	padding: 8px 10px 8px 10px;
	border-radius: 20px;
}
@media (min-width: 600px) and (max-width: 1049px){
.rankingpage-layerlist-rankcount {
	top: 8px;
	left: 10px;
	font-size: 11px;
	padding: 6px 8px 6px 8px;
	border-radius: 12px;
}
}
@media (max-width: 599px){ 
.rankingpage-layerlist-rankcount {
	top: 8px;
	left: 10px;
	font-size: 11px;
	padding: 6px 8px 6px 8px;
	border-radius: 12px;
}
}

.rankingpage-layerlist-avatar {
	display: inline-block;
	float: left;
	margin-left: 16px;
}

.rankingpage-layerlist-rank {
	display: inline-block;
	float: right;
	margin-right: 10px;
	font-weight: bold;
	font-size: 14px;
}
@media (max-width: 599px){ 
.rankingpage-layerlist-rank {
	line-height: 64px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.rankingpage-layerlist-rank {
	line-height: 72px;
}
}
@media (min-width: 800px) and (max-width: 1049px){
.rankingpage-layerlist-rank {
	line-height: 72px;
}
}
@media (min-width: 1050px){ 
.rankingpage-layerlist-rank {
	line-height: 96px;
}
}

/* ユーザー名 */
.rankingpage-layerlist-data {
	display: inline-block;
	width: auto;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 12px;
}
@media (min-width: 600px) and (max-width: 1049px){
.rankingpage-layerlist-data {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 4px;
}
}
@media (max-width: 599px){ 
.rankingpage-layerlist-data {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 4px;
}
}


.rankingpage-layerlist-cosname {

}

.rankingpage-layerlist-twitter {
	display: inline-block;
	font-size: 11px;
    color: #aaaaaa;
}


.layerprofile-datalist-li {
	padding: 16px 14px 16px 14px;
	font-size: 14px;
	border-bottom: 1px solid #f0f0f0;
	color: #666666;
	overflow: auto;
}
@media (max-width: 599px){ 
.layerprofile-datalist-li {
	padding: 8px 14px 8px 14px;
	font-size: 12px;
	color: #999999;
}
}

.layerprofile-datalist-li:last-child {
	border-bottom: 0px;
}

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

.layerprofile-datalist-date {
	float: left;
}

.layerprofile-datalist-clap {
	float: right;
}

.layerprofile-datalist-count {
	color: #222222;
	font-weight: bold;
	margin-right: 4px;
}

@media (min-width: 1050px){ 
.photodetailpage-targetlist-ul {
	margin-bottom: 16px;
}
}

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

.photodetailpage-targetlist-li {
	display: inline-block;
	width: 50%;
	float: left;
	text-align: center;
	border-left: 0px;
	border-right: solid 1px #eeeeee;
}
.photodetailpage-targetlist-li:first-child {
	border-left: solid 1px #eeeeee;
}

.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;
    transition: all .4s ease-in-out;
}
@media (min-width: 1050px){ 
.photodetailpage-targetlist-a {
	padding: 12px 0px 12px 0px;
	font-size: 12px;
	color: #888888;
}
}

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



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




/* レベル表示ブロック */
.rankingpage-layerlist-lv {
	display: inline-block;
	font-size: 11px;
	color: #aaaaaa;
	margin-right: 4px;
	margin-bottom: 12px;
}
@media (min-width: 600px) and (max-width: 1049px){
.rankingpage-layerlist-lv {
	font-size: 11px;
	margin-right: 4px;
	margin-bottom: 8px;
}
}
@media (max-width: 599px){ 
.rankingpage-layerlist-lv {
	font-size: 11px;
	margin-right: 4px;
	margin-bottom: 8px;
}
}

/* レベル表示ブロック(ユーザーページ) */
.userpage-layerlist-lv {
	position: absolute;
	display: inline-block;
	font-size: 11px;
	color: #aaaaaa;
	margin-right: 4px;
	margin-bottom: 12px;
	z-index: 100;
	top: 228px;
	left: 14px;
}
@media (min-width: 800px) and (max-width: 1049px){
.userpage-layerlist-lv {
	font-size: 11px;
	margin-right: 4px;
	margin-bottom: 8px;
	top: 172px;
	left: 4px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.userpage-layerlist-lv {
	font-size: 11px;
	margin-right: 4px;
	margin-bottom: 8px;
	top: 128px;
	left: 4px;
}
}
@media (max-width: 599px){ 
.userpage-layerlist-lv {
	font-size: 11px;
	margin-right: 4px;
	margin-bottom: 8px;
	top: 70px;
	left: 70px;
}
}

.userprofile-topblock-favoblock-a {
    display: inline-block;
    padding: 0px 8px 0px 8px;
	text-align: left;
	height: 34px;
    border: 1px solid #bde3ff;
    border-radius: 8px;
    font-size: 11px;
    line-height: 34px;
    color: #46a3ea;
	margin-top: 4px;
}

/* スマホ表示 */
.userprofile-topblock-favoblock-a-sp {
	position: absolute;
	left: 84px;
    display: inline-block;
    padding: 0px 8px 0px 8px;
	text-align: left;
	height: 34px;
    border: 1px solid #bde3ff;
    border-radius: 8px;
    font-size: 11px;
    line-height: 34px;
    color: #46a3ea;
	margin-top: 4px;
}

.userprofile-favoriteblock {
	float: left;
	margin-left: 98px;
}


/* クラップ数カウント */
.rankingpage-layerlist-count {
	font-size: 15px;
	font-weight: bold;
	margin-right: 10px;
}

@media (min-width: 600px) and (max-width: 1049px){
.rankingpage-layerlist-count {
	font-size: 12px;
	margin-right: 10px;
}
}
@media (max-width: 599px){ 
.rankingpage-layerlist-count {
	font-size: 12px;
	margin-right: 10px;
}
}

/* クラップ数カウントハンドアイコン */
.rankingpage-layerlist-icon {
	position: relative;
	top: -4px;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
}
@media (min-width: 600px) and (max-width: 1049px){
.rankingpage-layerlist-icon {
	top: -3px;
	width: 12px;
	height: 12px;
	margin-right: 2px;
}
}
@media (max-width: 599px){ 
.rankingpage-layerlist-icon {
	top: -3px;
	width: 12px;
	height: 12px;
	margin-right: 2px;
}
}

/* アバター画像 */
.rankingpage-avatarimg {
    width: 96px;
    height: 96px;
    margin-right: 20px;
}
@media (min-width: 600px) and (max-width: 1049px){
.rankingpage-avatarimg {
    width: 72px;
    height: 72px;
    margin-right: 14px;
}
}
@media (max-width: 599px){ 
.rankingpage-avatarimg {
    width: 64px;
    height: 64px;
    margin-right: 10px;
}
}

/* 国籍アイコン */
.userprofile-flagiconimg {
    position: absolute;
    top: 4px;
    left: 4px;
	width: 28px;
	height: 28px;
    display: inline-block;
    text-align: center;
	z-index: 100;
}
@media (min-width: 800px) and (max-width: 1049px){
.userprofile-flagiconimg {
    top: 22px;
    left: 6px;
	width: 48px;
	height: 48px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.userprofile-flagiconimg {
    top: 22px;
    left: 6px;
	width: 36px;
	height: 36px;
}
}
@media (max-width: 599px){ 
.userprofile-flagiconimg {
    top: 12px;
    left: -7px;
	width: 28px;
	height: 28px;
}
}
@media (min-width: 1050px){ 
.userprofile-flagiconimg {
    top: 22px;
    left: 14px;
	width: 64px;
	height: 64px;
}
}

/* レベルマーカー */
.level-marker {
	display: inline-block;
	position: relative;
	top: 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.0;
	padding: 4px 5px 3px 5px;
	background-color: #999999;
	color: #ffffff;
	border-radius: 3px;
	margin-right: 4px;
	margin-left: 2px;
}
@media (min-width: 600px) and (max-width: 1049px){
.level-marker {
	font-size: 9px;
	line-height: 1.0;
	padding: 3px 4px 2px 4px;
	border-radius: 2px;
	margin-right: 4px;
	margin-left: 2px;
}
}
@media (max-width: 599px){ 
.level-marker {
	font-size: 9px;
	line-height: 1.0;
	padding: 3px 4px 2px 4px;
	border-radius: 2px;
	margin-right: 4px;
	margin-left: 2px;
}
}

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

/* ------ページ内メニュー--------(2021年2月追加) */

.profilepage-headerbottomlist {
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background-color: #ffffff;
	/* margin-top: 10px; */
	margin-bottom: 10px;	
}
@media (max-width: 599px){ 
.profilepage-headerbottomlist {
	margin-right: -2px;
	margin-left: -2px;
	margin-bottom: 4px;	
}
}

ul.eventdetailpage-headerbottommenulist {/* メニューリスト */
	list-style: none;
	padding: 0;
	font-size: 0;/* インラインブロック敷き詰め隙間対策 */
}

/* メニューリストフロート解除 */
ul.eventdetailpage-headerbottommenulist:after {
	display: block;
	content: "";
	clear: both;
}

.eventdetailpage-headerbottommenulist-item {/* メニューリストアイテム */
	display: inline-block;
	height: 44px; 
	border-bottom: 0 solid #e02b73;	
	transition: all .15s ease-in-out;
	float: left;
	width: 33.3333%;
	text-align: center;
}
@media (min-width: 600px) and (max-width: 1049px){
.eventdetailpage-headerbottommenulist-item {
	height: 60px; 
}
}
@media (min-width: 1050px){ 
.eventdetailpage-headerbottommenulist-item {
	height: 68px; 
}
}

.eventdetailpage-headerbottommenulist-item-active {/* メニューリストアイテムアクティブ項目 */
	display: inline-block;
	height: 44px; 
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #e02b73;
	color: #e02b73!important;
	font-weight: bold!important;
}
@media (min-width: 600px) and (max-width: 1049px){
.eventdetailpage-headerbottommenulist-item-active {
	height: 60px; 
}
}
@media (min-width: 1050px){ 
.eventdetailpage-headerbottommenulist-item-active {
	height: 68px; 
}
}



.eventdetailpage-headerbottommenulist-item:hover {
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

.eventdetailpage-headerbottommenulist-item-link {/* メニューリストアイテムリンク */
	display: block;
	font: normal 13px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
	width: 100%;
    line-height: 22px;
    color:#777777;
    text-decoration: none;
    padding-top: 20px;
    padding-bottom: 20px;  
	font-weight: bold!important;
}
@media (max-width: 599px){ 
.eventdetailpage-headerbottommenulist-item-link {
    padding-top: 12px;
    padding-bottom: 12px;  
}
}
@media (min-width: 600px) and (max-width: 1049px){
.eventdetailpage-headerbottommenulist-item-link {
	font-size: 16px;
}
}
@media (min-width: 1050px){ 
.eventdetailpage-headerbottommenulist-item-link {
	font-size: 18px;
    padding-top: 24px;
    padding-bottom: 24px;  
}
}

.eventdetailpage-headerbottommenulist-item-link:hover {
    text-decoration: none;
}

/* イベントページコンテンツセクション */
.eventpage-contentsection {
	margin-left: -12px;
	margin-right: -12px;
}
@media (min-width: 600px) and (max-width: 1049px){
.eventpage-contentsection {
	margin-top: -2px;
	margin-left: -8px;
	margin-right: -8px;
}
}
@media (max-width: 599px){
.eventpage-contentsection {
	margin-top: -8px;
	margin-left: -14px;
	margin-right: -14px;
}
}

/* イベントページメンバーリスト部分 */
.eventdetailpage-memberlistblock {
	text-align: left;
	margin-left: -16px;
	margin-right: -16px;
}
@media (min-width: 600px){
.eventdetailpage-memberlistblock {
	margin-left: 0px;
	margin-right: 0px;
}
}

/* ########### MVP＆権利落ち関連 ########### */

/* ゴールド文字 */
.goldcolor {
	color: #f4b318!important;
}

/* シルバー文字 */
.silvercolor {
	color: #aaaaaa!important;
}

/* 更新時刻＆達成率表示ブロック */
.eventdataoptionblock {
	display: flex;
	justify-content: space-between;/* 2つの要素を左揃え＆右揃えにする */
	padding: 8px 10px 8px 10px;
    border-bottom: 1px solid #f0f0f0;
	margin-top: -10px;
	margin-left: -16px;
	margin-right: -16px;
}
@media (min-width: 600px){
.eventdataoptionblock {
	margin-left: 0px;
	margin-right: 0px;
}
}
@media (min-width: 600px) and (max-width: 1049px){
.eventdataoptionblock {
	padding: 8px 10px 8px 10px;
}
}

@media (min-width: 1050px){
.eventdataoptionblock {
	padding: 12px 10px 12px 10px;
}
}




/* 達成率テキスト */
.percenttext {
	font-size: 13px;
	font-weight: bold;
	color: #ff0000;
    margin-right: 4px;
}

/* 達成率テキストクリア */
.percenttext-clear {
	font-weight: bold;
	color: #29b304;
}

.eventpage-statusblock-text {
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 11px;
    color: #222222;
}
@media (min-width: 600px) and (max-width: 1049px){
.eventpage-statusblock-text {
	font-size: 12px;
}
}
@media (min-width: 1050px){
.eventpage-statusblock-text {
	font-size: 14px;
}
}



/* ------福袋販売対応2020年12月-------- */

.bg-special {
max-width: 100%;
width: 100%;
  height: 0;
  background: url(../images/2021newyear.jpg) top center / cover no-repeat;
background-attachment: fixed;
}

.bgwhite-sheer {
	background-color: rgba(255,255,255,0.9);
}

.bgcolor-none {
	background-color: rgba(255,255,255,0.0)!important;
}

.coinbuypage-button-special {
    display: inline-block;
    background-color: #ecae00;
    color: #ffffff;
    width: 100%;
    max-width: 800px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 6px;
	border: 1px solid #d2a20a;
	font-size: 18px;
	font-weight: bold;
}
@media (min-width: 1080px) {
.coinbuypage-button-special {
    width: 100%;
    max-width: 800px;
    padding-top: 16px;
    padding-bottom: 16px;
	font-size: 22px;
}
}

.coinbuypage-button-special span {
	display: inline-block;
	font-size: 11px;
	font-weight: normal;
}
@media (min-width: 1080px) {
.coinbuypage-button-special span {
	font-size: 14px;
	font-weight: normal;
	padding-top: 4px;
}
}

/* 在庫数表示 */
.zaiko-count {
	display: inline-block;
	color: #ff0000;
	font-weight: bold!important;
	font-size: 15px!important;
	margin-left: 6px;
}

/* キャンペーン看板 */
.sinnencamp2021img {
		display: inline-block;
	width: 60%;
	max-width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* 相対ポジション強制付与 */
.position-relative {
	position: relative!important;
}

.zaiko-illust {
	display: inline-block;
	position: absolute;
	top: -10px;
	right: -10px;
	width: 110px;
	height: auto;
}
@media (max-width: 599px){ 
.zaiko-illust {
	top: -10px;
	right: -14px;
	width: 90px;
	height: auto;
}
}

/* ------リニューアル後トップページ2021年2月-------- */











/* 汎用ボーダーボタン */
.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: 10px;
	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;
}



/* 切り替え表示ブロック */
.side-targetchange-block {
	display: block;
	vertical-align: middle;
	padding-top: 18px;
	padding-bottom: 18px;
	background-color: #fb0e7b;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.0;
  transition: all .4s ease-in-out;
}
@media (min-width: 600px) and (max-width: 799px){
.side-targetchange-block {
	font-size: 12px;
}
}
@media (max-width: 599px){
.side-targetchange-block {
	border-top: 6px solid #eaeaea;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: -14px;
	margin-left: -14px;
	margin-right: -14px;
}
}

.side-targetchange-block:hover {
	background-color: #000000;
}

/* 切り替え表示ブロックwrapper */
.side-targetchange-block-wrapper {
	padding-bottom: 10px;
}
@media (max-width: 599px){
.side-targetchange-block-wrapper {

}
}

.side-targetchange-block .fa-refresh {
	vertical-align: middle;
	margin-right: 6px;
	font-size: 20px;
}
@media (min-width: 600px) and (max-width: 799px){
.side-targetchange-block .fa-refresh {
	margin-right: 4px;
	font-size: 14px;
}
}


/* サイド広告ブロック */
@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: 2px;
}
}

/* 背景白実験（気に入らなかったら削除すること） */
@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-rightselect {
	display: inline-block;
	float: right;
	font-size: 18px;
	color: #909090;
	line-height: 54px;
	background-color: #ffffff;
	padding: 0 20px 0 20px;
	transition: all .4s ease-in-out;   
}
@media (min-width: 1050px) and (max-width: 1399px){
.toppage-listtitle-rightselect {
	padding: 0 16px 0 16px;
	font-size: 18px;
}
}
@media (min-width: 800px) and (max-width: 1049px){
.toppage-listtitle-rightselect {
	padding: 0 12px 0 12px;
	font-size: 17px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.toppage-listtitle-rightselect {
	padding: 0 12px 0 12px;
	font-size: 16px;
	background-color: #f2f2f2;
}
}
@media (max-width: 599px){
.toppage-listtitle-rightselect {
	padding: 0 12px 0 12px;
	font-size: 15px;
	line-height: 52px;
	background-color: #ffffff;
}
}


/* 右上「一覧へ」リンク */
.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-eventslider-block {
	margin-bottom: 70px;
}
@media (min-width: 1050px) and (max-width: 1399px){
.toppage-eventslider-block {
	margin-bottom: 20px;
}
}
@media (min-width: 600px) and (max-width: 1049px){
.toppage-eventslider-block {
	margin-bottom: 20px;
}
}
@media (max-width: 599px){
.toppage-eventslider-block {
	margin-bottom: 0px;
	border-bottom: 8px solid #eaeaea;
}
}

/* トップページ新着メディアブロック */
.toppage-photolist-block {
	margin-bottom: 70px;
	margin-right: -10px;
	margin-left: -10px;
}
@media (min-width: 800px) and (max-width: 1199px){
.toppage-photolist-block {
	margin-right: -6px;
	margin-left: -6px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.toppage-photolist-block {
	margin-right: -2px;
	margin-left: -2px;
}
}

@media (min-width: 1050px) and (max-width: 1399px){
.toppage-photolist-block {
	margin-bottom: 20px;
}
}
@media (min-width: 600px) and (max-width: 1049px){
.toppage-photolist-block {
	margin-bottom: 20px;
}
}
@media (max-width: 599px){
.toppage-photolist-block {
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
}


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



/* ニュースエリア */
.toppage-newsarea {
	margin-top: 30px;
	margin-bottom: 50px;
    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;
	font-family: 'Gideon Roman', cursive;
	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;
}
}



/* ---------------サイド広告バナー-------------- */

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

.add-text {
	margin-top: -6px;
	width: 100%;
	height: 56px;
	padding: 0px 17px 6px 17px;
	font-size: 13px;
	line-height: 1.4;
	color: #222222;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* 下部エリア */
.add-bottomtextarea {
	padding: 0 17px 6px 17px;
}

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

.add-bottomtext {
	color: #aaaaaa;
	font-size: 11px;
}

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

/* --------------------------------運営からのお知らせ-------------------------------- */

/* 見出しテキスト */
.siteinformation-midashiblock {
	background-color: #f3f3f3;
	padding: 20px;
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	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 {
	margin-bottom: 0px;
}
}

@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;
	}
}

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


.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;
	line-height: 150%!important;
	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;
	line-height: 21px!important;
}
}

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

/* ツイッター共有リンク */
.information-snslink {
    display: block;
    text-align: right;
    margin-bottom: 10px;
}
@media (max-width: 599px) {
.information-snslink {
    margin-top: 8px;
    margin-bottom: -6px;
}
}
.information-snslink-twitter {
    display: inline-block;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    background-color: #55ACEE;
    color: #ffffff;
    border-radius: 4px;
}

@media (max-width: 599px) {
.information-snslink-twitter {
      font-size: 11px;
      padding: 6px 16px 6px 16px;
      margin-right: 14px;
}
}

.information-snslink-twitter .fa-twitter {
    margin-right: 4px;
  }


.cosplayerlist-link {
	display: inline-block;
	position: relative;
}

/* twitterアイコン */
.cosplayerlist-twittericon {
	display: inline-block;
	position: absolute;
	bottom: 0px;
	right: -8px;
	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;
}
}

/* ---------------オフィシャルバッジ-------------- */

/* プロフィールページ(基本) */
.officialbadge {
	display: inline-block;
	position: relative;
	top: -2px;
	height: 24px;
	width: auto;
	margin-left:6px;
}
@media (max-width: 599px) {
.officialbadge {
	height: 20px;
	top: -2px;
	width: auto;
	margin-left:4px;
}
}

/* 一般ユーザーページ(ファンランキング) */
.officialbadge-userpage {
	display: inline-block;
	position: relative;
	top: -2px;
	height: 18px;
	width: auto;
	margin-left:4px;
}
@media (min-width: 1050px) {
.officialbadge-userpage {
	height: 20px;
	top: -4px;
	width: auto;
	margin-left:4px;
}
}

/* トップページ */
.officialbadge-toppage {
	display: inline-block;
	position: relative;
	top: -1px;
	height: 18px;
	width: auto;
	margin-left:4px;
}
@media (min-width: 600px) and (max-width: 1049px){
.officialbadge-toppage {
	height: 20px;
	top: 2px;
	width: auto;
	margin-left:4px;
}
}
@media (min-width: 1050px) {
.officialbadge-toppage {
	height: 20px;
	top: -0px;
	width: auto;
	margin-left:4px;
}
}

/* イベントデータページ */
.officialbadge-eventdata {
	display: inline-block;
	position: relative;
	top: -2px;
	height: 16px;
	width: auto;
	margin-left:4px;
}
@media (min-width: 1050px) {
.officialbadge-eventdata {
	height: 20px;
	top: -3px;
	width: auto;
	margin-left:4px;
}
}

/* 写真詳細ページ */
.officialbadge-photodetailpage {
	display: inline-block;
	position: relative;
	top: -5px;
	height: 28px;
	width: auto;
	margin-left:4px;
}
@media (max-width: 599px) {
.officialbadge-photodetailpage {
	height: 20px;
	top: -2px;
	width: auto;
	margin-left:4px;
}
}

/* --------------------------------写真詳細ページ矢印遷移-------------------------------- */


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

/* 期間終了後のみ表示 */
.photodetailpage-event-pastclaparea {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 4px;
}
@media (min-width: 1050px){
.photodetailpage-event-pastclaparea {
	margin-top: 20px;
	margin-bottom: 0px;
}
}

.photodetailpage-event-pastclap {
	display: inline-block;
	border: 1px solid #f58bb6;
	border-radius: 6px;
	font-size: 11px;
	padding: 6px 16px 6px 16px;
	color: #666666;
}
@media (min-width: 1050px){
.photodetailpage-event-pastclap {
	font-size: 14px;
	padding: 10px 20px 10px 20px;
}
}
.photodetailpage-event-pastclap-count {
	font-size: 14px;
	color: #ff0000;
	margin-left: 8px;
	margin-right: 2px;
}
@media (min-width: 1050px){
.photodetailpage-event-pastclap-count {
	font-size: 20px;
	margin-right: 4px;
}
}

.photodetail-snslink {
	margin-top: 40px;
}
@media (max-width: 599px){
.photodetail-snslink {
	margin-top: 20px;
}
}

/* --------------------------------タイムラインモデル表示-------------------------------- */



.listpage-photo-ul {
	display: block;
	padding: 2px;
	background-color: #f5f5f5;
}
@media screen and (min-width: 600px) {
.listpage-photo-ul {
	background-color: #ffffff;
}
}
.listpage-photo-ul:after {
	display: block;
	content: "";
	clear: both;
}


.listpage-photo-li {
	position: relative;
	float: left;
	width: 50%;
	padding: 2px;
}
@media screen and (max-width: 1199px) and (min-width: 600px) {
.listpage-photo-li {
	padding: 6px;
	}
}
@media screen and (min-width: 1200px) {
.listpage-photo-li {
	padding: 10px;
	}
}
@media screen and (max-width: 999px) and (min-width: 600px) {
.listpage-photo-li {
	    width: 50%;
	}
}
@media screen and (max-width: 1399px) and (min-width: 1000px) {
.listpage-photo-li {
	    width: 33.3333%;
	}
}
@media screen and (max-width: 1799px) and (min-width: 1400px) {
.listpage-photo-li {
	    width: 25%;
	}
}
@media screen and (max-width: 2199px) and (min-width: 1800px) {
.listpage-photo-li {
	    width: 20%;
	}
}
@media screen and (max-width: 2599px) and (min-width: 2200px) {
.listpage-photo-li {
	    width: 16.6666%;
	}
}
@media screen and (max-width: 2999px) and (min-width: 2600px) {
.listpage-photo-li {
	    width: 14.2857%;
	}
}
@media screen and (max-width: 3399px) and (min-width: 3001px) {
.listpage-photo-li {
	    width: 12.5%;
	}
}
@media screen and (max-width: 3799px) and (min-width: 3401px) {
.listpage-photo-li {
	    width: 11.1111%;
	}
}
@media screen and (min-width: 3800px) {
.listpage-photo-li {
	    width: 10%;
	}
}



.listpage-photo-a {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
}

.listpage-photo-li-kakomi {
	position: relative;
}
@media screen and (min-width: 600px) {
.listpage-photo-li-kakomi {
	border: 1px solid #e9e9e9;
/* 	border-radius: 7px; */
	transition: all .4s ease-in-out;
}
}

@media screen and (min-width: 600px) {
	.listpage-photo-li-kakomi:hover {
		transform: translateY(-10px);
		box-shadow: 0 1px 2px 0 rgb(60 64 67 / 25%), 0 2px 6px 2px rgb(60 64 67 / 12%);
	}
}

.listpage-photoimage {
	display: inline-block;
	width: 100%;
	height: auto;
}

.listpage-bottomblock {
	background-color: #ffffff;
	padding: 6px;
	line-height: 1.6;
}
@media screen and (min-width: 1050px) {
.listpage-bottomblock {
	padding: 10px;
}
}
@media screen and (min-width: 600px) {
.listpage-bottomblock {
/* 	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px; */
}
}

.listpage-photocomment {
	display: inline-block;
	width: 100%;
	color: #222222;
	font-size: 13px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listpage-photocosname {
	display: inline-block;
	width: 100%;
	color: #222222;
	font-size: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (max-width: 599px) {
.listpage-photocosname {
	font-size: 14px;
}
}

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

.listpage-bottomblock-floattable .fa-hand-stop-o {
	margin-right: 2px;
	color: #ff0000;
	font-size: 11px;
}

.listpage-timestamp {
	font-size: 11px;
	color: #aaaaaa;
}

.listpage-clapcount {
	font-size: 11px;
	color: #333333;
}

.listpage-clapicon {
	position: relative;
    width: 12px;
    height: auto;
    margin-right: 3px;
    top: -3px;
}

.listpage-pricetext {
	font-size: 11px;
	color: #ff0000;
	font-weight: bold;
}

/* ------トップページ上部メニュー-------- */

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

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

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

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

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

.toppage-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) {
.toppage-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;
}
}

.toppage-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) {
.toppage-targetlist-linkactive {
	background-color: #fb0e7b;
	color: #ffffff;
	border: solid 1px #f571ae;
}
}



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

/* コンテンツ上部フィルタートグルエリア */
.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: -6px;
	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;
}

/* 追加ボトムマージン */
.searchresult-bottomplusmargin {
	margin-bottom: 6px!important;
}
@media (max-width: 599px) {
.searchresult-bottomplusmargin {
	margin-bottom: 6px!important;
}
}


/* --------モデルプロフィールページ------ */

/* 追加コンテナ（サブページ） */
@media (min-width: 1050px) {
	.container-subpage1 {
		position: relative;
		width: 88%;
		min-width: 928px;
		padding: 0 16px;
		margin: 0 auto;
		text-align: center;
	}
}
@media (min-width: 600px) and (max-width: 1049px) {
	.container-subpage1 {
		position: relative;
		width: 100%;
		padding: 0 16px;
		margin: 0 auto;
		text-align: center;
	}
}
@media (max-width: 599px) {
	.container-subpage1 {
		position: relative;
		width: 100%;
		padding: 0 16px;
		margin: 0 auto;
		text-align: center;
	}
}

/* 追加コンテナ（ギャラリー部分） */
@media (min-width: 1050px) {
	.container-photogallery {
		position: relative;
		width: 88%;
		min-width: 928px;
		padding: 0 16px;
		margin: 0 auto;
		text-align: center;
	}
}
@media (min-width: 600px) and (max-width: 1049px) {
	.container-photogallery {
		position: relative;
		width: 100%;
		padding: 0 16px;
		margin: 0 auto;
		text-align: center;
	}
}
@media (max-width: 599px) {
	.container-photogallery {
		position: relative;
		width: 100%;
		padding: 0 2px 2px 2px;
		margin: 0;
		text-align: center;
	}
}




/* 自己紹介ブロック */
.modelprof-commentblock {
	text-align: left;
	font-size: 16px;
	line-height: 1.8;
	color: #222222;
}
@media (min-width: 600px) and (max-width: 799px) {
.modelprof-commentblock {
    font-size: 16px;
    }
}
@media (max-width: 599px) {
.modelprof-commentblock {
    font-size: 13px;
/* 	padding-top: 10px;  */
	padding-bottom: 16px;
    }
}


/* コスネームブロック */
.modelprof-cosnameblock {
	margin-top: 20px;
	margin-bottom: 20px;
}
@media (max-width: 599px) {
.modelprof-cosnameblock {
	margin-top: 10px;
	margin-bottom: 20px;
}
}

/* コスネーム */
.modelprof-layerprofile-cosname {
	display: inline-block;
	font-size: 24px;
    line-height: 1.3;
    color: #000000;
    font-weight: bold;
	margin-bottom: 6px;
}
@media (min-width: 600px) and (max-width: 1049px) {
.modelprof-layerprofile-cosname {
      font-size: 22px;
}
}
@media (max-width: 599px) {
.modelprof-layerprofile-cosname {
      font-size: 18px;
}
}

/* 鍵アイコン */
.lockiconimage {
	display: inline-block;
	margin-left: 4px;
	width: 24px;
	height: auto;
	vertical-align: middle;

}
@media (min-width: 600px) and (max-width: 1049px) {
.lockiconimage {
	width: 22px;
}
}
@media (max-width: 599px) {
.lockiconimage {
	width: 20px;
}
}

.lockiconimage-span {
	display: inline-block;
	position:relative;
	top: -3px;
}

@media (max-width: 599px) {
.lockiconimage-span {
	top: 0;
}
}


/* サブテキスト */
.modelprof-layerprofile-cosname-subtext {
	display: inline-block;
    color: #aaaaaa;
      font-size: 15px;
	margin-bottom: 8px;
}
@media (max-width: 599px) {
.modelprof-layerprofile-cosname-subtext {
      font-size: 12px;
	margin-bottom: 2px;
}
}

/* サブテキスト(サイズ) */
.modelprof-layerprofile-sizetext {
	display: inline-block;
    color: #333333;
      font-size: 12px;
	line-height: 1.0;
}
@media (max-width: 599px) {
.modelprof-layerprofile-sizetext {
      font-size: 11px;
}
}

/* サブテキスト(休日) */
.modelprof-layerprofile-offtime {
	cursor: pointer;
	display: inline-block;
	margin-top: 10px;
    padding: 10px 12px 10px 12px;
    border-radius: 4px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    font-size: 12px;
    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;
}
@media (max-width: 599px) {
.modelprof-layerprofile-offtime {
    padding: 8px 8px 8px 8px;
      font-size: 11px;
}
}

/* サブテキスト(1h料金) */
.modelprof-layerprofile-pricetext {
	display: inline-block;
    color: #000000;
      font-size: 12px;
	font-weight: bold;
}
@media (max-width: 599px) {
.modelprof-layerprofile-pricetext {
      font-size: 11px;
}
}

/* プロフィールページURL */
.modelprof-layerprofile-url {
	display: inline-block;
	color: #888888;
	font-size: 13px;
}
@media (max-width: 599px) {
.modelprof-layerprofile-url {
	font-size: 12px;
}
}

/* 項目タイトル */
.modelprof-koumoku-title {
	border-bottom: 1px solid #eeeeee;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 4px;
	font-weight: bold;
	color: #222222;
}
@media (max-width: 599px) {
.modelprof-koumoku-title {
	font-size: 12px;
	font-weight: bold;
	color: #222222;
}
}

.modelprof-koumoku-block {
	margin-bottom: 30px;
	color: #666666;
	line-height: 1.8;
	text-align: left;
}
@media (min-width: 600px) and (max-width: 1049px) {
.modelprof-koumoku-block {
	margin-bottom: 20px;
}
}
@media (max-width: 599px) {
.modelprof-koumoku-block {
	margin-bottom: 0;
	padding-top: 10px;
}
}

.modelprof-plate-block {
	margin-bottom: 20px;
}
@media (max-width: 599px) {
.modelprof-plate-block {
	margin-bottom: 0;
/* 	border-bottom: 8px solid #eaeaea;  */
}
}

/* アクションブロック（廃止） */
.modelprof-actiontable-block {
	text-align: center;
	margin: auto;
}

.modelprof-actiontable-ul {
	display: inline-flex;
	align-items: center;
}

.modelprof-actiontable-li:first-child {
	border-radius: 20px;
	color: #ffffff;
}

.modelprof-actiontable-link {
	position: relative;
	background-color: #ffffff;
	padding: 16px 60px 16px 60px;
	align-self: center;
	color: #666666;
    transition: all .4s ease-in-out;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
@media (max-width: 599px) {
.modelprof-actiontable-link {
	padding: 12px 46px 12px 46px;
}
}

.modelprof-actiontable-link:hover {
	background-color: #000000;
	color: #ffffff;
}

.modelprof-actiontable-link .fa-heart-o {
	position: relative;
	font-size: 20px;
	top: 4px;
}
@media (max-width: 599px) {
.modelprof-actiontable-link .fa-heart-o {
	font-size: 16px;
	top: 1px;
}
}

.modelprof-actiontable-link .fa-paper-plane-o {
	position: relative;
	font-size: 20px;
	top: 4px;
}
@media (max-width: 599px) {
.modelprof-actiontable-link .fa-paper-plane-o {
	font-size: 16px;
	top: 1px;
}
}

/* 左半分をラウンド */
.left-round {
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

/* 右半分をラウンド */
.right-round {
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}


/* 撮影依頼するボタン */
.modelprof-actiontable-link2 {
	position: relative;
	display: inline-block;
	padding: 18px 30px 18px 30px;
	margin-top: 10px;
	width: 100%;
	color: #ffffff;
	background-color: #35c1eb;
	font-size: 18px;
	font-weight: bold;
	border: solid 1px #35c1eb;
	max-width: 380px;
	border-radius: 4px;
	transition: all .4s ease-in-out;
	cursor: pointer;
   	overflow: hidden;
}
@media (max-width: 599px){
.modelprof-actiontable-link2 {
	padding: 14px 0px 14px 0px;
	font-size: 16px;
	color: #ffffff;
	background-color: #35c1eb;
	max-width: none;
	border-radius: 0;
}
}

.modelprof-actiontable-link2:hover {
    background-color: #35c1eb;
	color: #ffffff;
}

.modelprof-actiontable-link2 .fa-paper-plane-o {
	margin-right: 8px;
}

.modelprof-toggle-link-area {
	text-align: left;
}

/* トグル内メッセージ送信ボタン */
.modelprof-toggle-link {
	display: inline-block;
	padding: 10px 0px 10px 0px;
	margin-top: 10px;
	width: 100%;
	text-align: center;
	color: #2bb0e7;
	font-size: 14px;
	font-weight: bold;
	background-color: #ffffff;
	border: solid 1px #35c1eb;
	max-width: 250px;
border-radius: 4px;
    transition: all .4s ease-in-out;
}
@media (max-width: 599px){
.modelprof-toggle-link {
	padding: 8px 0px 8px 0px;
	font-size: 13px;
}
}

.modelprof-toggle-link:hover {
    background-color: #35c1eb;
	color: #ffffff;
}

.modelprof-toggle-link .fa-paper-plane-o {
	margin-right: 6px;
}






/* --------ダッシュボード(会員メニュートップ)------ */


/* トッププレートエリアコンテナ */
@media (min-width: 1050px) {
.dashborad-content-topplatearea-container {
		position: relative;
		width: 88%;
		max-width: 928px;
		padding: 0 16px;
		margin: 0 auto;
		text-align: center;
	}
}
@media (min-width: 800px) and (max-width: 1049px) {
.dashborad-content-topplatearea-container {
		position: relative;
		width: 100%;
		padding: 0 16px;
		margin: 0 auto;
		text-align: center;
	}
}
@media (min-width: 600px) and (max-width: 799px) {
.dashborad-content-topplatearea-container {
		position: relative;
		width: 100%;
		padding: 0 0;
		margin: 0 auto;
		text-align: center;
	}
}
@media (max-width: 599px) {
.dashborad-content-topplatearea-container {
		position: relative;
		width: 100%;
		padding: 0 0;
		margin: 0 auto;
		text-align: center;
	}
}



/* トッププレートブロック */
.dashborad-topplateblock {
		position: relative;
		width: 100%;
	background-color: #ffffff;
	margin-bottom: 20px;
}

/* アバター表示ブロック */
.dashborad-avaterblock {
	display: inline-block;
		position: relative;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
}
@media (max-width: 599px) {
.dashborad-avaterblock {
	padding-bottom: 0px;
}
}

/* 名前表ブロック */
.dashborad-nameblock {
	text-align: center;
	padding-bottom: 10px;
}
@media (max-width: 599px) {
.dashborad-nameblock {
	margin-top: 10px;
}
}

/* プロフィールページURL */
.dashborad-nameblock-url {
	display: inline-block;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	padding: 2px 20px 2px 20px;
	color: #888888;
	font-size: 13px;
	border-radius: 16px;
    transition: all .4s ease-in-out;
	margin-bottom: 6px;
}
@media (max-width: 599px) {
.dashborad-nameblock-url {
	font-size: 12px;
}
}

.dashborad-nameblock-url:hover {
	background-color: #000000;
	border: solid 1px #000000;
	color: #ffffff;
}

/* トッププレート下部表示ブロック */
.dashborad-bottomblock {
	display: flex;
	border-top: 10px solid #f2f2f2;
    justify-content: flex-start; /* 子要素をflexboxにより中央に配置する */
    align-items: flex-start; 
}
@media (max-width: 599px) {
.dashborad-bottomblock {
	border-top: 4px solid #f2f2f2;
}
}

/* トッププレート下部表示(左)ブロック */
.dashborad-bottomblock-left {
	position: relative;
	width: 50%;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.0;
	padding: 60px 0 20px 0;
}
@media (max-width: 599px) {
.dashborad-bottomblock-left {
	padding: 50px 0 10px 0;
}
}

/* トッププレート下部表示(右)ブロック */
.dashborad-bottomblock-right {
	position: relative;
	width: 50%;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.0;
	padding: 60px 0 20px 0;
}
@media (max-width: 599px) {
.dashborad-bottomblock-right {
	padding: 50px 0 10px 0;
}
}

/* トッププレート下部表示ブロックタイトルテキスト(左) */
.dashborad-bottomblock-titletext-left {
	position: absolute;
	top: 20px;
	left: 16px;
	color: #444444;
	font-weight: normal;
	font-size: 12px;
}
@media (max-width: 599px) {
.dashborad-bottomblock-titletext-left {
	top: 16px;
	left: 16px;
	font-size: 11px;
}
}

/* トッププレート下部表示ブロックタイトルテキスト(右) */
.dashborad-bottomblock-titletext-right {
	position: absolute;
	top: 20px;
	left: 10px;
	color: #444444;
	font-weight: normal;
	font-size: 12px;
}
@media (max-width: 599px) {
.dashborad-bottomblock-titletext-right {
	top: 16px;
	left: 6px;
	font-size: 11px;
}
}

/* 日付、金額大サイズテキスト */
.dashborad-bottomblock-buttonarea-largetext {
	display: inline-block;
	margin-bottom: 30px;
}
@media (max-width: 599px) {
.dashborad-bottomblock-buttonarea-largetext {
	margin-bottom: 20px;
}
}

/* トッププレート下部表示ブロックボタンエリア左 */
.dashborad-bottomblock-buttonarea-left {
	display: flex;
	position: static;
	justify-content: center;
	align-items: center; 
 	/* background-color: #ff0000; */
	width: 100%;
	padding-right: 5px;
	padding-left: 10px;
}
@media (max-width: 599px) {
.dashborad-bottomblock-buttonarea-left {
	flex-direction: column;
	padding-left: 16px;
}
}

/* トッププレート下部表示ブロックボタンエリア右 */
.dashborad-bottomblock-buttonarea-right {
	display: flex;
	position: static;
	justify-content: center;
	align-items: center; 
	/* background-color: #ff0000; */
	width: 100%;
	padding-left: 5px;
	padding-right: 10px;
}
@media (max-width: 599px) {
.dashborad-bottomblock-buttonarea-right {
	flex-direction: column;
	padding-right: 16px;
}
}

/* トッププレート下部表示ブロックボタンエリア左 */
.dashborad-bottomblock-button-left {
	display: inline-block;
	/* background-color: #666666; */
	padding-right: 5px;
	flex-grow: 1;
	flex-shrink: 1;
}
@media (max-width: 599px) {
.dashborad-bottomblock-button-left {
	width: 100%;
	padding-right: 0px;
	margin-bottom: 10px;
}
}

/* トッププレート下部表示ブロックボタンエリア右 */
.dashborad-bottomblock-button-right {
	display: inline-block;
	/* background-color: #666666; */
	padding-left: 5px;
	flex-grow: 1;
	flex-shrink: 1;
}
@media (max-width: 599px) {
.dashborad-bottomblock-button-right {
	width: 100%;
	padding-left: 0px;
	margin-bottom: 10px;
}
}

/* プレート内中サイズボタン */
.dashborad-bottomblock-button {
	display: inline-block;
	width: 100%;
	background-color: #ffffff;
	border-radius: 4px;
   	border: solid 1px #dddddd;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	padding: 16px 0;
    transition: all .4s ease-in-out;
}
@media (max-width: 599px) {
.dashborad-bottomblock-button {
	font-size: 12px;
	padding: 12px 0;
}
}

/* プレート内中サイズボタン(特別色（青）) */
.dashborad-bottomblock-button-blue {
	display: inline-block;
	width: 100%;
   	border: solid 1px #1644b0;
background: rgb(22,68,176);
background: linear-gradient(0deg, rgba(22,68,176,1) 0%, rgba(22,68,176,1) 26%, rgba(4,117,187,1) 100%);
	border-radius: 4px;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	padding: 16px 0;
    transition: all .4s ease-in-out;
}
@media (max-width: 599px) {
.dashborad-bottomblock-button-blue {
	font-size: 12px;
	padding: 12px 0;
}
}

.dashborad-bottomblock-button-blue:hover {
	background-color: #f50000;
   	border: solid 1px #f50000;
}

.dashborad-bottomblock-button .fa {
	margin-right: 4px;
}

.dashborad-bottomblock-button-blue .fa {
	margin-right: 4px;
}


.dashborad-bottomblock-button:hover {
	background-color: #f5f5f5;
}

/* ボタンエリアコンテナ */
@media (min-width: 1050px) {
.dashborad-content-buttonarea-container {
		position: relative;
		width: 88%;
		max-width: 928px;
		padding: 0 16px;
		margin: 0 auto;
		text-align: center;
	}
}
@media (min-width: 600px) and (max-width: 1049px) {
.dashborad-content-buttonarea-container {
		position: relative;
		width: 100%;
		padding: 0 16px;
		margin: 0 auto;
		text-align: center;
	}
}
@media (max-width: 599px) {
.dashborad-content-buttonarea-container {
		position: relative;
		width: 100%;
		padding: 0 16px 10px 16px;
		margin: 0 auto;
		text-align: center;
	}
}

/* 身分証画像を送信ボタンブロック */
.dashborad-nameblock-activateburronblock {
		width: 100%;
	margin-bottom: 10px;
	padding: 10px 10px 0 10px;
}
@media (max-width: 599px) {
.dashborad-nameblock-activateburronblock {
	margin-bottom: 10px;
	padding: 10px 16px 0 16px;
}
}

/* 身分証画像を送信ボタン */
.dashborad-nameblock-activatebutton {
	display: inline-block;
	width: 100%;
	padding: 14px 20px 14px 20px;
	line-height: 1.3;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background-color: #35c1eb;
	border: 1px solid #35c1eb;
	transition: all .4s ease-in-out;
	color: #ffffff;
	border-radius: 6px;
}

/* 身分証画像を送信ボタンサブテキスト */
.dashborad-nameblock-activatebutton-subtext {
	display: inline-block;
	margin-top: 4px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}

.dashborad-nameblock-activatebutton:hover {
	background-color: #f50000;
	border: 1px solid #f50000;
	color: #ffffff;
}
.dashborad-nameblockactivatebutton:hover .dashborad-nameblock-activatebutton-subtext{
	color: #ffffff;
}

/* 身分証アイコン */
.dashborad-nameblock-activatebutton .fa-id-card {
	font-size: 18px;
	margin-right: 6px;
}








/* 身分証画像を送信ボタンブロック(未使用)小サイズに変更したので没 */
.dashborad-content-activatebutton-block {
		width: 100%;
	margin-bottom: 10px;
}
@media (max-width: 599px) {
.dashborad-content-activatebutton-block {
	margin-bottom: 10px;

}
}

/* 身分証画像を送信ボタン(未使用) */
.dashborad-content-activatebutton {
	display: inline-block;
	width: 100%;
	padding: 14px 20px 14px 20px;
	line-height: 1.3;
	text-align: center;
	font-size: 16px;
	background-color: #ffffff;
	border: 1px solid #d7d7d7;
	transition: all .4s ease-in-out;
	color: #000000;
	border-radius: 3px;
}

/* 身分証画像を送信ボタンサブテキスト(未使用) */
.dashborad-content-activatebutton-subtext {
	display: inline-block;
	font-size: 10px;
	color: #666666;
}

.dashborad-content-activatebutton:hover {
	background-color: #f5f5f5;
	color: #000000;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.dashborad-contentactivatebutton:hover .dashborad-content-activatebutton-subtext{
	color: #ffffff;
}

/* プロフィール編集ボタンブロック */
.dashborad-content-profeditbutton-block {
	display: flex;
	width: 100%;
	margin-bottom: 10px;
}
@media (min-width: 600px) and (max-width: 1049px) {
.dashborad-content-profeditbutton-block {
	margin-bottom: 10px;
}
}
@media (max-width: 599px) {
.dashborad-content-profeditbutton-block {
	margin-bottom: 10px;
}
}

/* フォロー一覧ボタンブロック */
.dashborad-content-followlist-block {
	display: flex;
	width: 100%;
	margin-bottom: 10px;
}
@media (min-width: 600px) and (max-width: 1049px) {
.dashborad-content-followlist-block {
	margin-bottom: 10px;
}
}
@media (max-width: 599px) {
.dashborad-content-followlist-block {
	margin-bottom: 10px;
}
}

/* 見積もりを作成するボタンブロック */
.dashborad-content-estimatebutton-block {
	display: flex;
	width: 100%;
	margin-bottom: 60px;
}
@media (min-width: 600px) and (max-width: 1049px) {
.dashborad-content-estimatebutton-block {
	margin-bottom: 40px;
}
}
@media (max-width: 599px) {
.dashborad-content-estimatebutton-block {
	margin-bottom: 30px;
}
}

/* アカウント編集ボタン */
.dashborad-content-accounteditbutton {
	display: inline-block;
	width: 50%;
	padding: 20px 50px 20px 50px;
	text-align: center;
	font-size: 16px;
	background-color: #ffffff;
	border: 1px solid #d7d7d7;
	transition: all .4s ease-in-out;
	color: #000000;
	margin-right: 5px;
	line-height: 1.0;
	border-radius: 3px;
}
@media (max-width: 599px) {
.dashborad-content-accounteditbutton {
	padding: 16px 6px 16px 6px;
	text-align: center;
	font-size: 13px;
}
}
.dashborad-content-accounteditbutton:hover {
	background-color: #f5f5f5;
	color: #000000;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

/* プロフィール編集ボタン */
.dashborad-content-profeditbutton {
	display: inline-block;
	width: 50%;
	padding: 20px 50px 20px 50px;
	text-align: center;
	font-size: 16px;
	background-color: #ffffff;
	border: 1px solid #d7d7d7;
	transition: all .4s ease-in-out;
	color: #000000;
	margin-left: 5px;
	line-height: 1.0;
	border-radius: 3px;
}
@media (max-width: 599px) {
.dashborad-content-profeditbutton {
	padding: 16px 6px 16px 6px;
	text-align: center;
	font-size: 13px;
}
}
.dashborad-content-profeditbutton:hover {
	background-color: #f5f5f5;
	color: #000000;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

/* フォロー一覧ボタン */
.dashborad-content-followlistbutton {
	display: inline-block;
	width: 50%;
	padding: 20px 50px 20px 50px;
	text-align: center;
	font-size: 16px;
	background-color: #ffffff;
	border: 1px solid #d7d7d7;
	transition: all .4s ease-in-out;
	color: #000000;
	margin-right: 5px;
	line-height: 1.0;
	border-radius: 3px;
}
@media (max-width: 599px) {
.dashborad-content-followlistbutton {
	padding: 16px 6px 16px 6px;
	text-align: center;
	font-size: 13px;
}
}
.dashborad-content-followlistbutton:hover {
	background-color: #f5f5f5;
	color: #000000;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

/* メッセージボードボタン */
.dashborad-content-messageboardbutton {
	display: inline-block;
	width: 50%;
	padding: 20px 50px 20px 50px;
	text-align: center;
	font-size: 16px;
	background-color: #ffffff;
	border: 1px solid #d7d7d7;
	transition: all .4s ease-in-out;
	color: #000000;
	margin-left: 5px;
	line-height: 1.0;
	border-radius: 3px;
}
@media (max-width: 599px) {
.dashborad-content-messageboardbutton {
	padding: 16px 6px 16px 6px;
	text-align: center;
	font-size: 13px;
}
}
.dashborad-content-messageboardbutton:hover {
	background-color: #f5f5f5;
	color: #000000;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}


/* 撮影予定を見るボタン */
.dashborad-content-schedulebutton {
	display: inline-block;
	width: 50%;
	padding: 20px 50px 20px 50px;
	text-align: center;
	font-size: 16px;
	background-color: #ffffff;
	border: 1px solid #d7d7d7;
	transition: all .4s ease-in-out;
	color: #000000;
	margin-left: 5px;
	line-height: 1.0;
}
@media (max-width: 599px) {
.dashborad-content-schedulebutton {
	padding: 16px 6px 16px 6px;
	text-align: center;
	font-size: 14px;
}
}

.dashborad-content-schedulebutton:hover {
	background-color: #f5f5f5;
	color: #000000;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

/* 見積もりを作成するボタン */
.dashborad-content-estimatebutton {
	display: inline-block;
	width: 50%;
	padding: 20px 50px 20px 50px;
	text-align: center;
	font-size: 16px;
	background-color: #ffffff;
	border: 1px solid #d7d7d7;
	transition: all .4s ease-in-out;
	color: #000000;
	margin-right: 5px;
	line-height: 1.0;
}
@media (max-width: 599px) {
.dashborad-content-estimatebutton {
	padding: 16px 6px 16px 6px;
	text-align: center;
	font-size: 14px;
}
}

.dashborad-content-estimatebutton:hover {
	background-color: #f5f5f5;
	color: #000000;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

/* 清算請求するボタン */
.dashborad-content-seisanbutton {
	display: inline-block;
	width: 50%;
	padding: 20px 50px 20px 50px;
	text-align: center;
	font-size: 16px;
	background-color: #ffffff;
	border: 1px solid #d7d7d7;
	transition: all .4s ease-in-out;
	color: #000000;
	margin-left: 5px;
	line-height: 1.0;
}
@media (max-width: 599px) {
.dashborad-content-seisanbutton {
	padding: 16px 6px 16px 6px;
	text-align: center;
	font-size: 14px;
}
}

.dashborad-content-seisanbutton:hover {
	background-color: #f5f5f5;
	color: #000000;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

/* アカウント編集アイコン */
.dashborad-content-accounteditbutton .fa-user {
	font-size: 16px;
	margin-right: 6px;
}


/* プロフィール編集アイコン */
.dashborad-content-profeditbutton .fa-smile-o {
	font-size: 16px;
	margin-right: 6px;
}

/* 身分証アイコン */
.dashborad-content-activatebutton .fa-id-card {
	font-size: 16px;
	margin-right: 6px;
}


/* 撮影予定アイコン */
.dashborad-content-schedulebutton .fa-calendar {
	font-size: 16px;
	margin-right: 6px;
}

/* 見積もりを作成するアイコン */
.dashborad-content-estimatebutton .fa-jpy {
	font-size: 16px;
	margin-right: 6px;
}


/* 清算請求するアイコン */
.dashborad-content-seisanbutton .fa-university {
	font-size: 16px;
	margin-right: 6px;
}

/* いいね一覧アイコン */
.dashborad-content-followlistbutton .fa-heart {
	font-size: 16px;
	margin-right: 6px;
}

/* フォロー一覧アイコン */
.dashborad-content-messageboardbutton .fa-star {
	font-size: 16px;
	margin-right: 6px;
}

/* メッセージボードアイコン */
.dashborad-content-messageboardbutton .fa-comments {
	font-size: 16px;
	margin-right: 6px;
}

/* モデルプランの管理アイコン */
.dashborad-content-followlistbutton .fa-flag {
	font-size: 16px;
	margin-right: 6px;
}

/* クローゼットの管理アイコン */
.dashborad-content-messageboardbutton .fa-female {
	font-size: 16px;
	margin-right: 6px;
}


/* ラウンドメニューブロック */
.roundmenu-wrapper {
	text-align: left;
	padding-bottom: 30px;
}

/* ラウンドメニュー */
ul.roundmenu {
	margin:0 0 24px 0;
	border:1px solid #e0e0e0;    
	border-radius: 10px;	
	-webkit-border-radius:10px;	
	background-color: #fafafa;	
}
@media (max-width: 599px) {
ul.roundmenu {
	border-radius: 0px;
	-webkit-border-radius:0px;	
	border-top:1px solid #e9e9e9;  
	border-bottom: 8px solid #eaeaea;
	border-right:none;  
	border-left:none; 
	margin-right: -16px;
	margin-left: -16px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
}
}

ul.roundmenu li {
	border-bottom:1px solid #e9e9e9;    
}

ul.roundmenu li:last-child  {
	border-bottom:0px;   
}

div.roundmenuunit {
	width: 100%;
	font-weight: normal;
}

ul.roundmenu li a {
	position: relative;
	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: #f2f2f2;
}

ul.roundmenu li a span {
	display:inline-block;
}

/* --- 矢印アイコン --- */
.roundmenu-righticon {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    margin-right: 16px;
    right: 0px;
    width: auto;
    height: 16px;
}
@media (max-width: 599px) {
.roundmenu-righticon {
    margin-top: -6px;
    margin-right: 16px;
    right: 0px;
    width: auto;
    height: 14px;
}
}

/* --- 返信済みマーカー --- */
.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;
}

/* --- 見積もりを作成するボタン --- */
.leftmenu-estimate-button {
	position: relative;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 28px 10px 28px;
	background-color: #f50000;
	border-radius: 4px;		
}

.leftmenu-estimate-button .fa-calculator {
	margin-right: 4px;
}


/* --- ポイント購入ボタン --- */
.leftmenu-pointbuy-button {
	position: relative;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 28px 10px 28px;
	background-color: #f50000;
	border-radius: 4px;		
}

.leftmenu-pointbuy-iconimg {
	position: relative;
	display: inline-block;
	margin-right: 5px;
	top: -3px;
	width: 20px;
	height: auto;
}

/* --- 画像投稿ボタン-丸型 --- */
.post-button-rightbottom {
	display: inline-block;
	position: absolute;
	left: 220px;
	top: 108px;
	background-color: #ef4489;
	border-radius: 50%;
	padding: 16px;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
	z-index: 3;
}
@media (min-width: 788px) and (max-width: 1049px) {
.post-button-rightbottom {
	left: 20px;
	top: 124px;
}
}
@media (min-width: 600px) and (max-width: 787px) {
.post-button-rightbottom {
	left: 20px;
	top: 140px;
}
}
@media (max-width: 599px) {
.post-button-rightbottom {
	left: 20px;
	top: 74px;
}
}

.post-button-photo {
	display: inline-block;
	width: 8vw;
	height: 8vw;
max-width: 48px;
    max-height: 48px;
}

/* --- 画像投稿ボタン-四角型 --- */
.dashborad-feedpostbutton-a {
	display: inline-block;
	padding: 10px 20px 10px 20px;
	background-color: #35c1eb;
	color: #ffffff;
	border-radius: 4px;
	margin-top: 4px;
    transition: all .4s ease-in-out;
}
@media (max-width: 599px) {
.dashborad-feedpostbutton-a {
	padding: 8px 18px 8px 18px;
	font-size: 12px;
}
}

.dashborad-feedpostbutton-a:hover {
	background-color: #f50000;
}

/* --- 画像投稿ボタン-四角型-アイコン画像 --- */
.dashborad-feedpostbutton-img {
	display: inline-block;
	width: 24px;
	height: auto;
	margin-right: 6px;
}

/* ------------------------メッセージボード（モデル）---------------------- */

/* 見積もり表示ブロック */
.messageboard-estimateblock {
	display: block;
	position: relative;
	width: 100%;
	max-width: 672px;
	padding: 16px 16px 16px 16px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	border-radius: 10px;
}
@media (max-width: 599px) {
.messageboard-estimateblock {
	font-size: 12px;
	padding: 10px 10px 10px 10px;
}
}

/* 見積もり表示内青ボタン */
.messageboard-estimateblock-button {
	display: inline-block;
	width: 100%;
	max-width: 140px;
    background-color: #35c1eb;
	color: #ffffff;
	text-align: center;
	margin-top: 8px;
	border-radius: 5px;
	font-size: 14px;
	padding: 8px 24px 8px 24px;
}

/* 見積もり情報表示部 */
.messageboard-estimateblock-maindata {
	margin-top: 20px;
	margin-bottom: 20px;
}
@media (max-width: 799px) {
.messageboard-estimateblock-maindata {
	margin-top: 10px;
	margin-bottom: 10px;
}
}

/* 見積もり表示ブロック内メインテキスト */
.messageboard-estimateblock-maintext {
	font-size: 12px;
	color: #666666;
	line-height: 1.5;
}

.messageboard-estimateblock-pricetext {
	font-size: 14px;
	color: #ff0000;
	font-weight: bold;
}

.messageboard-estimateblock-datetext {
	color: #000000;
	font-weight: bold;
}

/* 初回メッセージ送信時注意表示部 */
.messageboard-firstblock-maindata {
	margin-top: 20px;
}
@media (max-width: 799px) {
.messageboard-firstblock-maindata {
	margin-top: 10px;
	margin-bottom: 10px;
}
}

/* 初回メッセージ送信時注意表示部本文 */
.messageboard-firstblock-subdata {
	margin-top: 20px;
	line-height: 1.5;
}

/* 初回メッセージ送信時注意表示部モデルプランブロック */
.messageboard-firstblock-modelplan-block {
	display:inline-flex;
	align-items: center;
	align-content: center;

	border: 1px solid #d8d8d8;
	border-radius: 6px;
}
@media (max-width: 799px) {
.messageboard-firstblock-modelplan-block {
}
}

/* プラン名表示 */
.messageboard-firstblock-modelplan-planname {
	display: inline-block;

	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 1;

	padding: 12px 14px 12px 14px;
	background-color: #efefef;
	font-size: 13px;
	line-height: 1.3;
	color: #444444;
	font-weight: bold;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}
@media (max-width: 799px) {
.messageboard-firstblock-modelplan-planname {
	font-size: 11px;
	padding: 10px 10px 10px 10px;
}
}

/* 金額表示 */
.messageboard-firstblock-modelplan-price {
	display: inline-block;

	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 1;

	padding: 0px 30px 0px 30px;
	font-size: 17px;
	font-weight: bold;
	color: #f50000;
	line-height: 1.3;
}
@media (max-width: 799px) {
.messageboard-firstblock-modelplan-price {
	font-size: 15px;
}
}

.messageboard-firstblock-modelplan-labeltext {
	display: block;
	font-size: 12px;
	color: #666666;
	margin-top: 6px;
	line-height: 1.5;
}


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

/* アバター画像リンク */
.personal-block-avatarlink {
   	display: inline-block;
   	position: relative;
	transition: all .4s ease-in-out;
}

/* オーバーレイ部分 */
.personal-block-avatarlink-inner {
	display: none;
   	position: absolute;
   	border-radius: 50%;
	left: 0px;
   	width: 140px;
   	height: 140px;
	color: #ffffff;
	font-size: 11px;
	text-align: center;
	transition: all .2s ease-in-out;
	background-color: rgba(0,0,0,.6);
}
@media (max-width: 1079px) {
.personal-block-avatarlink-inner {
	width: 96px;
	height: 96px;
}
}

.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: 48px;
}
@media (max-width: 1079px) {
.personal-block-avatarlink-inner .fa-picture-o {
	font-size: 20px;
	margin-top: 30px;
}
}

/* アイコン下部ラベルテキスト */
.personal-block-avatarlink-inner-text {
	position: relative;
	font-size: 11px;
}
@media (max-width: 1079px) {
.personal-block-avatarlink-inner-text {
	font-size: 9px;
	top: -3px;
}
}


/* ------------------------身分証画像を送信ページ---------------------- */


/* 身分証画像ブロック(ユーザー) */
.license-illust-block-user {
	display: flex;
	width: 100%;
	max-width: 860px;
	justify-content: flex-start;
	align-items: center;
	background-color: #ffffff;
	padding: 0;
	flex-wrap:wrap;
}
@media (min-width: 800px) and (max-width: 1049px) {
.license-illust-block-user {
	padding: 0;
}
}
@media (min-width: 600px) and (max-width: 799px) {
.license-illust-block-user {
	padding: 12px;
}
}
@media (max-width: 599px) {
.license-illust-block-user {
	flex-direction: column;
	align-items: flex-start;
	padding: 10px;
}
}

/* 身分証画像ブロック(モデル) */
.license-illust-block-model {
	display: flex;
	width: 100%;
	max-width: 1100px;
	justify-content: flex-start;
	align-items: center;
	background-color: #ffffff;
	padding: 5px;
	flex-wrap:wrap;
}
@media (max-width: 599px) {
.license-illust-block-model {
	flex-direction: column;
	align-items: flex-start;
}
}



/* 身分証画像囲み(ユーザー) */
.license-illust-kakomi-user {
	display: flex;
	width: 33.3333%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	padding: 5px;
}
@media (min-width: 600px) and (max-width: 799px) {
.license-illust-kakomi-user {
	width: 33.3333%;
}
}
@media (min-width: 800px) and (max-width: 1049px) {
.license-illust-kakomi-user {
	width: 33.3333%;
}
}
@media (min-width: 1050px) {
.license-illust-kakomi-user {
	width: 33.3333%;
}
}

@media (max-width: 599px) {
.license-illust-kakomi-user {
	flex-direction: row;
	width: 100%;
}
}

/* 身分証画像囲み（モデル） */
.license-illust-kakomi-model {
	display: flex;
	width: 25%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #f0f0f0;
	padding: 5px;
}
@media (min-width: 600px) and (max-width: 799px) {
.license-illust-kakomi-model {
	width: 20%;
}
}
@media (min-width: 800px) and (max-width: 1049px) {
.license-illust-kakomi-model {
	width: 20%;
}
}
@media (min-width: 1050px) {
.license-illust-kakomi-model {
	width: 20%;
}
}

@media (max-width: 599px) {
.license-illust-kakomi-model {
	flex-direction: row;
	width: 100%;
}
}


.license-illust-kakomi-innner {
	display: flex;
	background-color: #ffffff;
	border: 1px solid #8fc4d4;
	border-radius: 8px;
	flex-direction: column;
}
@media (max-width: 599px) {
.license-illust-kakomi-innner {
	flex-direction: row;
	width: 100%;
	align-items: center;
}
}



/* 身分証画像 */
.license-illust-img {
 	display: inline-block;
	width: 100%;
	height: auto;
	padding: 10px;
}
@media (max-width: 599px) {
.license-illust-img {
	width: 100px;
	flex-basis: 40px;
	flex-grow: 1;
	flex-shrink: 1;
	padding: 4px 10px 4px 10px;
}
}
.license-illust-labeltext {
 	display: inline-block;
	width: 100%;
	font-weight: normal;
	color: #000000;
	text-align: center;
	padding: 0px 0px 8px 0px;
}
@media (max-width: 599px) {
.license-illust-labeltext {
	text-align: left;
	padding: 4px 0px 0px 0px;
	flex-grow: 1;
	flex-shrink: 1;
}
}






/* ------------------------モデルプロフィールページ---------------------- */


/* モデルプロフィールページトグルエリア */
.memberprof-slidetoggle_menu-area {

}
@media (max-width: 599px) {
.memberprof-slidetoggle_menu-area {
	margin-bottom: 16px;
}
}

/* モデルプロフィールページトグル2(モデルプラン) */
.memberprof-slidetoggle_menu2 {
	border: solid 1px #dddddd;
	/* border-radius: 6px; */
	margin-bottom: 6px;
}
@media (min-width: 600px) and (max-width: 1049px) {
.memberprof-slidetoggle_menu2 {

}
}
@media (max-width: 599px) {
.memberprof-slidetoggle_menu2 {
	margin-bottom: 0px;
}
}

/* 金額表示 */
.memberprof-slidetoggle_menu2-pricetext {
	display: inline-block;
	font-weight: bold;
	color: #ff0000;
	margin-left: 6px;
}

/* モデルプロフィールページトグル2(モデルプラン)タイトル */
.memberprof-slidetoggle_menu2 dt {
	background:url("../images/plus-gray.png") right 16px center no-repeat;
	background-size: 24px 24px;
	cursor: pointer;
	font-size: 14px;
    color: #000000;
	font-weight: bold;
	padding: 10px 50px 10px 32px;
    transition: all .4s ease-in-out;
}
@media (min-width: 600px) and (max-width: 1049px) {
.memberprof-slidetoggle_menu2 dt {
	padding: 10px 50px 10px 12px;
}
}
@media (max-width: 599px) {
.memberprof-slidetoggle_menu2 dt {
	padding: 10px 50px 10px 16px;
	font-size: 13px;
}
}

.memberprof-slidetoggle_menu2 dt:hover {
	background-color: #f5f5f5;
	/* border-radius: 7px; */
}

/* 左パディング詰め専用クラス */
.narrow-leftpadding {
	padding: 10px 10px 10px 10px!important;
}
@media (min-width: 600px) and (max-width: 1049px) {
.narrow-leftpadding {
	padding: 10px 10px 10px 10px!important;
}
}
@media (max-width: 599px) {
.narrow-leftpadding {
	padding: 10px 10px 10px 10px!important;
}
}

/* モデルプロフィールページトグル2(モデルプラン)タイトルアクティブ時 */
.memberprof-slidetoggle_menu2 dt.active {
	background:url("../images/minus-gray.png") right 16px center no-repeat;
	background-size: 24px 24px;
	border-bottom: solid 1px #e3e3e3;
}


/* モデルプロフィールページトグル2中身(モデルプラン)タイトルアクティブ時 */
.memberprof-filter-toggle-content2 {
	display:none;
	padding: 16px 16px 16px 32px;
}
@media (min-width: 600px) and (max-width: 1050px){
.memberprof-filter-toggle-content2 {
	padding: 10px 10px 10px 10px;
}
}
@media (max-width: 599px) {
.memberprof-filter-toggle-content2 {
	padding: 10px 10px 10px 10px;
}
}

/* 左パディング詰め専用クラス */
.narrow-leftpadding2 {
	padding: 16px 16px 16px 16px;
}
@media (min-width: 600px) and (max-width: 1050px){
.narrow-leftpadding2 {
	padding: 10px 10px 10px 10px;
}
}

@media (max-width: 599px) {
.narrow-leftpadding2 {
	padding: 10px 10px 10px 10px;
}
}

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

/* モデルプロフィールページフォームパディング調整  */
.memberprof-filter-form-paddingadjust {
	padding: 4px;
}


/* 項目タイトル  */
.memberprof-filter-title {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}


/*  プロフタグエリア */
.memberprof-skiltag-area {
  padding-top: 10px;
  padding-bottom: 2px;
}

/*  プロフタグ */
.memberprof-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: 13px;
  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) {
  .memberprof-skiltag {
  font-size: 12px;
    padding: 8px 10px 8px 10px;
    margin: 0 4px 4px 0;
  }
}
@media (max-width: 599px) {
  .memberprof-skiltag {
    font-size: 11px;
	  border-radius: 3px;
    padding: 6px 8px 6px 8px;
    margin: 0 1px 1px 0;
  }
}

/*  注意記載エリア */
.profilepage-cautiontextblock {
	text-align: left;
	padding: 24px 16px 40px 16px;
    font-size: 15px;
}
@media (max-width: 599px) {
.profilepage-cautiontextblock {
	padding: 16px 16px 16px 16px;
    font-size: 14px;
}
}

.profilepage-cautiontextblock-titletext {
	font-weight: bold;
}

/* ------------------------クローゼットの管理---------------------- */


/*  クローゼットリストテーブルul */
.closetlisttable-ul {

}

/*  クローゼットリストテーブルli */
.closetlisttable-li {
	display: flex;
	border: 1px solid transparent;
	border-bottom: 1px solid #eeeeee;
	overflow: hidden;
	padding: 10px 0 10px 0;
}
@media (max-width: 599px) {
.closetlisttable-li {
	padding: 8px 0 8px 0;
}
}

.closetlisttable-li:first-child {

}

/*  ソートアイコンブロック */
.closetlisttable-sorticonblock {
	flex: 0 0 80px;
	align-self: center;
	text-align: center;
}
@media screen and (min-width: 600px) and (max-width: 1049px) {
.closetlisttable-sorticonblock {
	flex: 0 0 60px;
}
}
@media (max-width: 599px) {
.closetlisttable-sorticonblock {
	flex: 0 0 46px;
}
}

/*  画像ブロック */
.closetlisttable-imageblock {
	flex: 0 0 240px;
	transition: all .4s ease-in-out;
}
@media screen and (min-width: 1050px) and (max-width: 1399px) {
.closetlisttable-imageblock {
	flex: 0 0 210px;
}
}
@media screen and (min-width: 600px) and (max-width: 1049px) {
.closetlisttable-imageblock {
	flex: 0 0 180px;
}
}
@media (max-width: 599px) {
.closetlisttable-imageblock {
	flex: 0 0 100px;
}
}

/*  データブロック */
.closetlisttable-datablock {
	position: relative;
	flex: 1 1 auto;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
}
@media (max-width: 599px) {
.closetlisttable-datablock {
	padding-left: 10px;
	padding-right: 10px;
}
}

/*  ソートアイコン画像 */
.closetlisttable-dragiconimg {
	display: inline-block;
	width: 30px;
	height: auto;
}
@media screen and (min-width: 600px) and (max-width: 1049px) {
.closetlisttable-dragiconimg {
	width: 24px;
}
}
@media (max-width: 599px) {
.closetlisttable-dragiconimg {
	width: 20px;
}
}

/*  ソートアイコン画像リンク */
.closetlisttable-dragiconlink {
	cursor: pointer;
	display: inline-block;
	padding: 10px;
	transition: all .4s ease-in-out;
}
@media (max-width: 599px) {
.closetlisttable-dragiconlink {
	padding: 8px;
}
}

/*  衣装画像 */
.closetlist-costumeimg {
	display: inline-block;
	width: 100%;
	height: auto;
}

.closetlist-costume-a {
	display: inline-block;
	position: relative;
}

/* 下部ボタンエリア */
.closetlist-bottomarea {
	position: absolute;
	bottom: 0;
	right: 20px;
}

@media (max-width: 599px) {
	.closetlist-bottomarea {
		right: 10px;
	}
}

/* いいね表示部 */
.closetlist-iinearea {
	position: relative;
	display: inline-block;
	color: #ff0000;
	margin-right: 10px;
}

/* いいねハート */
.closetlist-iinearea .fa-heart {
	display: inline-block;
	margin-right: 4px;
}

/* 編集するボタン */
.closetlist-editbutton {
	position: relative;
	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) {
.closetlist-editbutton {
    width: 104px;
    border-radius: 3px;
    padding: 6px 0;
    font-size: 12px;
	font-weight: normal;
}
}
@media (max-width: 599px) {
.closetlist-editbutton {
}
}

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

.closetlist-editbutton .fa-pencil {
    margin-right: 6px;

}

/* 名前表示部 */
.closetlist-namearea {
	white-space: wrap;
	height: 2.5em;
	overflow: hidden; 
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;

	vertical-align: middle;
	margin-top: 12px;
	font-size: 21px;
	font-weight: bold;
	color: #111111;
}
@media screen and (min-width: 600px) and (max-width: 799px) {
.closetlist-namearea {
	margin-top: 6px;
	font-size: 18px;
	line-height: 1.3;
}
}
@media (max-width: 599px) {
.closetlist-namearea {
	margin-top: 4px;
	font-size: 16px;
	line-height: 1.3;
}
}

/* 「募集停止」マーカー */
.closetlist-marker-mukou {
	position: relative;

	margin-right: 4px;
	display: inline-block;
	vertical-align: middle;
	padding: 2px 12px 2px 12px;
	border: 1px solid #aaaaaa;
	background-color: #aaaaaa;
	font-size: 12px;
	color: #ffffff;
}
@media screen and (min-width: 600px) and (max-width: 799px) {
.closetlist-marker-mukou {
	font-size: 11px;
	padding: 3px 8px 3px 8px;
}
}

@media (max-width: 599px) {
.closetlist-marker-mukou {
	font-size: 9px;
	padding: 3px 6px 3px 6px;
}
}




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

/* 見出し */
.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;
}
}


/* ------------------------トップページサイドエリアログインブロック---------------------- */

/* ログイン中プレート上部エリア */
.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;
}





/* ------------------------モデルプランの管理---------------------- */

/*  プランリストテーブルul */
.planlisttable-ul {

}

/*  プランリストテーブルli */
.planlisttable-li {
	display: flex;
	overflow: hidden;
	border: 1px solid transparent;
	border-bottom: 1px solid #eeeeee;
	padding: 10px 0 10px 0;
}
@media (max-width: 599px) {
.planlisttable-li {
	padding: 8px 0 8px 0;
}
}

.planlisttable-li:first-child {

}

/*  ソートアイコンブロック */
.planlisttable-sorticonblock {
	flex: 0 0 80px;
	align-self: center;
	text-align: center;
}
@media screen and (min-width: 600px) and (max-width: 1049px) {
.planlisttable-sorticonblock {
	flex: 0 0 60px;
}
}
@media (max-width: 599px) {
.planlisttable-sorticonblock {
	flex: 0 0 46px;
}
}

/*  画像ブロック */
.planlisttable-imageblock {
	flex: 0 0 240px;
	transition: all .4s ease-in-out;
}
@media screen and (min-width: 1050px) and (max-width: 1399px) {
.planlisttable-imageblock {
	flex: 0 0 210px;
}
}
@media screen and (min-width: 600px) and (max-width: 1049px) {
.planlisttable-imageblock {
	flex: 0 0 180px;
}
}
@media (max-width: 599px) {
.planlisttable-imageblock {
	flex: 0 0 100px;
}
}

/*  データブロック */
.planlisttable-datablock {
	position: relative;
	flex: 1 1 auto;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
	min-height: 150px;
}
@media (max-width: 599px) {
.planlisttable-datablock {
	padding-left: 10px;
	padding-right: 10px;
	min-height: 100px;
}
}

/*  ソートアイコン画像 */
.planlisttable-dragiconimg {
	display: inline-block;
	width: 30px;
	height: auto;
}
@media screen and (min-width: 600px) and (max-width: 1049px) {
.planlisttable-dragiconimg {
	width: 24px;
}
}
@media (max-width: 599px) {
.planlisttable-dragiconimg {
	width: 20px;
}
}

/*  ソートアイコン画像リンク */
.planlisttable-dragiconlink {
	cursor: pointer;
	display: inline-block;
	padding: 10px;
	transition: all .4s ease-in-out;
}
@media (max-width: 599px) {
.planlisttable-dragiconlink {
	padding: 8px;
}
}

/* 編集するボタンエリア */
.planlist-editbuttonarea {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}



/* 編集するボタン */
.planlist-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;
	margin-right: 20px;
}
@media (max-width: 799px) {
.planlist-editbutton {
    width: 104px;
    border-radius: 3px;
    padding: 6px 0;
    font-size: 12px;
	font-weight: normal;
}
}
@media (max-width: 599px) {
.planlist-editbutton {
	margin-right: 10px;
}
}

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

.planlist-editbutton .fa-pencil {
    margin-right: 6px;

}

/* 名前表示部 */
.planlist-namearea {
	display: inline-block;
	vertical-align: middle;
	margin-top: 12px;
	font-size: 21px;
	font-weight: bold;
	color: #111111;
}
@media screen and (min-width: 600px) and (max-width: 799px) {
.planlist-namearea {
	margin-top: 6px;
	font-size: 18px;
	line-height: 1.3;
}
}
@media (max-width: 599px) {
.planlist-namearea {
	margin-top: 4px;
	font-size: 16px;
	line-height: 1.3;
}
}

/* 料金表示部 */
.planlist-pricearea {
	display: inline-block;
	color: #ff0000;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
@media (max-width: 599px) {
.planlist-pricearea {
	font-size: 14px;
	margin-bottom: 6px;
}
}

/* 説明文表示部 */
.planlist-descriptionarea {
	color: #666666;
	padding-bottom: 40px;
}
@media (max-width: 599px) {
.planlist-descriptionarea {
	font-size: 12px;
	line-height: 1.6;
	padding-bottom: 40px;
}
}

/* ------------------------撮影予定の管理---------------------- */

/* 日付表示 */
.schedulelist-date {
	display: inline-block;
	vertical-align: top;
	margin-left: 4px;
	font-size: 20px;
	font-weight: bold;
	line-height: 34px;
	color: #000000;
	margin-bottom: 6px;
}
@media (max-width: 799px) {
.schedulelist-date {
	font-size: 18px;
	line-height: 29px;
}
}

/* 料金表示 */
.schedulelist-price {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 7px;
	color: #ff0000;
	font-weight: bold;
	line-height: 1.3;
}
@media (max-width: 799px) {
.schedulelist-price {
	margin-top: 5px;
	font-size: 11px;
}
}

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

/* キャンセルボタン */
.scheduledetailpage-cancelbutton {
	display: inline-block;
	width: 100%;
	max-width: 140px;
	border-radius: 5px;
	margin-top: 8px;
	background-color: #f50000;
	padding: 8px 16px 8px 16px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
    transition: all .4s ease-in-out;
}

.scheduledetailpage-cancelbutton:hover {
	background-color: #000000;
}

/* トラブル報告送信ボタン */
.formtroublebutton2016 {
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 5px 46px 5px 46px;
	color: #ffffff;
	min-width: 238px;
	background-color: #f50000;
	border: 1px solid #f50000;
	font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 4px;
    margin-right: 4px;
	transition: all .4s ease-in-out;   
}

.formtroublebutton2016:hover {
	color: #ffffff;
	background-color: #000000;
		border: 1px solid #000000;
}

.button-subtext {
	font-size: 10px;
	line-height: 1.0;
}


/* ------------------------長文テキスト隠し処理---------------------- */

.wrapper{
  width: 640px;
  margin: 30px auto;
  font-size: 1rem;
  line-height: 1.5;
}
.text_wrapper{
  position: relative;
  margin-bottom: 20px;
  padding: 0 20px 20px;
  border: solid 1px;
  height: auto;
  overflow: hidden;
}

.show_more{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  padding-top: 70px;
  text-align: center;
  line-height: 30px;
  background: linear-gradient(to bottom, rgb(255, 255, 255,0) 0%, rgb(255, 255, 255,1) 70%);
  cursor: pointer;
}
.open .show_more {
  background: transparent;
}
/*h1{
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
 */
.show_more:before {
border-right: 3px solid #0288d1;
    border-top: 3px solid #0288d1;
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    transition: all 0.5s;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
} 
.active .show_more:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



/* ------------------------フォロー一覧---------------------- */

.followlist-table {
    position: relative;
	margin-top: 30px;
	padding-bottom: 0px;
}
@media (min-width: 780px) and (max-width: 1249px){
.followlist-table {
	margin-top: 10px;
	padding: 0px 0px 0px 0px;
}
}
@media (min-width: 600px) and (max-width: 779px){
.followlist-table {
	margin-top: 0px;
	padding: 0px 14px 0px 14px;
	margin-bottom: -10px;
}
}
@media (max-width: 599px) {
.followlist-table {
	margin-top: 0px;
	padding: 0px 10px 0px 10px;
	margin-bottom: 10px;
}
}

.followlist-ul {
	font-size: 0;
	margin-top: 8px;
	margin-right: -6px;
	margin-left: -6px;
}
@media (max-width: 599px) {
.followlist-ul {
	margin-right: -6px;
	margin-left: -6px;
}
}

.followlist-li {
    display: inline-block;
	width: 25%;
	padding: 8px;
}
@media (min-width: 3500px) {
.followlist-li {
	width: 11.1111%;}
}
@media (min-width: 3000px) and (max-width: 3499px){
.followlist-li {
	width: 12.5%;}
}
@media (min-width: 2500px) and (max-width: 2999px){
.followlist-li {
	width: 14.285%;}
}
@media (min-width: 2100px) and (max-width: 2499px){
.followlist-li {
	width: 16.6666%;
}
}
@media (min-width: 1600px) and (max-width: 2099px){
.followlist-li {
	width: 20%;
}
}
@media (min-width: 750px) and (max-width: 999px){
.followlist-li {
	width: 33.3333%;
}
}
@media (min-width: 600px) and (max-width: 749px){
.followlist-li {
	width: 50%;
}
}
@media (max-width: 599px) {
.followlist-li {
	width: 50%;
	margin: 0;
	padding: 4px;
}
}


.followlist-a {
	background-color: #ffffff;
	display: inline-block;
	width: 100%;
	padding: 16px 16px 16px 16px;	
	transition: all .4s ease-in-out;
	color: #333333;
	box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
}
@media (min-width: 600px) and (max-width: 799px){
.followlist-a {

}
}
@media (max-width: 599px) {
.followlist-a {
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #e3e3e3;
    border-left: 0;
	padding: 10px;	
}
}

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

/* 写真エリア */
.followlist-imagearea {
	position: relative;
	display: block;
	width: 100%;
}
@media (min-width: 600px) and (max-width: 799px){
.followlist-imagearea {


}
}
@media (max-width: 599px) {
.followlist-imagearea {

}
}

/* 写真 */
.followlist-image {
	display: inline-block;
	width: 100%;
	height: auto;
}

/* 写真エリアラベル（名前） */
.followlist-label {
	display: block; 
	vertical-align: middle;
	line-height: 1.3;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	padding-top:10px;
	padding-bottom:10px;
	padding-left:4px;
}
@media (min-width: 600px) and (max-width: 799px){
.followlist-label {
	font-size: 16px;
	padding-top:10px;
	padding-bottom:10px;
}
}
@media (max-width: 599px) {
.followlist-label {
	font-size: 15px;
	padding-top:8px;
	padding-bottom:8px;
}
}

/* 写真エリアサブテキスト */
.followlist-subtext {
	display: block; 
	vertical-align: middle;
	line-height: 1.3;
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	width: 100%;
	padding: 6px 4px 6px 4px;
}
@media (min-width: 600px) and (max-width: 799px){
.followlist-subtext {
	padding: 2px 4px 2px 4px;
}
}
@media (max-width: 599px) {
.followlist-subtext {
	padding: 0px 4px 0px 4px;
}
}

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

/* 出身テキスト */
.followlist-preftext {
	font-size: 13px;
	color: #aaaaaa;
	font-weight: normal;
}
@media (max-width: 599px) {
.followlist-preftext {
	font-size: 12px;
}
}

/* 価格テキスト */
.followlist-pricetext {
	font-size: 13px;
	color: #ff0000;
	font-weight: bold;
}
@media (max-width: 599px) {
.followlist-pricetext {
	font-size: 12px;
}
}


/* ------------------------ギャラリーの管理---------------------- */

/* コメント表示部 */
.gallerylist-commentarea {
	word-wrap: break-word;
	/* height: 2.5em; */
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	vertical-align: middle;
	margin-top: 12px;
	font-size: 16px;
	font-weight: normal;
	color: #111111;
}
@media screen and (min-width: 600px) and (max-width: 799px) {
.gallerylist-commentarea {
	margin-top: 6px;
	font-size: 15px;
	line-height: 1.3;
}
}
@media (max-width: 599px) {
.gallerylist-commentarea {
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.3;
}
}

/* ------------------------最新フィード---------------------- */

	.feedlist-block {
text-align:  center; 
	width: 100%;

}

.feedlist-block-container {

}

.feedlist-a {

	margin: auto;
	background-color: #ffffff;
	display: block;
	width: 100%;
	padding: 16px 16px 16px 16px;	
	transition: all .4s ease-in-out;
	color: #333333;
	max-width: 800px;
	box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
	margin-bottom: 30px;
}
@media (min-width: 600px) and (max-width: 799px){
.feedlist-a {
	margin-bottom: 30px;
}
}
@media (max-width: 599px) {
.feedlist-a {
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #e3e3e3;
    border-left: 0;
	padding: 0;	
	box-shadow: none;
	margin-bottom: 16px;
}
}

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

/* 写真エリア */
.feedlist-imagearea {
	position: relative;
	display: block;
	width: 100%;

}
@media (min-width: 600px) and (max-width: 799px){
.feedlist-imagearea {


}
}
@media (max-width: 599px) {
.feedlist-imagearea {

}
}

/* 写真 */
.feedlist-image {
	display: inline-block;
	width: 100%;
	height: auto;
}


/* 写真エリアラベル（名前） */
.feedlist-label {
	display: block; 
	vertical-align: middle;
	line-height: 1.3;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	padding-top:10px;
	padding-bottom:10px;
	padding-left:4px;
}
@media (min-width: 600px) and (max-width: 799px){
.feedlist-label {
	font-size: 16px;
	padding-top:10px;
	padding-bottom:10px;
}
}
@media (max-width: 599px) {
.feedlist-label {
	font-size: 15px;
	padding-top:8px;
	padding-bottom:8px;
}
}

/* 写真エリアサブテキスト */
.feedlist-subtext {
	display: block; 
	vertical-align: middle;
	line-height: 1.3;
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	width: 100%;
	padding: 6px 4px 6px 4px;
}
@media (min-width: 600px) and (max-width: 799px){
.feedlist-subtext {
	padding: 2px 4px 2px 4px;
}
}
@media (max-width: 599px) {
.feedlist-subtext {
	padding: 0px 4px 0px 4px;
}
}

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

/* 出身テキスト */
.feedlist-preftext {
	font-size: 13px;
	color: #aaaaaa;
	font-weight: normal;
}
@media (max-width: 599px) {
.feedlist-preftext {
	font-size: 12px;
}
}

/* 価格テキスト */
.feedlist-pricetext {
	font-size: 13px;
	color: #ff0000;
	font-weight: bold;
}
@media (max-width: 599px) {
.feedlist-pricetext {
	font-size: 12px;
}
}

/* 上部ブロック */
.feedlist-a-topblock {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
}
@media (max-width: 599px) {
.feedlist-a-topblock {
	height: 50px;
}
}


/* アイコン画像表示部 */
.feedlist-a-topblock-imgarea {
	flex: 0 0 auto;
	display: inline-block;
	text-align: left;
	padding: 6px;
}
@media (max-width: 599px) {
.feedlist-a-topblock-imgarea {
	padding: 6px 6px 6px 0px;
}
}

/* アイコン画像 */
.feedlist-a-topblock-imgarea-img {
	display: inline-block;
	width: 48px;
	height: auto;
	border-radius: 50%;
}
@media (max-width: 599px) {
.feedlist-a-topblock-imgarea-img {
	width: 36px;
}
}

.feedlist-a-topblock-namearea {
	flex: 1 1 300px;
	display: inline-block;
	text-align: left;
	padding-left: 6px;
	overflow: hidden
}
@media (max-width: 599px) {
.feedlist-a-topblock-namearea {
	padding-left: 0px;
}
}


/* 名前表示 */
.feedlist-a-topblock-name {
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #259cec !important;
}
@media (max-width: 599px) {
.feedlist-a-topblock-name {
	font-size: 13px;
}
}

.feedlist-a-topblock-name:visited { 
	color: #333333; 
}


/* 出身地表示 */
.feedlist-a-topblock-location {
	display: inline-block;
	color: #aaaaaa;
	font-size: 11px;
}
@media (max-width: 599px) {
.feedlist-a-topblock-location {
	font-size: 10px;
}
}


/* 投稿時間表示 */
.feedlist-a-topblock-timestamp {
	flex: 1 1 74px;
	display: inline-block;
	text-align: right;
	color: #aaaaaa;
	font-size: 12px;
}
@media (max-width: 599px) {
.feedlist-a-topblock-timestamp {
	font-size: 11px;
}
}



/* プルダウンメニュー表示 */
.feedlist-a-topblock-pulldownmenu {
	flex: 0 0 64px;
	display: inline-block;
	position: relative;
}
@media (max-width: 599px) {
.feedlist-a-topblock-pulldownmenu {
	flex: 0 0 38px;
}
}

/* 下部ブロックコメント部 */
.feedlist-a-bottomblock-comment {
	text-align: left;
	font-size: 16px;
	line-height: 1.8;
	color: #222222;
	padding: 16px 4px 16px 4px;
}
@media (min-width: 600px) and (max-width: 799px) {
.feedlist-a-bottomblock-comment {
    font-size: 16px;
	padding: 10px 4px 10px 4px;
    }
}
@media (max-width: 599px) {
.feedlist-a-bottomblock-comment {
    font-size: 13px;
/* 	padding-top: 10px;  */
	padding: 10px 4px 24px 4px;
    }
}

/* 三点メニュー部 */
.feedpage-3pointmenu {
	position: absolute;
	right: 0px;
	top: -16px;
}
@media (min-width: 600px) and (max-width: 1049px){
.feedpage-3pointmenu {
	right: 0px;
	top: -18px;
}
}
@media (max-width: 599px) {
.feedpage-3pointmenu {
	top: -18px;
}
}



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

/* 写真アップロード部 */
.post-photo-emptyphoto {
    width: 100%;
    height: auto;
    border-radius: 8px;
}



/* --------------------------------ユーザーご利用の流れページ開始-------------------------------- */


.guidepagetitle {
margin-top: 30px;
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
}
@media (max-width: 779px) {
.guidepagetitle {
    font-weight: bold;
	text-align: center;
margin-top: 0;
    font-size: 20px;
    line-height: 46px;
    background-color: #d5ebff;
}
}

/* 特別コンテナ */
.guidepage-container {
	margin: auto;
	width: 88%;
	max-width: 920px;
}
@media (max-width: 779px) {
.guidepage-container {

	width: 100%;
}
}

/* 見出し */
.guide-flowchart-midashi {
	position: relative;
	margin: 48px auto 20px auto;
	background-color: transparent;
	text-align: left;
	font-size: 24px;
	line-height: 1.5;
	font-weight: bold;
}
@media (max-width: 779px) {
.guide-flowchart-midashi {
    width: 100% !important;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
    font-size: 18px;
    margin: 0 auto 0 auto;
	padding: 10px 14px 10px 14px;
    background-color: #f1f5f8;
}
}





/* ご利用の流れ説明図全体ブロック */
.guide-flowchart-flexbox {
	display: flex;
	justify-content: space-between;

}
@media (max-width: 779px) {
.guide-flowchart-flexbox {
	flex-direction: column;
	padding: 12px 0 12px 0;
}
}

/* ご利用の流れブロック */
.guide-flowchart-block {
	flex: 2 2 100px;
	text-align: center;
}
@media (max-width: 779px) {
.guide-flowchart-block {
	text-align: left;
}
}

/* ご利用の流れピクトグラム */
.guide-flowchart-block-illust {
	width: 100%;
	height: auto;
	max-width: 180px;
	margin-bottom: 16px;
}
@media (max-width: 779px) {
.guide-flowchart-block-illust {
	max-width: 110px;
	margin: 0 12px 0 12px;
}
}

/* ご利用の流れブロックタイトルテキスト */
.guide-flowchart-block-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 6px;
}
@media (max-width: 779px) {
.guide-flowchart-block-title {
	font-size: 16px;
	margin-bottom: 2px;
}
}

/* ご利用の流れブロック本文テキスト */
.guide-flowchart-block-maintext {
	line-height: 1.6;
	color: #444444;
}
@media (max-width: 779px) {
.guide-flowchart-block-maintext {
	line-height: 1.5;
}
}

.guide-flowchart-block-contentblock {

}
@media (max-width: 779px) {
.guide-flowchart-block-contentblock {
	display: flex;
	align-items: center;
}
}

.guide-flowchart-block-textblock {

}
@media (max-width: 779px) {
.guide-flowchart-block-textblock {
	padding-right: 12px;
}
}

/* ご利用の流れテーブル矢印部分 */
.guide-flowchart-directionarea {
	flex: 1 1 40px;
	float: left;
	width: 40px;
	text-align: center;
	height: 148px;
	padding-top: 70px;/* フロート処理しているためvertical-align:middleが使えないため目分量で高さ処理 */
}
@media (max-width: 779px) {
.guide-flowchart-directionarea {
	flex: 1 1 auto;
	float: none;
	width: 130px;
	height: auto;
	padding-top: 0;
}
}

.guide-flowchart-directionarea .fa-caret-right {
	display: inline-block;
	font-size: 32px;
	color: #e02b73;
	line-height: 1.0;

}
@media (max-width: 779px) {
.guide-flowchart-directionarea .fa-caret-right {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
}

.guide-payment-image {
	width: 100%;
}

/* ご利用の流れページ説明画像パネル */
.panel-guideinfo {
    position: relative;
    margin: 0 auto;
    background-color: #ffffff;
	width: 100%;
	padding: 30px 30px 30px 30px;

    text-align: left;
}

@media (max-width: 779px) {
.panel-guideinfo {
    width: 100% !important;
    box-shadow: none;
    border: none;
    text-align: left;
	padding: 14px 14px 14px 14px;
}
}

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

/* 背景イエロー */
.bd-yellow {
	background-color: #ffeb50;
}

/* ご利用の流れページ説明画像本文 */
.panel-guideinfo-text {
	padding-top: 4px;
}

/* ご利用の流れページ説明画像本文大テキスト */
.panel-guideinfo-text-large {
	font-size: 22px;
	padding-top: 0;
	padding-bottom: 24px;
}
@media (max-width: 779px) {
.panel-guideinfo-text-large {
	font-size: 16px;
	padding-bottom: 10px;
}
}

/* ご利用の流れページ説明画像本文小テキスト */
.panel-guideiinfo-text-small {
	font-size: 12px;
	color: #666666;
	padding-top: 0;
	padding-bottom: 0;
}
@media (max-width: 779px) {
.panel-guideinfo-text-small {
}
}

/* 登録するボタンブロック */
.panel-guide-entrylink-block {
    text-align: center;
	padding: 50px 0 50px 0;
}
@media screen and (min-width: 600px) and (max-width: 779px) {
.panel-guide-entrylink-block {
	padding: 30px 0 30px 0;
}
}
@media (max-width: 599px) {
.panel-guide-entrylink-block {
	padding: 8px 16px 24px 16px;
}
}

/* 登録するボタン */
.panel-guide-entrylink {
    display: inline-block;
    width: 100%;
	max-width: 480px;
    margin-top: 6px;
    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;
    transition: all .4s ease-in-out;
}
.panel-guide-entrylink:hover {
    background-color: #ff0000;
}

.panel-guide-entrylink-block-subtext {
    color: #ff0000;
   font-size: 12px;
}

/* ------------------------フォトミーとは？図解ブロック---------------------- */

.display-flexbox-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 20px 0 20px;
}
@media (max-width: 799px)  {
.display-flexbox-container {
	padding: 0 14px 0 14px;
}
}

/* フレックスボックス */
.display-flexbox {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
@media (max-width: 799px) {
.display-flexbox {
flex-direction: column;


}
}

/* カメラマンブロック */
.display-cameraman-block {
    flex: 1 1 80px;
	background-color: #ffffff;
	text-align: center;
	padding-top: 20px;
	border-radius: 10px;
	padding-bottom: 10px;
}
@media (max-width: 799px) {
.display-cameraman-block {
	order: 1;
	padding-bottom: 0;
}
}

/* カメラマン下矢印ブロック */
.display-direction-block-cameraman {
    flex: 0 0 70px;
	text-align: center;
	align-self: center;
}
@media (min-width: 800px) and (max-width: 1049px){
.display-direction-block-cameraman {
    flex: 0 0 50px;
}
}
@media (max-width: 799px)  {
.display-direction-block-cameraman {
	order: 2;
    flex: 0 0 50px;

}
}

/* フォトミーブロック */
.display-photome-block {
    flex: 1.2 1 100px;
	background-color: #ffffff;
	text-align: center;
	align-self: center;
	padding: 50px 10px 20px 10px;
	border-radius: 10px;
}
@media (max-width: 799px) {
.display-photome-block {
	order: 5;
	width: 100%;
	padding: 30px 10px 10px 10px;
}
}

/* フォトミーブロックキャッチコピー（個人撮影の悩み、フォトミーが解決します） */
.display-photome-block-copy {
	font-weight: bold;
	color: #ee1969;
	font-size: 18px;
}
@media (min-width: 800px) and (max-width: 1049px){
.display-photome-block-copy {
	font-size: 15px;
}
}
@media (max-width: 799px) {
.display-photome-block-copy {
	font-size: 16px;
}
}


/* モデル下矢印ブロック */
.display-direction-block-model {
    flex: 0 0 70px;
	text-align: center;
	align-self: center;
}
@media (min-width: 800px) and (max-width: 1049px){
.display-direction-block-model {
    flex: 0 0 50px;
}
}
@media (max-width: 799px) {
.display-direction-block-model {
	order: 4;
    flex: 0 0 50px;
}
}

/* モデルブロック */
.display-model-block {
    flex: 1 1 80px;
	background-color: #ffffff;
	text-align: center;
	padding-top: 20px;
	border-radius: 10px;
	padding-bottom: 10px;
}
@media (max-width: 799px) {
.display-model-block {
	order: 3;
	padding-bottom: 0;
}
}

/* モデルカメラマン画像 */
.display-avatar-img {
	display: inline-block;
	width: 100%;
	max-width: 140px;
}
@media (min-width: 800px) and (max-width: 1049px){
.display-avatar-img {
	max-width: 130px;

}
}
@media (max-width: 799px) {
.display-avatar-img {
	max-width: 100px;

}
}

/* モデルカメラマン画像ブロック */
.display-avatar-block {
	padding-top: 8px;
	padding-bottom: 40px;
}
@media (max-width: 799px) {
.display-avatar-block {
	padding-top: 8px;
	padding-bottom: 24px;
}
}


/* 吹き出し画像 */
.display-fukidashi-img {
	display: inline-block;
	width: 100%;
	max-width: 180px;
}
@media (min-width: 800px) and (max-width: 1049px){
.display-fukidashi-img {
	max-width: 130px;

}
}
@media (max-width: 799px) {
.display-fukidashi-img {
	max-width: 100px;

}
}

/* フォトミーロゴ画像 */
.display-photomelogo-img {
	display: inline-block;
	width: 100%;
	max-width: 400px;
}
@media (max-width: 799px) {
.display-photomelogo-img {
	max-width: 300px;

}
}

/* 矢印画像カメラマン */
.display-direction-block-cameraman .fa-caret-right {
	display: inline-block;
	font-size: 70px;
	color: #ffffff;
	line-height: 1.0;

}
@media (min-width: 800px) and (max-width: 1049px){
.display-direction-block-cameraman .fa-caret-right {
	font-size: 54px;
}
}
@media (max-width: 799px) {
.display-direction-block-cameraman .fa-caret-right {
	font-size: 44px;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
}

/* 矢印画像モデル */
.display-direction-block-model .fa-caret-right {
	display: inline-block;
	font-size: 70px;
	color: #ffffff;
	line-height: 1.0;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
@media (min-width: 800px) and (max-width: 1049px){
.display-direction-block-model .fa-caret-right {
	font-size: 54px;
}
}

@media (max-width: 799px) {
.display-direction-block-model .fa-caret-right {
	font-size: 44px;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
}


/* SNSデメリット項目 */
.display-sns-demerit-block {
	position: relative;
	padding: 10px 10px 10px 10px;
	border: 1px solid #d0d0d0;
	border-radius: 10px;
	margin-bottom: 16px;
}
@media (min-width: 800px) and (max-width: 1049px){
.display-sns-demerit-block {
	margin-bottom: 10px;
	padding: 6px 6px 6px 6px;
	line-height: 1.5;
	font-size: 13px;
}
}
@media (max-width: 799px) {
.display-sns-demerit-block {
	margin-bottom: 10px;
	padding: 10px 10px 10px 10px;
}
}

/* ぐるぐる画像 */
.display-guruguru-img {
	display: inline-block;
	width: 20px;
	height: auto;
	margin-left: 6px;
	position: relative;
	top: -4px;
}
@media (min-width: 800px) and (max-width: 1049px){
.display-guruguru-img {
	width: 16px;
	margin-left: 4px;
	top: -3px;
}
}
@media (max-width: 799px) {
.display-guruguru-img {

}
}

.display-sns-demerit-wrapper {
	width: 100%;
	padding: 0 20px 0 20px
}
@media (min-width: 800px) and (max-width: 1049px){
.display-sns-demerit-wrapper {
	width: 100%;
	padding: 0 10px 0 10px
}
}
@media (max-width: 799px) {
.display-sns-demerit-wrapper {
	padding: 0 10px 0 10px
}
}

/* SNSデメリット項目タイトルテキスト(SNSでのやり取りだとこんな不満が…) */
.display-sns-demerit-block-title {
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 8px;
}
@media (min-width: 800px) and (max-width: 1049px){
.display-sns-demerit-block-title {
	font-size: 14px;
	margin-bottom: 8px;
}
}
@media (max-width: 799px) {
.display-sns-demerit-block-title {
	font-size: 14px;
	margin-bottom: 4px;
}
}



/* フォトミーメリット項目 */
.display-photomemerit-block {
	font-weight: bold;
	font-size: 15px;
	line-height: 2.0;
}
@media (min-width: 800px) and (max-width: 1049px){
.display-photomemerit-block {
	font-size: 14px;
	line-height: 1.5;
}
}
@media (max-width: 799px) {
.display-photomemerit-block {
	font-size: 14px;
}
}

.display-photomemerit-block-wrapper {
	padding-top: 20px;
	padding-bottom: 20px;
}
@media (min-width: 800px) and (max-width: 1049px){
.display-photomemerit-block-wrapper {
	padding-top: 20px;
	padding-bottom: 20px;
}
}

/* 王冠アイコン */
.topbottomcrown {
	display: inline-block;
	position: relative;
	top: -9px;
	height: 18px;
	width: auto;
	margin-right: 4px;
}
@media (min-width: 800px) and (max-width: 1050px){
.topbottomcrown {
	top: -4px;
	height: 16px;
	margin-right: 4px;
}
}
@media (max-width: 799px) {
.topbottomcrown {
	top: -6px;
	height: 18px;
	margin-right: 4px;
}
}

/* ------------------------フォトミーとは？ポイントブロック---------------------- */

/* フレックスボックスコンテナ */
.display-flexbox-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 20px 0 20px;
}
@media (max-width: 799px)  {
.display-flexbox-container {
	padding: 0 14px 0 14px;
}
}

/* 追加ボトムマージン */
.display-addbottommargin {
	margin-bottom: 30px;
}
@media (max-width: 799px)  {
.display-addbottommargin {
	margin-bottom: 20px;
}
}

/* フレックスボックス */
.first-point-flexbox {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
@media (max-width: 799px) {
.first-point-flexbox {
flex-direction: column;


}
}

/* フレックスボックス2(折り返し有) */
.first-point-flexbox2 {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap:wrap
}
@media (max-width: 799px) {
.first-point-flexbox2 {
flex-direction: column;
	padding-bottom: 16px;

}
}

/* ポイントブロック */
.first-point-block {
	background-color: #ffffff;
	padding: 40px;
	border: solid 1px #f7a3b6;
	text-align: center;
	width: 30%;
	max-width: 400px;
}

@media (min-width: 800px) and (max-width: 1049px){
.first-point-block {
	padding: 26px;
}
}
@media (max-width: 799px) {
.first-point-block {
	width: 100%;
	max-width: none;
	padding: 20px 30px 30px 30px;
	margin-bottom: 40px;
}
}

/* ポイントブロック(スムーズな交渉を促進するプロモーションツールブロック) */
.first-point-block-promotion {
	background-color: #ffffff;
	padding: 40px;
	border: solid 1px #f7a3b6;
	text-align: center;
	width: 48%;
	max-width: 550px;
	margin-bottom: 40px;
}

@media (min-width: 800px) and (max-width: 1049px){
.first-point-block-promotion {
	padding: 26px;
}
}
@media (max-width: 799px) {
.first-point-block-promotion {
	width: 100%;
	max-width: none;
	padding: 20px 30px 20px 30px;
	margin-bottom: 16px;
}
}

.first-point-block-number {
background: #ea5c7c;
width: 50%;
margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
padding: 10px;
color: #ffffff;
font-size: 20px;
margin-top: -60px;
margin-bottom: 40px;
font-style: italic;
}
@media (min-width: 800px) and (max-width: 1049px){
.first-point-block-number {
width: 70%;
font-size: 18px;
margin-top: -50px;
margin-bottom: 30px;
}
}
@media (max-width: 799px) {
.first-point-block-number {
margin-top: -38px;
font-size: 14px;
    padding: 4px;
    width: 120px;
margin-bottom: 30px;
}
}

/* 強調数字 */
.first-point-block-number-large {
	font-size: 28px;
}
@media (min-width: 800px) and (max-width: 1049px){
.first-point-block-number-large {
	font-size: 24px;
}
}
@media (max-width: 799px) {
.first-point-block-number-large {
	font-size: 20px;
}
}

/* 項目タイトル */
.first-point-block-title {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 30px;
	min-height: 60px;
}
@media (min-width: 800px) and (max-width: 1049px){
.first-point-block-title {
	font-size: 20px;
	margin-bottom: 30px;
}
}
@media (max-width: 799px) {
.first-point-block-title {
	font-size: 20px;
	margin-bottom: 30px;
}
}

/* 項目タイトル2(プロモーションツール) */
.first-point-block-title2 {
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 0;

}
@media (min-width: 800px) and (max-width: 1049px){
.first-point-block-title2 {
	font-size: 20px;
	margin-bottom: 0;
}
}
@media (max-width: 799px) {
.first-point-block-title2 {
	font-size: 20px;
	margin-bottom: 0;
}
}


.first-point-block-text {
	text-align: left;
}
@media (max-width: 799px) {
.first-point-block-text {
	font-size: 14px;
	line-height: 1.6;
}
}

.first-point-block-target {
	font-size: 13px;
	color: #999999;
	margin-bottom: 30px;
}
@media (max-width: 799px) {
.first-point-block-target {
	margin-bottom: 20px;
}
}



/* フォトミーとは？ページ特徴ブロックタイトル1(安全安心なコミュニティ) */
.first-subblock-title1 {
	position: relative;
	z-index: 3;
	margin: 0 auto 0 auto;
	background-color: transparent;
	max-width: 1100px;
	text-align: center;
	color: #f9176a;
	font-size: 32px;
	line-height: 1.5;
	font-weight: normal;
	padding: 0 0 60px 0;
}
@media (min-width: 800px) and (max-width: 1050px){
.first-subblock-title1 {
    font-size: 28px;
	padding: 0 0 50px 0;
}
}
@media (min-width: 600px) and (max-width: 799px) {
.first-subblock-title1 {
    width: 100% !important;
    border-top: none;
    border-bottom: none;

    font-size: 20px;
    font-weight: bold;
    margin: 0 auto 0 auto;
	padding: 24px 14px 34px 14px;
}
}
@media (max-width: 599px) {
.first-subblock-title1 {
    font-size: 18px;
    font-weight: bold;
	padding: 18px 10px 34px 10px;
}
}
/* フォトミーとは？ページ特徴ブロックタイトル1(最安値の手数料) */
.first-subblock-title2 {
	position: relative;
	z-index: 3;
	margin: 0 auto 0 auto;
	background-color: transparent;
	max-width: 1100px;
	text-align: center;
	color: #f9176a;
	font-size: 32px;
	line-height: 1.5;
	font-weight: normal;
	padding: 0 0 60px 0;
}
@media (min-width: 800px) and (max-width: 1050px){
.first-subblock-title2 {
    font-size: 28px;
	padding: 0 0 50px 0;
}
}
@media (min-width: 600px) and (max-width: 799px) {
.first-subblock-title2 {
    width: 100% !important;
    border-top: none;
    border-bottom: none;

    font-size: 20px;
    font-weight: bold;
    margin: 0 auto 0 auto;
	padding: 24px 14px 34px 14px;
}
}
@media (max-width: 599px) {
.first-subblock-title2 {
    font-size: 18px;
    font-weight: bold;
	padding: 18px 10px 34px 10px;
}
}

/* フォトミーとは？ページ特徴ブロックタイトル3(プロモーションツール) */
.first-subblock-title3 {
	position: relative;
	z-index: 3;
	margin: 0 auto 0 auto;
	background-color: transparent;
	max-width: 1100px;
	text-align: center;
	color: #f9176a;
	font-size: 32px;
	line-height: 1.5;
	font-weight: normal;
	padding: 0 0 40px 0;
}
@media (min-width: 800px) and (max-width: 1050px){
.first-subblock-title3 {
    font-size: 28px;
	padding: 0 0 40px 0;
}
}
@media (min-width: 600px) and (max-width: 799px) {
.first-subblock-title3 {
    width: 100% !important;
    border-top: none;
    border-bottom: none;
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto 0 auto;
	padding: 24px 14px 24px 14px;
}
}
@media (max-width: 599px) {
.first-subblock-title3 {
    font-size: 18px;
    font-weight: bold;
	padding: 18px 10px 18px 10px;
}
}


/* 下部ラージボタンエリア */
.first-block-bottomtext-area {
	padding: 50px 0 20px 0;
}
@media (min-width: 600px) and (max-width: 799px) {
.first-block-bottomtext-area {
	padding: 0 0 0 0;
	margin-top: -20px;
}
}
@media (max-width: 599px){
.first-block-bottomtext-area {
	padding: 0 0 0 0;
	margin-top: -20px;
}
}

.first-point-block-iconimg {
	display: inline-block;
	width: 25%;
	max-width: 150px;
	height: auto;
	margin-bottom: 16px;
}
@media (min-width: 600px) and (max-width: 799px) {
.first-point-block-iconimg {
	max-width: 120px;
}
}
@media (max-width: 599px){
.first-point-block-iconimg {
	width: 20%;
	margin-bottom: 10px;
}
}

/* 下部ラージボタンエリア(プロモーションツール) */
.first-block-bottomtext-area2 {
	padding: 10px 0 20px 0;
}
@media (min-width: 600px) and (max-width: 799px) {
.first-block-bottomtext-area2 {
	padding: 0 0 0 0;
	margin-top: -20px;
}
}
@media (max-width: 599px){
.first-block-bottomtext-area2 {
	padding: 0 0 0 0;
	margin-top: -20px;
}
}

/* ソート対応 */
.sortable-chosen {
	border: 1px solid #d4d4d4;
}

.sortable-ghost {
	border: 1px solid #d4d4d4;
}

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

@media (max-width: 599px) {
	.messagelist-personalblock-moredata {
		padding: 20px 12px 16px 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;
	}
}

/* -------------------------------- 11月下旬追加分 -------------------------------- */

/* モデル専用ページダッシュボードヒントエリア */
.membermenu-tophinttmessagearea {
	display: block;
	background-color: #178cd1;
	color: #ffffff;
	padding: 14px 10px 14px 10px;
	transition: all .4s
}

.membermenu-tophinttmessagearea:hover {
	background-color: #000000;
}

.membermenu-tophinttmessagearea-hinticon {
	display: inline-block;
	position: relative;
	top: -2px;
	padding-right: 4px;
	width: 30px;
	height: auto;
}

.membermenu-tophinttmessagearea-close {/* ヒント表示部閉じるボタン */
	position: relative;
	display: inline-block;
	top: 2px;
	right: 0px;
	width: 24px:
	height: 24px;
	background-color: #52bbf9;
	padding: 6px;
	border-radius: 6px;
	transition: all .4s ease-in-out;  
}

.membermenu-tophinttmessagearea-close:hover {/* ヒント表示部閉じるボタンホバー */
	background-color: #e71b4e;	
}

/* listpage-bottomblockのlineheight固定値バージョン */
.listpage-bottomblock2 {
	background-color: #ffffff;
	padding: 6px;
	line-height: 25px;
}

@media screen and (min-width: 1050px) {
	.listpage-bottomblock2 {
		padding: 10px;
	}
}

/* イイねテキスト */
.listpage-iinetext {
	font-size: 11px;
	color: #cccccc;
	font-weight: bold;
}

/* イイねテキスト(アクティブ) */
.listpage-iinetext-active {
	font-size: 11px;
	color: #ff0000;
	font-weight: bold;
}


.listpage-iine-img {
	display: inline-block;
	position: relative;
	height: 22px;
	top: -2px;
}

/* メッセージボードオプションボタンブロック（チップ、画像） */
.board-option-button-block {
	position: absolute;
	top: 0px;
	right: 0px;
}

@media screen and (max-width: 599px) {
	.board-option-button-block {
		position: relative;
		text-align: right;
		padding: 0 6px 6px 0;
		margin-top: -38px;
	}
}



/* メッセージボードオプションボタン（チップ、画像） */
.board-option-button {
	display: inline-block;
	border: solid 1px #35c1eb;
	color: #2bb0e7;
	cursor: pointer;
	background-color: #ffffff;
	font-size: 13px;
	line-height: 1.0;
	margin: 6px 0px 0px 6px;
	padding: 4px 8px 4px 8px;
	border-radius: 3px;
	transition: all .4s ease-in-out;
}

@media screen and (max-width: 599px) {
	.board-option-button {
		font-size: 12px;
		padding: 6px 10px 6px 10px;
	}
}

.board-option-button:hover {
	color: #ffffff;
	background-color: #2bb0e7;
}

.board-option-button .fa-plus-circle {
	display: inline-block;
	margin-right: 4px;
}

.board-option-button .fa-money {
	display: inline-block;
	margin-right: 4px;
}

/* トップマージン確保用追加ブロック（カメラマン側のみ） */
@media screen and (max-width: 599px) {
	.board-option-addtopmargin {
		margin-top: 40px !important;
	}
}

/* メッセージボード添付画像 */
.message-attached-img {
	display: inline-block;
	width: 100%;
	height: auto;
	border-radius: 10px;
}
/* メッセージボード添付画像表示ブロック(自分) */
.talk-attached {
	display: inline-block !important;
	position: relative;
	width: auto;
	max-width: 240px;
	min-height: 50px;
	border-radius: 10px;
	color: #000000;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	margin-right: 64px; /* talk-icon2017の横幅 */
	margin-left: 64px;
	font-size: 14px;
	line-height: 1.8;
	padding: 0px;
	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-attached {
		min-height: 36px;
		margin-right: 6px; /* モバイル時消去実験。表示する際には46px */
		margin-left: 46px;
		font-size: 12px;
		line-height: 1.5;
		padding: 0px;
	}
}

/* チップ送金時の金額表示ブロック */
.messageboard-chipprice-block {
	display: inline-flex;
	align-items: center;
	align-content: center;
	border: 1px solid #ff7575;
	border-radius: 6px;
}

@media (max-width: 799px) {
	.messageboard-chipprice-block {
	}
}

/* 名称表示 */
.messageboard-chipprice-block-name {
	display: inline-block;
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 1;
	padding: 12px 14px 12px 14px;
	background-color: #ff0000;
	font-size: 13px;
	line-height: 1.3;
	color: #ffffff;
	font-weight: bold;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

@media (max-width: 799px) {
	.messageboard-chipprice-block-name {
		font-size: 11px;
		padding: 10px 10px 10px 10px;
	}
}

/* ------------ チップ送金用オーバーレイウィンドウ ----------- */

/* オーバーレイ背景 */
.fullsize-overlay-bg {
	position: fixed;
	z-index: 1000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.7);
}



/* フロートウィンドウボディ */
.overlay-basicwindow-body {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	background-color: #f8f8f8;
	width: 80vw;
	max-width: 800px;
}

@media (max-width: 599px) {
	.overlay-basicwindow-body {
		background-color: #ffffff;
	}
}


/* 上部見出しブロック */
.overlay-basicwindow-titleblock {
	display: inline-block;
	width: 100%;
	background-color: #f8f8f8;
	text-align: center;
}

@media (max-width: 599px) {
	.overlay-basicwindow-titleblock {
		text-align: left;
		background-color: #eeeeee;
	}
}

/* 上部見出しテキスト */
.overlay-basicwindow-titleblock-text {
	display: inline-block;
	width: 100%;
	color: #222222;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.0;
	padding: 20px 0px 20px 0px;
	border-bottom: 2px dotted #dddddd;
}

@media (max-width: 599px) {
	.overlay-basicwindow-titleblock-text {
		border-bottom: none;
		font-size: 16px;
		padding: 20px 50px 20px 18px;
	}
}

/* 中部コンテンツブロックコンテナ */
.overlay-basicwindow-contentblock-container {
	width: 90%;
	margin: auto;
}

@media (max-width: 599px) {
	.overlay-basicwindow-contentblock-container {
		width: 90%;
	}
}

/* 閉じるボタン */
.overlay-basicwindow-closebutton {
	position: absolute;
	top: -36px;
	right: 6px;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	background-image: url('../images/closeicon.png');
}

@media (max-width: 599px) {
	.overlay-basicwindow-closebutton {
		top: 16px;
		right: 10px;
		width: 28px;
		height: 28px;
		background-size: 24px 24px;
		background-image: url('../images/closeicon-gray.png');
	}
}

/* 中部コンテンツブロック */
.overlay-basicwindow-contentblock {
	width: 100%;
	text-align: left;
}

/* 中部コンテンツブロック(説明文) */
.overlay-basicwindow-contentblock-description {
	padding: 24px 0px 24px 0px;
}

@media (max-width: 599px) {
	.overlay-basicwindow-contentblock-description {
		padding: 20px 0px 20px 0px;
		font-size: 13px;
	}
}

/* 中部コンテンツブロック(フォームブロック) */
.overlay-basicwindow-contentblock-formblock {
	margin-bottom: 20px;
}


/* 中部コンテンツブロック基本ボタン */
.overlay-basicwindow-basicbutton {
	display: inline-block;
	width: 100%;
	background-color: #07b53b;
	color: #ffffff;
	border-radius: 4px;
	padding: 10px 0px 10px 0px;
	transition: all .7s ease-in-out;
	margin-bottom: 40px;
}

@media (max-width: 599px) {
	.overlay-basicwindow-basicbutton {
		margin-bottom: 24px;
	}
}

.overlay-basicwindow-basicbutton:hover {
	background-color: #ff0000;
}


/* 下部ボタン（全面タイプ）配置ブロック */
.overlay-basicwindow-bottomblock {
	width: 100%;
}

/* 下部ボタン（全面タイプ） */
.overlay-basicwindow-fullbutton {
	display: inline-block;
	width: 100%;
	color: #555555;
	border-top: 1px solid #dddddd;
	background-color: #eeeeee;
	text-align: center;
	padding: 20px 0px 20px 0px;
	transition: all .7s ease-in-out;
}

@media (max-width: 599px) {
	.overlay-basicwindow-fullbutton {
		padding: 20px 0px 20px 0px;
	}
}

.overlay-basicwindow-fullbutton:hover {
	color: #ffffff;
	border-top: 1px solid #ff0000;
	background-color: #ff0000;
}

/* いいねリストアイコン画像img */
.iinelist-usericonimage {
	position: absolute;
	bottom: -36px;
	left: 10px;
	overflow: initial;
	display: inline-block;
	width: 26%;
	border-radius: 50%;
	border: solid 4px #ffffff;
}

@media (max-width: 599px) {
	.iinelist-usericonimage {
		bottom: -26px;
		width: 28%;
		left: 6px;
		border: solid 3px #ffffff;
	}
}

/* いいねリスト写真エリアラベル（名前） */
.iinelist-label {
	display: block;
	vertical-align: middle;
	line-height: 1.3;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	color: #333333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 32%;
}

@media (min-width: 600px) and (max-width: 799px) {
	.iinelist-label {
		font-size: 16px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media (max-width: 599px) {
	.iinelist-label {
		font-size: 15px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

/* ------------ オーバーレイウィンドウ(2022年7月更新) ----------- */

/* モーダルウィンドウ端ラウンド処理 */
.borderradius-add {
	border-radius: 20px;
}

/* モーダルウィンドウQRコードwrapper */
.modelmenu-modalwindow-qr-wrapper {
	padding-top: 20px;
}

/* モーダルウィンドウQRコード画像 */
.modelmenu-modalwindow-qrimg {
	display: inline-block;
	width: 100%;
	max-width: 240px;
}

.modelmenu-modalwindow-qrlabeltext {
	display: inline-block;
	font-family: 'Anton', sans-serif;
	font-size: 28px;
	color: #ea5c7b;
	width: 100%;
	word-wrap: break-word;
	margin-bottom: 10px;
}

@media (max-width: 599px) {
	.modelmenu-modalwindow-qrlabeltext {
		font-size: 28px;
	}
}

/* モデルメニューQRコードリンク */
.dashborad-qrcode-a {
	display: inline-block;
	vertical-align: top;
	background-color: #ee1969;
	border: solid 1px #ee1969;
	padding: 3px;
	color: #888888;
	font-size: 13px;
	border-radius: 16px;
	transition: all .4s ease-in-out;
	margin-bottom: 6px;
}

@media (max-width: 599px) {
	.dashborad-qrcode-a {
		font-size: 12px;
	}
}

.dashborad-qrcode-a:hover {
	background-color: #000000;
	border: solid 1px #000000;
	color: #ffffff;
}

/* モデルメニューQRコードアイコン */
.dashborad-qrcode-img {
	display: inline-block;
	width: 25px;
	height: auto;
}