/* -------------------------------- 共通初期設定-------------------------------- */
@-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;

}

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

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

p {
	padding: 0;
	margin: 0;
}

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

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

form {
	margin: 0;
}

select {
	color:#444444!important;
}

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

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

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

a {
	text-decoration: none;
}

*:focus {
outline: none;
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 汎用オーバーフローhidden */
.overflow-hidden {
	overflow: hidden!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;
}

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

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

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

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

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

/* 汎用透明度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;
}

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

#top::before, #seek::before, #connect::before, #security::before, #download::before, #content::before {
    content: "";
    display: inline-block;
    height: 66px;
    margin-top: -66px;
    vertical-align: top;
}
@media (max-width: 799px){
#top::before, #seek::before, #connect::before, #security::before, #download::before, #content::before {
    height: 54px;
    margin-top: -54px;
}
}


.pad {

}

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

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

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

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


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

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

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

/* --------------------------------スパコストップページ-------------------------------- */

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


.location-photo {
	width: 100%;
	height: auto;	
}

.locationphoto-li {
	float: left;
	width: 33.3333%;
	height: auto;
	display: inline-block;
}
@media (max-width: 779px) {
.locationphoto-li {
	float: left;
	width: 50%;
	height: auto;
	display: inline-block;
}
}

.locationphoto-ul {
	margin-top: 6px;
}

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



.location-photo2 {
	width: 100%;
	height: auto;	
}

.locationphoto2-li {
	float: left;
	width: 50%;
	height: auto;
	display: inline-block;
}
@media (max-width: 779px) {
.locationphoto2-li {
	float: left;
	width: 50%;
	height: auto;
	display: inline-block;
}
}

.locationphoto2-ul {
	margin-top: 6px;
}

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

.sankaimage {
    width: 480px;
    max-width: 100%;
}
@media (max-width: 799px) {
.sankaimage {
    width: 400px;
    max-width: 100%;
}
}
@media (max-width: 599px) {
.sankaimage {
    width: 360px;
    max-width: 100%;
}
}

.tieuplist_ul {

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

.tieuplist_li {
	float: left;
	width: 50%;
	margin-bottom: 8px;
}
@media (max-width: 599px) {
.tieuplist_li {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
}

.tieuplist_li:nth-child(odd) {
	padding-right: 4px;
}
@media (max-width: 599px) {
.tieuplist_li:nth-child(odd) {
	padding-right: 0px;
}
}

.tieuplist_li:nth-child(even) {
	padding-left: 4px;
}
@media (max-width: 599px) {
.tieuplist_li:nth-child(even) {
	padding-left: 0px;
}
}

.tieuplist_li:last-child {
	padding-left: 0px;
}
@media (max-width: 599px) {
.tieuplist_li:last-child {
	padding-left: 0px;
}
}

.tieuplist_block {
	display: block;
	color: #000000;
	padding: 20px;
	background-color: #ffffff;
	border: 1px solid #e9e9e9;
	margin: 0;
}


.tieuplist-img {
	display: inline-block;
	width: 100%;
	height:auto;
}


.tieuplist-companyname {
	font-weight: bold;
    font-size: 18px;
	margin: 10px 0 6px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 599px) {
.tieuplist-companyname {
    font-size: 17px;
	margin: 6px 0 2px 0;
}
}

.tieuplist-companydescription {
	height: 84px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
@media (min-width: 600px) and (max-width: 799px){
.tieuplist-companydescription {
	height: 72px;
}
}
@media (max-width: 599px) {
.tieuplist-companydescription {
	height: 70px;
}
}


.tieup-companyblock {
	padding-top: 20px;
	padding-bottom: 16px;
}

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

.tieup-photolist-li {
	width: 33.3333%;
	float: left;
	padding: 10px;
}
@media (max-width: 599px) {
.tieup-photolist-li {
	padding: 0;
	float: none;
	width: 100%;
}
}



.tieup-photolist-img {
	display: inline-block;
	width: 100%;
	height: auto;
	border: 1px solid #e9e9e9;
}
@media (max-width: 599px) {
.tieup-photolist-img {
	border: none;
}
}

.ticketinfo {
	display: inline-block;
	line-height: 2.0;
	font-weight: bold;
	background-color: #f5f5f5;
	border: solid 1px #e5e5e5;
	padding: 24px;
	margin-top: 6px;
	margin-bottom: 6px;
}
@media (max-width: 799px) {
.ticketinfo {
	font-size: 15px;
	padding: 12px;
}
}

.kakomiinfo {
	display: inline-block;
	line-height: 2.0;
	font-weight: normal;
	background-color: #f5f5f5;
	border: solid 1px #e5e5e5;
	padding: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
}
@media (max-width: 799px) {
.kakomiinfo {
	padding: 10px;
}
}



/* --------------------------------for seek 探す-------------------------------- */


.about-floattable-wrapper {
    margin-right: 20px;
    margin-left: 20px;
}
@media (max-width: 779px){
.about-floattable-wrapper {
    margin-right: 0px;
    margin-left: 0px;
}
}

.about-floattable {
    position: relative;
    z-index: 2;
    margin: auto;
    max-width: 1200px;
	margin-top: 30px;
	padding-bottom: 16px;
}
@media (min-width: 780px) and (max-width: 1249px){
.about-floattable {
	margin-top: 10px;
	padding: 0px 0px 20px 0px;
}
}
@media (max-width: 779px){
.about-floattable {
	margin-top: 0px;
	padding: 0px 14px 14px 14px;
}
}


.about-floattable-left {
	width: 45%;
    float: left;
}
@media (max-width: 779px){
.about-floattable-left {
	width: 100%;
    float: none;
}
}

.about-floattable-right {
	width: 55%;
    float: right;
}
@media (max-width: 779px){
.about-floattable-right {
	width: 100%;
    float: none;
}
}

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

.about-mapimg {
	width: 100%;
	height: auto;
	border: 1px solid #cccccc;
	border-radius: 16px;
}

/* 右テーブルパディング調整用テーブル */
.about-floattable-rightinner {
	margin-left: 30px;
}
@media (min-width: 780px) and (max-width: 1249px){
.about-floattable-rightinner {
	margin-left: 12px;
}
}
@media (max-width: 779px){
.about-floattable-rightinner {
	margin-left: 0px;
}
}

/* 左テーブルパディング調整用テーブル */
.about-floattable-leftinner {
	margin-right: 30px;
}
@media (min-width: 780px) and (max-width: 1249px){
.about-floattable-leftinner {
	margin-right: 12px;
}
}
@media (max-width: 779px){
.about-floattable-leftinner {
	margin-right: 0px;
}
}

/* フロートブロック見出しテキスト */
.floatblock-midashi {
	font-size: 24px;
	line-height: 1.3;
	font-weight: bold;
	margin-top: 24px;
	margin-bottom: 24px;

	text-align:center;
}
@media (min-width: 780px) and (max-width: 1249px){
.floatblock-midashi {
	font-size: 20px;
	line-height: 1.3;
	font-weight: bold;
	margin-top: 24px;
	margin-bottom: 16px;
}
}
@media (max-width: 779px){
.floatblock-midashi {
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
}


/* フロートブロック本文テキスト */
.floatblock-content {
	font-size: 16px;
	line-height: 1.8;
	padding-bottom: 16px;
}
@media (min-width: 600px) and (max-width: 779px){
.floatblock-content {
    font-size: 14px;
    line-height: 1.8;
}
}
@media (max-width: 599px){
.floatblock-content {
    font-size: 14px;
    line-height: 1.8;
}
}



/* フロートブロック（センターリード用）本文テキスト */
.floatblock-reed-content {
	margin-top: 48px;
	margin-right: auto;
	margin-left: auto;
	width: 75%;
	padding: 30px;
	background-color: #ffffff;
	font-size: 18px;
	line-height: 2.0;
	padding-bottom: 16px;
}
@media (min-width: 600px) and (max-width: 779px){
.floatblock-reed-content {
	margin-top: 36px;
	width: 90%;
	padding: 10px;
    font-size: 16px;
    line-height: 2.0;
}
}
@media (max-width: 599px){
.floatblock-reed-content {
	margin-top: 24px;
	width: 95%;
	padding: 10px;
    font-size: 16px;
    line-height: 2.0;
}
}

/* フロートブロック画像ラベルテキスト */
.floatblock-imgladel {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
@media (min-width: 780px) and (max-width: 1249px){
.floatblock-imgladel {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
}
}
@media (max-width: 779px){
.floatblock-imgladel {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
}
}
.step-kakomi {
	border: 1px solid #cccccc;
	border-radius: 10px;
	padding: 12px;
	background-color: #ffffff;
}
@media (min-width: 600px) and (max-width: 1249px){
.step-kakomi {
	padding: 12px;
}
}
@media (max-width: 599px){
.step-kakomi {
	padding: 10px;
}
}

.step-midashi {
	font-size: 18px;
	color: #ff0000;
	font-weight: bold;
	line-height: 1.3;
}
@media (min-width: 600px) and (max-width: 1249px){
.step-midashi {
    font-size: 15px;
}
}
@media (max-width: 599px){
.step-midashi {
    font-size: 15px;
}
}

.step-content {
	font-size: 15px;
	line-height: 1.6;
}
@media (min-width: 780px) and (max-width: 1249px){
.step-content {
    font-size: 14px;
    line-height: 1.6;
}
}
@media (min-width: 600px) and (max-width: 779px){
.step-content {
    font-size: 14px;
    line-height: 1.6;
}
}
@media (max-width: 599px){
.step-content {
    font-size: 13px;
    line-height: 1.6;
}
}

/* 矢印アイコン表示部 */
.step-direction-block {
	width: 100%;
	margin: auto;
	text-align: center;
	margin: 4px 0px;
}
@media (max-width: 1249px){
.step-direction-block {
	margin: 0px 0px;
}
}

/* 矢印アイコン */
.step-direction-block .fa-angle-down {
	font-size: 48px;
	color: #999999;
}
@media (min-width: 600px) and (max-width: 1249px){
.step-direction-block .fa-angle-down {
	font-size: 40px;
}
}
@media (max-width: 599px){
.step-direction-block .fa-angle-down {
	font-size: 36px;
}
}

.walkinglogo, .dreamstagelogo {
	border: 1px solid #eeeeee;
	max-width: 100%;
}


/* --------------------------------connect 繋がる-------------------------------- */

.status-awase-kakomi {
	display: inline-block;
	width: 90px;
	height: 90px;
	background-color: #50a7dc;
	border-radius: 50%;
}
@media (min-width: 600px) and (max-width: 779px){
.status-awase-kakomi {
	width: 80px;
	height: 80px;
}
}
@media (max-width: 599px){
.status-awase-kakomi {
	width: 60px;
	height: 60px;
}
}

.status-photo-kakomi {
	display: inline-block;
	width: 90px;
	height: 90px;
	background-color: #54b06f;
	border-radius: 50%;
}
@media (min-width: 600px) and (max-width: 779px){
.status-photo-kakomi {
	width: 80px;
	height: 80px;
}
}
@media (max-width: 599px){
.status-photo-kakomi {
	width: 60px;
	height: 60px;
}
}

.status-model-kakomi {
	display: inline-block;
	width: 90px;
	height: 90px;
	background-color: #ca40a1;
	border-radius: 50%;
}
@media (min-width: 600px) and (max-width: 779px){
.status-model-kakomi {
	width: 80px;
	height: 80px;
}
}
@media (max-width: 599px){
.status-model-kakomi {
	width: 60px;
	height: 60px;
}
}

.status-cameraman-kakomi {
	display: inline-block;
	width: 90px;
	height: 90px;
	background-color: #d14444;
	border-radius: 50%;
}
@media (min-width: 600px) and (max-width: 779px){
.status-cameraman-kakomi {
	width: 80px;
	height: 80px;
}
}
@media (max-width: 599px){
.status-cameraman-kakomi {
	width: 60px;
	height: 60px;
}
}

.status-private-kakomi {
	display: inline-block;
	width: 90px;
	height: 90px;
	background-color: #bababa;
	border-radius: 50%;
}
@media (min-width: 600px) and (max-width: 779px){
.status-private-kakomi {
	width: 80px;
	height: 80px;
}
}
@media (max-width: 599px){
.status-private-kakomi {
	width: 60px;
	height: 60px;
}
}

.status-offline-kakomi {
	display: inline-block;
	width: 90px;
	height: 90px;
	background-color: #bababa;
	border-radius: 50%;
}
@media (min-width: 600px) and (max-width: 779px){
.status-offline-kakomi {
	width: 80px;
	height: 80px;
}
}
@media (max-width: 599px){
.status-offline-kakomi {
	width: 60px;
	height: 60px;
}
}

.status-icon-img {
	width: 100%;
	height: 100%;
	padding: 6px;
}

/* ステータスアイコン見出し */
.status-icon-midashi {
	display: inline-block;
	color: #4c4c4c;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.5;
	margin-top: 10px;
}
@media (min-width: 600px) and (max-width: 779px){
.status-icon-midashi {
	margin-top: 6px;
	font-size: 20px;
}
}
@media (max-width: 599px){
.status-icon-midashi {
	margin-top: 6px;
	font-size: 18px;
	color: #ffffff;
}
}
/* ステータスアイコン本文 */
.status-icon-label {
	display: inline-block;
	font-size: 16px;
	color: #4c4c4c;
	line-height: 1.3;
}
@media (min-width: 600px) and (max-width: 779px){
.status-icon-label {
	font-size: 14px;
}
}
@media (max-width: 599px){
.status-icon-label {
	color: #ffffff;
	font-size: 13px;
}
}

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

.statusblock-lefticon {
	float: left;
	width: 90px;
}
@media (min-width: 600px) and (max-width: 779px){
.statusblock-lefticon {
	width: 80px;
}
}
@media (max-width: 599px){
.statusblock-lefticon {
	width: 60px;
}
}

.statusblock-righttext {
	float: none;
	width: auto;
	padding-left: 106px;/* アイコンの横幅＋希望するパディング幅を指定 */
}
@media (min-width: 600px) and (max-width: 779px){
.statusblock-righttext {
	padding-left: 96px;/* アイコンの横幅＋希望するパディング幅を指定 */
}
}
@media (max-width: 599px){
.statusblock-righttext {
	padding-left: 70px;/* アイコンの横幅＋希望するパディング幅を指定 */
}
}

.statusblock-block {
	float: left;
	width: 33.3333%;
	padding: 16px;
}
@media (min-width: 600px) and (max-width: 999px){
.statusblock-block {
	float: left;
	width: 50%;
	padding: 10px;
}
}
@media (max-width: 599px){
.statusblock-block {
	float: none;
	width: 100%;
	padding: 6px;
	margin-top: 10px;
	border-radius: 8px;
}
}

/* 599ピクセル以下の場合はプレート表示する */
@media (max-width: 599px){
.miniplate-awase {
	background-color: #50a7dc;
}
.miniplate-photo {
	background-color: #54b06f;
}
.miniplate-model {
	background-color: #ca40a1;
}
.miniplate-cameraman {
	background-color: #d14444;
}
.miniplate-private {
	background-color: #bababa;
}
.miniplate-offline {
	background-color: #bababa;
}
}



.communication-table {
    position: relative;
    margin: auto;
    max-width: 1200px;
	margin-top: 30px;
	padding-bottom: 0px;
}
@media (min-width: 780px) and (max-width: 1249px){
.communication-table {
	margin-top: 10px;
	padding: 0px 0px 0px 0px;
}
}
@media (max-width: 779px){
.communication-table {
	margin-top: 0px;
	padding: 0px 14px 0px 14px;
	margin-bottom: -10px;
}
}



.communication-floattable {
    position: relative;
    z-index: 2;
    margin: auto;
    max-width: 1200px;
	margin-top: 0px;
	padding-bottom: 16px;
}
@media (min-width: 780px) and (max-width: 1249px){
.communication-floattable {
	margin-top: 0px;
	padding: 0px 0px 20px 0px;
}
}
@media (max-width: 779px){
.communication-floattable {
	margin-top: 0px;
	padding: 0px 14px 14px 14px;
}
}

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


.functionimg {
	width: 100%;
	height: auto;
}

/* その他の機能中段ブロック */
.function-middleblock {
	width: 100%;
	height: auto;
	border: solid 1px #d4d4d4;
}

/* その他の機能上段ブロック */
.function-topblock {
	width: 100%;
	height: 50px;
	background-color: #ffffff;
	border-top: solid 1px #d4d4d4;
	border-right: solid 1px #d4d4d4;
	border-left: solid 1px #d4d4d4;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
@media (max-width: 599px){
.function-topblock {
	height: 36px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
}

/* その他の機能上段ブロック見出し */
.function-topblock-midashi {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	line-height: 50px;/* 上段ブロックのheightに合わせる */
	color: #4d4d4d;
	padding-left: 20px;
}
@media (max-width: 599px){
.function-topblock-midashi {
	font-size: 16px;
	line-height: 36px;/* 上段ブロックのheightに合わせる */
	padding-left: 14px;
}
}

/* その他の機能下段ブロック */
.function-bottomblock {
	width: 100%;
	height: 50px;
	background-color: #ffffff;
	border-bottom: solid 1px #d4d4d4;
	border-right: solid 1px #d4d4d4;
	border-left: solid 1px #d4d4d4;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
@media (max-width: 599px){
.function-bottomblock {
	height: 36px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
}

/* その他の機能下段ブロック本文 */
.function-bottomblock-label {
	display: inline-block;
	font-size: 15px;
	line-height: 50px;/* 下段ブロックのheightに合わせる */
	color: #4d4d4d;
	padding-left: 20px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

}
@media (max-width: 599px){
.function-bottomblock-label {
	font-size: 13px;
	line-height: 36px;/* 下段ブロックのheightに合わせる */
	padding-left: 14px;

}
}

.function-floattable-left {
	width: 50%;
    float: left;
}
@media (max-width: 779px){
.function-floattable-left {
	width: 100%;
    float: none;
}
}
.function-floattable-right {
	width: 50%;
    float: right;
}
@media (max-width: 779px){
.function-floattable-right {
	width: 100%;
    float: none;
}
}
.function-floattable:after {
	display: block;
	clear: both;
	content: ""
}

.function-floattable-rightinner {
	margin-left: 10px;
}
@media (min-width: 780px) and (max-width: 1249px){
.function-floattable-rightinner {
	margin-left: 10px;
}
}
@media (max-width: 779px){
.function-floattable-rightinner {
	margin-left: 0px;
}
}

.function-floattable-leftinner {
	margin-right: 10px;
}
@media (min-width: 780px) and (max-width: 1249px){
.function-floattable-leftinner {
	margin-right: 10px;
}
}
@media (max-width: 779px){
.function-floattable-leftinner {
	margin-right: 0px;
}
}

.function-1block {
	margin-top: 20px;
}
@media (max-width: 599px){
.function-1block {
	margin-top: 10px;
}
}

/* --------------------------------グローバルヘッダー-------------------------------- */
/* ヘッダー */
header {

}

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


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

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

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

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

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

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


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

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

/* 出稿者管理ボタン */
a.circleedit {
	display: inline-block;
	padding: 14px 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: 2px;
}


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



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

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



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

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

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

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

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

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


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

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

}

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

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


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

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


@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: #dc1c38;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
	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: 60px;
	line-height: 60px;
}
}






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







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

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


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

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

.sppagetitle {
	float: left;
	color: #ffffff;
	width: auto;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0 10px 12px;
}

.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横向き */
@media (min-width: 800px) and (max-width: 1049px){
.container {
    position: relative;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;

}
}



/* コンテナイベント一覧ページパディング調整版（基本） */
@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: tranceparent;
	padding: 8px 16px 16px 16px;
	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-radius: 7px;
}

.zoomin img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.zoomin:hover img {
    -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: 780px;
  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;
}
@media (max-width: 599px) {
.eventdetail-modal-title {
	padding: 10px 0 6px 2px;
	font-size: 18px;
	line-height: 1.4;
}
}

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

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

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

/* 各ブロックタイトル部 */
.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;
}
@media (max-width: 599px) {
.performer-modal-text2 {
	font-size: 13px;
	padding-top: 4px;
	padding-bottom: 6px;
	line-height: 1.5;
}
}

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

}

.modal-authortextlink:hover {
	text-decoration: underline;
}

.systemtitle {
	color: #999999;
	padding-left: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);
}

/* 背景画像に斜線を重ねる処理。4ブロック共通 */
.block-1st:after, .block-2nd:after, .block-3rd:after, .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) {
.block-1st:after, .block-2nd:after, .block-3rd:after, .block-4th:after {
	-moz-background-size: 7px 7px;
	background-size: 7px 7px;
}
}


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

/* 企業様向け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-1st-bottomtext:hover, .block-2nd-bottomtext:hover, .block-3rd-bottomtext:hover, .block-4th-bottomtext:hover {
    background-color: #dc1c38;
	border: 1px solid #dc1c38;
}

@media (min-width: 800px) and (max-width: 1050px){
.block-1st-bottomtext, .block-2nd-bottomtext, .block-3rd-bottomtext, .block-4th-bottomtext {
	font-size: 20px!important;
}
}
@media (min-width: 600px) and (max-width: 799px){
.block-1st-bottomtext, .block-2nd-bottomtext, .block-3rd-bottomtext, .block-4th-bottomtext {
	font-size: 18px!important;
	padding: 14px 36px 14px 36px!important;
}
}
@media (max-width: 599px){
.block-1st-bottomtext, .block-2nd-bottomtext, .block-3rd-bottomtext, .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ブロック下部プランを見るボタン */
.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: 0;
    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 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){
.block-2nd-bottomtext {
    background-color: #509f51;
}
}

/* 企業様向け3rdブロック */
.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) {
.block-3rd {
	padding: 0 0 0 0;
}
}

