@charset "utf-8";

body.dev_pc #sub_window{
	max-width: calc(100vw - 64px);
	max-height: calc(100vh - 64px);
	width: auto;
}
div.sub_window_contents{
	padding: 24px !important;
	max-height: calc(100vh - 128px);
	height: auto;
	overflow: auto;
}
div.sub_window_contents > h3{
	margin-bottom: 6px;
}

div.sub_window_contents > div#id_area_search_list{
	overflow-y: auto;
	overflow-x: hidden;
	max-height: calc(100% - 64px);
	padding-top: 12px;
	border-top: 1px solid #AAAAAA;
}
body.page_mypage #board_header td{
	font-size:12px;
}
#id_login_form table tr:last-child > td{
	padding-bottom:12px;
}

fieldset{
	border:0px none;
	margin:0px;
	padding:0px
}

input{
	box-sizing:border-box;
}

div.topic2{
	text-align: left;
	width: 854px;
	height: 28px;
	font-size: 16px;
	padding-left: 12px;
	padding-top: 6px;
	background-image: url(img/ct_up_l.gif);
	background-repeat: no-repeat;
	color: #008eb0;
	font-weight: bold;
}

div.login_space{
	text-align:left;
	padding:12px;
	padding-top:14px;
	width:838px;
	border:1px solid #AAAAAA;
	border-top:0px none;
	line-height:18px;
	margin-bottom:12px;
	line-height:24px;
	overflow-y:auto;
}
div.login_space table{
	width:100%;
}

div.login_space td{
	text-align:left;
}

div.login_space label::before{
	color: var(--strong_color);
}
body.page_login input{
	width:60%;
}

body.dev_mob page_login input{
	width:100%;
}

body.page_reissue.dev_mob div.topic2,
body.page_reissue.dev_mob div.login_space
{
	width:100%;
	box-sizing:border-box;
}

body.page_reissue.dev_mob div.login_space input[type="text"]{
	width:90%;
}

body.page_reissue.dev_mob div.topic2{
	border-right:1px solid #AAAAAA;
}


div.btn_login{
	margin-top:12px;
	margin-bottom: 12px;
	background-color:var(--strong_color);
	color:white;
	border-radius: 6px;
}
	div.btn_login a{
		padding: 12px;
		display:block;
		width:auto;
		height:auto;;
		text-decoration: none;
		color: white;
		text-align:center;
		line-height: 1.6rem;
	}
	div.btn_login a::after{
		content: 'サインイン';
	}
	div.btn_login a::before{
		font-family: 'Font Awesome 5 PRO';
		content: '\f090';
		font-weight: bold;
		margin-right: 6px;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	div.btn_login:hover{
		opacity: 0.6;
	}

div.btn_search{
	float:right;
	margin-right:4px;
	width:75px;
	height:37px;
	background-image:url('img/btn_search.jpg');
    background-repeat:no-repeat;
    background-position:left top;
}

div.btn_search:hover{
    background-position:left bottom;
}

div.btn_search a{
	width:75px;
	height:37px;
	display:block;
}

#id_area_borad_contents{
	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;

	align-items:stretch;
	-webkit-align-items:stretch;
	-moz-align-items:stretch;
	-ms-align-items:stretch;

}
body.dev_pc #id_area_borad_contents{
	padding: 0px;
}

#board_left{
	height: auto !important;
	padding: 12px;
	background-color: var(--mypage_left_back_color);
	min-width:160px;
	overflow-y: auto;
	display:block;
}

div.board_right_area{
	text-align:left;
	box-sizing:border-box;
	min-width:812px;
	width:auto;
	overflow-y:hidden;
	overflow-x:hidden;
	margin-left:12px;
}
	div.board_right_area h3{
		font-size:16px;
		margin:0px;
		display:inline;
		line-height:28px;
	}

	div.board_right_area #right_left{
		width:240px;
		float:left;
	}
	div.board_right_area #right_right{
		width:calc(100% - 252px);
		padding:12px;
		float:right;
		border-left:1px solid #AAA;
	}

#thread_text_area{
	padding:12px 12px 48px 12px;
}

a.board_btn{
	border-radius:4px;
	text-align:center;
	color:white !important;
	font-weight:bold;
	padding:12px;
	background-color:#ff0687;
	display:inline-block;
	width:auto;
	min-width:100px;
	text-decoration:none;
	font-size:0.84rem;
}
a.board_btn.green{
	background-color: green;
}

a.board_btn.board_btn_small{
	padding:6px;
	font-size:0.7rem;
	line-height:0.9rem;
}


a.board_btn:before{
	margin-right:4px;
	font-family: 'Font Awesome 5 PRO';
}

a.board_btn.board_btn_save:before{
	content: '\f0c7';
}
a.board_btn.board_btn_new:before{
	content: '\f055';
}

#edit_thread_btn:before{
	font-family: 'Font Awesome 5 PRO';
	content: '\\f044';
}
#edit_thread_btn::before{
	font-family: 'Font Awesome 5 PRO';
	content: '\f044';
	margin-right:4px;
}
.edit_hidden_new_btn.board_btn::before{
	font-family: 'Font Awesome 5 PRO';
	content: '\f301';
	margin-right:4px;
}
body.page_mypage ul#id_board_board_menu.board_left_menu li a:before{
	margin-right:6px;
	font-family: 'Font Awesome 5 PRO';
	content: '\f06c';
	font-weight:bold;
	font-size:1.0rem;
}

body.page_mypage div#id_area_mypage_news{
	margin-bottom: 24px;
}

body.page_mypage div#id_area_mypage_news > ul#id_ul_mypage_news{
	padding-left: 12px;
	margin-top: 12px;
}
body.page_mypage div#id_area_mypage_news > ul#id_ul_mypage_news > li > div.date_title{
	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	font-weight: bold;
	color: var(--strong_color);
}
body.page_mypage div#id_area_mypage_news > ul#id_ul_mypage_news > li > div.date_title > span.date{
	margin-right: 12px;
}
body.page_mypage div#id_area_mypage_news > ul#id_ul_mypage_news > li > div.text{
	margin: 12px 0px 18px 12px;
	width: calc(100% - 12px);
	max-height: 364px;
	border: 1px dotted #AAAAAA;
	padding: 12px;
	background-color: var(--sub_color);
}
strong{
	font-size: 1.0rem;
}
body.page_mypage ul.board_left_menu li a > i,
body.page_mypage ul#id_board_board_menu.board_left_menu li a:before{
	color: white;
}

#edit_hidden_save_btn::before,
a.btn_board_save::before
{
	font-family: 'Font Awesome 5 PRO';
	content: '\f0c7';
	margin-right:4px;
	opacity:0.9;
}
a.btn_board_application::before{
	font-family: 'Font Awesome 5 PRO';
	content: '\f382';
	margin-right:4px;
	opacity:0.9;
}

body.mypage #container #hole_contents{
	width:100%;
	padding-top:12px;
	margin-bottom: 24px;
	overflow-y:auto;
}

body.page_mypage table.def{
	width:100%;
	box-shadow:none;
	box-sizing:border-box;
}
	table.def img.pic{
		margin-top:6px;
		margin-bottom:6px;
		margin-right:6px;
		border:1px solid #AAA;
		max-width:100%;
	}
	body.dev_pc table.def img.pic{
		width: auto !important;
		max-height:960px;
		max-width: calc(100% - 64px);
	}
	body.dev_mob table.def img.pic{
		max-height:calc(100% - 64px);
	}
	table.def h3{
		margin-top:6px;
		margin-bottom:6px;
	}
	table.def p{
		line-height:24px;
	}
	table.def tr.point:hover{
		cursor:pointer;
		background-color:#EEEEEE;
	}
	table.def th{
		font-size:13px;
		padding:8px 6px;
		color: white;
	}
		table.def th,
		table.def th > i
		{
			color: white !important;
		}
		table.def th.big{
			font-size:16px;
			padding:6px;
			line-height:24px;
			
		}

	table.def td{
		font-size:12px;
		padding:12px 6px;
		border:1px solid #DDDDDD;
		word-wrap: break-word;
		word-break: break-all;
	}
	table.def tr.point td{
		font-size:12px;
		padding:12px 6px;
		border:1px solid #DDDDDD;
		border-left:0px none;
		border-right:0px none;
	}
	table.def td.user_detail_image,
	table.def td.user_detail_image img
	{
		width:160px;
	}
	table.def td.nowrap,
	table.def th.nowrap {
		white-space: nowrap;
		width: 10px;
	}

