@charset "utf-8";

/*--------------------------------------------------------------【サンプルコメント】*/
/* サンプルコメント（example）
----------------------------------------------- */

/* ================================================================================ */
/*                                                                                  */
/*      スタイル                                                                    */
/*                                                                                  */
/* ================================================================================ */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

/* ベース
----------------------------------------------- */

*	{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.clearfix:after	{
	content: '';
	display: block;
	clear: both;
}

body	{
	font-size: 14px;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	color: #212121;
	word-break: break-all;
}

a	{
	color: rgba(8,134,203,1);
	transition: 0.2s;
}

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

/* 汎用
----------------------------------------------- */

.textCenter {
	text-align: center;
}

.textRight {
	text-align: right;
}

.text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.text-align-left { text-align: left; }

.heading {
	font-weight: normal;
	margin: 1em 0;
	position: relative;
}

.heading--lv2 {
	font-size: 22px;
}

.heading--lv3 {
	font-size: 18px;
}

.heading__desc {
	font-size: 13px;
}

.heading_note {
	font-size: 14px;
	margin: 0 0 20px;
}

a.heading__more {
	font-size: 12px;
	line-height: normal;
	display: inline-block;
	color: #333;
	background: rgba(255,255,255,0.5);
	border-radius: 2px;
	padding: 2px 10px;
	margin: 0 0 0 5px;
	vertical-align: middle;
}

a.heading__more:hover {
	background: rgba(255,255,255,1);
}

.resultChangeLink {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 16px;
	text-decoration: none;
	padding: 4px;
}

.resultChangeLink:hover {
}

.resultChangeLink .fa {
	margin: 0 0 0 5px;
}

/* ================================================================================ */
/*                                                                                  */
/*      ゴッドユーザーデザイン                                                      */
/*                                                                                  */
/* ================================================================================ */

#super_user{
	width:100%;
	margin:0 auto;
}

#super_user a{
	display:block;
	width:150px;
	padding:5px;
	margin:0 0 0 auto;
	text-align:center;
	width:100px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	background-color:#555;
}

#super_user a:hover{
	background-color:#333;
}

/* ================================================================================ */
/*                                                                                  */
/*      レイアウト                                                                  */
/*                                                                                  */
/* ================================================================================ */

.wrapper {
	background: #f8f9fa;
}

.container {}


.layer {
	overflow: hidden;
	margin: 0 0 20px;
}

.layer__sub {
	float: left;
	width: 25%;
}

.layer__main {
	margin: 0 0 0 27%;
}

.sbMenuOpen,
.spModeSwitch {
	display: none;
}

/* ヘッダー
----------------------------------------------- */

.head {
	background: rgba(255,255,255,1);
}

.head__ll {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px 0;
}

.head__ll__logo {
	display: inline-block;
	vertical-align: middle;
}

.head__ll__logo a {
	display: inline-block;
}

.head__ll__logo a img {
}

.head__ll__logo a:hover {
	opacity: 0.7;
}

.head__ll__login {
	position: absolute;
	right: 0;
	top: 0;
	list-style: none;
	height: 100%;
}

.head__ll__login li {
	display: flex;
	align-items: center;
	height: 100%;
}

.head__ll__login li a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 18px;
	font-size: 13px;
	text-decoration: none;
	color: rgba(0,0,0,0.7);
	background: rgba(0,0,0,0.05);
	border-radius: 2px;
}

.head__ll__login li a:hover {
	background: rgba(0,0,0,0.025);
}

.head__ll__login li a .fa{
	margin: 0 10px 0 0;
}

.head__ll__menu {
	position: absolute;
	right: 0;
	bottom: 10px;
	list-style: none;
}

.head__ll__menu li {
	display: inline-block;
	vertical-align: middle;
}

.head__ll__menu li a {
	display: inline-block;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: rgba(0,0,0,0.7);
	background: rgba(0,0,0,0.05);
	border-radius: 2px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.head__ll__menu li a:hover {
	background: rgba(0,0,0,0.025);
}

.head__ll__menu li a.linkWithIcon {
	position: relative;
	padding: 10px 10px 10px 35px;
}

.head__ll__menu li a.linkWithIcon img {
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 50%;
}

.head__ll__menu li a.linkWithIcon span{
	/* アイコン未登録時のダミー表示 */
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 50%;
	background: #FFF;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
}

.head__nav {
	background: #17a6ee;
}

.head__nav__menu {
	max-width: 1000px;
	margin: 0 auto;
}

.head__nav__menu li {
	display: inline-block;
	padding: 6px 0;
}

.head__nav__menu li a {
	display: block;
	font-size: 13px;
	text-decoration: none;
	padding: 2px 10px;
	border-right: 1px solid rgba(255,255,255,0.2);
	box-shadow: 1px 0 rgba(0,0,0,0.2);
	color: rgba(255,255,255,0.9);
}

.head__nav__menu li a:hover {
	opacity: 0.7;
}

/* コンテンツ領域
----------------------------------------------- */

#contents {
	width: 1000px;
	margin: 0 auto;
}


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

.foot {
	background: #17a6ee;
	position: relative;
	margin: 60px 0 0;
}

.footBody {
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0;
}

.footBody__part {}

.footMenu {
	list-style: none;
}

.footMenu li {
	margin: 0 0 0.6em;
	line-height: 1.3em;
}

.footMenu li a {
	color: #EEE;
	text-decoration: none;
}

.footMenu li a:hover {
	text-decoration: underline;
}

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

.footCopy p {
	font-size: 12px;
	color: #DDD;
}

#pagetop {
	text-align: center;
}

#pagetop a {
	position: fixed;
	right: 20px;
	bottom: 20px;
	font-size: 30px;
	padding: 5px 10px;
	color: rgba(255,255,255,0.8);
	background: rgba(0,0,0,0.1);
}

#pagetop a:hover {
	background: rgba(0,0,0,0.2);
}


/* ================================================================================ */
/*                                                                                  */
/*      モジュール＆ステート                                                        */
/*                                                                                  */
/* ================================================================================ */

/* 汎用フォーム
----------------------------------------------- */

table.commonForm {
	width: 100%;
	background: #FFF;
}

table.commonForm td,
table.commonForm th,
table.commonForm {
	border: 1px solid #DDD;
}

table.commonForm th {
	vertical-align: middle;
	width: 220px;
}

table.commonForm td,
table.commonForm th {
	padding: 10px;
}

table.commonForm td label {
	white-space: nowrap;
	display: inline-block;
	margin: 4px 4px 4px 0;
}

table.commonForm td .dataHeading {
	font-weight: bold;
	padding: 6px 0;
}

table.commonForm th .requisite {
	color: rgba(255,0,0,0.7);
	background: rgba(255,0,0,0.1);
	font-weight: normal;
	font-size: 11px;
	display: inline-block;
	padding: 3px 5px;
	margin: 0 5px;
}

.commonForm__hint {
	font-size: 13px;
	line-height: 1.3em;
	margin: 5px 0;
	color: rgba(0,0,0,0.6);
}

.isError {
	color: rgba(255,0,0,0.7);
	background: #FFF;
	padding: 10px;
	margin: 0 0 20px;
	line-height: 1.3em;
}

.partError {
	color: rgba(255,0,0,0.7);
}

.commonFormMessage {
	background: #FFF;
	padding: 10px;
	margin: 0 0 20px;
	line-height: 1.3em;
}

.commonFormMessage ul {
	margin: 1em 2em;
}

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

.commonFormBtn--minPadding {
	padding: 20px 0 0;
}

.commonFormBtn--nonPadding {
	padding: 0;
}

.commonFormBtn .btn_regist,
.commonFormBtn .btn_check,
.commonFormBtn .btn_edit,
.commonFormBtn .btn_back,
.commonFormBtn .btn_send {
	display: inline-block;
	line-height: normal;
	font-size: 12px;
	padding: 0.6em 1.6em;
	margin: 0;
	text-align: center;
	color: #FFF;
	background: #007bff;
	border: 0 none;
	height: 30px;
	border-radius: 2px;
	cursor: pointer;
	vertical-align: top;
	text-decoration: none;
}

.commonFormBtn .btn_regist+input,
.commonFormBtn .btn_check+input,
.commonFormBtn .btn_edit+input,
.commonFormBtn .btn_back+input,
.commonFormBtn .btn_send+input {
	margin: 0 0 0 10px;
}

.commonFormBtn .btn_regist:hover,
.commonFormBtn .btn_check:hover,
.commonFormBtn .btn_edit:hover,
.commonFormBtn .btn_back:hover,
.commonFormBtn .btn_send:hover {
	background: #757575;
}

table.commonForm textarea {
	font-size: inherit;
}



/* 汎用フォーム(cmsldesign)
----------------------------------------------- */

.commonForm {
	margin: 20px 0;
	font-size: 12px;
}

	.commonForm--toggle {
		display: none;
	}

.commonForm__ {
}

.commonForm__tbl {
	width: 100%;
	background: #FFF;
	border-top: 1px solid #DDD;
}

.commonForm__tbl caption {
	text-align: left;
	font-size: 10px;
	padding: 5px 0;
	background: transparent;
	color: rgba(0,0,0,0.6);
	width: 100%;
}

.commonForm__tbl td,
.commonForm__tbl th {
	border-bottom: 1px solid #DDD;
}

.commonForm__tbl th {
	vertical-align: middle;
	background: #F5F5F5;
	padding: 10px;
}

.commonForm__tbl td {
	padding: 5px 10px 5px 8px;
}

.commonForm__tbl td p {
	margin: 5px 2px;
	line-height: 1.6em;
}

.commonForm__tbl td img {
	max-width: 100%;
	height: auto;
}