.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ブロック下部ラージボタン */
.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){
.block-3rd-bottomtext {
    background-color: #d9713d;
}
}



/* 企業様向け4thブロック */
.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) {
.block-4th {
	padding: 0 0 0 0;
}
}
.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ブロック下部ラージボタン */
.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){
.block-4th-bottomtext {
    background-color: #cd2671;
}
}


/* 企業様向け3rd 4thブロックイメージ図 */
.recruit-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){
.recruit-pictimg {
	max-width: 640px;
}
}
@media (max-width: 799px) {
.recruit-pictimg {
	width: 80%;
	padding-top: 20px;
	padding-bottom: 8px;
	padding-left: 14px;
	padding-right: 14px;
}
}




/* 企業様向けブロック内通常フォントエリア */
.recruit-block-description-textarea {
	position: relative;
	z-index: 3;
	font-size: 16px;
	color: #000000;
	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;
}
}



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

.recruit-categorybanner-li {
	float: left;
	width: 50%;
	display: block;
	margin: 0;
	padding: 0;
	padding: 8px;
}
@media (max-width: 599px) {
.recruit-categorybanner-li {
	float: none;
	width: 100%;
}
}


.recruit-categorybanner-a {
	display: inline-block;
	border: 4px solid #ffffff;
	-webkit-box-shadow: 0 2px 10px 0 rgba(46, 83, 44, .8);
    box-shadow: 0 2px 8px 0 rgba(46, 83, 44, .8); 
}