div.res_insert_area{
	margin-top:24px;
	margin-bottom:12px;
	padding: 68px 22px 22px 22px;
	width:100%;
	display:none;
	text-align:left;
	border-radius: 6px;
	border: 1px solid #AAAAAA;
	position: relative;
}
	div.res_insert_area > div.row.title{
		background-color: var(--strong_color);
		margin-bottom: 18px;
		padding: 12px !important;
		position: absolute;
		top:0px;
		left: 0px;
		width: 100%;
	}
	div.res_insert_area > div.row.title,
	div.res_insert_area > div.row.title > i
	{
		color: white !important;
	}

	div.res_insert_area > div.row label{
		background-color: var(--sub_sub_color);
		padding: 6px 12px;
	}
	body.dev_pc div.res_insert_area > div.row label{
		margin-right: 6px;
		font-size: 11px;
		font-weight: bold;
		color: var(--mypage_left_back_color);
	}
	div.res_insert_area textarea{
		width:752px;
		height:120px;
	}
	body.dev_pc div.res_insert_area textarea{
		height:240px;
	}
	div.res_insert_area input.btn2{
		margin-top:6px;
		width:120px;
		height:30px;
	}

div.res_insert_button{
	width:100%;
	height:auto;
	text-align:right;
	font-size:11px;
	border-bottom:1px dotted #AAAAAA;
	padding-bottom:12px;
	overflow:hidden;

	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row wrap;
	-moz-flex-flow:row wrap;
	-ms-flex-flow:row wrap;

	justify-content:flex-end;
	-webkit-justify-content:flex-end;
	-moz-justify-content:flex-end;
	-ms-justify-content:flex-end;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;

}
	body.dev_pc div.res_insert_button{
		flex-flow:row nowrap;
		-webkit-flex-flow:row nowrap;
		-moz-flex-flow:row nowrap;
		-ms-flex-flow:row nowrap;
	}
	body.dev_mob div.res_insert_button{
		flex-flow:row wrap;
		-webkit-flex-flow:row wrap;
		-moz-flex-flow:row wrap;
		-ms-flex-flow:row wrap;
	}

	div.res_insert_button > a{
		margin-right:6px;
	}

	div.res_insert_button.flx-between{
		justify-content:space-between;
		-webkit-justify-content:space-between;
		-moz-justify-content:space-between;
		-ms-justify-content:space-between;
	}

	#edit_hidden_del_btn{
		display:flex;
		display:-webkit-flex;

		flex-flow:row nowrap;
		-webkit-flex-flow:row nowrap;
		-moz-flex-flow:row nowrap;
		-ms-flex-flow:row nowrap;

		justify-content:flex-end;
		-webkit-justify-content:flex-end;
		-moz-justify-content:flex-end;
		-ms-justify-content:flex-end;

		align-items:center;
		-webkit-align-items:center;
		-moz-align-items:center;
		-ms-align-items:center;
	}
	body.dev_mob #edit_hidden_del_btn{
		display:flex;
		display:-webkit-flex;

		flex-flow:row wrap;
		-webkit-flex-flow:row wrap;
		-moz-flex-flow:row wrap;
		-ms-flex-flow:row wrap;

		justify-content:flex-end;
		-webkit-justify-content:flex-end;
		-moz-justify-content:flex-end;
		-ms-justify-content:flex-end;

		align-items:center;
		-webkit-align-items:center;
		-moz-align-items:center;
		-ms-align-items:center;
	}

textarea#ipt_thread_text{
	width:100%;
	height:240px;
}
#board_header{
	background-color:#EEEEEE;
	height:24px;
	line-height:24px;
	font-size:11px;
	text-indent:12px;
	margin-bottom: 0px;
	width:100%;
	box-sizing:border-box;
}

div.btn_modoru_left{
	margin-left:0px;
	margin-top:12px;
	margin-bottom:12px;
}

#youtube_post_area,
#youtube_post_area_res,
#vimeo_post_area,
#vimeo_post_area_res
{
	display:none;
	position:fixed;
	padding:6px;
	padding-top:12px;
	z-index:99;
	background-color:white;
	border:1px solid #666666;
	text-align:cneter;
	overflow-y:auto;
	overflow-x:hidden;
	box-shadow: 4px 4px 24px #000;
	-webkit-box-shadow:4px 4px 24px #000;
	-moz-box-shadow: 4px 4px 24px #000;
	width:auto;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-align:center;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#youtube_movie_area,
#youtube_movie_area_res,
#vimeo_movie_area,
#vimeo_movie_area_res
{
	margin-top:6px;
	margin-bottom:6px;
}

#youtube_post_area div.close,
#youtube_post_area_res div.close,
#vimeo_post_area div.close,
#vimeo_post_area_res div.close
{
	text-align: right;
	width:100%;
	padding-right: 6px;
	margin-bottom: 6px;
}
#youtube_post_area div.close > a.link,
#youtube_post_area_res div.close > a.link,
#vimeo_post_area div.close > a.link,
#vimeo_post_area_res div.close > a.link
{
	display: inline-block;
	font-size: 1.4rem;
	border: 1px solid #AAAAAA;
	border-radius: 90%;
	text-decoration: none;
	font-weight: bold;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 1.6rem;
}

ul.board_left_menu{
	width:100%;
	overflow-y:hidden;
	overflow-x:hidden;
	margin-bottom:12px;
	font-size:14px;
	display:block;
}
	ul.board_left_menu li{
		border-bottom:1px dotted #DDDDDD;
	    text-shadow: 1px 1px 1px #222222;
		color:white;
	    font-weight:bold;
	    font-size:12px;
	    box-sizing:border-box;
	}
	ul.board_left_menu li.top{
		height:16px;
		color:white;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		-webkit-border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-moz-border-top-left-radius: 6px;
		-moz-border-top-right-radius: 6px;
		border-bottom:2px solid #DDDDDD;
	}
	ul.board_left_menu li.bottom{
		height:16px;
		color:white;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-moz-border-bottom-left-radius: 6px;
		-moz-border-bottom-right-radius: 6px;
	}

	ul.board_left_menu li.top:hover,
	ul.board_left_menu li.bottom:hover{
		background-color:;
	}

	ul.board_left_menu li.bd_left_title{
		text-align: left;
		line-height:32px;
		height:32px;
		border-top:1px dotted #AAAAAA;
	}

	li.bd_left_search{
		padding:6px;
	}
		li.bd_left_search input,
		#id_search_button
		{
			width:100%;
		}
	
	ul.board_left_menu li > a.btn{
		padding: 8px;
		text-decoration:none;
		display:block;
		width:100%;
		line-height:18px;
	    font-weight:normal;
	    text-shadow: 1px 1px 1px #222222;
		color:white;
		box-sizing:border-box;
		font-size:0.8rem;
	}
	ul.board_left_menu > li > a > i{
		font-weight:bold;
		color: white;
		font-size:1.3333em;
	}
	#id_update_search_button{
		display:flex;
		display:-webkit-flex;

		flex-flow:row nowrap;
		-webkit-flex-flow:row nowrap;
		-moz-flex-flow:row nowrap;
		-ms-flex-flow:row nowrap;

		justify-content:flex-start;
		-webkit-justify-content:flex-start;
		-moz-justify-content:flex-start;
		-ms-justify-content:flex-start;

		align-items:center;
		-webkit-align-items:center;
		-moz-align-items:center;
		-ms-align-items:center;
		margin-top:2px;
	}
	#id_update_search_button > input{
		font-size:8px;
		padding:1px;
		width:50%;
		max-width:50%;
	}
	#id_update_search_button > input:first-child{
		margin-right:2px;
	}