.commonForm__tbl td.validate {
	border-left: 2px solid #DA4453;
}

	.validateMessage {
		display: block;
		color: #DA4453;
		font-weight: bold;
		margin: 5px 0;
		line-height: 1.3em;
	}

.commonForm__tbl td label {
	white-space: nowrap;
	display: inline-block;
	line-height: 30px;
	margin: 0 5px 0 0;
}

.commonForm__tbl td label input[type="radio"],
.commonForm__tbl td label input[type="checkbox"] {
	margin: 0 5px 0 0;
}

.commonForm input[type="password"],
.commonForm input[type="text"] {
	background: #FFF;
	border: 1px solid #999;
	border-radius: 2px;
	padding: 0 0.5em;
	margin: 5px 2px;
	max-width: 400px;
}

.commonForm textarea {
	font-size: inherit;
	border: 1px solid #999;
	border-radius: 2px;
	padding: 0.5em;
	margin: 5px 2px;
	width: 99%;
	max-width: 100%;
}

.commonForm select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #FFF url(../../img/select_.png) no-repeat right;
	background-size: 16px auto;
	border: 1px solid #999;
	border-radius: 2px;
	padding: 0 1em 0 0.2em;
	margin: 5px 2px;
}

.commonForm select::-ms-expand {
	display: none;
}

.commonForm input[type="file"] {
	display: block;
	margin: 5px 2px;
}

.commonForm select,
.commonForm input[type="password"],
.commonForm input[type="text"] {
	height: 30px;
	vertical-align: middle;
}

.commonForm textarea,
.commonForm select,
.commonForm input[type="password"],
.commonForm input[type="text"] {
	transition: 0.2s;
}

.commonForm textarea:hover,
.commonForm select:hover,
.commonForm input[type="password"]:hover,
.commonForm input[type="text"]:hover {
	border-color: #777;
}

.commonForm textarea:focus,
.commonForm select:focus,
.commonForm input[type="password"]:focus,
.commonForm input[type="text"]:focus {
	border-color: #4A89DC;
}

.commonForm textarea:disabled,
.commonForm select:disabled,
.commonForm input[type="password"]:disabled,
.commonForm input[type="text"]:disabled {
	border-color: #CCC;
	background-color: #F5F5F5;
}

.commonForm__tbl__requisite {
	display: inline-block;
	background: #FFF;
	color: #ED5565;
	font-weight: normal;
	font-size: 12px;
	vertical-align: top;
	margin: 0 0 0 5px;
	padding: 0 4px;
	border-radius: 2px;
}

.commonForm__tbl__hint {
	color: #999;
	margin: 5px 0;
	line-height: 1.3em;
}

.commonForm__tbl__hint--inline {
	display: inline-block;
	margin: 0 5px;
}

.commonForm__tbl__btn {
	font-size: 12px;
	display: inline-block;
	background: #FFF;
	padding: 0 1em;
	border: 1px solid #999;
	border-radius: 2px;
	cursor: pointer;
	height: 30px;
	vertical-align: middle;
}

.commonForm__tbl__btn:hover {
	background: #EEE;
}

.commonForm__action {
	background: #F5F5F5;
	margin: 20px 0;
	padding: 15px 10px;
	text-align: center;
}

.commonForm__action--left {
	text-align: left;
}

.commonForm__action--right {
	text-align: right;
}

.commonForm__action input[type="button"],
.commonForm__action input[type="submit"] {
	font-size: 12px;
	display: inline-block;
	background: #FFF;
	border: 1px solid #999;
	border-radius: 2px;
	padding: 0 1.6em;
	margin: 10px 3px;
	height: 30px;
	cursor: pointer;
}

.commonForm__action input[type="button"]:hover,
.commonForm__action input[type="submit"]:hover {
	background: #EEE;
}

.commonForm__action__notice {
	display: block;
	line-height: 1.3em;
}

.commonForm__tbl--left {
	text-align: left;
}

.commonForm__tbl--check {
	/* 確認画面 */
}

.commonForm__tbl--check td {
	padding: 10px;
}


/* データ一覧
----------------------------------------------- */

.dataTable {
	width: 100%;
	font-size: 12px;
	background: #FFF;
	margin: 0 0 30px;
}

.dataTable td,
.dataTable th,
.dataTable {
	vertical-align: middle;
}

.dataTable caption {
	text-align: left;
	font-size: 10px;
	padding: 5px 0;
	background: transparent;
	color: rgba(0,0,0,0.6);
}

.dataTable thead td,
.dataTable thead th {
	border-bottom: 2px solid #DDD;
	padding: 1em 0.6em;
	line-height: 1.3em;
	text-align: left;
}

.dataTable thead th {}

.dataTable tbody td,
.dataTable tbody th {
	border-bottom: 1px solid #DDD;
	padding: 0.6em;
	line-height: 1.3em;
}

.dataTable tbody th {}

.dataTable tbody td {}

.dataTable tbody tr:hover td,
.dataTable tbody tr:hover th {
	background: #F5F5F5;
}

/* dataTable--border */

.dataTable--border td,
.dataTable--border th,
.dataTable--border {
	border: 1px solid #DDD;
}

	/* iPad縦(portrait) */
	@media only screen and (max-width:768px) {

		/* responsiveTable
		----------------------------------------------- */

		.responsiveTable {
			position: relative;
			margin-bottom: 20px;
			overflow: hidden;
		}

		.responsiveTable__ {
			overflow: scroll;
			overflow-y: hidden;
			border-right: 1px solid #CCC;
		}

		.responsiveTable__ table {
			margin: 0 0 10px;
		}

		.responsiveTable__ th,
		.responsiveTable__ td {
			white-space: nowrap;
		}

	}

/* 汎用表
----------------------------------------------- */
table.commonList {
	width: 100%;
}

table.commonList td,
table.commonList th,
table.commonList {
	border: 1px solid #DDD;
}

table.commonList td,
table.commonList th {
	padding: 5px;
	font-size: 12px;
}

table.commonList th {
	background: #EEE;
}

table.commonList td {
	background: #FFF;
	padding: 10px;
}


/* ステータス変更の表組み
----------------------------------------------- */
.stateChange {
	margin: 0 0 20px;
}

.stateChange__title {
	background: rgba(0,0,0,0.7);
	color: rgba(255,255,255,1);
	text-align: left;
	padding: 5px;
	font-size: 11px;
}

.stateChange__info {
	font-size: 13px;
	line-height: 1.3em;
	margin: 0.6em 1em;
}

.stateChange__panel {
	padding: 0 5px;
	font-size: 12px;
}

.stateChange__panel p {
	line-height: 1.2em;
	margin: 0.6em 0;
}

.stateChange__panel__title {
	padding: 10px 5px 5px;
	font-weight: bold;
}

.stateChange__panel label {
	display: block;
	margin: 10px 0;
}

.stateChange__panel input[type="submit"] {
	display: block;
	line-height: normal;
	font-size: 12px;
	padding: 0.6em 1.6em;
	margin: 10px auto 20px auto;
	text-align: center;
	color: #FFF;
	background: #424242;
	border: 0 none;
	height: 30px;
	border-radius: 2px;
	cursor: pointer;
	vertical-align: top;
	text-decoration: none;
}

.stateChange__panel input[type="submit"]:hover {
	background: #757575;
}

.stateChange__panel input[type="text"] {
	border: 1px solid #CCC;
	background: #FFF;
	border-radius: 2px;
	padding: 0.6em;
	font-size: 12px;
	width: 100%;
}

.stateChange__panel input[type="text"]:focus {
	border: 1px solid #AAA;
}


/* 違反報告リンク
----------------------------------------------- */

.violationLink {
	text-align: right;
	margin: 0.6em 0;
}

.violationLink__btn {
	font-size: 12px;
	color: rgba(0,0,0,0.6);
}


/*--------------------------------------------------------------【ページ：汎用フォーム】*/

.formWrap {
	background: #FFF;
	border: 1px solid #EEE;
	padding: 40px;
	margin: 20px 0;
	overflow: hidden;
}

.formWrap h3 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 1.6em;
	color: #666;
}

.formWrap p {
	font-size: 14px;
	margin-bottom: 1.6em;
	line-height: 1.6;
}

.formWrap p a {
	text-decoration: underline;
	color: #333;
}

.formWrap p a:hover {
	text-decoration: none;
}

.formWrap .error {
	color: red;
	line-height: 1.6em;
	font-size: 12px;
}

	.formWrap .validate .formTextarea,
	.formWrap .validate .formInput {
		border-color: rgba(255,0,0,0.3);
	}

.formStyle {
	float: left;
	width: 530px;
	padding: 20px 0 20px 20px;
	border-right: 2px solid #EEE;
}

.formStyle__heading {
	background: #EEE;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: normal;
}

.formTextarea,
.formInput,
.formStyle select,
.formStyle textarea,
.formStyle input[type="password"],
.formStyle input[type="text"] {
	border: 1px solid #CCC;
	background: #FFF;
	border-radius: 2px;
	padding: 0.6em;
	font-size: 12px;
}

.formTextarea:focus,
.formInput:focus,
.formStyle textarea:focus,
.formStyle input[type="password"]:focus,
.formStyle input[type="text"]:focus {
	border: 1px solid #AAA;
}

.formStyle .formSpacer {
	margin: 5px 0 0 0;
}

.formStyle dl {
	margin: 0 0 10px 0;
}

.formStyle dl dt {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
	color: #666;
}

.formStyle dl dt span {
	/* 必須マーク */
	display: inline-block;
	color: red;
	font-weight: normal;
	font-size: 12px;
	vertical-align: top;
	margin: 0 0 0 5px;
	padding: 0 4px;
	background: rgba(255,0,0,0.05);
	border-radius: 2px;
}

.formStyle dl dt span.hint {
	/* 見出し内のヒント */
	color: green;
	background: rgba(0,255,0,0.05);
}