.recruit-categorybanner-img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 800px;
}






/* お買い物ガイドページ特徴テーブルフロート用大テーブル */
.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: 50%;
	float: left;
}
@media (max-width: 779px) {
.guidepage-spec-marginwrapper {
	width: 100%;
	float: none;
	border-bottom: solid 1px rgba(0,0,0,0.06);
}
}

/* お買い物ガイドページ特徴テーブルブロック */
.guidepage-spec-block {
    background-color: tranceparent;
	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: #000000;
	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: #000000;
	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: tranceparent;
	max-width: 1100px;
    text-align: center;
	color: #ffffff;
    font-size: 32px;
    line-height: 1.5;
    font-weight: normal;
	padding: 0 0 20px 0;
}
@media (min-width: 800px) and (max-width: 1050px){
.annai-subblock-title3 {
    font-size: 28px;
	padding: 0 0 20px 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 14px 18px;
}
}
@media (max-width: 599px) {
.annai-subblock-title3 {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
	padding: 14px 10px 10px 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(13, 85, 177,1);
	height: 54px;
	margin-bottom: 0;
}
}
@media (max-width: 599px) {
.index-blockhead2 {
	background-color: rgba(13, 85, 177,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: 20px;
	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: 20px;
}
}
@media (max-width: 599px) {
.index-block-minitext {
	font-size: 11px;
	padding-left: 20px;
}
}

/* 色反転バージョン */
.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-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: 20px 60px 20px 60px;
	color: #ffffff;
	border: 1px solid rgba(255,255,255,0.7);
    background-color:#d20029;
	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: #d20029;
}
}