ul.board_message{
	font-size:11px;
	color:#555555;
	margin-bottom:12px;
}
	ul.board_message li{
		line-height:15px;
		min-height:58px;
		padding:0px;
		margin:0px;
		border-bottom:1px dotted #AAAAAA;
	}
	ul.board_message li a{
		text-decoration:none;
		display:block;
		min-height:46px;
		padding:6px;
	}
	ul.board_message li a:hover{
		background-color:#EEEEEE;
	}
		ul.board_message li.det{
			height:auto;
			line-height:15px;
			overflow-y:auto;
			padding:12px 0px;
			margin:0px;
			border-bottom:1px dotted #AAAAAA;
			word-wrap: break-word;
		}
		ul.board_message li.det a{
			text-decoration:none;
			display:block;
			overflow-y:auto;
			padding:6px;
		}

	ul.board_message li div.msg_user_name{
		font-weight:bold;
		color:black;
		margin-bottom:4px;
	}
	ul.board_message li div.msg_date{
		margin-top: 6px;
		font-size:9px;
		color:#AAAAAA;
	}
	ul.board_message li.det div.msg_date{
		font-size:9px;
		color:#AAAAAA;
		float:right;
	}

div.board_message_prev_load_button{
	background-color:#EEEEEE;
	padding:4px;
	text-align:center;
	border:1px solid #AAAAAA;
	display:block;
	cursor:pointer;
	font-size:11px;
}

div.board_message_prev_load_button:hover{
	background-color:#EEEFFF;
}

#id_area_thumnail{
	display:flex;
	display:-webkit-flex;

	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	-moz-flex-flow:row wrap;
	-ms-flex-flow:row wrap;

	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;

	align-items:stretch;
	-webkit-align-items:stretch;
	-moz-align-items:stretch;
	-ms-align-items:stretch;

}

body.dev_pc #id_area_thumnail > div.pic_fall{
	width: 33%;
}

div.pic_fall{
	display:block;
	overflow:auto;
	font-size:10px;
	text-align:left;
}
	#id_area_thumnail > div.pic_fall > span.title{
		width: 100%;
		overflow-x: hidden;
		line-height: 1.10rem !important;
		display: block;
		overflow-y: hidden;
		height: 42px;
		padding: 6px 2px;
	}
	div.pic{
		float:none;
		margin:0px;
		margin-top:6px;
		margin-right:4px;
		margin-bottom:2px;
	}

table.res{
	width:100%;
}

table.res_child{
	width:100%;
	margin-bottom: 12px;
}

table.res_child td{
	border:0px none;
	border-top:1px dotted #CCCCCC;
}

table.res td{
	word-break:break-all;
	vertical-align:top;
	width:100%;
	padding: 32px 16px 64px 16px;
	line-height: 20px;
}

table.res td.res_name{
	min-width:120px;
	width:120px;
	max-width:160px;
	table-layout: fixed;
}

table.res_child td.res_name{
	padding-left:32px;
	padding-right: 0px;
	vertical-align:top;
}
table.res td div.operate_btn{
	background-color: rgba(255, 255, 255, .8);
	position: absolute;
	top: 18px;
	right: 18px;
	text-align: right;
	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:flex-end;
	-webkit-justify-content:flex-end;
	-moz-justify-content:flex-end;
	-ms-justify-content:flex-end;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;

}
table.res td div.operate_btn > a.btn{
	font-weight: normal;
	color: #333333;
	margin-right: 4px;
	margin-bottom: 0px;
	cursor: pointer !important;
}
table.res td div.operate_btn > a.btn.del > i{
	color: red;
}
a.btn.good{
	cursor:pointer;
}
table.res td div.operate_btn > a.btn.res > i,
table.res td div.res_evaluation > a.btn.good > i
{
	color: var(--strong_color) !important;
	font-size: 1.1rem;
}
table.res td div.operate_btn > a.btn.good > i{
	font-size: 1.1rem;
}

div.res_evaluation{
	padding: 0px 18px;
	position: absolute;
	bottom: 18px;
	height: 32px;
	width: 100%;
	left: 0px;
	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:flex-end;
	-webkit-justify-content:flex-end;
	-moz-justify-content:flex-end;
	-ms-justify-content:flex-end;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;

}
div.res_eva_icon{
	width: calc(100% - 32px);
	left: 0px;
	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:flex-end;
	-webkit-justify-content:flex-end;
	-moz-justify-content:flex-end;
	-ms-justify-content:flex-end;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
}

table.res td a.btn{
	padding: 6px;
	border-radius: 6px;
	margin-top: 0px;
	font-size: 10px;
	display: block;
	margin-right: 6px;
	margin-bottom: 6px;
	text-decoration: none;
	font-size: 10px;

	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;

}

table.res_child td.res_child_top{
	padding:4px;
}

table.res_child td.res_child_bottom{
	padding:4px;
}

div.to_page_top{
	position:fixed;
	bottom:-13px;
	right:0px;
	width:108px;
	height:35px;
	background:transparent;
	background-color:#FFF;
}

div.to_page_top a{
	width:108px;
	height:35px;
	display:block;
	background-image:url('../img/to_page_top.jpg');
}

div.to_page_top a:hover{
	background-position:bottom;
}

div.login_users_list{
	margin:12px;
}

div.login_users_list_left{
	margin-bottom:12px;
	border-bottom:1px dotted #AAA;
	min-width:378px;
	width: auto;
	list-style-position:inside;
	overflow-y: auto;
}

ul.login_users_list{
	padding-bottom:12px;
	list-style-image: url('../img/ico_man.png');
	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;

}
	ul.login_users_list li{
		white-space:nowrap;
		padding:0px 6px;
	}
		ul.login_users_list li a{
			margin-left:-4px;
		}

div.user_detail2{
	width:360;
}

#jGrowl div.message{
	color:#FFFFFF;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background-color:#000000;
}

#taikai_message{
	display:inline-block;
	margin-top: 4px;
	width: auto;
	height: auto;
	text-align: left;
	color: white;
	padding: 4px 8px;
	margin-bottom: 4px;
	border-radius: 6px;
	background-color:red;
}

span.input_form_thread_fix{
	margin-right:24px;
}

table.res td span.date{
	display:block;
	font-size: 10px;
	color: #AAAAAA;
}

ul.no_logo{
	margin-left:0px;
}

div.board_right_area h3.midashi_none{
	display: block;
	padding-left: 18px;
	text-indent: 0px;
	padding-top: 9px;
	box-sizing: border-box;
	height: 38px;
}

div.c,
div.form_table,
div.form_table table
{
	width:100%;
	box-sizing:border-box;
	overflow:hidden;
	margin-top:0px;
	padding-top:0px;
}

#map{
	display:none;
}

div.flt_btn{
	border:1px solid #AAAAAA;
	border-radius:8px;
	width:100%;
	box-sizing:border-box;
	font-size:18px;
	height:64px;
	text-align:center;
	font-weight:bold;
}
	div.flt_btn:hover{
		opacity:0.6;
	}
	div.flt_btn a{
		display:block;
		width:100%;
		height:100%;
		text-decoration:none;
		color:white;
		line-height:64px;
	}