.formStyle dl dd {
	padding: 0 0 10px;
}

.formStyle dl dd span {
	display: block;
}

.formStyle dl dd span.hint {
	padding: 5px 0 0;
	font-size: 11px;
}

.formStyle dl dd textarea {
	width: 96%;
}

.formStyle table {
	width: 96%;
	margin: 0 0 30px;
}

.formStyle table td,
.formStyle table th {
	padding: 5px;
}

.formStyle table th {
	width: 25%;
	text-align: right;
}

.formStyle table th .requisite {
	/* 必須マーク */
	display: inline-block;
	color: red;
	font-weight: normal;
	font-size: 12px;
	vertical-align: top;
	margin: 0 0 0 5px;
	padding: 0 4px;
	background: rgba(255,0,0,0.05);
	border-radius: 2px;
}

.formStyle table td {}


.formStyle .btnWrap {
	padding: 20px 0;
	background: #F5F5F5;
	text-align: center;
}

.formStyle .btn_edit,
.formStyle .btn_back,
.formStyle .btn_send {
	display: inline-block;
	font-size: 12px;
	padding: 0.6em 1.6em;
	margin: 0 10px 0 0;
	text-align: center;
	color: #FFF;
	background: #007bff;
	border: 0 none;
	height: 30px;
	border-radius: 2px;
	cursor: pointer;
	vertical-align: top;
	text-decoration: none;
}

.formStyle .btn_edit:hover,
.formStyle .btn_back:hover,
.formStyle .btn_send:hover {
	background: #757575;
}

.formStyle__inline {
	display: inline-block;
	vertical-align: top;
}

/* 確認画面
----------------------------------------------- */

.formStyle--checkForm dl dt {
	border-bottom: 1px solid #EEE;
	color: #999;
}

.formStyle--checkForm dl dd {
	padding: 15px;
	color: #000;
	font-size: 14px;
}

/* ログインフォーム
----------------------------------------------- */

.formStyle--login {}

.formStyle--login dl {
	display: inline-table;
}

.formStyle--login .formInput {
	width: 180px;
}

.formStyle--login .formStyle__text a,
.formStyle--login .formStyle__text {
	color: #999;
}

.formStyle--login .formStyle__text a {
	cursor: pointer;
}

.formStyle--login .formStyle__autoLogin {
	margin: 5px 0 0 0;
	font-size: 14px;
}

/* 編集フォーム
----------------------------------------------- */

.formStyle--edit {}

.formStyle--edit dl dt {}

.formStyle--edit dl dd {
	padding: 10px 10px 20px;
}

.formStyle--edit dl dd img {
	display: block;
	margin-bottom: 10px;
}

/* フォームのサイドコンテンツ
----------------------------------------------- */

.formStyleSide {
	float: right;
	width: 370px;
}

.formStyleSide__body {
	padding: 20px 0 0 0;
}

.formStyleSide__message {
	font-size: 12px;
	color: #999;
	border: 1px solid #CCC;
	border-radius: 3px;
	padding: 2em;
	margin: 1em;
}

.formStyleSide__message a {
}

/* ソーシャルログイン
----------------------------------------------- */

.socialLoginBtn {
	width: 310px;
	margin: 0 0 20px;
}

.socialLoginBtn a {
	display: flex;
	text-decoration: none;
	color: #FFF;
	border-radius: 2px;
}

.socialLoginBtn a:hover {
	opacity: 0.8;
}

.socialLoginBtn a .fa {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.socialLoginBtn a .fa:before {
	font-size: 24px;
}

.socialLoginBtn__text {
	flex-grow: 2;
	font-weight: bold;
	line-height: 50px;
	padding: 0 0 0 1em;
	border-left: 1px solid rgba(255,255,255,0.3);
	background: rgba(0,0,0,0.05);
}

.socialLoginBtn--tw a {
	background: #55acee;
}

.socialLoginBtn--fb a {
	background: #315096;
}

/*--------------------------------------------------------------【共通：ページャー】*/

.pageNav {
	overflow: hidden;
	margin: 30px 0;
}

.pageNav__info {
	text-align: center;
	margin: 0 0 10px;
}

.pageNav__list {
	list-style: none;
	position: relative;
	left: 50%;
	float: left;
}

.pageNav__list li {
	margin: 0 1px;
	position: relative;
	left: -50%;
	float: left;
}

.pageNav__list li span,
.pageNav__list li a {
	display: block;
	font-size: 14px;
	padding: 0.6em 1em;
	border-radius: 2px;
}

.pageNav__list li a {
	background: #FFF;
	color: #000;
	text-decoration: none;
}

.pageNav__list li a:hover {
	background: #333;
	color: #FFF;
}

/*--------------------------------------------------------------【ページ：お知らせ】*/

.modNewsTopics{
}

.modNews {
	padding: 10px 0 20px;
}

.modNews__title {
	font-size: 16px;
	font-weight: normal;
	margin: 1em 0;
}

.modNews__title--lv3 {
	font-size: 22px;
	line-height: 1.3em;
}

.modNews__date {
	margin: 0 0 -15px;
}

.modNews__body {
	padding: 30px;
	margin: 0 0 30px;
	background: #FFF;
	line-height: 1.6em;
}

.modNews__list {
	list-style: none;
}

.modNews__list li {
	margin: 1em 0 0;
	overflow: hidden;
}

.modNews__list li span {
	float: left;
	background: #FFF;
	line-height: 1.3em;
	text-align: center;
	min-width: 100px;
}

.modNews__list li p {
	margin: 0 0 0 110px;
	line-height: 1.3em;
}

.modNews__list li a {
	color: #333;
}

.modNews__list li a:hover {}

.modNews__more {
	margin: 1em 0 0;
	text-align: center;
}

.modNews__more a {
	display: block;
	padding: 0.5em 0;
	border-top: 1px solid rgba(0,0,0,0.1);
	color: rgba(0,0,0,0.7);
	text-decoration: none;
}

.modNews__more a:hover {
	background: rgba(0,0,0,0.05);
}

.modNews--headline .modNews__title {
	color: #DDD;
	font-size: 14px;
}

.modNews--headline .modNews__list li {
	color: #DDD;
	font-size: 12px;
}

.modNews--headline .modNews__list li span {
	background: rgba(0,0,0,0.1);
}

.modNews--headline .modNews__list li p {}

.modNews--headline .modNews__list li a {
	color: #EEE;
}

.modNews--headline .modNews__more a {
	color: #DDD;
}

/*--------------------------------------------------------------【ページ：ユーザー】*/

/* ユーザーカード(モジュール)
----------------------------------------------- */

.userCard {
	vertical-align: top;
	min-width: 25%;
	border: 5px solid transparent;
}

.userCard--reference,
.userCard--info{
	border: none;
}

.userCard:hover {
}

.userCard__ {
	position: relative;
	padding: 50px 0 0 0;
	background: rgba(0,0,0,0.1);
	background-size: cover;
	background-position: center;
	transition: 0.3s;
}

.userCard__:hover {
	opacity: 0.7;
}

.userCard--info .userCard__:hover {
	opacity: 1;
}

.userCard__ .userDetailLink {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid rgba(0,0,0,0.1);
}

.userCard__photo {
	z-index: 9;
	position: relative;
	text-align: center;
}

.userCard__photo:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin: -1px 0 0 -31px;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	border: 3px solid rgba(255,255,255,1);
	box-sizing: border-box;
}

.userCard__photo img {
	border-radius: 50%;
}

.userCard__body {
/* 	position: relative; */
	background: rgba(255,255,255,0.7);
	padding: 40px 0 50px 0;
	margin: -30px 0 0 0;
}

.userCard__body__name {
	text-align: center;
	font-size: 16px;
}

.userCard__body__name a {
	text-decoration: none;
	color: rgba(0,0,0,0.8);
}

.userCard__body__state {
	position: absolute;
	width: 100%;
	list-style: none;
	text-align: center;
	padding: 5px 0 0 0;
}

.userCard__body__state li {
	display: inline-block;
	background: rgba(255,255,255,1);
	padding: 5px;
	border-radius: 2px;
	font-size: 11px;
}

.userCard__body__state li:empty {
	background: rgba(0,0,0,0.2);
}

.userCard__body__state__ok {
}

.userCard__body__state__sex {
}

.userCard__body__state__pref {
}

.userCard__-- {
}

.userCard__foot {
	padding: 10px;
	background: rgba(255,255,255,1);
}

.userCard__foot__sns {
	margin: 0 0 10px;
	text-align: center;
}

.userCard__foot__sns a {
	display: inline-block;
}

.userCard__foot__sns a:hover {
	opacity: 0.7;
}

.userCard__foot__sns a .fa {
	position: relative;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #FFF;
}

.userCard__foot__sns a .fa.fa-twitter {
	background: #00aced;
}

.userCard__foot__sns a .fa.fa-facebook {
	background: #3b5998;
}

.followAction {
	text-align: center;
	background: 
}

.followActionLink {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 5px;
	color: rgba(0,0,0,0.7);
	background: rgba(255,255,255,0.9);
	box-shadow: 1px 2px rgba(0,0,0,0.1);
	border: 2px solid #6c757d;
	border-radius: 2px;
	text-decoration: none;
	font-size: 13px;
}

.followActionLink:hover {
	color: rgba(255,255,255,1);
	background: rgba(0,0,0,0.8);
}

.followActionLink .fa {
	margin: 0 5px 0 0;
	color: #007bff;
}

.followActionLink--remove {}

/* ユーザー一覧
----------------------------------------------- */

.modUserResult {
	margin: 30px 0;
}

.modUserResult__head {
	margin: -8px 0 20px 0;
}