.toppage-block-1st-bottomtext .fa-credit-card {
	padding-right: 12px;
}


/* トップページ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-palegray {
	display: block;
	/* z-index: ここでZ-indexを入れるとボタンリンクがどうしても効かなくなってしまうため未指定で行く方針 */
	position: relative;
	padding: 40px 0 30px 0;
}
@media (max-width: 799px) {
.toppage-block-palegray {
	padding: 0 0 0 0;
}
}
.toppage-block-palegray:before {
    z-index: 0;
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/* 背景画像に斜線を重ねる処理  */
 .toppage-block-palegray:after {
    z-index: 0;
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background-color: #f8f8f8;
	/* background-repeat: repeat;   */
	/* background-position: center top; */
	/* opacity: 0.03; */
}
@media (max-width: 799px) {
 .toppage-block-palegray: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;
}
}

/* 王冠アイコン */
.topbottomcrown {
	display: inline-block;
	position: relative;
	top: -10px;
	height: 24px;
	width: auto;
	margin-right: 6px;
}
@media (min-width: 800px) and (max-width: 1050px){
.topbottomcrown {
	top: -8px;
	height: 20px;
	margin-right: 6px;
}
}
@media (min-width: 600px) and (max-width: 799px) {
.topbottomcrown {
	top: -6px;
	height: 18px;
	margin-right: 6px;
}
}
@media (max-width: 599px) {
.topbottomcrown {
	top: -4px;
	height: 11px;
	margin-right: 3px;
}
}