div.flt_btn_blue{
	background-color:blue;
}

div.flt_btn_red{
	background-color:red;
}

div.flt_btn_gray{
	background-color:#AAAAAA;
}


#event_join_area{
	width:100%;
	text-align:center;
	margin-top:6px;
	padding-top:6px;
	border-top:1px dotted #AAAAAA;
}

#id_event_form_comment{
	box-sizing:border-box;
	width:99%;
	height:120px;
	margin:12px 0px;
	width:100%;
}

ul.no_logo li{
	padding-right:24px;
}

ul.no_logo li,
ul.no_logo li a
{
	box-sizing:border-box;
	width:100%;
}

ul.no_logo li{
	height:auto;
}
	ul.no_logo li a{
		-webkit-flex-flow: row nowrap;
		-moz-flex-flow: row nowrap;
		-ms-flex-flow: row nowrap;
	}
		ul.no_logo li a div.event_info{
			width:100%;
			height:auto;
			display:flex;
			display:-webkit-flex;

			flex-flow:row nowrap;
			-webkit-flex-flow:row nowrap;
			-moz-flex-flow:row nowrap;
			-ms-flex-flow:row nowrap;

			justify-content:flex-start;
			-webkit-justify-content:flex-start;
			-moz-justify-content:flex-start;
			-ms-justify-content:flex-start;

			align-items:center;
			-webkit-align-items:center;
			-moz-align-items:center;
			-ms-align-items:center;

		}

div.joined_button{
	display:block;
	border:1px solid #AAAAAA;
	border-radius:8px;
	width:auto;
	white-space:nowrap;
	height:32px;
	box-sizing:border-box;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	color:white;
	background-color:#076a07;
	position:relative;
	padding:6px;
}
	div.joined_button > i{
		margin-left:0px;
		color:white;
	}

span#id_filter_ymd,
span#id_filter_ymd > select
{
	font-size:11px;
}

span#id_filter_ymd > select:not(:first-child),
span#id_filter_ymd > a
{
	margin-left:2px;
}

div#board_right #id_message_join_event_alert_area{
	background-color:#fffef4;
	border:1px solid #AAAAAA;
	color:red;
	border-radius:6px;
	padding:12px;
	width:100%;
	margin-top:6px;
	box-sizing:border-box;
}

div#id_alert_all_show_event
{
	border:1px dotted #AAAAAA;
	border-radius:6px;
	background-color:yellow;
	line-height:24px;
	width:100%;
	padding:12px;
	box-sizing:border-box;
}

div#id_alert_all_show_event a
{
	width:100%;
	color:red;
	text-decoration:none;
	display:block;
	text-align:center;
}

div#id_board_thread_list_up_html{
	width:100%;
	overflow-y:auto;
	display:block;
	margin-bottom:10px;
}

#event_join_member{
	width:100%;
	height:auto;
	overflow-y:auto;
	padding-bottom:12px;
	box-sizing:border-box;
}

#event_join_member h3{
	padding-bottom:2px;
	margin-bottom:12px;
	border-bottom:1px dotted #AAAAAA;
	width: 100%;
	overflow-y: auto;
	display: block;
	box-sizing:border-box;
}

#event_join_member ul{
	width:100%;
	height:auto;
	padding-left:10px;
	overflow-y:hidden;
	box-sizing:border-box;
}

#event_join_member li{
	width: 84px;
	height:84px;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	border:1px solid #AAAAAA;
	border-radius:2px;
	padding:2px;
	background-color:white;
	text-align:center;
	box-sizing:border-box;
	position:relative;
}

#event_join_member li a{
	width:100%;
	height:59px;
	display:block;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

#event_join_member li a:hover{
	opacity:0.7;
}

#event_join_member li img{
	width:100%;
	max-height:58px;
}

#event_join_member li div.nick_name{
	width:100%;
	text-align:center;
	position:absolute;
	top:62px;
	font-size:12px;
}

/* Tab *****************************************************/
div.tab_controller{
	width:100%;
	height:auto;
	display:block;
	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
}
	div.tab_controller div.tab_group{
		width:auto;
		height:auto;
		overflow:auto;

		display:flex;
		display:-webkit-flex;

		flex-flow:row nowrap;
		-webkit-flex-flow:row nowrap;
		-moz-flex-flow:row nowrap;
		-ms-flex-flow:row nowrap;

		justify-content:flex-start;
		-webkit-justify-content:flex-start;
		-moz-justify-content:flex-start;
		-ms-justify-content:flex-start;

		align-items:center;
		-webkit-align-items:center;
		-moz-align-items:center;
		-ms-align-items:center;

	}

	div.tab_controller div.tab{
		min-width:152px;
		border:1px solid #AAAAAA;
		border-bottom:0px none;
		padding:0px 18px;
		font-size:14px;
		text-align:center;
		cursor:default;
		height:42px;
		line-height:40px;
	}
		div.tab_controller div.tab a{
			width:100%;
			height:100%;
			display:block;
			margin:0px;
			text-decoration:none;
		}
			div.tab_controller div.tab a:hover{
				opacity:0.8;
				color:black;
			}

		div.tab_controller div.tab:nth-child(2){
			border-left:0px none;
		}

		div.tab_controller div.tab.tab_disable{
			background-color:#DDDDDD;
			font-weight:normal;
			border-bottom:2px solid transparent;
		}
			div.tab_controller div.tab_disable a{
				color:#999999;
			}

		div.tab_controller div.tab.tab_enable{
			background-color:#FFFFFF;
			font-weight:bold;
			border-bottom:4px solid;
		}

.no-border{
	border:0px none;
}

#sub_window{
	z-index:107;
}

tr#id_tr_evaluation td{
	text-align:left;
	padding: 12px;
}

ul#id_ul_evalution{
	float:left;
}

ul#id_ul_evalution li{
	float:left;
	cursor:pointer;
	margin-right:12px;
	font-size:14px;
	padding:6px 0px;
	display:none;
}

ul#id_ul_evalution li:last-child{
	margin-right:0px;
}

ul#id_ul_evalution li.enable{
	font-weight:bold;
	color:black;
	display:block;
}

i{
	margin-right:3px;
}

i.fa-pink{
	color:pink;
}

i.fa-blue{
	color:blue;
}

i.fa-yellow{
	color:#ffd972;
}

i.fa-red{
	color:red;
}

i.fa-gray{
	color:gray;
}

table.res tr td{
	position: relative;
	box-sizing:border-box;
}

table.res tr td.res_name{
	width:120px !important;
	min-width:120px !important;
	max-width:120px !important;
}
table.res tr td.res_data{
}

table.cls_myprofile_table tr{
	border-bottom:1px solid #DDDDDD;
}

table.cls_myprofile_table td,
#id_mypage_info td
{
	box-sizing:border-box;
	padding:12px;
	border:0px none;
}

table.cls_myprofile_table th,
#id_mypage_info th
{
	font-size:16px;
	padding:12px;
}

table.cls_myprofile_table td.left{
	width:12px;
	white-space:nowrap;
	font-weight:bold;
}

body.dev_pc table.cls_myprofile_table td.left{
	background-color:transparent;
	vertical-align: top;
}

body.dev_pc table.cls_myprofile_table td.left > div.label{
	padding-left:12px;
	padding-right:24px;
}

table#board_header td{
	border-radius:6px;
	-webkit-border-radius:6px;
}

#id_header_profile{
	margin-right:24px;
}
body.dev_pc div.pic3 img{
	max-width: 240px;
	max-height: 240px;
}

div#board_left #id_board_board_menu,
div#board_left #id_board_acresult,
div#board_left #id_board_my_menu
{
	order:100;
	-webkit-order:100;
	background-image: none;
}

div#board_left #id_board_question{
	order:150;
	-webkit-order:150;
}