.followSearchLink {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 5px;
	color: rgba(0,0,0,0.7);
	background: rgba(255,255,255,0.9);
	box-shadow: 1px 2px rgba(0,0,0,0.1);
	border-radius: 2px;
	text-decoration: none;
	font-size: 14px;
}

.followSearchLink:hover {
	color: rgba(255,255,255,1);
	background: rgba(0,0,0,0.8);
}

.followSearchLink .fa {
	margin: 0 5px 0 0;
	color: #007bff;
}

.userList {
	display: flex;
	flex-wrap: wrap;
}


/* ユーザー詳細
----------------------------------------------- */

.userProfile {
}

.userProfile .userCard {
	width: 25%;
}

.userProfileDetails {
	background: rgba(255,255,255,0.9);
	padding: 20px;
}


/* レビュー(ユーザー詳細内モジュール)
----------------------------------------------- */

.modUserReview {
	padding: 20px 0;
}

.userReview {
	display: flex;
	flex-wrap: wrap;
}

.reviewCard {
	width: 50%;
	padding: 10px 5px 25px 10px;
}

.reviewCard__ {
	display: flex;
}

.reviewCard__photo {
}

.reviewCard__photo a {
	position: relative;
	display: block;
}

.reviewCard__photo a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 31px;
	margin: -1px 0 0 -31px;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	border: 3px solid rgba(255,255,255,1);
	box-sizing: border-box;
}

.reviewCard__photo a img {
	border-radius: 50%;
}

.reviewCard__photo a:hover {}

.reviewCard__photo a span {
	/* アイコン未登録時のダミー表示 */
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-indent: -9999px;
	overflow: hidden;
	background: #EEE;
}

.reviewCard__body {
	flex-grow: 2;
	background: #FFF;
	border-radius: 2px;
	box-shadow: 2px 2px rgba(0,0,0,0.05);
	padding: 15px;
	margin: 0 0 0 15px;
	position: relative;
}

.reviewCard__body__mes {
	font-size: 12px;
	line-height: 1.6em;
}

.reviewCard__body__state {
	font-size: 11px;
	color: rgba(0,0,0,0.5);
	padding: 10px 0 0 0;
}

.reviewCard__body__state span {
	color: rgba(0,0,0,0.8);
	margin: 0 3px 0 0;
}

.reviewCard__body__relate {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 24em;
	font-size: 11px;
	color: rgba(0,0,0,0.5);
	padding: 5px 0 0 0;
	line-height: normal;
}

.reviewCard__body__relate a {
	color: rgba(0,0,0,0.5);
}

.reviewCard__body__date {
	font-size: 10px;
	color: rgba(0,0,0,0.5);
	position: absolute;
	bottom: -16px;
	right: 3px;
	text-align: right;
}

/* 直接のリクエスト(ユーザー詳細内モジュール)
----------------------------------------------- */

.modDirectAction {
	padding: 10px 0 20px;
}

.directAction {
	background: #FFF;
	padding: 20px;
	line-height: 1.3em;
	text-align: center;
}


/*--------------------------------------------------------------【ページ：チケット】*/


/* チケットカード(モジュール)
----------------------------------------------- */

.ticketCard {
	vertical-align: top;
	min-width: 25%;
	border: 5px solid transparent;
}

.ticketCard--thread,
.ticketCard--info{
	border: none;
	margin: 0 0 20px;
}

.ticketCard:hover {
}

.ticketCard__ {
	position: relative;
	padding: 50px 0 0 0;
	background: rgba(0,0,0,0.1);
	background-size: cover;
	background-position: center;
	transition: 0.3s;
}

.ticketCard__:hover {
	opacity: 0.7;
}

.ticketCard--info .ticketCard__:hover {
	opacity: 1;
}

.ticketCard__ .ticketDetailLink {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid rgba(0,0,0,0.1);
}

.ticketCard__photo {
	z-index: 9;
	position: relative;
	text-align: center;
}

.ticketCard__photo:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin: -1px 0 0 -31px;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	border: 3px solid rgba(255,255,255,1);
	box-sizing: border-box;
}

.ticketCard__photo a {
	text-decoration: none;
}

.ticketCard__photo__img {
}

.ticketCard__photo__img img {
	border-radius: 50%;
}

.ticketCard__photo__img span {
	/* アイコン未登録時のダミー表示 */
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-indent: -9999px;
	overflow: hidden;
	background: #EEE;
}

.ticketCard__photo__nickname {
	display: block;
	font-size: 10px;
	color: rgba(0,0,0,0.6);
}

.ticketCard__body {
/* 	position: relative; */
	background: rgba(255,255,255,0.7);
	padding: 40px 0 50px 0;
	margin: -30px 0 0 0;
}

.ticketCard__body__name {
	text-align: center;
	font-size: 15px;
	min-height: 2.6em;
	line-height: 1.3em;
	padding: 0 5px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

	.ticketCard--info .ticketCard__body__name {
		/* チケット詳細ページ内 */
		padding: 0 10px;
	}

.ticketCard__body__name span,
.ticketCard__body__name a {
	width: 100%;
	max-height: 2.6em;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	color: rgba(0,0,0,0.8);
}

.ticketCard__body__state {
	position: absolute;
	width: 100%;
	list-style: none;
	text-align: center;
	padding: 5px 0 0 0;
}

.ticketCard__body__state li {
	display: inline-block;
	background: rgba(255,255,255,1);
	padding: 5px;
	border-radius: 2px;
	font-size: 11px;
}

.ticketCard__body__state li.ticketCard__body__state__price {
	font-size: 14px;
}

.ticketCard__category {
	position: absolute;
	top: 0;
	right: 0;
}

.ticketCard__category__mark {
	display: block;
	background: #007bff;
	color: rgba(255,255,255,1);
	padding: 5px 10px;
	font-size: 10px;
}

.ticketCard__foot {
	background: rgba(255,255,255,1);
	padding: 10px;
}

.ticketCard__foot__state {
	width: 100%;
	margin: 0 0 5px;
}

.ticketCard__foot__state th,
.ticketCard__foot__state td {
	border-bottom: 1px dashed rgba(0,0,0,0.2);
	padding: 5px 0;
}

.ticketCard__foot__state th {
	width: 50%;
	text-align: right;
	font-size: 12px;
}

.ticketCard__foot__state td {
	text-align: center;
	font-size: 14px;
}

.ticketCard__foot__oparation {
	text-align: center;
	padding: 5px 5px 10px;
	position: relative;
	z-index: 11;
}

.ticketCard__foot__oparation a {
	display: inline-block;
	color: rgba(0,0,0,1);
	background: rgba(0,0,0,0.05);
	box-shadow: 0 2px rgba(0,0,0,0.1);
	text-decoration: none;
	padding: 6px;
	border-radius: 2px;
}

.ticketCard__foot__oparation a .fa {
	margin: 0 3px 0 0;
}

.ticketCard__foot__oparation a:hover {
	background: rgba(0,0,0,1);
	color: rgba(255,255,255,1);
}

.ticketCard__foot__date {
	text-align: center;
	font-size: 12px;
	color: rgba(0,0,0,0.5);
	margin: 5px 0 0;
}


/* チケット一覧
----------------------------------------------- */

.modTicketResult {
	margin: 30px 0;
}

.ticketList {
	display: flex;
	flex-wrap: wrap;
}

	.ticketList--relative {
		/* チケット詳細内のリスト */
		padding: 0 0 30px;
	}

.ticketList .ticketCard {
	max-width: 25%;
}

.ticketSearchLink {
	list-style: none;
	margin: 20px 0;
}

.ticketSearchLink li {
	display: inline-block;
}

.ticketSearchLink li a {
	display: block;
	padding: 6px 8px;
	margin: 3px;
	color: #000;
	background: rgba(0,0,0,0.1);
	border-radius: 2px;
	text-decoration: none;
	font-size: 13px;
}

.ticketSearchLink li a:hover {
	background: rgba(0,0,0,0.7);
	color: rgba(255,255,255,0.9);
}

.ticketSearchLink li a .fa {
	margin: 0 5px 0 0;
    color: #007bff;
}

.ticketSearchLink li.ticketSearchLink__active a {
	background: rgba(0,0,0,0.7);
	color: rgba(255,255,255,0.9);
}


.ticketCategoryLink {
	list-style: none;
	margin: 20px 0;
	display: flex;
	flex-wrap: wrap;
	background: rgba(0,0,0,0.05);
}

.ticketCategoryLink li {
	width: 20%;
	padding: 1px;
}

.ticketCategoryLink li a {
	display: block;
	padding: 13px;
	color: #000;
	background: rgba(255,255,255,0.5);
	border: 1px solid rgba(255,255,255,1);
	text-decoration: none;
	font-size: 13px;
}

.ticketCategoryLink li a:hover {
	color: rgba(255,255,255,1);
	background: rgba(0,0,0,0.8);
}

.ticketCategoryLink li a .fa {
	margin: 0 5px 0 0;
}

.ticketCategoryLink li.ticketCategoryLink__active a {
	background: rgba(0,0,0,0.7);
	color: rgba(255,255,255,0.9);
}


.clipSearchLink {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 5px;
	color: rgba(0,0,0,0.7);
	background: rgba(255,255,255,0.9);
	box-shadow: 1px 2px rgba(0,0,0,0.1);
	border-radius: 2px;
	text-decoration: none;
	font-size: 14px;
}

.clipSearchLink:hover {
	color: rgba(255,255,255,1);
	background: rgba(0,0,0,0.8);
}

.clipSearchLink .fa {
	margin: 0 5px 0 0;
}

.modTicketResult__head {
	margin: -8px 0 20px 0;
}

.ticketRegisterLink {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 5px;
	color: rgba(0,0,0,0.7);
	background: rgba(255,255,255,0.9);
	box-shadow: 1px 2px rgba(0,0,0,0.1);
	border-radius: 2px;
	text-decoration: none;
	font-size: 14px;
}

.ticketRegisterLink:hover {
	color: rgba(255,255,255,1);
	background: rgba(0,0,0,0.8);
}

.ticketRegisterLink .fa {
	margin: 0 5px 0 0;
	color: #007bff;
}


/* チケット詳細
----------------------------------------------- */

.modTicketDetail {}

.modTicketDetail .layer {
	margin: 0 0 50px;
}


.modTicketDetail--other {
	margin: 30px 0;
}

.ticketDetail {
	border-top: 5px solid #007bff;
	border-right: 2px solid rgba(0,0,0,0.05);
	border-bottom: 2px solid rgba(0,0,0,0.05);
}

.ticketDetail__ {
	background: rgba(255,255,255,1);
	padding: 10px;
}

.ticketDetail__head {}

.ticketDetail__head__title {
	font-size: 20px;
	line-height: 1.3em;
	padding: 10px 10px 0;
	color: rgba(0,0,0,0.7);
}

.ticketDetail__details {
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 20px;
	margin: 20px 0;
	line-height: 1.6em;
	font-size: 15px;
	color: rgba(0,0,0,0.7);
}

.ticketDetail__foot {
	padding: 0 20px 20px;
}

.ticketDetail__table {
	width: 100%;
}

.ticketDetail__table th,
.ticketDetail__table td {
	border: 1px solid rgba(0,0,0,0.1);
	padding: 5px 10px;
	vertical-align: top;
	font-size: 13px;
	line-height: 1.3em;
}

.ticketDetail__table th {
	font-weight: normal;
	width: 30%;
}

.clipAction {
	text-align: center;
	background: 
}

.clipActionLink {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 5px;
	color: rgba(0,0,0,0.7);
	background: rgba(255,255,255,0.9);
	box-shadow: 1px 2px rgba(0,0,0,0.1);
	border: 2px solid #6c757d;
	border-radius: 2px;
	text-decoration: none;
	font-size: 13px;
}

.clipActionLink:hover {
	color: rgba(255,255,255,1);
	background: rgba(0,0,0,0.8);
}

.clipActionLink .fa {
	margin: 0 5px 0 0;
}

.clipActionLink--remove {}

#social {
	margin: 10px 0;
	text-align: right;
}