.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 {
  -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: 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: 20px;
}
@media (max-width: 599px) {
.enterlogoarea {
	margin-bottom: 10px;
}
}

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

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


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

}
}
@media (max-width: 599px) {
.enterpage-entertext {
	font-size: 54px;
	line-height: 50px;
}
}

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

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


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

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

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

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


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



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



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

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

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

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


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

}
}

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

.list-leftblock, .list-leftblock-toppadding-short {
	width: 100%;
	max-width: 599px;
	padding: 14px 14px 0 14px;
}
}


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

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


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


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


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

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

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

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

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

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

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

/* 検索ブロックトグルエリア */
.slidetoggle_menu {
border: solid 1px #e3e3e3;
    border-radius: 4px;
    margin-bottom: 10px;
	background-color: #ffffff;
		transition: all .4s ease-in-out;   
}
@media (max-width: 599px) {
.slidetoggle_menu {
  border-radius: 0px;
  border-top: solid 1px #e3e3e3;
  border-right: none;
  border-bottom: solid 1px #e3e3e3;
  border-left: none;
}
}

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

/* 検索ブロックトグルコンテンツ */
.slidetoggle_content {
	text-align: left;
	font-size: 15px;
	line-height: 1.6;
  padding: 16px 24px 16px 24px;
}
@media (min-width: 600px) and (max-width: 799px) {
.slidetoggle_content {
  padding: 10px 10px 10px 16px;
}
}
@media (max-width: 599px) {
.slidetoggle_content {
  padding: 10px 10px 10px 14px;
}
}


/* 検索ブロックトグルタイトル */
.slidetoggle_menu dt {
  background:url("../images/direction-bottom50.png") right 16px center no-repeat;
  background-size: 13px 7px;
  cursor: pointer;
  font-size: 16px;
 text-align: left;
  color: #222222;
  font-weight: normal;
  padding: 16px 4px 16px 24px;
}
@media (min-width: 600px) and (max-width: 799px) {
.slidetoggle_menu dt {
  padding: 10px 40px 10px 16px;
}
}
@media (max-width: 599px) {
.slidetoggle_menu dt {
  font-size: 15px;
  padding: 10px 40px 10px 14px;
}
}

.slidetoggle_menu dt:before {
	content: "";
}

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