div#board_left #id_board_admin_menu{
	order:200;
	-webkit-order:200;
	background-image: none;
}

iframe{
	margin:12px 0px;
	max-width:100% !important;
}

div.wizard{
	padding:0px 24px;
	width:100%;
}

div.wizard .ui-widget{
	font-size:2.0em;
}
div.section:not(:last-child){
	margin-bottom:36px;
	width:100%;
	overflow-y:auto;
	padding-left:12px;
}


/* Acresult */
div.wizard input[type='text']{
	font-size:24px;
	padding:12px;
	background-color:white;
}

div.wizard h2{
	font-size:1.8em;
	text-align:left;
	font-family: 繝｡繧､繝ｪ繧ｪ, Meiryo, '繝偵Λ繧ｮ繝手ｧ偵ざPro W3', '繝偵Λ繧ｮ繝手ｧ偵ざ Pro', 'Hiragino Kaku Gothic Pro', 貂ｸ繧ｴ繧ｷ繝��け, YuGothic, sans-serif;
	margin-bottom:6px;
}

div#datepicker div.ui-datepicker-inline{
	width:100%;
}

div#id_acresult_history_table h3{
	width:100%;
	font-weight:bold;
}

ul.ul_acresult_history{
	padding: 8px 0px 12px 0px;
	border-bottom:1px solid #AAAAAA;
	margin-bottom:12px;
	display:flex;
	display:-webkit-flex;
	display:-ms-flex;
	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;
	align-items:stretch;
	-webkit-align-items:stretch;
	-ms-align-items:stretch;
	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-ms-justify-content:flex-start;
}

ul.ul_acresult_history > li:nth-child(2n){
	background-color:#f9ffff;
	border-left:1px dotted #DDDDDD;
	border-right:1px dotted #DDDDDD;
}

ul.ul_acresult_history > li{
	padding:12px;
	flex-shrink:2;
	text-align:left;
}

ul.ul_acresult_history > li.clm2{
	flex-grow:2;
	-webkit-flex-grow:2;
	-ms-flex-grow:2;
	flex-shrink:1;
}

ul.ul_acresult_history > li.clm1 > h4,
ul.ul_acresult_history > li.clm2 > h4,
ul.ul_acresult_history > li.clm3 > h4
{
	width: 100%;
	padding-bottom: 6px;
	margin-top: 0px;
	margin-bottom: 12px;
	border-bottom: 1px dotted #AAAAAA;
}

#id_acresult_history_table span.option::before{
	content:'(';
	margin-left:2px;
	margin-right:2px;
}
#id_acresult_history_table span.option::after{
	content:')';
	margin-left:2px;
	margin-right:2px;
}
ul.result_name{
	list-style-type:disc;
	padding-left: 18px;
}

#postage_free{
	font-size: 0.7em;
	color: blue;
	display: block;
	text-align: right;
	width: 80%;
}

span.chumon_no{
	display:inline;
	margin-right:12px;
}
span.chumon_no::before{
	margin-left:6px;
	margin-right: 6px;
	content: '\f101';
	font-family: var(--font_awesome);
	font-size: 1.2rem;
}
div.cancel_title{
	display:flex;
	display:-webkit-flex;
	display:-ms-flex;
	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;
	align-items:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	-ms-justify-content:space-between;
}

div.cancel_title div.acresult_cancel{
	order:2;
	width:142px;
	text-align:center;
}

div.acresult_cancel{
	width:100%;
	text-align:right;
}

div.cancel_title div.acresult_cancel a{
	padding:4px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	display:block;
	text-align:center;
}

div.cancel_title div.acresult_cancel a:hover{
	background-color:#DDDDDD;
}

div.acresult_cancel a,
div.acresult_cancel a i
{
	font-size:0.8em;
	color:red;
	text-decoration:none;
}
div.acresult_cancel a i{
	font-size:1.2em;
}

#id_status_list{
	text-align:center;
	width:204px;
}

#id_status_list ul{
	display:flex;
	display:-webkit-flex;
	display:-ms-flex;
	flex-flow:column nowrap;
	-webkit-flex-flow:column nowrap;
	-ms-flex-flow:column nowrap;
	align-items:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	justify-content:center;
	-webkit-justify-content:center;
	-ms-justify-content:center;
}

#id_status_list li.enable,
#id_status_list li.disable,
#id_status_list li.now
{
	padding:6px;
	text-align:center;
	width:80%;
	display:block;
	border:1px solid #AAAAAA;
	border-radius:6px;
	-webkit-border-radius:6px;
	-ms-border-radius:6px;
	-moz-border-radius:6px;
	margin:0px;
}

#id_status_list li.disable{
	background-color:#CCCCCC;
	color:#333333;
}

#id_status_list li.enable,
#id_status_list li.now
{
	background-color:#00b2d8;
	color:white;
}

#id_status_list li.now{
	border-color:yellow;
	border-width:2px;
}

div.sub_window_titlebar{
	height:auto;
	padding:6px;
}

#id_sub_window_close_button > i{
	color:white;
}
#id_my_ticket_list{
	width:100%;
}

span#id_all_evaluation{
	float:left;
	font-size: 14px;
	padding: 6px 0px;
	margin-left:12px;
	margin-right:4px;
}

#id_review_area{
	
}

#id_review_area i{
	margin-top:8px;
	margin-bottom:4px;
}

#id_review_area textarea#id_textarea_event_comment{
	height:128px;
}

#id_review_show_area{
	padding:6px;
	width:100%;
	text-align:left;
}

#id_review_show_area #id_review_show_controller{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow:row nowrap
	-webkit-flex-flow:row nowrap
	-moz-flex-flow:row nowrap
	-ms-flex-flow:row nowrap
	justify-content:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	width:100%;
	padding:6px;
}

strong#id_review_show_midashi{
	font-size:1.4rem;
	font-weight:bold;
}

#id_login_description{
	padding:12px;
	margin-bottom:6px;
	padding-top:0px;
	border-bottom:1px dotted #AAAAAA;
}

#id_login_description:empty{
	display:none;
}

th.nowrap,
td.nowrap
{
	width:20px;
	white-space:nowrap;
}

th.d,
th.d
{
	text-align:center;
}

th.alg-r,
td.alg-r
{
	text-align:right;
}

div.text h3 + br,
div.text3 h3 + br
{
	display:block;
}

div.board_right_area h3.thread_title{
	display:block;
	width:100%;
	margin-bottom:6px;
	border-bottom:1px dotted #DDDDDD;
}

ul#id_stamp_table{
	width:100%;
	display:flex;
	display:-webkit-flex;

	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	-moz-flex-flow:row wrap;
	-ms-flex-flow:row wrap;

	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;

	align-items:center;
	-webkit-align-items:stretch;
	-moz-align-items:stretch;
	-ms-align-items:stretch;
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	margin-right:6px;
	box-sizing:border-box;

}

#id_stamp_table > li{
	width:25%;
	border-left:1px solid #AAAAAA;
	border-top:1px solid #AAAAAA;
	overflow:hidden;
}

#id_stamp_table > li > div{
	margin:12px;
}

#id_stamp_table > li > div > img{
	width:100%;
	max-width:100%;
}

#id_stamp_table > li > div > img.dis{
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	filter:grayscale(100%);
	opacity:0.1;
}

#id_stamp_table > li > div.title{
	background-color:#AAAAAA;
	text-align:center;
	width:100%;
}














ul.thumnail{
	width:100%;
	display:flex;
	display:-webkit-flex;

	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	-moz-flex-flow:row wrap;
	-ms-flex-flow:row wrap;

	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;

}

ul.thumnail > li{
	width:25%;
	height:164px;
	padding:2px;
	position:relative;
	overflow:hidden;
	margin-bottom:12px;
	box-sizing:border-box;
}