.ticketCateMark {
	margin: 20px 0 0;
}

.ticketCateMark span {
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	padding: 6px;
	margin: 0 5px 0 0;
}

.ticketCateMark span .fa {
	margin: 0 3px 0 0;
	color: #007bff;
}

.ticketTagMark {}

.ticketTagMark span {
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	padding: 6px;
	margin: 0 5px 0 0;
}

.ticketTagMark span .fa {
	margin: 0 3px 0 0;
}

.reserveSheetInfo {
	margin: 10px 0;
}

.reserveSheetInfo__ {}

.reserveSheetInfo__ span {
	display: inline-block;
	margin: 0 10px 10px 0;
	line-height: 1;
	font-size: 12px;
}

.reserveSheetInfo__ span b {
	display: inline-block;
	border: 1px solid #DDD;
	padding: 6px;
}

.reserveSheetPager {
	overflow: hidden;
	margin: 10px 0;
}

.reserveSheetPager__back,
.reserveSheetPager__next {
	line-height: 1;
	padding: 10px 20px;
	text-decoration: none;
	color: #FFF;
	background: #333;
	font-size: 12px;
}

.reserveSheetPager__back:hover,
.reserveSheetPager__next:hover {
	color: #FFF;
	background: #666;
}

.reserveSheetPager__back {
	float: left;
}

.reserveSheetPager__next {
	float: right;
}

/*--------------------------------------------------------------【チケット検索フォーム】*/

.graptaNav {
	margin: 20px 0;
	padding: 0 5px;
}

.graptaNav__ {
	border-radius: 2px;
	background: #17a6ee;
	max-width: 1025px;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
	position: relative;
}

.graptaNav__menu {
	float: left;
	height: 40px;
	line-height: 40px;
}

.graptaNav__menu:not(:last-child) {
	border-right: 1px solid rgba(255,255,255,0.2);
}

.graptaNav__menu a {
	display: block;
	padding: 0 20px;
	text-decoration: none;
	font-size: 14px;
	color: #FFF;
}

.graptaNav__menu a .fa + span {
	display: none;
}

.graptaNav__menu--home {
}

.graptaNav__menu--home a {
	display: block;
	font-size: 18px;
	padding: 0 20px;
}

.graptaNav__menu--home a .fa {
	line-height: 40px;
}

.graptaNav__menu--drop {}

.graptaNav__menu--drop a {}

.graptaNav__menu--drop a .fa {
	margin: 0 0 0 40px;
}

.graptaNav__menu--right {
	float: right;
	border-left: 1px solid rgba(255,255,255,0.2);
}

.graptaNav__menu--right a {
	font-size: 18px;
	padding: 0 20px;
}

.graptaNav__menu--right a .fa {
	margin: 0;
	line-height: 40px;
}

.ticketSearchHiddenBox {
	padding: 0 10px;
}

/*--------------------------------------------------------------【スレッドとメッセージ】*/


.threadBox {
	margin: 20px 0;
}

.threadBox__ {
	box-shadow: 2px 0 rgba(0,0,0,0.1);
}

.threadBox__head {
	background: rgba(255,255,255,1);
	padding: 10px 10px 0;
	font-size: 16px;
	line-height: 1.3em;
}

.threadBox__body {
	background: rgba(255,255,255,1);
}

.threadBox__foot {
	background: rgba(0,0,0,0.05);
	margin: 0 0 0 20px;
	padding: 10px 10px 10px;
	text-align: right;
}

.threadBox__foot__actionLink {
	display: inline-block;
	font-size: 12px;
	padding: 10px;
	margin: 0 0 0 5px;
	text-decoration: none;
	color: rgba(255,255,255,1);
	background: rgba(255,255,255,1);
	background: rgba(8,134,203,1);
	border-radius: 2px;
}

.threadBox__foot__actionLink:hover {
	color: rgba(255,255,255,1);
	background: rgba(0,0,0,0.8);
}

.threadBox__foot__actionLink .fa {
	margin: 0 5px 0 0;
}

.messagePart {
	position: relative;
	display: flex;
	padding: 10px;
	box-shadow: 0 2px rgba(0,0,0,0.1);
}