.slidetoggle_menu dt.active:before {
	content: "";
}


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

.bottom_bannerarea {
	font-size: 0;
}

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

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

.bottom_bannerlink {
	display: inline-block;
}

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




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

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

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

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

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



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

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

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

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


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

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

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



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

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

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


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


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


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


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


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


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






/* ジョブマーカー（小） */
.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;
	pointer: cursor;
    max-width: calc(25% - 1rem);
    margin: 0 16px 16px 0;
    padding: 15px;
    background-color: #ffffff;
    font-size: 12px;
    line-height: 1;
    color: #6d6d6d;
    font-family: -apple-system, BlinkMacSystemFont, "Avenir-Heavy", "Helvetica Neue", "Segoe UI", "Arial", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .4s ease-in-out;
}

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

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

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


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

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

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


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

}






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

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

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

}

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

}

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

}

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

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


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

}
/* レスポンシブ処理実験600px以上ここまで */

/* 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;
	pointer: cursor;
    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: tranceparent;
	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: tranceparent;
}
@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-clor:: #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-img {
	width: 380px;
}

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

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

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



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

}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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




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

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

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

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


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


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

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

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

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

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

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

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

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

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

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


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

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

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

.greencheckicon {/* 緑チェックアイコン */
	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;
}

/* 退会する画面チェック項目テキスト */
.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;
	/* overflow: auto; companymenu-profileedit2.htmlがおかしくなるので一旦取り外し。*/

}
}

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


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

}
}

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






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

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

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


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



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

@media (min-width: 1050px) {
.membermenu-container {
	float: none;
	margin-left: 200px;
	border-left: 1px solid #eeeeee;
    position: relative;
    min-width: 850px;
    padding: 16px 16px 0 16px;
	min-height: 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;  
}
@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: 8px;
	border-radius: 6px;
	transition: all .4s ease-in-out;  
}

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

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

}

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


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

}

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

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

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

}

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

.circlemenu_itemsubimage-addslotlink:hover {
    background-color: #de1f6b;
}

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

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

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

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

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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

.salesreport-itemlink {
	color: #111111;
}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 銀行口座表示ブロック */
.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;
}



/* 一覧画面マーカーブロックフロート解除 */
.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;
	border-bottom: 1px solid #dddddd;
	min-height: 0;
	overflow: auto;
}
@media (max-width: 799px) {
.productedit-largetable {
	padding-bottom: 0;
}
}

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


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

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

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

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

/* 作品管理画面作品リストテーブル右コンテンツ部 */
.productedit-itemlisttable-rightcontent {
	float: none;
	margin-left: 100px;
	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-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-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-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: #999999;
	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: 31px;
	padding-left: 0px;
    font-size: 10px;
    line-height: 1.3;
}
}


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


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

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

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

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

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

.mobile-topmargin {
	margin-top: 8px;
}


}
/* 799ピクセル以下をまとめて記載終わり */

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

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

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

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

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

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


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

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

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

.salesreporttable-moreinfoicon .fa-angle-down {
	font-size: 12px;
}

}
/* 599ピクセル以下をまとめて記載終わり */





/* -------------------------- フッター ------------------------------- */





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

.copyright-inner {
	background-color: #042c54;
}

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

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

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

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

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

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

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

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

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

/* フッターサイトロゴ画像 */
.footer-sitelogo {
	width: 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;
	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;
	margin: 8px 0 1px 0;
	padding: 0 0 0 0;
	font-weight: normal;
}
@media (min-width: 800px) and (max-width: 1049px){
.footer-logo-bottomlabel1 {
	font-size: 10px;
}
}
@media (min-width: 600px) and (max-width: 799px){
.footer-logo-bottomlabel1 {
	font-size: 8px;
	margin: 6px 0 0 0;
}
}

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

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


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

/* フッターフロートブロック見出し */
.footer-subtitle {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
 	border-bottom: solid 1px #7e5c6d;
	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: #acb7ab;
    display: table;
    margin-left: auto;
    margin-right: auto;
}


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

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: #14406d;
	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: #acb7ab;
	background-color: #042c54;
    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 #46789c;
	margin-bottom: 4px;
}

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


.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: nonee !important;
	outline: none !important;
	outline: 0 !important;
	border-bottom:1px solid rgba(255,255,255,0.4) !important;
    background-color: #41a558!important;
	box-shadow: none !important;
	-webkit-appearance: none;/* iPhone対策 */
	border-radius: 0;/* iPhone対策 */
}

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


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

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

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

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

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

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


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

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

.board-postspecial:focus{
	border: nonee !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: 600px) {
.board-bottominterface-postbutton {
	margin-top: 8px;
	max-width: 140px;
	border-radius: 5px;
	font-size: 14px;
	padding: 8px 24px 8px 24px;
}
}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

.itemlisttable-li {
	float: left;
	font-size: 14px;
	border-right: 1px solid #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: 6px;
}
@media (max-width: 799px) {
.entrylist-thum-image {
	width: 60px;
	height: 60px;
}
}

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



/* 採用ステータス「承認待」マーカー */
.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;
	pointer: cursor;
    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 0x 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;
	margin-top: 66px; /* ヘッダーの高さに合わせる */
}
@media screen and (max-width: 799px) {
.recruit_titlearea {
	margin-top: 54px; /* ヘッダーの高さに合わせる */
}
}

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






.newperformerlist-ul {
	font-size: 0;
	margin-top: 8px;
}

.newperformerlist-li {
    display: inline-block;
	max-width: 240px;
	margin-right: 6px;
	margin-bottom: 6px;
}
@media (min-width: 600px) and (max-width: 799px){
.newperformerlist-li {
	max-width: 230px;
}
}
@media (max-width: 599px) {
.newperformerlist-li {
	width: 100%;
	max-width: none;
	margin: 0;
}
}