ul.thumnail > li > a{
	display:block;
	width:100%;
	height:140px;
	overflow:hidden;
}

ul.thumnail > li > a > img{
	border:1px solid #AAAAAA;
	padding:2px;
	width:100%;
	height:100%;
	object-fit:cover;
	box-sizing:border-box;
	transition: transform 0.125s linear;
}

ul.thumnail > li > a > img:hover{
	filter:brightness(120%);
    transform: scale(1.1);
}


ul.thumnail > li > a > div.title{
	position:absolute;
	bottom:0px;
	width:100%;
	padding:6px;
	text-align:center;
	height:24px;
}

div.midashi{
	width:100%;
	min-height:36px;
	height:auto;
	overflow-y:hidden;
}

body.page_mypage div#board_right div.midashi
{
	border:1px solid #AAAAAA;
	border-left:0px none;
	border-right:0px none;
	min-height:36px;
	line-height:36px;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	padding:4px 12px;
	box-sizing:border-box;
	margin-bottom:6px;

}

body.page_mypage div#board_right div.midashi > h3{
	line-height:42px;
	color:#333333;
	font-weight:bold;
	width:100%;
	font-size:1.0rem;
	text-shadow: 0px none;
	padding-bottom:0px;
}

body.page_mypage div#board_right div.midashi select{
	font-size:11px;
}

body.page_mypage div#board_right div.midashi img{
	display:block;
}

body.page_mypage div#board_right div.midashi.jc-s-btwn > h3{
	width:auto;
}

div.midashi > span.next{
	float:right;
	color:#333333;
	white-space:nowrap;
	width:auto;
	font-size:12px;
}

div.midashi > span.next a,
div.midashi > span.next a > i
{
	color:#4b762a;
	text-decoration:none;
	display:inline-block;
	border-radius:6px;
	background-color:transparent;
}

div.midashi > span.next a:hover{
	font-weight:bold;
}


div.midashi_search{
	display:flex;
	display:-webkit-flex;
	flex-flow:row nowrap;
	-webkit-flex-flow:row wrap;
	-moz-flex-flow:row wrap;
	-ms-flex-flow:row wrap;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	background-color:#EEEEEE;
}

	body.page_mypage div#board_right div.midashi > h3 {
		line-height: 36px;
		color: #333333;
		font-weight: bold;
		width: 100%;
		font-size: 13px;
		text-shadow: 0px none;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

div.search_input_area{
	max-width:48%;
	display:flex;
	display:-webkit-flex;
	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;
	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;
	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	border:1px solid #DDDDDD;
	padding:2px;
	border-radius:6px;
	background-color:white;
}
	div.search_input_area > input[type='text']{
		width:100%;
		border:0px none;
		box-shadow:none;
		padding:2px;
		margin-left:2px;
	}
		div.search_input_area > input[type='text']:focus{
			border:0px none;
		}

	.flx-row{
		display:flex;
		display:-webkit-flex;
		flex-flow:row nowrap;
		-webkit-flex-flow:row nowrap;
		-moz-flex-flow:row nowrap;
		-ms-flex-flow:row nowrap;
		justify-content:flex-start;
		-webkit-justify-content:flex-start;
		-moz-justify-content:flex-start;
		-ms-justify-content:flex-start;
		align-items:center;
		-webkit-align-items:center;
		-moz-align-items:center;
		-ms-align-items:center;
		white-space:nowrap;
	}

	.flx-jst-end{
		justify-content:flex-end;
		-webkit-justify-content:flex-end;
		-moz-justify-content:flex-end;
		-ms-justify-content:flex-end;
	}

ul.no_logo li a div.text div.day {
	text-shadow:none;
}

div.text_footer{
	text-align:right;
	padding:6px 0px;
	display:block;
	width:100%;
	font-size:0.7rem;
}


/************************************
 @ community
 ************************************/
section#id_sec_community_top_image{
	width:100%;
	height:auto;
	overflow-y:auto;
	display:block;
	background-color:#31531d;
	padding-bottom:0px;
	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;

}

#id_community_top_image{
	height:240px;
	width:240px;
	overflow:hidden;
}

#id_community_title{
	padding:24px;
	color:white;
	font-size:2.4rem;
	font-weight:bold;
	width:100%;
	font-feature-settings: "palt" 1;
}
	#id_community_title > div{
		width:100%;
	}

	#id_community_title > #id_community_label{
		font-size:1.0rem;
	}

a.round_btn{
	font-size:12px;
	border-radius:12px;
	text-decoration:none;
	border:1px solid #AAAAAA;
	background-color:white;
	color:#31531d;
	display:inline-block;
	float:right;
	padding:6px 12px;
}
	a.round_btn > i{
		font-size:16px;
		margin-left:0px;
	}

#id_area_form{
	padding:0px;
}

body.page_mypage div#board_right div.list{
	padding:6px 0px;
}

body.page_mypage div#board_right div.text{
	padding:6px;
	margin:0px;
}

div.cmnty_title_btn{
	width:100%;
	padding-bottom:12px;
}

div.cmnty_title{
	font-size:1.1rem;
}

div.kuru{
	width:100%;
	height:100%;
	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	-ms-justify-content:center;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	padding:24px;
}

h3#id_h3_board_questionnaire_kind_name:before{
	content: "\f2fd" !important;
	font-family: "Font Awesome 5 PRO";
	margin-right:6px;
}

a.back_button{
	float:left;
	color:#FFFFFF;
	text-decoration:none;
}
#id_area_chat_icon{
	width:100%;
	text-align:right;
	padding-bottom:4px;
}

#id_area_res_chat{
	background-color:#DDDDDD;
	padding:12px;
	height:auto;
}

a.board_btn_send:before{
	font-family: "Font Awesome 5 PRO";
	content: "\f0e0";
}

#id_board_top_info_area{
	margin-bottom:12px;
}

#id_area_right_board_list{
	padding:12px;
}

#id_area_right_board_list > #id_ul_board_list{
	display:flex;
	display:-webkit-flex;

	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	-moz-flex-flow:row wrap;
	-ms-flex-flow:row wrap;

	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;

	align-items:stretch;
	-webkit-align-items:stretch;
	-moz-align-items:stretch;
	-ms-align-items:stretch;

}

#id_area_right_board_list > #id_ul_board_list > li{
	width:calc(25% - 4px);
	margin:2px;
	border:1px solid #AAAAAA;
	border-radius:4px;
}

#id_area_right_board_list > #id_ul_board_list > li a{
	text-decoration:none;
	padding:12px;
	display:block;
	height:100%;
	width:100%;
	box-sizing:border-box;
}

#id_area_right_board_list > #id_ul_board_list > li:hover{
	filter:brightness(120%);
}

select.readonly,
input:read-only,
textarea:read-only
{
	border:0px none;
}
select.readonly::-ms-expand {
	display: none;
}
select.readonly {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
textarea:read-only{
	resize: none;
}
body.page_mypage #id_form_profile textarea,
body.page_mypage #id_area_users_sub_table_list textarea
{
	line-height: 1.2rem !important;
}
a.file::before{
	font-family: 'Font Awesome 5 PRO';
	content: '\f058';
	font-size: 1.1rem;
	margin-right: 4px;
	text-decoration: none;
	font-weight:bold;
	color: green;
}
input{
	padding: 6px;
}
input.red_border,
select.red_border
{
	border:2px solid red;
}
div.error{
	font-weight:bold;
	color:red;
	background-color: yellow;
	padding: 6px;
	margin-top: 6px;
}
div.error:empty{
	display: none;
}

#id_status_list > ul > li.border{
	text-align:center;
	font-size: 1.0rem;
	line-height: 1.2rem;
}
#id_status_list > ul > li.border_bottom{
	text-align:center;
	border-bottom: 1px solid #AAAAAA;
	margin-top: 24px;
	margin-bottom: 24px;
	display: block;
	width: calc(100% - 24px);
}
a.icon{
	margin-left:6px;
}
div.order_user_mail{
	width: 100%;
	padding: 2px 6px 6px 2px;
	border-bottom: 1px dotted #CCCCCC;

	display:flex;
	display:-webkit-flex;

	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	-moz-flex-flow:row wrap;
	-ms-flex-flow:row wrap;

	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;

}
body.dev_pc div.order_user_mail > span.shipping_address{
	margin-left: 24px;
}
input:disabled {
  background-color: #DDDDDD !important;
  color: #555555 !important;
}
#id_area_loading{
	position:fixed;
	top:0px;
	margin:0px;
	left:0px;
	display:none;
	background-color:rgba(0,0,0,0.7);
	width:100vw;
	height:100vh;
	z-index:99999999999;
	text-align:center;

	visibility:visible;
	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	-ms-justify-content:center;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;

}