.messagePart__state {
	width: 100px;
	min-width: 100px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

.messagePart__state__user {
}

.messagePart__state__user__photo {
}

.messagePart__state__user__photo img {
	border-radius: 50%;
}

.messagePart__state__user__photo span {
	/* アイコン未登録時のダミー表示 */
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-indent: -9999px;
	overflow: hidden;
	background: #EEE;
}

.messagePart__body {
	flex-grow: 2;
}

.messagePart__body__user {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0;
}

.messagePart__body__message {
	line-height: 1.3em;
	background: rgba(0,0,0,0.05);
	border-radius: 5px;
	padding: 10px;
}

.messagePart__body__date {
	font-size: 12px;
	color: rgba(0,0,0,0.6);
	padding: 5px 0;
	text-align: right;
}

.messagePart__body__reading {
	text-align: right;
	font-size: 11px;
	color: rgba(0,0,0,0.6);
	line-height: 1.3em;
}


/* チケット詳細内(メッセージ)
----------------------------------------------- */

.guidePlate {
	background: rgba(255,255,255,1);
	border: 1px solid rgba(0,0,0,0.3);
	box-shadow: 2px 2px rgba(0,0,0,0.1);
	margin: 20px 0;
	padding: 20px;
	line-height: 1.6em;
}

/* メッセージを送るフォーム
----------------------------------------------- */

.messageRegister {
	text-align: left;
}

.messageRegister--check {
}

.messageRegister textarea {
	width: 100%;
	height: 150px;
	padding: 0.6em;
	font-size: 14px;
	border: 1px solid rgba(0,0,0,0.2);
}

.messageRegister__target {
	padding: 0 0 10px;
}

.messageRegister__target a {
	color: #333;
}

.messageRegister__action {
	margin: 10px 0 0 0;
}

.messageRegister__action .btn_regist,
.messageRegister__action .btn_back,
.messageRegister__action .btn_check {
	display: inline-block;
	font-size: 12px;
	padding: 0.6em 1.6em;
	margin: 0 10px 0 0;
	text-align: center;
	color: #FFF;
	background: #424242;
	border: 0 none;
	height: 30px;
	border-radius: 2px;
	cursor: pointer;
	vertical-align: top;
	text-decoration: none;
}

.messageRegister__action .btn_regist:hover,
.messageRegister__action .btn_back:hover,
.messageRegister__action .btn_check:hover {
	background: #757575;
}

.messageRegister__action .error {
	display: inline-block;
	font-size: 12px;
	padding: 0.6em 0;
	color: rgba(255,0,0,1);
}

.messageRegister__action .error br {
	display: none;
}

.messageRegister .validate {}

.messageRegister .validate textarea {
	border-color: rgba(255,0,0,0.5);
}

.messageRegister__prevBody {
	background: rgba(255,255,255,1);
	padding: 1.2em;
	line-height: 1.3em;
}

.threadBox__body .messageRegister {
	padding: 20px;
}


/* スレッド詳細部
----------------------------------------------- */

.modThreadDetail {
	margin: 30px 0;
}

.threadInfoMessage{
	border-top: 2px solid rgba(0,0,0,0.1);
	box-shadow: 2px 2px rgba(0,0,0,0.05);
	margin: 0 0 20px;
}

.threadInfoMessage__ {
	background: #FFF;
	padding: 15px 15px 15px 20px;
}

.threadInfoMessage__ p {
	line-height: 1.6em;
}

.threadInfoMessage__form {
	font-size: 15px;
	text-align: center;
	padding: 15px;
	margin: 10px 0 0 0;
	background: #F5F5F5;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	border-radius: 2px;
}

.threadInfoMessage__form--note {
	/* あまり目立たせない為の差分 */
	font-size: 12px;
}

.threadInfoMessage__form__title {
	font-size: 16px;
	margin: 0 0 10px;
}

.threadInfoMessage__form input[type="text"] {
	text-align: center;
	border: none;
	border-bottom: 1px solid #999;
	border-radius: 2px;
	background: #FFF;
	color: blue;
	padding: 0.3em;
	font-size: 13px;
	font-weight: bold;
}

.threadInfoMessage__form input[type="text"]:focus {
}

.threadInfoMessage__form input[type="submit"] {
	display: inline-block;
	line-height: normal;
	font-size: 13px;
	padding: 0.3em 1em;
	margin: 0;
	text-align: center;
	color: #FFF;
	background: #424242;
	border: 0 none;
	border-radius: 2px;
	cursor: pointer;
	text-decoration: none;
}

.threadInfoMessage__form__hint {
	font-size: 12px;
	line-height: 1.6em;
	padding: 6px 0 0 0;
	color: #666;
}

.threadInfoMessage__form__cancel {
	font-size: 12px;
	line-height: 1.6em;
	padding: 10px 0;
	color: #666;
}

.threadInfoMessage__form__payment {
	display: flex;
}

.threadInfoMessage__form__payment dl {
	background: #FFF;
	width: 50%;
	padding: 10px;
}

.threadInfoMessage__form__payment dt {
	font-size: 16px;
	line-height: 1.6em;
	border-bottom: 1px solid #DDD;
}

.threadInfoMessage__form__payment dd {
	line-height: 1.6em;
	padding: 10px 0;
	font-size: 13px;
}

.doPrice {
	font-size: 16px;
	margin: 0 0 10px;
}

.doPrice__num {
	margin: 0 10px;
}

table.bankDetail {
	width: 90%;
	margin: 10px auto;
}

table.bankDetail caption {
	text-align: left;
	background: #F5F5F5;
	padding: 5px;
	font-size: 12px;
}

table.bankDetail td,
table.bankDetail th,
table.bankDetail {
	border-collapse: collapse;
}

table.bankDetail td,
table.bankDetail th {
	border-bottom: 1px solid #DDD;
	font-size: 13px;
}

table.bankDetail th {
	font-weight: normal;
	text-align: right;
	padding: 0 10px 0 0;
	width: 40%;
}

table.bankDetail td {
	text-align: left;
	padding: 0 0 0 10px;
}

.actionFlow {}

.actionFlow__stopMessage {
	background: rgba(255,220,220,1);
	color: rgba(255,0,0,1);
	border: 1px solid rgba(255,0,0,0.3);
	padding: 5px;
	margin: 0 0 5px;
}

.stepList {
	list-style: none;
	display: table;
	width: 100%;
	padding: 10px;
	margin: 0 0 20px;
	border: 1px solid #BBB;
	background: #FFF;
	font-size: 13px;
}

	.actionFlow__stopMessage + .stepList {
		opacity: 0.5;
	}

.stepList__item {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	text-align: center;
	padding: 0 20px 0 10px;
	color: #BBB;
}

.stepList__item:not(:last-child):after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin: -8px 0 0 0;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 12px solid #BBB;
}

.stepList__item p {
	line-height: 1.6em;
}

.stepList__item--active {
	color: #000;
}

.stepList__item--active p {
}

.stepList__item--active:not(:last-child):after {
	border-left: 12px solid #000;
}

/* スレッド一覧
----------------------------------------------- */

.modThreadList {
	margin: 30px 0;
}

.modThreadList .threadBox {
	margin: 0 0 10px;
}

.modThreadList .threadBox--unread {
}

.modThreadList .threadBox--unread .threadListTitle__name {
	font-weight: bold;
}

.modThreadList .threadBox--unread .threadBox__head,
.modThreadList .threadBox--unread .threadBox__body {
}

.modThreadList .threadBox--read .threadBox__head,
.modThreadList .threadBox--read .threadBox__body {
}

.modThreadList .messagePart__body__message {
	position: relative;
	max-height: 7em;
	overflow-y: auto;
	overflow-x: hidden;
}

/* 各スレッドのタイトル部 */
.threadListTitle {
	font-size: 13px;
}

.threadListTitle a {
	color: rgba(0,0,0,0.7);
	line-height: normal;
	text-decoration: none;
}

.threadListTitle a:hover {
	border-bottom: none;
}

.threadListTitle a span {
	display: inline-block;
	vertical-align: middle;
}

.threadListTitle__name {
}

.threadListTitle__title {
	font-size: 13px;
	text-decoration: underline;
}

.threadListTitle__type {
	display: inline-block;
	font-size: 12px;
	line-height: 1.3em;
	background: rgba(0,0,0,0.7);
	color: #EEE;
	border-radius: 2px;
}

.threadListTitle__count {
	font-size: 13px;
}

/* スレッドの絞り込みリンク */

.threadStateLink {
}

.threadStateLink li {
	margin: 0 0 5px;
}

.threadStateLink li a {
	display: block;
	padding: 15px;
	border-radius: 2px;
	background: rgba(255,255,255,1);
	border: 1px solid rgba(0,0,0,0.3);
	position: relative;
}

.threadStateLink li a:hover {
}

.threadStateLink__all {}

.threadStateLink__unread a {}

.threadCount {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	left: auto;
	margin: auto;
	background: #007bff;
	color: #FFF;
	padding: 0 10px;
	height: 26px;
	line-height: 26px;
	border-radius: 13px;
}

.threadStatusPrev {
	background: rgba(255,0,0,0.1);
	color: rgba(255,0,0,1);
	padding: 5px;
}


/*--------------------------------------------------------------【マイページ：トップ】*/

.modMypageIndex {
}

.modMypageIndex .layer__sub {
	width: 33%;
}

.modMypageIndex .layer__main {
	margin: 0 0 0 35%;
}

.modMypageIndex .modThreadList {
	margin: 0;
}

.systemMessage {
	background: rgba(255,255,255,1);
	border-radius: 2px;
	box-shadow: 2px 2px rgba(0,0,0,0.05);
	margin: 15px 0 0;
	padding: 10px 15px;
}

.systemMessage+.systemMessage {
	margin: 5px 0 0;
}

.systemMessage i {
}

.pcModeMenu {
	font-size: 12px;
}

.pcModeMenu__siteMenu,
.pcModeMenu__myMenu {
	width: 100%;
	margin: 0 0 5px;
}

.pcModeMenu__siteMenu ul,
.pcModeMenu__myMenu ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}

.pcModeMenu__siteMenu ul li,
.pcModeMenu__myMenu ul li {
	border: 1px solid transparent;
	width: 50%;
}

.pcModeMenu__siteMenu ul li a,
.pcModeMenu__myMenu ul li a {
	display: block;
	padding: 10px 0 10px 15px;
	text-decoration: none;
	color: #FFF;
	background: rgba(0,0,0,0.7);
	border-radius: 2px;
	line-height: 1.1;
}

.pcModeMenu__siteMenu ul li a:hover,
.pcModeMenu__myMenu ul li a:hover {
	color: #FFF;
	background: rgba(0,0,0,0.6);
}

.pcModeMenu__myMenu ul li a.linkWithIcon {
	position: relative;
	padding: 10px 10px 10px 35px;
}

.pcModeMenu__myMenu ul li a.linkWithIcon img {
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 50%;
}

.pcModeMenu__myMenu ul li a.linkWithIcon span{
	/* アイコン未登録時のダミー表示 */
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 50%;
	background: #FFF;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
}

.spModeMenu {
	display: block;
	position: absolute;
	width: 100%;
	z-index: 99;
	padding: 5px 5px 20px;
}

.spModeMenu__switch {
	margin: 10px 0;
	overflow: hidden;
}

.spModeMenu__switch a {
	display: block;
	float: right;
	background: #333;
	color: #EEE;
	padding: 8px 10px;
	font-size: 12px;
	border-radius: 2px;
	border: 1px solid #000;
	text-decoration: none;
}

.spModeMenu__switch a .fa {
	margin: 0 4px 0 0;
}

.spModeMenu__siteMenu,
.spModeMenu__myMenu {
	width: 100%;
	margin: 0 0 5px;
}

.spModeMenu__siteMenu ul,
.spModeMenu__myMenu ul {
	background: rgba(0,0,0,0.5);
	border-radius: 2px;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}

.spModeMenu__siteMenu ul li,
.spModeMenu__myMenu ul li {
	border: 1px solid rgba(255,255,255,0.1);
	width: 50%;
}

.spModeMenu__siteMenu ul li a,
.spModeMenu__myMenu ul li a {
	display: block;
	padding: 10px 0 10px 15px;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #222;
	border-radius: 2px;
}

.spModeMenu__myMenu ul li a.linkWithIcon {
	position: relative;
	padding: 10px 10px 10px 35px;
}

.spModeMenu__myMenu ul li a.linkWithIcon img {
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 50%;
}

.spModeMenu__myMenu ul li a.linkWithIcon span{
	/* アイコン未登録時のダミー表示 */
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 50%;
	background: #FFF;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
}

.menuLink {
}

.menuLink .fa {
	margin: 0 3px 0 0;
}

.menuLink--message {}

.menuLink--myService {}

.menuLink--myWork {}

.menuLink--reward {}

.menuLink--icon {}

.menuLink--serviceOther {}

.menuLink--serviceClip {}

.menuLink--workOther {}

.menuLink--workClip {}