.newperformerlist-a {
    border: 1px solid #e3e3e3;
	background-color: #ffffff;
    display: inline-block;
    padding: 6px 8px 6px 12px;
    transition: all .4s ease-in-out;
	min-width: 240px;
	color: #333333;
}
@media (min-width: 600px) and (max-width: 799px){
.newperformerlist-a {
	min-width: 230px;
}
}
@media (max-width: 599px) {
.newperformerlist-a {
	min-width: 100%;
    padding: 6px 8px 6px 6px;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #e3e3e3;
    border-left: 0;
}
}



.newperformerlist-a:after {
	display: block;
	content: "";
	clear: both;
}
.newperformerlist-a:hover {
    border: 1px solid #00b4cc;
	color: #333333;
	background-color: #f3fcff;
}
@media (max-width: 599px) {
.newperformerlist-a:hover {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #00b4cc;
}
}



.newperformerlist-imagearea {
	width: 80px;
	height: 80px;
	float: left;
}
@media (min-width: 600px) and (max-width: 799px){
.newperformerlist-imagearea {
	width: 70px;
	height: 70px;
}
}
@media (max-width: 599px) {
.newperformerlist-imagearea {
	width: 60px;
	height: 60px;
}
}


.newperformerlist-image {
	border-radius: 50%;
	width: 100%;
	height: 100%;
}

.newperformerlist-label {
	display: table-cell;    
    vertical-align: middle;
	line-height: 1.3;
	font-size: 14px;
	float: none;
	height: 80px;
	padding-left:10px;
}
@media (min-width: 600px) and (max-width: 799px){
.newperformerlist-label {
	height: 70px;
}
}
@media (max-width: 599px) {
.newperformerlist-label {
	height: 60px;
}
}


/* -------------------------- 出演者一覧モーダルウィンドウ ------------------------------- */
.white-popup {
  position: relative;
  background: #ffffff;
  padding: 20px 40px 20px 40px;
  width: auto;
  max-width: 480px;
  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;
}
}


.performer-modal-name {
	display: inline-block;
	padding: 20px 0 20px 0;
	font-size: 20px;
	font-weight: bold;
}

.performer-modal-label1 {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 4px;
	color: #ff0000;
}

.performer-modal-imagearea {
	position: relative;
	padding-top: 30px;
}


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

.performer-modal-image {
	width: 100%;
	max-width: 400px;
}

.performer-modal-iconarea {
	position: absolute;
	bottom: 6px;
	right: 6px;
}

.performer-modal-image-a-twitter {
	display: inline-block;
	position: relative;
	background-color: rgba(255,255,255,0.6);
	padding: 8px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	margin-left: 6px;
	color: #55ACEE;
    transition: all .4s ease-in-out;
}

.performer-modal-image-a-archive {
	display: inline-block;
	position: relative;
	background-color: rgba(255,255,255,0.6);
	padding: 8px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	margin-left: 6px;
	color: #ffc515;
    transition: all .4s ease-in-out;
}

.performer-modal-image-a-twitter:hover {
	color: #000000;
}

.performer-modal-image-a-archive:hover {
	color: #000000;
}


.performer-modal-image-a-twitter .fa-twitter {
	font-size: 32px;

}

.archiveicon-text {
	font-size: 54px;
font-family: 'Playball', cursive;

}


/* 反射(未使用) */
.reflection {
    height: 100%;
    width: 30px;
    position: absolute;
    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;
}

/* -------------------------- 出演者一覧モーダルウィンドウアニメ ------------------------------- */

.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
 







.kakomi-title {
	display: inline-block;
	font-size: 16px;
	padding: 4px 14px 4px 14px;
	color: #ffffff;
	background-color: #ff0000;
	font-weight: bold;
	margin-bottom: 10px;
	border-radius: 6px;
}
@media (min-width: 780px) {
.kakomi-title {
	font-size: 18px;
}
}

.kakomi-title2 {
	display: inline-block;
	font-size: 16px;
	padding: 4px 14px 4px 14px;
	color: #ffa800;
	background-color: #ffffff;
	border: 1px solid #ffa800;
	font-weight: bold;
	margin-bottom: 10px;
	border-radius: 6px;
}
@media (min-width: 780px) {
.kakomi-title2 {
	font-size: 18px;
}
}

/* ランキング用 */
.kakomi-title3 {
	display: inline-block;
	font-size: 16px;
	padding: 4px 14px 4px 14px;
	color: #ff0000;
	background-color: #ffffff;
	border: 1px solid #ff0000;
	font-weight: bold;
	margin-bottom: 10px;
	border-radius: 6px;
}
@media (min-width: 780px) {
.kakomi-title3 {
	font-size: 18px;
}
}

.hashtag {
	font-weight: bold;
	color: #00b4ff;
}

.floattable {
	width: 100%;
}

.floattable-cell-image {
	float: left;
	width: 480px;
	word-break: break-all;
}
@media (max-width: 799px) {
.floattable-cell-image {
	width: 380px;
}
}
@media (max-width: 599px) {
.floattable-cell-image {
	float: none;
	width: 100%;
}
}

.floattable-cell-content {
	float: none;
	width: auto;
	margin-left: 520px;
	word-break: break-all;
}
@media (max-width: 799px) {
.floattable-cell-content {
	margin-left: 400px;
}
}
@media (max-width: 599px) {
.floattable-cell-content {
	margin-left: 0;
}
}


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

.largetext {
	font-size: 20px;
	font-weight: bold;
}


@media (max-width: 799px) {
.mobile2-display-none{
	display:none !important
}
}

article {
	font-weight: bold;
	color: #ff0000;
}

.twitter-tweet {
	text-align: center;
	margin: auto;
}

/* ランキングデータブロック */
.rankingdata-block {
	display: block;
	border-top: 1px solid #dddddd;
	padding: 16px 0 16px 0;
}
@media (max-width: 599px) {
.rankingdata-block {
	padding: 8px 0 8px 0;
}
}