#id_area_loading > i{
	font-size: 5.0rem;
	color: white;
}

#id_area_sended_application_date{
	background-color: yellow;
	color: red;
	font-weight: bold;
	text-align:center;
	width: 100%;
	padding: 12px;
	font-size: 1.4rem;
	margin-bottom: 24px;
	border:12px double red;
}
div#board_right div#edit_thread_area div.row{
	display:flex;
	display:-webkit-flex;

	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	-moz-flex-flow:row wrap;
	-ms-flex-flow:row wrap;

	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	padding: 12px 0px;
	border-top: 1px dotted #AAAAAA;
}
div#board_right div#edit_thread_area div.row.top{
	padding-top: 0px !important;
	border-top: 0px none;
}
body.dev_pc div#board_right div#edit_thread_area div.row > label{
	margin-right: 12px;
}
body.dev_mob div#board_right div#edit_thread_area div.row > label{
	margin-bottom: 12px;
}

div#board_right div#edit_thread_area p,
div#board_right div#edit_thread_area ol > li,
div#board_right div#edit_thread_area ul > li
{
	font-size: 0.9rem;
	line-height: 1.2rem;
}

div#board_right div#edit_thread_area ol,
div#board_right div#edit_thread_area ul
{
	margin-left:3px;
	margin-right: 3px;
	width: calc(100% - 6px);
}


div#board_right div#edit_thread_area h3{
	width: 100%;
	background-color: transparent !important;
	display: block;
	font-weight: bold;
	font-size: 1.4rem;
	border-bottom: 1px dotted rgb(85, 85, 85);
	line-height: 2.1rem;
	padding-bottom: 8px;
	margin: 24px 0px 24px 0px;
	color: var(--midashi_color) !important;
	font-feature-settings: "palt";
	text-shadow: none;
}

div#board_right div#edit_thread_area h5{
	line-height: 1.6rem;
	width: calc(100% - 12px);
	font-size: 1.2rem;
	display: inline-block;
	margin-left: 12px;
	margin-bottom: 12px;
	padding-left: 12px;
	padding-bottom: 0px;
	border-bottom: 0px none;
	border-left: 6px solid var(--strong_color);
}

div#board_right div#edit_thread_area p.cls_parag + h3,
div#board_right div#edit_thread_area p.cls_parag + h5
{
	margin-top: 24px;
}

div#board_right div#edit_thread_area h3 + p.cls_parag,
div#board_right div#edit_thread_area h5 + p.cls_parag
{
	padding-left: 12px;
}
div#board_right div#edit_thread_area div.note{
	margin: 42px 0px 38px 0px;
}
div#board_right div#edit_thread_area div.note::before{
	top: -12px;
}

strong.red{
	color: red !important;
}
i.fa-gratipay,
div#thread_list table.def td.clm_title > i.fa-gratipay
{
	color: #ff0687;
}
i.fa-smile-beam{
	color: #ff881f !important;
}
i.fa-sad-tear{
	color: blue !important;
}
i.fa-thumbs-up{
	color: purple !important;
}

/* MyPage *****************************************************************************************************************************/
body.page_mypage #container,
#board_header,
#id_mypage_info,
#id_form_profile,
#id_form_profile table.def
{
	width:100% !important;
	box-sizing:border-box;
}

body.page_mypage div#container div#hole_contents{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0px;
}

body.page_mypage div.board_right_area{
	width:calc(100% - 212px);
	padding: 18px 18px 32px 6px;
}
#board_header i{
	color: var(--strong_color);
}

body.page_mypage #board_header td{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eff9ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eff9ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#eff9ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eff9ff',GradientType=0 ); /* IE6-9 */
	padding:6px 0px 18px 0px;
	border:0px none;
	border-bottom:1px solid #AAAAAA;
	position:relative;
}

body.page_mypage #id_board_hidden_menu{
	display:none;
}

body.page_mypage #board_header i
{
	color: var(--strong_color);
}

body.page_mypage ul.board_left_menu{
	border-bottom:1px solid;
	background-color: transparent;
	border:0px none;
}

body.page_mypage ul.board_left_menu li{
	background-color:white;
	height:auto;
	border:0px none;
	color:#333333 !important;
	text-shadow:none !important;
	background-color:transparent;
}
li.bd_left_search{
	margin-bottom: 12px;
}

body.page_mypage ul.board_left_menu li a{
	display:block;
	color: white;
	text-shadow:none !important;
	text-align:left;
}

body.page_mypage ul.board_left_menu li:hover{
	background-color: rgba(255,255,255,0.3) !important;
}
body.page_mypage ul.board_left_menu li:hover{
	background-color:transparent;
}

body.page_mypage ul.board_left_menu li.bd_left_title{
	border-top:0px none;
	color:rgba(255,255,255, 0.7) !important;
	background-color: transparent;
	height: auto;
	margin-bottom: 6px;
}

body.page_mypage ul.board_left_menu > li.bd_left_title:not(:first-child){
	padding-top: 16px;
	padding-bottom: 2px;
	border-top: 1.2px solid rgba(255, 255, 255, 0.32);
}

body.page_mypage ul.board_left_menu li.top,
body.page_mypage ul.board_left_menu li.bottom{
	display:none;
}

body.page_mypage div.board_right_area h3{
	color: var(--strong_color);
}

body.page_mypage #id_board_cleaning_run_button{
	display:block;
	position:absolute;
	border-radius:12px;
	right:12px;
	top:0px;
	font-weight:bold;
	background-color: var(--strong_color);
}

body.page_mypage #id_board_cleaning_run_button a{
	padding:6px 12px 6px 6px;
	color:white;
	text-align:center;
	width:100%;
	display:block;
	text-decoration:none;
}

body.page_mypage div.board_right_area div.form_table h3.form_table_h3{
	color:white;
}
body.page_mypage div.board_right_area div.form_table h3{
	color: var(--strong_color);
	font-family:".FONT_GOTHIC." !important;
	padding:0px;
	margin:0px;
	font-size:1.4rem;
	line-height:2.4rem;
}
body.page_mypage input{
	max-width:100%;
	box-sizing:border-box;
}
body.page_mypage textarea{
	width:100%;
	max-width:100%;
	box-sizing:border-box;
}
#id_confirm_text{
	padding:12px;
	background-color:green;
	color:white;
	font-weight:bold;
	font-size:1.1em;
	margin:12px 0px;
}
#id_confirm_text > i{
	color:white;
}

body.dev_pc table.cls_myprofile_table td.left > div.label{
	background-color:".$color['text_bg_color2'].";
	padding:6px;
}
ul.board_left_menu > li{
	background-color:var(--strong_color);
}
div#board_left ul > li > a.selected{
	color: white;
}
table.def td#thread_text_area{
	padding-top: 24px;
	border: 0px none;
	font-size: 0.9rem;
}
table.def td#thread_text_area.nopadding{
	padding: 0px;
}
footer.footer{
	margin-top: 0px;
}
body.page_mypage hr{
	display: block;
	margin-bottom: 24px;
}