.menuLink--userSearch {}

.menuLink--userClip {}


/* reward
----------------------------------------------- */

.myReward {
	margin: 10px 0 20px;
}

.myRewardInfo {
	display: flex;
	box-shadow: 2px 2px rgba(0,0,0,0.1);
}

.myRewardInfo__ {
	width: 33.3%;
}

.myRewardInfo__:not(:last-child) {
	border-right: 1px solid #DDD;
}

.myRewardInfo__head {
	background: #333;
	color: #FFF;
	text-align: center;
	padding: 5px 0;
	font-size: 12px;
}

.myRewardInfo__body {
	text-align: right;
}

.myRewardInfo__body div {
	line-height: normal;
	padding: 5px;
	background: #FFF;
}

.myRewardInfo__body a {
	display: block;
	line-height: normal;
	padding: 5px;
	background: #FFF;
	text-decoration: none;
	font-weight: bold;
}

.myRewardInfo__body span {
	font-size: 11px;
	margin: 0 0 0 2px;
}

.myRewardNote {
	text-align: right;
	padding: 5px 0 0;
}

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

/* サンプルサイト用のトップイメージ
----------------------------------------------- */
#topimg {
	width: 100%;
	/* ぱくたそ */
	background-image: url(../img/_shared_img_thumb_CAFEonnnanoko15212650_TP_V.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 250px 0;
	margin: 0 0 40px;
	position: relative;
}

#topimg:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}

#topimg .copy {
	width: 980px;
	margin: 0 auto;
	position: relative;
	text-align: right;
}

#topimg .copy > h2 {
	font-size: 32px;
	font-weight: normal;
	color: rgba(255,255,255,1);
	margin: 0 0 32px;
}

#topimg .copyText {
	font-size: 20px;
	color: rgba(255,255,255,1);
	margin: 0 0 20px;
}

#topimg .copyText2 {
	font-size: 15px;
	color: rgba(255,255,255,1);
	line-height: 1.5;
	margin: 0 0 20px;
	display: none;
}

#topimg .copyText2 small {
	font-size: 13px;
}

#topimg .copyList {
	color: rgba(255,255,255,1);
	display: none;
}

#topimg .copyList li {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	background: rgba(255,255,255,0.2);
	box-shadow: 2px 2px rgba(0,0,0,0);
	border-radius: 2px;
}




/* ================================================================================ */
/*                                                                                  */
/*      レスポンシブ対応(PCファースト)                                              */
/*                                                                                  */
/* ================================================================================ */

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

	.footBody,
	#contents {
		width: 100%;
	}

	#contents {
		padding: 0 10px;
	}

	.modTicketDetail--other {
		margin: 15px 0;
	}

	.head__ll {
		padding: 10px;
	}

	.head__ll__login {
		right: 10px;
	}

	.foot {
		margin: 30px 0 0;
	}

	.footCopy {
		margin: 0;
		padding: 10px 0;
	}

	.footBody {
		padding: 20px 10px;
	}

	.heading {
		padding: 0 10px;
		margin: 0.6em 0;
	}

	.ticketList .ticketCard {
		max-width: 33.3%;
	}

	.userCard,
	.ticketCard {
		min-width: 33.3%;
	}

	.layer {
		padding: 0 0.5%;
	}

	.layer__sub {
		width: 33%;
	}

	.layer__main {
		margin: 0 0 0 34%;
	}

	.modMypageIndex .layer__sub {
		width: 50%;
	}

	.modMypageIndex .layer__main {
		margin: 0 0 0 52%;
	}

	.formStyle {
		float: none;
		width: 100%;
		padding: 20px;
		border-right: none;
	}

	.formStyleSide {
		width: 100%;
		float: none;
	}

	.graptaNav__ {
		width: 100%;
	}

	.graptaNav__menu {
	}

	.graptaNav__menu a {
		padding: 0 15px;
		font-size: 14px;
	}

	.graptaNav__menu--right a,
	.graptaNav__menu--home a {
		padding: 0 15px;
	}

	.graptaNav__menu--right a .fa,
	.graptaNav__menu--home a .fa {
	}

	.graptaNav__menu--drop a .fa {
		margin: 0 0 0 40px;
	}

	/* サンプルサイト用のトップイメージ
	----------------------------------------------- */	
	#topimg {
		padding: 100px 0;
	}

	#topimg .copy {
		width: 100%;
		padding: 0 10px;
	}

}

/* iPad縦(portrait) */
@media only screen and (max-width:768px)	{

	.reviewCard {
		width: 100%;
		padding: 5px 0 25px 0
	}

	table.commonForm tbody,
	table.commonForm td,
	table.commonForm th,
	table.commonForm tr,
	table.commonForm {
		display: block;
		width: 100%;
	}

	table.commonForm td,
	table.commonForm th {
		text-align: left;
		border: none;
	}

	table.commonForm td {
		background: #F5F5F5;
	}

	table.commonForm textarea {
		width: 100%;
	}

	table.commonForm input[type="text"] {
		max-width: 100%;
	}

	.graptaNav__menu {
		display: none;
	}

	.graptaNav__menu--right,
	.graptaNav__menu--home,
	.graptaNav__menu--drop {
		display: block;
	}

}

/* smartphone横(landscape) */
@media only screen and (max-width:640px)	{


	.head__ll__logo a img {
		max-height: 40px;
		width: auto;
	}

	.ticketList .ticketCard {
		max-width: 50%;
	}

	.userCard,
	.ticketCard {
		min-width: 50%;
	}

	.layer {
		padding: 0 0.5%;
		margin: 0 0 20px;
	}

	.layer__sub {
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}

	.layer__main {
		margin: 0;
	}

	.modMypageIndex .layer__sub {
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}

	.modMypageIndex .layer__main {
		margin: 0;
	}

	.formWrap {
		padding: 20px;
		margin: 10px 0;
	}

	.formWrap h3 {
		margin-bottom: 0.6em;
	}

	.formWrap p {
		margin-bottom: 0.6em;
	}

	/* サンプルサイト用のトップイメージ
	----------------------------------------------- */	
	#topimg {
		padding: 60px 0;
		margin: 0 0 20px;
	}

	#topimg .copy {
		width: 100%;
		padding: 0 10px;
	}

	#topimg .copy > h2 {
		font-size: 24px;
		margin: 0 0 24px;
	}

	#topimg .copyText {
		font-size: 15px;
	}

	#topimg .copyText2 {
		font-size: 13px;
	}

	#topimg .copyList li {
		font-size: 12px;
		padding: 5px;
	}

}