/* ランキングプロフィール画像 */
.ranking-image {
	display: inline-block;
	width: 100%;
}

.ranking-cosname-text {
	font-size: 34px;
	font-weight: bold;
	line-height: 1.3;
}
@media (max-width: 799px) {
.ranking-cosname-text {
	font-size: 24px;
}
}
@media (max-width: 599px) {
.ranking-cosname-text {
	font-size: 20px;
}
}

.ranking-clapcount-claptext {
	font-family: 'Marcellus SC', serif;
	font-size: 50px;
}
@media (max-width: 799px) {
.ranking-clapcount-claptext {
	font-size: 32px;
}
}
@media (max-width: 599px) {
.ranking-clapcount-claptext {
	font-size: 30px;
}
}

.ranking-clapcount-label {
	font-size: 18px;
	margin-left: 10px;
}
@media (max-width: 799px) {
.ranking-clapcount-label {
	font-size: 15px;
}
}
@media (max-width: 599px) {
.ranking-clapcount-label {
	font-size: 14px;
	margin-left: 6px;
}
}

.rankingtable-cell-image {
	position: relative;
	float: left;
	width: 25%;
	word-break: break-all;
}
@media (max-width: 799px) {
.rankingtable-cell-image {
	width: 30%;
}
}
@media (max-width: 599px) {
.rankingtable-cell-image {
	width: 35%;
}
}

.rankingtable-cell-content {
	float: left;
	width: 75%;
	padding-left: 40px;
	word-break: break-all;
}
@media (max-width: 799px) {
.rankingtable-cell-content {
	width: 70%;
	padding-left: 20px;
}
}
@media (max-width: 599px) {
.rankingtable-cell-content {
	width: 65%;
	padding-left: 16px;
}
}

/* ランキング順位画像重ね処理 */
.ranking-rankimage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

/* ツイッターリンク */
.ranktable-twitterlink {
	display: inline-block;
	background-color: #55acee;
	color: #ffffff;
	padding: 8px 40px 8px 40px;
	border-radius: 3px;
	position: relative;
    	z-index: 3;
	transition: all .4s ease-in-out;
   	cursor: pointer;
    	overflow: hidden;
	font-size: 14px;
}
@media (max-width: 799px) {
.ranktable-twitterlink {
	padding: 6px 20px 6px 20px;
	font-size: 14px;
}
}
@media (max-width: 599px) {
.ranktable-twitterlink {
	padding: 4px 20px 4px 20px;
	font-size: 13px;
}
}
.ranktable-twitterlink .fa-twitter {
	margin-right: 6px;
	font-size: 24px;
	position: relative;
	top: 3px;
}
@media (max-width: 799px) {
.ranktable-twitterlink .fa-twitter {
	font-size: 18px;
	top: 1px;
}
}
@media (max-width: 599px) {
.ranktable-twitterlink .fa-twitter {
	font-size: 16px;
	top: 1px;
}
}

/* ツイッターリンクブロック */
.ranking-twitterblock {
	margin-top: 36px;
}
@media (max-width: 799px) {
.ranking-twitterblock {
	margin-top: 12px;
}
}
@media (max-width: 599px) {
.ranking-twitterblock {
	margin-top: 4px;
}
}

.toppage-newsblock {
	border: 3px solid #ff0000;
	background-color: #ffffff;
	border-radius: 10px;
	padding: 20px;
	font-size: 18px;
}
@media (max-width: 799px) {
.toppage-newsblock {
	border: 3px solid #ff0000;
	border-radius: 10px;
	padding: 16px;
	font-size: 16px;
	margin-top: 16px;
	margin-bottom: 16px;
}
}
@media (max-width: 599px) {
.toppage-newsblock {
	border: 3px solid #ff0000;
	border-radius: 10px;
	padding: 10px;
	font-size: 15px;
	margin-top: 12px;
	margin-bottom: 12px;
}
}




/* ########################## 画面幅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;
}

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以上処理終了 ########################## */


/* ########################## 画面幅800px以上限定処理開始 ########################## */
@media (min-width: 799px) {


/* 汎用スマホ以外のみ非表示 */
.notsmartphone-display-none {
	display:none!important;
}


}
/* ########################## 画面幅600px以上限定処理終わり ########################## */


/* ########################## 画面幅800px以上1050px未満（iPad横想定）処理開始 ########################## */

@media (min-width: 800px) and (max-width: 1049px){

.contentblock {/* iPad横マージン調整 */
    float: right;
    width: 100%;
    padding-left: 230px;
	padding-top: 10px;
	padding-bottom: 10px;
    margin-left: -230px;
	background-color: #ffffff;/* テスト用。後で削除すること */
}

.contentblock-membermenu {/* iPad横マージン調整 */
    float: right;
    width: 100%;
    padding-left: 230px;
	padding-top: 10px;
    margin-left: -230px;
	background-color: #ffffff;/* テスト用。後で削除すること */
}


.no-separate {/* contentblockのうち、左右分割が無いバージョン */
    float: none;
    padding-left: 0;
    margin-left: 0px;
}

.bgcolor-gray {/* contentblockのうち、背景色がグレー色のバージョン */
	background-color: #f5f5f5;
}

}
/* ########################## 画面幅800px以上1050px未満（iPad横想定）処理終わり ########################## */





/* ########################## 画面幅1050px以上限定処理開始 ########################## */
@media (min-width: 1050px) {

.contentblock {
	padding-top: 24px;
	padding-bottom: 24px;
}

.contentblock-membermenu {
	padding-top: 0px;
	padding-bottom: 0px;
}


}
/* ########################## 画面幅1050px以上限定処理終わり ########################## */

/* ########################## 画面幅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以下処理終了 ########################## */