#id_ul_movie_list{
	margin-top:12px;
	counter-reset: item;
}
#id_ul_movie_list > li{
	padding: 6px;
	position: relative;
	border-bottom: 1px dotted #DDDDDD;
	counter-increment: item;
}
#id_ul_movie_list > li:before {
	position: absolute;
	content: counter(item);
	top: 6px;
	left: 6px;
	border-radius: 0px;
	background-color: var(--strong_color);
	width: 18px;
	height: 18px;
	display: block;
	color: white;
	padding: 4px;
	text-align: center;
	line-height: 20px;
	font-size: 0.7rem;
}
#id_ul_movie_list,
#id_ul_movie_list > li,
#id_ul_movie_list > li > a
{
	width: 100%;
}
#id_ul_movie_list > li > a{
	display: block;
	text-decoration: none;
	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;

	align-items: flex-start;
	-webkit-align-items:flex-start;
	-moz-align-items:flex-start;
	-ms-align-items:flex-start;

}
#id_ul_movie_list > li:hover{
	background-color: var(--sub_sub_color);
}
#id_ul_movie_list > li > a > img{
	width: 22.5%;
	max-width: 242px;
	max-height: 146px;
	object-fit: cover;
}
#id_ul_movie_list > li > div.evaluation{
	position: absolute;
	right: 48px;
	top: 16px;
	cursor: pointer;
	transition: transform 0.2s ease; /* アニメーションのスムーズさ */
}
#id_ul_movie_list > li > div.evaluation:hover{
	transform: scale(1.3);
}
#id_ul_movie_list > li > div.evaluation > i{
	font-size: 2.4rem;
	color: #ff0687;
}
#id_ul_movie_list > li > div.evaluation > i.fa-eye-slash{
	color: #AAAAAA;
}

#id_ul_movie_list > li > a > div{
	padding: 12px;
	width: 77.5%;
}
#id_ul_movie_list > li > a > div > div.title{
	font-weight: bold;
	color: var(--strong_color);
	font-size: 1.0rem;
	margin-bottom: 6px;
	width: 100%;
}
#id_ul_movie_list > li > a > div > div.description{
	width: 100%;
	padding-left: 12px;
	> div.movie_description{
		font-size: 0.8rem;
		margin-bottom: 12px;
		opacity: 0.7;
	}
}
#id_ul_movie_list > li > a > div > div.chapter{
	padding: 6px;
	font-size: 0.56rem;
}
#id_ul_movie_list > li > a > div > div.chapter > ul.chapter{
	display:flex;
	display:-webkit-flex;

	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	-moz-flex-flow:row wrap;
	-ms-flex-flow:row wrap;

	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	
}
#id_ul_movie_list > li > a > div > div.chapter > ul.chapter > li:not(:first-child):before{
	margin-left: 2px;
	margin-right: 2px;
	content: '/';
}

#id_area_vimeo_movie{
	display:flex;
	display:-webkit-flex;

	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;

	align-items:stretch;
	-webkit-align-items:stretch;
	-moz-align-items:stretch;
	-ms-align-items:stretch;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px dotted #AAAAAA;
}
body.dev_pc #id_area_vimeo_movie{
	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

}
body.dev_pc #id_area_vimeo_movie.tate,
body.dev_mob #id_area_vimeo_movie
{
	flex-flow:column wrap;
	-webkit-flex-flow:column wrap;
	-moz-flex-flow:column wrap;
	-ms-flex-flow:column wrap;
}
body.dev_pc #id_area_vimeo_movie iframe{
	margin-top: 0px;
	margin-bottom: 0px;
	width: calc(100% - 408px);
	order: 2;
}
body.dev_pc #id_area_vimeo_movie.yoko iframe{
	width: calc(100% - 408px);
}
body.dev_pc #id_area_vimeo_movie.tate iframe{
	width: 100%;
}
body.dev_pc #id_area_vimeo_movie div#id_area_vimeo_chapter{
	margin-right: 12px;
	width: 420px;
	overflow: auto;
	order: 1;
}
body.dev_pc #id_area_vimeo_movie div#id_area_vimeo_chapter,
body.dev_pc #id_area_vimeo_movie iframe
{
	height: 52.6vh;
}

body.dev_pc #id_area_vimeo_movie div#id_area_vimeo_chapter table.def tr > td.play{
	cursor:pointer;
}

body.dev_pc #id_area_vimeo_movie div#id_area_vimeo_chapter table.def td{
	border: 0px none;
}
body.dev_pc #id_area_vimeo_movie div#id_area_vimeo_chapter table.def tr:nth-child(even) > td{
	background-color: white;
}
body.dev_pc #id_area_vimeo_movie div#id_area_vimeo_chapter table.def tr:nth-child(odd) > td{
	background-color: var(--sub_sub_color);
}
body.dev_pc #id_area_vimeo_movie div#id_area_vimeo_chapter table.def td.check > a > i{
	font-size: 1.2rem;
	width: 1.70rem;
}
body.dev_pc #id_area_vimeo_movie div#id_area_vimeo_chapter table.def td.check > a > i.color_gray{
	color: #DDDDDD !important;
}
body.dev_pc #id_area_vimeo_movie div#id_area_vimeo_chapter table.def td.check > a > i.color_green{
	color: green;
	font-weight: bold;
}
body.dev_pc #id_area_vimeo_movie div#id_area_vimeo_chapter table.def td.check{
	position: relative;
}
body.dev_pc #id_area_vimeo_movie div#id_area_vimeo_chapter table.def td.check > span.cnt{
	position: absolute;
	top: 3px;
	left: 4px;
}
#message_form{
	padding-bottom:32px;
}
#id_area_vimeo_evaluation{
	margin-bottom: 12px;
	line-height: 34px;
	height: 34px;
	width: 100%;
	display: block;
}
#id_area_vimeo_evaluation i{
	font-size: 1.2rem !important;
}
div.btn_area_end{
	justify-content: flex-start;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
}
i.disabled{
	color: #CCCCCC;
}
i.green{
	color: green;
}

#id_overall_kuru{
	left: 0px;
	top: 0px;
	position:fixed;
	width:100vw;
	height: 100vh;
	background-color:rgba(0,0,0,0.6);
	z-index: 99999999999999;
	display: none;
}

#id_overall_kuru > i{
	color: white;
	font-size: 5.0rem;
	top: calc(100vh - 24px);
	margin-top: calc(50vh - 48px);
}
div.btn_area a.btn{
	margin-left:8px;
	margin-right:8px;
}
span.thumnail_image{
	display: inline-block;
	width: 42px;
	height: 22px;
}
span.thumnail_image img{
	object-fit: cover;
	width: 42px;
	height: 22px;
}
a.sns_profile_icon{
	line-height: 32px;
}

div.res_no{
	font-size:10px;
	margin-right:8px;
}
img.sns_profile_icon{
	margin-right: 6px !important;
	width: 32px;
	height: 32px;
	object-fit:cover;
	border-radius: 90%;
}

a.res_sns_profile_icon{
	text-align: center;
	display: block;
}

img.res_sns_profile_icon{
	margin-bottom: 6px !important;
	width: 48px;
	height: 48px;
	object-fit:cover;
	border-radius: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px dotted #AAAAAA;
}
img.res_sns_profile_icon.small{
	width: 24px;
	height: 24px;
}

body.dev_pc ul.board_left_menu > li.bd_left_title{
	position: relative;
}
div#board_left ul > li > a.selected{
	border-radius: 4px;
	background-color: black;
	color: white !important;
}