/* iPhone横(landscape) */
@media only screen and (max-width:480px)	{


	.spModeSwitch {
		display: block;
	}

	.sbMenuOpen {
		display: block;
		position: absolute;
		right: 5px;
		top: 15px;
	}

	.sbMenuOpen a {
		display: block;
		float: right;
		background: #333;
		color: #EEE;
		padding: 8px 10px;
		font-size: 12px;
		border-radius: 2px;
		border: 1px solid #000;
		text-decoration: none;
	}

	.sbMenuOpen a .fa {
		margin: 0 4px 0 0;
	}

	body	{
		font-size: 12px;
		font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
		color: #212121;
	}

	.head__nav,
	.head__ll__menu {
		display: none;
	}

	.pcModeSwitch,
	.pcModeMenu {
		display: none;
	}

	#contents {
		padding: 0 5px;
	}

	.modLoginForm,
	.modInquiryForm,
	.modUserForm,
	.modUserDetail,
	.modMypageIndex {
		padding: 5px 0 0;
	}

	.modUserDetail,
	.modTicketDetail {
		padding: 0;
		margin: 0 -5px;
	}

	.modUserDetail .layer,
	.modTicketDetail .layer {
		margin: 0;
		padding: 0;
	}

	.modUserResult,
	.modTicketResult {
		margin: 0;
	}

	.modUserReview {
		padding: 0 5px;
	}

	.modUserResult__head,
	.modTicketResult__head {
		margin: 0 -5px 5px;
		padding: 5px;
		background: #BBB;
	}

	.head__ll__login li a {
		padding: 0 9px;
		font-size: 12px;
	}

	.commonFormMessage {
		margin: 10px 0;
		font-size: 12px;
	}

	.heading {
		margin: 0 -5px;
	}

	.heading--lv2 {
		font-size: 12px;
		font-weight: bold;
		line-height: normal;
		background: #DDD;
		padding: 10px 5px;
	}

	.heading--lv3 {
		font-size: 12px;
		font-weight: bold;
		padding: 3px 5px;
		margin: 0 0 5px;
	}

	.systemMessage {
		margin: 0;
	}

	.directAction {
		text-align: left;
	}

	.resultChangeLink {
		font-size: 12px;
		font-weight: normal;
		background: rgba(0,0,0,0.6);
		border-radius: 3px;
		color: #FFF;
		position: absolute;
		right: 5px;
		top: 50%;
		margin: -0.9em 0 0 0;
		padding: 2px 6px;
	}

	.resultChangeLink:hover {
		background: rgba(0,0,0,0.6);
		color: #FFF;
	}

	a.heading__more {
		font-weight: normal;
		background: #FFF;
		padding: 0 4px;
	}

	.followActionLink,
	.clipActionLink {
		margin: 0;
		padding: 5px 10px;
		font-size: 12px;
		line-height: normal;
	}

	.followSearchLink,
	.ticketRegisterLink,
	.clipSearchLink {
		margin: 0;
		padding: 5px 10px;
		font-size: 10px;
		line-height: normal;
	}

	.ticketCategoryLink {
		margin: 0;
	}

	.ticketCategoryLink li {
		width: 50%;
	}

	.ticketCategoryLink li a {
		font-size: 12px;
		padding: 7px;
	}

	.ticketSearchLink {
		margin: 0;
		padding: 5px 0;
	}

	.ticketSearchLink li a {
		font-size: 11px;
		margin: 5px;
		padding: 5px 10px;
	}

	.ticketList--relative {
		padding: 5px 0;
	}

	.ticketList .ticketCard {
		max-width: 100%;
	}

	.userList {
		padding: 5px 0;
	}

	.userCard,
	.ticketCard {
		min-width: 100%;
	}

	.ticketDetail__ {
		padding: 0;
	}

	.ticketDetail__head__title {
		font-size: 16px;
	}

	.ticketDetail__details {
		margin: 10px 0;
		padding: 15px;
		font-size: 12px;
	}

	.ticketDetail__foot {
		padding: 0 10px 10px;
	}

	.ticketDetail__table tbody,
	.ticketDetail__table td,
	.ticketDetail__table th,
	.ticketDetail__table tr,
	.ticketDetail__table {
		display: block;
		width: 100%;
	}

	.ticketDetail__table td,
	.ticketDetail__table th {
		border: none;
	}

	.ticketDetail__table th {
		background: #F5F5F5;
		border-bottom: 1px dashed #CCC;
		text-align: left;
		font-weight: bold;
		padding: 5px;
	}

	.ticketDetail__table td {
		padding: 10px 10px 15px;
	}

	.guidePlate {
		padding: 10px;
		margin: 10px 0;
		font-size: 13px;
	}

	.modThreadList {
		margin: 0;
	}

	.threadStateLink {
		display: flex;
		width: 100%;
		list-style: none;
		margin: 10px 0;
	}

	.threadStateLink li {
		margin: 0;
		width: 33.3%;
	}

	.threadStateLink li a {
		font-size: 10px;
		border-radius: 0;
		padding: 10px;
		margin: 1px;
		color: #333;
	}

	.threadCount {
		right: 2px;
		padding: 0 5px;
		height: 18px;
		line-height: 18px;
		border-radius: 9px;
		font-size: 10px;
	}

	.threadBox__ {
		position: relative;
	}

	.threadBox__head {
		padding: 5px 5px 0;
		font-size: 14px;
	}

	.threadInfoLink {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.messagePart {
		padding: 5px;
	}
	
	.messagePart__state {
		width: 40px;
		min-width: 40px;
	}

	.messagePart__state__user__photo span,
	.messagePart__state__user__photo img {
		width: 30px;
		height: 30px;
	}

	.messagePart__body__date {
		font-size: 10px;
	}

	.threadInfoMessage {
		margin: 10px 0;
	}

	.threadInfoMessage__ {
		padding: 5px;
	}

	.threadInfoMessage__ p {
		line-height: 1.3em;
	}

	.threadInfoMessage__form {
		font-size: 12px;
		padding: 5px 5px 10px;
		margin: 5px -5px 5px -5px;
	}

	.threadInfoMessage__form input[type="submit"] {
		display: block;
		font-size: 12px;
		margin: 10px auto 0;
		padding: 0.6em;
	}

	.threadInfoMessage__form input[type="submit"]+br {
		display: none;
	}

	.threadInfoMessage__form__hint {
		text-align: left;
		line-height: 1.3em;
	}

	.stepList {
		display: block;
		padding: 0;
	}

	.stepList__item {
		display: block;
		padding: 5px 0;
	}

	.stepList__item:not(:last-child) {
		border-bottom: 1px dashed #CCC;
		box-shadow: 0 2px rgba(0,0,0,0.05);
	}

	.stepList__item:not(:last-child):after {
		right: 50%;
		top: 100%;
		margin: -2px -2px 0 0;
		border-top: 8px solid #BBB;
		border-right: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid transparent;
	}

	.stepList__item--active:not(:last-child):after {
		border-top: 8px solid #000;
	}

	.stepList__item p {
		line-height: 1.3em;
		font-size: 11px;
	}

	.reviewCard__body__mes {
		line-height: 1.3em;
	}

	.reviewCard__body__state {
		font-size: 10px;
	}

	.reviewCard__body__state span {
		margin: 0;
	}

	.threadBox__foot {
		margin: 0;
		padding: 5px 5px 10px;
	}

	.messageRegister__target {
		padding: 5px 0;
		text-align: center;
	}

	.messageRegister__action {
		text-align: center;
	}

	.threadBox__foot__actionLink {
		padding: 8px;
		margin: 0 0 0 3px;
		font-size: 10px;
	}

	.formWrap {
		padding: 15px 10px;
		margin: 0;
	}

	.formWrap h3 {
		font-size: 14px;
		color: #BBB;
	}

	.formWrap h3 + p {
		font-size: 12px;
		margin: 1em 0;
	}

	.formWrap p {
		font-size: 12px;
	}

	.formStyle {
		padding: 5px;
	}

	.formTextarea,
	.formInput,
	.formStyle select,
	.formStyle textarea,
	.formStyle input[type="password"],
	.formStyle input[type="text"] {
		border: 1px solid #CCC;
		background: #FFF;
		border-radius: 2px;
		padding: 0.4em;
		font-size: 12px;
		width: 100%;
	}

	.formTextarea:focus,
	.formInput:focus,
	.formStyle textarea:focus,
	.formStyle input[type="password"]:focus,
	.formStyle input[type="text"]:focus {
		border: 1px solid #AAA;
	}

	.formStyle dl dd textarea {
		width: 100%;
	}

	.formStyle--login dl {
		display: table;
		width: 100%;
	}

	.formStyle .btn_edit, .formStyle .btn_back, .formStyle .btn_send {
		margin: 20px 10px 20px 0;
	}

	.formStyle .btnWrap {
		padding: 0;
	}

	.socialLoginBtn {
		width: 100%;
	}

	.formStyle dl,
	.formStyle table tbody,
	.formStyle table td,
	.formStyle table th,
	.formStyle table tr,
	.formStyle table {
		display: block;
		width: 100%;
	}

	.formStyle table td,
	.formStyle table th {
		border: none;
	}

	.formStyle dl dt,
	.formStyle table th {
		border-bottom: 1px dashed #CCC;
		text-align: left;
		font-size: 12px;
		font-weight: bold;
		padding: 5px;
	}

	.formStyle dl dd,
	.formStyle table td {
		padding: 10px 10px 15px;
		background: #F5F5F5;
	}

	.formStyle select[name="birth_day"],
	.formStyle select[name="birth_month"],
	.formStyle input[name="birth_year"] {
		width: auto;
		max-width: 4em;
		text-align: right;
	}

	.formStyle input[name="zip2"] { width: 4em; }
	.formStyle input[name="zip1"] { width: 3em; }

	.formStyle select[name="add_sub"],
	.formStyle select[name="adds"] {
		width: auto;
	}

	.formStyle input[name="bank_name"] { width: 50%; }
	.formStyle input[name="bank_code"] { width: 5em; text-align: right; }
	.formStyle input[name="bank_branch_name"] { width: 50%; }
	.formStyle input[name="bank_branch_code"] { width: 5em; text-align: right; }
	.formStyle input[name="bank_user_code"] { width: 8em; text-align: right; }

	.formStyleSide__message {
		padding: 1em;
	}

	table.commonList tbody,
	table.commonList td,
	table.commonList tr,
	table.commonList {
		display: block;
		width: 100%;
	}

	table.commonList tr {
		border: 2px solid #DDD;
		padding: 3px;
	}

	table.commonList td,
	table.commonList th {
		border: none;
	}

	table.commonList th {
		background: #F5F5F5;
		text-align: left;
		font-weight: bold;
		padding: 5px;
	}

	table.commonList td {
		text-align: left;
		padding: 0;
	}

	.reviewCard__photo a span,
	.reviewCard__photo a img {
		width: 40px;
		height: 40px;
	}

	.reviewCard__photo a:before {
		width: 42px;
		height: 42px;
		left: 21px;
		margin: -1px 0 0 -21px;
	}

	.reviewCard__body {
		padding: 10px;
		margin: 0 0 0 10px;
		flex-grow: 1;
	}

	.reviewCard__body__relate {
		max-width: 16em;
	}

	.modNews__list li {
		font-size: 10px;
	}

	.modNews__list li span {
		min-width: 80px;
	}

	.modNews__list li p {
		margin: 0 0 0 90px;
	}

	.pageNav {
		margin: 20px 0 10px;
	}

	.footCopy p {
		font-size: 10px;
	}

	.graptaNav {
		margin: 10px 0 5px;
		padding: 0 5px;
	}

	.graptaNav__menu a {
		font-size: 12px;
	}

	.graptaNav__menu--home {
	}

	.graptaNav__menu--drop a .fa {
		margin: 0 0 0 20px;
	}

	/* サンプルサイト用のトップイメージ
	----------------------------------------------- */	
	#topimg {
		padding: 30px 0;
		margin: 0;
	}

	#topimg .copy {
		width: 100%;
		padding: 0 5px;
	}

	#topimg .copy > h2 {
		font-size: 18px;
		margin: 0 0 12px;
	}

	#topimg .copyText {
		font-size: 14px;
	}

	#topimg .copyText2 {
		font-size: 10px;
	}

	#topimg .copyList li {
		font-size: 10px;
		padding: 4px;
	}

	/* ゴッドユーザ
	----------------------------------------------- */
	#super_user {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
	}

	#super_user a {
		margin: 0 auto;
	}


}

/* smartphone縦(portrait) */
@media only screen and (max-width:360px)	{}

/* iPhone縦(portrait) */
@media only screen and (max-width:320px)	{}

/* viewportの仕様上、指定可能な最小幅 */
@media only screen and (max-width:200px)	{}

/* ================================================================================ */
/*                                                                                  */
/*      デザインテーマ                                                              */
/*                                                                                  */
/* ================================================================================ */