/* ============================================================
   page-styles.css
   $add_page_style から移植したページ別スタイル
   ============================================================ */

/* --- closed-session-list --- */
.session_list_box{
	margin:10px
}
.ssnpglnk{
	display:flex;
	align-items:center;
	max-width:500px;
	min-height:80px;
	height:4.8rem;
	font-size:100%;
	text-decoration:none;
	border-radius:10px;
	box-shadow:0 3px 5px 0 rgba(0,0,0,.5);
	padding:10px;
	margin:10px auto;
}
.splbg_now{
	color:#000;
	background-color:#f8dc85;
	border:3px solid #dbc376;
}
.splbg_disided{
	color:#fff;
	background-color:#00661F;
	border:3px solid #00A334;
}
.splbg_exit{
	color:#fff;
	background-color:#545454;
	border:3px solid #878787;
}
.splbg_playing{
	color:#fff;
	background-color:#B30000;
	border:3px solid #FA0000;
}
.spl_img{
	width:60px;
	margin-right:10px;
}
.spl_img img{
	 display:block;
	 width:60px;
	 height:80px;
	 object-fit:cover;
	 border-radius:10%;
}
.spl_txt{
	width:calc(100% - 70px - 1.5em);
}
.spl_btn{
	width:1em;
	font-size:x-large;
	font-weight:bold;
	text-align:center;
	margin-left:.5em;
}
.spl_btn:before{
	content:">";
}
.ssnpglnk .spl1{
	white-space:nowrap;
    text-overflow:ellipsis;
	overflow:hidden;
}
.ssnpglnk .spl1 img{
	width:13px;
	height:13px;
	border:0;
	margin-right:2px;
}
.ssnpglnk .spl2{
	font-weight:bold;
	white-space:nowrap;
    text-overflow:ellipsis;
	overflow:hidden;
}
.ssnpglnk .spl3{
	display:flex;
}
.ssnpglnk .spl3l{
	width:calc(60% - .5em);
	padding-left:.5em;
	white-space:nowrap;
    text-overflow:ellipsis;
	overflow:hidden;
}
.ssnpglnk .spl3r{
	width:40%;
	text-align:right;
	white-space:nowrap;
    text-overflow:ellipsis;
	overflow:hidden;
}
.ssnpglnk .spl4{
	text-align:right;
	white-space:nowrap;
    text-overflow:ellipsis;
	overflow:hidden;
}

/* --- community-detail --- */
.display_copyright{
	width:700px;
	font-size:12px;
	color:#202020;
	margin:20px auto;
}

.display_copyright{
	font-size:12px;
	color:#202020;
	margin:20px 10px;
}

#rightholder{
	border:0 !important;
	white-space:pre-wrap;
	word-break:break-all;
	color:#404040;
	margin:0 0 1em 1em;
}

/* --- develop --- */
.tbl_dev{
	width:calc(100% - 1em);
	border-collapse:collapse;
	margin:1em auto;
}
.tbl_dev tr th{
	max-width:100px;
	border:1px solid #ccc;
	background:#EFEFEF;
	padding:10px;
}
.tbl_dev tr td{
	border:1px solid #ccc;
	padding:10px;
}

/* --- donate --- */
.donate_button{
	display:inline-block;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	background-color:#F6C915;
	border-radius:8px;
	padding:.5em 1.5em;
	margin:.5em 0;
}
.donate_button:hover{
	background-color:#FFD925;
}

.legal_ul li{
	margin:1em 0;
}

/* --- edit-histroy-wiki --- */
.leftside li.lid{
	color:#FF5E19;
	font-weight:bold;
	list-style-type:none;
	margin:.7em;
}
.leftside li.tgl{
	list-style-type:none;
	margin:.5em;
}
.leftside li.tgl:before{
	content:"▶";
	color:#FF5E19;
	margin-right:.5em;
}

.pub_update_box{
    width:calc(100% - 2px - 2em);
    height:10em;
    font-size:12px;
	border:1px solid #a9c6c9;
	padding:.5em;
    margin:1em auto 0 auto;
	overflow:auto;
}
.pub_update_box ul{
	list-style:none;
    margin-left:.5em;
}
.pub_update_box li{
    padding:.5em 0;
}
.helpc_box{
	display:flex;
	justify-content:space-around;
	margin:1em 0;
}
.helpc_btn{
	text-align:center;
	margin:.1em 0;
}
.helpc_btn a{
	flex:1;
	min-width:4em;
	text-align:center;
	text-decoration:none;
}
.mm_o_buttom{
    display:inline-block;
    color:#FFF;
    font-weight:bold;
    background:-webkit-gradient(linear,left top,left bottom,from(#FF8119),to(#FF5E19));
    background:-moz-linear-gradient(top,#FF8119 0%,#FF5E19);
    background:  -o-linear-gradient(top,#FF8119 0%,#FF5E19);
    background: -ms-linear-gradient(top,#FF8119 0%,#FF5E19);
    border:1px solid #DDD;
	border-radius:5px;
    padding:5px 10px;
    z-index:2;
}
.mm_o_buttom:hover{
    border:1px solid #000;
    cursor:pointer;
}
.pub_description{
    width:95%;
	word-wrap:break-word;
    padding:3px 0;
    margin:20px auto 10px auto;
}
.pub_description_edit{
	text-align:right;
    margin-top:1.5em;
}
.pub_description_edit a,.pub_description_edit span{
	display:inline-block;
    padding:0 1em;
}
.pub_description_edit a.pub_author{
	width:calc(100% - 13em);
	vertical-align:middle;
	color:#404040;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-decoration:none;
	overflow:hidden;
}

/* --- edit-rulebook-detail --- */
.editer_comment_box{
	list-style:none;
	border-top:1px dotted #aaa;
    padding:.2em 0;
	margin:1em 2em;
}
.editer_comment_box li{
	border-bottom:1px dotted #aaa;
    padding:.2em;
}

/* --- edit-transferclist --- */
form{
	margin:0 2%;
}
.tlist{
	margin:2em 0;
}
.tlist li{
	margin:0.5em 0 0.5em 3em;
}
input[type="checkbox"]{
	vertical-align:middle;
}
input[type="submit"]{
	padding:.2em .5em;
}

/* --- edit-vote --- */
.add_item_input{
	width:calc(100% - 1em - 2px);
	padding:.2em .5em;
	margin-top:.5em;
}

/* --- edit-wiki --- */
.leftside li.lid{
	color:#FF5E19;
	font-weight:bold;
	list-style-type:none;
	margin:.7em;
}
.leftside li.tgl{
	list-style-type:none;
	margin:.5em;
}
.leftside li.tgl:before{
	content:"▶";
	color:#FF5E19;
	margin-right:.5em;
}
.pub_description{
	word-wrap:break-word;
	border:1px solid #FF5E19;
	padding:1em;
	margin-bottom:1em;
}
.pub_description_edit{
	text-align:right;
}
.pub_description_edit a,.pub_description_edit span{
    padding:0 1em;
}

.pub_update_box{
    width:calc(100% - 2px - 2em);
    height:10em;
    font-size:12px;
	border:1px solid #a9c6c9;
	padding:.5em;
    margin:1em auto 0 auto;
	overflow:auto;
}
.pub_update_box ul{
	list-style:none;
    margin-left:.5em;
}
.pub_update_box li{
    padding:.5em 0;
}
.helpc_box{
	display:flex;
	justify-content:space-around;
	margin:1em 0;
}
.helpc_btn{
	text-align:center;
	margin:.1em 0;
}
.helpc_btn a{
	flex:1;
	min-width:4em;
	text-align:center;
	text-decoration:none;
}
.mm_o_buttom{
    display:inline-block;
    color:#FFF;
    font-weight:bold;
    background:-webkit-gradient(linear,left top,left bottom,from(#FF8119),to(#FF5E19));
    background:-moz-linear-gradient(top,#FF8119 0%,#FF5E19);
    background:  -o-linear-gradient(top,#FF8119 0%,#FF5E19);
    background: -ms-linear-gradient(top,#FF8119 0%,#FF5E19);
    border:1px solid #DDD;
	border-radius:5px;
    padding:5px 10px;
    z-index:2;
}
.mm_o_buttom:hover{
    border:1px solid #000;
    cursor:pointer;
}
.pub_description{
    width:95%;
	word-wrap:break-word;
	border:1px solid #FF5E19;
    padding:3px;
    margin:20px auto 10px auto;
}
.pub_description_edit{
	text-align:right;
    margin-top:1.5em;
}
.pub_description_edit a,.pub_description_edit span{
	display:inline-block;
    padding:0 1em;
}
.pub_description_edit a.pub_author{
	width:calc(100% - 13em);
	vertical-align:middle;
	color:#404040;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-decoration:none;
	overflow:hidden;
}

.serif_box{
	display:flex;
	word-break:break-all;
	margin:.5em 0;
}
.serif_box>.narration{
	flex:1;
	border-radius:5px;
	padding:.5em;
	align-self:flex-start;
}
.serif_box>.chara{
	width:64px;
	height:64px;
	align-self:flex-start;
	padding-right:6px;
	overflow:hidden;
}
.serif_box>.chara>.chara_image{
	width:64px;
	margin:0 auto;
}
.serif_box>.chara>.chara_image img{
	width:100%;
	height:auto;
}
.serif_box>.serif{
	flex:1;
}
.serif_box>.serif>.chara_name{
	font-size:x-small;
}
.serif_box>.serif>.bubble{
	display:inline-block;
	border-radius:10px;
	padding:.5em;
	align-self:flex-start;
}
.replay_hr{
	border:0;
	border-top:1px solid #bbb !important;
}
.replay_table{
	border-collapse:collapse;
	margin:1em 0;
}
.replay_table td{
	border:1px solid #bbb;
	padding:.5em;
}
.replay_list{
	margin-left:1.5em;
}
.replay_quote{
	display:inline-block;
	color:#202020;
	background-color:#fafafa;
	padding:.5em .5em .5em 2em;
	margin:1em 0;
}
.replay_quote:before{
	position:absolute;
	top:0;
	left:5px;
	content:'“';
	font-size:24px;
	color:#404040;
}
.replay_h3{
    display:block;
	font-size:1.25em;
    font-weight:bold;
	color:#000;
    border-bottom:#FF5E19 solid 1px;
    margin:5px 0;
    padding:5px 0;
}
.replay_h4{
    display:block;
	font-size:1.15em;
    font-weight:bold;
	color:#000;
    border-bottom:#FF5E19 dashed 1px;
    margin:5px 0;
    padding:5px 0;
}
.replay_h5{
    display:block;
	font-size:1.15em;
    font-weight:normal;
	color:#000;
    border-bottom:#FF5E19 dotted 1px;
    margin:5px 0;
    padding:5px 0;
}

.pub_description a{
	text-decoration:none;
}

/* --- everyone-diary --- */
.reveal_btn{
	display:inline-block;
	padding-bottom:1em;
}
.reveal_btn:before{
	content:"...";
}
.reveal_btn span{
	text-decoration:underline;
	color:#3030F0;
	cursor:pointer;
}

/* --- faq --- */
.question_title{
	font-size:120%;
	font-weight:bold;
}
.mm_o_buttom{
    display:inline-block;
    color:#FFF;
    font-weight:bold;
    background:-webkit-gradient(linear,left top,left bottom,from(#FF8119),to(#FF5E19));
    background:-moz-linear-gradient(top,#FF8119 0%,#FF5E19);
    background:  -o-linear-gradient(top,#FF8119 0%,#FF5E19);
    background: -ms-linear-gradient(top,#FF8119 0%,#FF5E19);
    border:1px solid #DDD;
	border-radius:20px;
    padding:5px 10px;
    z-index:2;
}
.mm_o_buttom:hover{
    border:1px solid #000;
    cursor:pointer;
}
.question_label{
    display:block;
    font-size:medium;
    font-weight:bold;
	color:#fff;
	background-color:#f00;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #d00;
    margin:5px 0;
    padding:7px;
}
.question_label:before{
	content:"Ｑ．";
}
.answer_label{
    display:block;
    font-size:medium;
    font-weight:bold;
	color:#fff;
	background-color:#00f;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #00d;
    margin:5px 0;
    padding:7px;
}
.answer_label:before{
	content:"Ａ．";
}
.text_container{
	margin:1.5em 2em;
}
.standard_imgbox{
	max-width:400px;
	margin:1em;
}
.standard_imgbox img{
	width:auto;
	max-width:100%;
	object-fit:cover;
	border:1px #FF8119 solid;
}
.standard_imgbox img:hover{
	opacity:0.5;
}

.helpc_box{
	display:flex;
	width:700px;
	flex-wrap:wrap;
	margin:0 auto;
}
.helpc_btn{
	text-align:center;
	margin:.3em;
}
.helpc_btn a{
	width:10em;
	text-align:center;
	text-decoration:none;
}

.helpc_box{
	display:flex;
	align-items:center;
	margin:1em .5em;
}
.helpc_box div{
	margin-right:.5em;
}
.helpc_box select{
	flex:1;
	width:calc(100% - 1em - 4px);
	padding:.3em .5em;
}

/* --- footprint-list --- */
.new_footprint_box{
	list-style:none;
    margin:1rem;
}
.new_footprint_box li{
	text-overflow:ellipsis;
	white-space:nowrap;
}
.new_footprint_box .date{
	display:inline-block;
    width:13em;
}

.new_footprint_box .name:before{
    margin-left:4px;
    content:url("//trpgsession.com/images/m_icon14.png");
}

.new_footprint_box li{
	margin:0.5em 0;
}
.new_footprint_box .name:before{
    margin-left:4px;
    content:url("//trpgsession.com/images/m_icon14.png");
}

/* --- friend-schedule --- */
#menu_tab span{
	display:inline-block;
	color:#000;
	font-weight:bold;
	font-size:14px;
	background:linear-gradient(to bottom,#FFF,#DDD);
	background:-moz-linear-gradient(top,#FFF,#DDD); 
	background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#DDD));
	border:1px solid #AAA;
	padding:3px 6px;
	margin:3px;
	cursor:pointer;
}
#menu_tab span:active:active{
	background:linear-gradient(to top,#FFF,#DDD);
	background:-moz-linear-gradient(bottom,#FFF,#DDD); 
	background:-webkit-gradient(linear,left bottom,left top,from(#FFF),to(#DDD));
}
#menu_tab span.mt_actived{
	background:linear-gradient(to bottom,#FE8,#FA2);
	background:-moz-linear-gradient(top,#FE8,#FA2); 
	background:-webkit-gradient(linear,left top,left bottom,from(#FE8),to(#FA2));
}
#menu_tab span.mt_actived:active{
	background:linear-gradient(to top,#FE8,#FA2);
	background:-moz-linear-gradient(bottom,#FE8,#FA2); 
	background:-webkit-gradient(linear,left bottom,left top,from(#FE8),to(#FA2));
}

/* --- help --- */
.helpc_box{
	display:flex;
	width:700px;
	flex-wrap:wrap;
	margin:0 auto;
}
.helpc_btn{
	text-align:center;
	margin:.3em;
}
.helpc_btn a{
	width:10em;
	text-align:center;
	text-decoration:none;
}
.faq_box{
	margin:0 2em;
}
.mm_o_buttom{
    display:inline-block;
    color:#FFF;
    font-weight:bold;
    background:-webkit-gradient(linear,left top,left bottom,from(#FF8119),to(#FF5E19));
    background:-moz-linear-gradient(top,#FF8119 0%,#FF5E19);
    background:  -o-linear-gradient(top,#FF8119 0%,#FF5E19);
    background: -ms-linear-gradient(top,#FF8119 0%,#FF5E19);
    border:1px solid #DDD;
	border-radius:20px;
    padding:5px 10px;
    z-index:2;
}
.mm_o_buttom:hover{
    border:1px solid #000;
    cursor:pointer;
}
.text_container{
	width:700px;
	margin:0 auto;
}

.helpc_box{
	display:flex;
	align-items:center;
	margin:1em .5em;
}
.helpc_box div{
	margin-right:.5em;
}
.helpc_box select{
	flex:1;
	width:calc(100% - 1em - 4px);
	padding:.3em .5em;
}
.faq_box{
	margin:0 .5em;
}
.mm_o_buttom{
    display:inline-block;
    color:#FFF;
    font-weight:bold;
    background:-webkit-gradient(linear,left top,left bottom,from(#FF8119),to(#FF5E19));
    background:-moz-linear-gradient(top,#FF8119 0%,#FF5E19);
    background:  -o-linear-gradient(top,#FF8119 0%,#FF5E19);
    background: -ms-linear-gradient(top,#FF8119 0%,#FF5E19);
    border:1px solid #DDD;
	border-radius:5px;
    padding:5px 10px;
    z-index:2;
}
.mm_o_buttom:hover{
    border:1px solid #000;
    cursor:pointer;
}
.text_container{
	width:calc(100% - 1em);
	margin:.5em auto;
}

.faq_column{
	display:flex;
	width:calc(100% - 1em);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	align-items:center;
	margin:0 .5em 1em .5em;
}
.faq_column span{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.question_icon:before{
	content:'Ｑ';
	display:flex;
	width:2rem;
	height:2rem;
	color:#fff;
	font-size:1rem;
	font-weight:bold;
	line-height:1rem;
	border-radius:50%;
	background-color:#f00;
	justify-content:center;
	align-items:center;
	flex-shrink:0;
	margin-right:.5em;
}
.question_title{
	font-size:1.15rem;
	font-weight:bold;
}
.answer_icon:before{
	content:'Ａ';
	display:flex;
	width:2rem;
	height:2rem;
	color:#fff;
	font-size:1rem;
	font-weight:bold;
	line-height:1rem;
	border-radius:50%;
	background-color:#00f;
	justify-content:center;
	align-items:center;
	flex-shrink:0;
	margin-right:.5em;
}
.to_detail{
	display:block;
	font-size:x-small;
	text-align:right;
	margin-left:1em;
}

/* --- hundred-questions --- */
.question{
	font-size:120%;
	margin-bottom:.5em;
}
.answer_box{
	display:flex;
	align-items:center;
}
.answer_balloon{
    white-space:pre-wrap;
    word-break:break-all;
    font-size:1.2em;
    padding:.5em;
	max-width:100%;
	color:#111;
	background:#e0edff;
	border-radius:5px;
	margin:1em 0 1em 15px;
}
.answer_balloon:before {
	content:"";
	position:absolute;
	top:50%;
	left:-20px;
	margin-top:-10px;
	border:10px solid transparent;
	border-right:10px solid #e0edff;
}
.no_answer_balloon{
    white-space:pre-wrap;
    word-break:break-all;
	text-align:center;
    font-size:1.2em;
    padding:.5em;
	min-width:64px;
	max-width:100%;
	color:#666;
	background:#eaeaea;
	border-radius:5px;
	margin:1em 0 1em 15px;
}
.no_answer_balloon:before {
	content:"";
	position:absolute;
	top:50%;
	left:-20px;
	margin-top:-10px;
	border:10px solid transparent;
	border-right:10px solid #eaeaea;
}

/* --- index --- */
.top_left_form{
	margin-left:120px;
}
.top_left_ad{
	margin-left:120px;
}
.top_left_add{
	width:300px;
	height:250px;
	margin:0 auto 20px auto;
}
.login_form{
	font-size:small;
	background-color:#FFF;
	border-radius:8px;
	box-shadow:0px 2px 2px 2px rgba(78,48,17,.5);
	padding:1rem;
}
.login_form span{
	font-size:0.7em;
}
.login_form .mb1r{
	margin-bottom:1rem;
}
.login_form .tc{
	text-align:center;
}
.login_form .tc a{
	display:block;
	margin:0 auto 1rem auto;
}
.login_form hr{
	border:0;
	border-top:1px solid #ccc;
	margin:1.5rem 0;
}
.m_tw_buttom{
	display:inline-block;
	color:#FFF;
    font-size:0.8rem;
	font-weight:bold;
	text-decoration:none;
	background:#000;
	border:1px solid #000;
	border-radius:100vh;
	padding:10px 15px;
	z-index:2;
}
.m_tw_buttom:hover{
    background:#666;
    border:1px solid #666;
    cursor:pointer;
}
.m_tw_buttom img{
	width:16px;
	height:16px;
	border:0;
	vertical-align:middle;
	padding-right:.5em;
}
.main{
	width:790px;
    min-height:1080px;
    font-size:small;
    padding:0 5px;
    z-index:1;
}
#first_view_head:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100px;
	background-color:#ffdfbf;
	background-image:repeating-linear-gradient(-45deg,#fff, #fff 7px,transparent 0, transparent 14px);
	z-index:-9;
}
.catchy{
	width:25em;
	font-size:1.9rem;
	font-weight:bold;
	transform:rotate(0.03deg);
	margin:10px 0 30px 40px;
}
.site_description{
	transform:rotate(0.03deg);
	margin-top:50px;
	margin-left:40px;
}
.site_description strong{
	font-weight:normal;
}
#first_view_txt{
	animation:fv-txt-anim 0.3s ease;
}
#first_view_txt img{
	margin-left:40px;
}
@keyframes fv-txt-anim{
	0%{
		transform:scale(0);
	}
	75%{
		transform:scale(1.1);
	}
	100%{
		transform:scale(1);
	}
}
.index_label{
	margin:50px 0;
    font-size:1.7rem;
	font-weight:bold;
	text-align:center;
	transform:rotate(0.03deg);
}
.centring_box{
	width:1260px;
	margin:0 auto;
	z-index:1;
}
.index_bg_1{
	background-color:#ffdfbf;
}
.index_bg_1t:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	transform:skewY(4deg);
	transform-origin:top right;
	width:100%;
	height:300px;
	background-color:#ffdfbf;
	background-image:repeating-linear-gradient(-45deg,#fff, #fff 7px,transparent 0, transparent 14px);
}
.index_bg_2t:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	transform:skewY(4deg);
	transform-origin:top right;
	width:100%;
	height:450px;
	background-color:#ffdfbf;
	background-image:repeating-linear-gradient(-45deg,#fff, #fff 7px,transparent 0, transparent 14px);
}
.index_bg_1b:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	transform:skewY(-2deg);
	transform-origin:top right;
	width:100%;
	height:300px;
	background-color:#ffdfbf;
	background-image:repeating-linear-gradient(-45deg,#fff, #fff 7px,transparent 0, transparent 14px);
}
.flex_box{
	display:flex;
}
#id_pri_pass{
	border-radius:4px 0px 0px 4px;
}
.do_list{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.do_list .do{
	display:flex;
	width:200px;
	height:200px;
	background-color:#FFF;
	border-radius:20%;
	flex-direction:column;
	align-items:center;
	padding:20px;
	margin:20px;
}
.do_list .list{
	display:flex;
	width:340px;
	font-size:small;
	background-color:#FFF;
	border-radius:8px;
	flex-direction:column;
	justify-content:space-between;
	padding:1rem;
	margin:40px 20px;
}
.do_list .list>div{
	text-align:center;
	margin-top:.5rem;
}
.do_list h3{
	font-size:1.2rem;
	font-weight:bold;
	transform:rotate(0.03deg);
}
.do_list p{
	flex:1;
	font-size:0.9rem;
	font-weight:bold;
	border-top:1px dotted #ffdfbf;
	padding:10px;
	margin-top:10px;
}
.do_list .ind_doi1{
	background-image:url("//trpgsession.com/images/ind_doi1.png");
	background-repeat:no-repeat;
	background-position:36px 6px;
}
.do_list .ind_doi2{
	background-image:url("//trpgsession.com/images/ind_doi2.png");
	background-repeat:no-repeat;
	background-position:36px 6px;
}
.do_list .ind_doi3{
	background-image:url("//trpgsession.com/images/ind_doi3.png");
	background-repeat:no-repeat;
	background-position:36px 6px;
}
.do_list .ind_doi4{
	background-image:url("//trpgsession.com/images/ind_doi4.png");
	background-repeat:no-repeat;
	background-position:36px 6px;
}
.do_list .ind_doi5{
	background-image:url("//trpgsession.com/images/ind_doi5.png");
	background-repeat:no-repeat;
	background-position:36px 6px;
}
.do_list .ind_doi6{
	background-image:url("//trpgsession.com/images/ind_doi6.png");
	background-repeat:no-repeat;
	background-position:36px 6px;
}
.do_list .ind_doi7{
	background-image:url("//trpgsession.com/images/ind_doi7.png");
	background-repeat:no-repeat;
	background-position:36px 6px;
}
.do_list .ind_doi8{
	background-image:url("//trpgsession.com/images/ind_doi8.png");
	background-repeat:no-repeat;
	background-position:36px 6px;
}
.do_list .ind_doi9{
	background-image:url("//trpgsession.com/images/ind_doi9.png");
	background-repeat:no-repeat;
	background-position:36px 6px;
}
.do_list .ind_doi10{
	background-image:url("//trpgsession.com/images/ind_doi10.png");
	background-repeat:no-repeat;
	background-position:36px 6px;
}
.do_list .ind_doi11{
	background-image:url("//trpgsession.com/images/ind_doi11.png");
	background-repeat:no-repeat;
	background-position:36px 6px;
}
.do_list .ind_doi12{
	background-image:url("//trpgsession.com/images/ind_doi12.png");
	background-repeat:no-repeat;
	background-position:36px 6px;
}
#syokai_movie{
	margin-left:100px;
	transform:rotate(-5deg);
	z-index:1;
}
.index_explan_txt{
	flex:1;
	display:flex;
	justify-content:center;
	align-items:center;
}
.index_explan_txt>div{
	text-align:center;
}
.index_explan_txt h2{
	display:inline-block;
    font-size:1.7rem;
	line-height:1.7rem;
    font-weight:bold;
	color:#333;
    padding:4px 0;
    margin-bottom:45px;
	transform:rotate(0.03deg);
}
.intro_b{
	width:200px;
	list-style:none;
}
.round_b{
	display:block;
	width:200px;
	height:200px;
	background-color:#FFF;
	border-radius:50%;
    overflow:hidden;
}
.intro_n{
	display:block;
    font-size:.8rem;
    font-weight:bold;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    text-align:center;
    padding:6px 2px 0 2px;
    overflow:hidden;
}
.stage{
	position:fixed;
	top:0;
	left:0;
	opacity:0.3;
	z-index:-10;
	animation:movie-anim 20s linear infinite;
}
.dice{
	display:block;
	width:300px;
	height:300px;
	margin:0 auto;
	z-index:-300;
	transform-style:preserve-3d;
	transform:rotate3d(0, 0, 0, 0deg);
	animation:rotate-anim 20s linear infinite;
}
@keyframes rotate-anim{
	0%{
		transform:rotate3d(0, 0, 0, 0deg);
	}
	25%{
		transform:rotate3d(1, 1, 1, 180deg);
	}
	50%{
		transform:rotate3d(1, 1, 1, 360deg);
	}
	75%{
		transform:rotate3d(1, 1, 1, 180deg);
	}
	100%{
		transform:rotate3d(1, 1, 1, 0deg);
	}
}
@keyframes movie-anim{
	0%{
		transform:translate(0,0);
	}
	25%{
		transform:translate(calc(50vw - 150px),250px);
	}
	50%{
		transform:translate(calc(100vw - 300px),0);
	}
	75%{
		transform:translate(calc(50vw - 150px),250px);
	}
	100%{
		transform:translate(0,0);
	}
}
.dice .item{
	position:absolute;
	left:0;
	right:0;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	border:6px solid #ffdfbf;
	width:300px;
	height:300px;
	background-color:#FFF;
	font-size:3rem;
	text-align:center;
	color:#ffdfbf;
}
.dice .item .dent{
	position:absolute;
	width:70px;
	height:70px;
	background-color:#ffdfbf;
	border-radius:50%;
}
.dice .item .dent0{
	position:absolute;
	width:100px;
	height:100px;
	background-color:#ffdfbf;
	border-radius:50%;
	top:calc(50% - 50px);
	left:calc(50% - 50px);
}
.dice .item .dent1{
	top:20px;
	left:20px;
}
.dice .item .dent2{
	top:20px;
	left:calc(50% - 35px);
}
.dice .item .dent3{
	top:20px;
	left:calc(100% - 90px);
}
.dice .item .dent4{
	top:calc(50% - 35px);
	left:calc(50% - 35px);
}
.dice .item .dent5{
	top:calc(100% - 90px);
	left:20px;
}
.dice .item .dent6{
	top:calc(100% - 90px);
	left:calc(50% - 35px);
}
.dice .item .dent7{
	top:calc(100% - 90px);
	left:calc(100% - 90px);
}
.dice .item:nth-child(1){
	transform:translate3d(0,-150px,0) rotateX(-90deg);
}
.dice .item:nth-child(2){
	transform:translate3d(0,0,150px);
}
.dice .item:nth-child(3){
	transform:translate3d(150px,0,0) rotateY(90deg);
}
.dice .item:nth-child(4){
	transform:translate3d(-150px,0,0) rotateY(-90deg);
}
.dice .item:nth-child(5){
	transform:translate3d(0,0,-150px) rotateY(180deg);
}
.dice .item:nth-child(6){
	transform:translate3d(0,150px,0) rotateX(-90deg);
}
.ornr_box{
	color:#404040;
	font-size:1rem;
	background-color:#fff;
	border:5px solid #ffdfbf;
	border-radius:20px;
	padding:1rem;
}
.serif_ahead{
	margin:0 100px 0 60px;
}
.serif_ahead:before{
	content:"";
	position:absolute;
	top:50%;
	left:-35px;
	margin-top:-15px;
	border:15px solid transparent;
	border-right:15px solid #ffdfbf;
}
.serif_ahead:after{
	content:"";
	position:absolute;
	top:50%;
	left:-28px;
	margin-top:-15px;
	border:15px solid transparent;
	border-right:15px solid #fff;
}
.faq_column{
	display:flex;
	width:calc(100% - 1em);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	justify-content:flex-start;
	align-items:center;
	margin:0 .5em 1em .5em;
}
p.faq_column{
	white-space:normal;
	align-items:baseline;
}
.question_icon:before{
	content:'Ｑ';
	display:flex;
	width:2rem;
	height:2rem;
	color:#fff;
	font-size:1rem;
	font-weight:bold;
	line-height:1rem;
	border-radius:50%;
	background-color:#f00;
	justify-content:center;
	align-items:center;
	flex-shrink:0;
	margin-right:.5em;
}
.question_title{
	font-size:1.15rem;
	font-weight:bold;
}
.answer_icon:before{
	content:'Ａ';
	display:flex;
	width:2rem;
	height:2rem;
	color:#fff;
	font-size:1rem;
	font-weight:bold;
	line-height:1rem;
	border-radius:50%;
	background-color:#00f;
	justify-content:center;
	align-items:center;
	flex-shrink:0;
	margin-right:.5em;
}
.faq_box{
	width:40%;
	margin-bottom:3rem;
}
.icn_ses:before{
	background-image:url("//trpgsession.com/images/m_icon15.png");
}
.icn_top:before{
	background-image:url("//trpgsession.com/images/m_icon19.png");
}
.icn_thr:before{
	background-image:url("//trpgsession.com/images/m_icon123.png");
}
.index_mini_ul li{
	font-size:0.9rem;
}

.main{
    font-size:small;
    padding:0 5px;
    z-index:1;
}
#first_view_head:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:70px;
	background-color:#ffdfbf;
	background-image:repeating-linear-gradient(-45deg,#fff, #fff 7px,transparent 0, transparent 14px);
	z-index:-9;
}
.site_description{
	font-size:1rem;
	transform:rotate(0.03deg);
}
.site_description strong{
	font-size:1.3rem;
	font-weight:normal;
}
#first_view_txt{
	max-width:600px;
	margin:1rem auto 0 auto;
	animation:fv-txt-anim 0.25s ease;
}
@keyframes fv-txt-anim{
	0%{
		transform:scale(0);
	}
	100%{
		transform:scale(1);
	}
}
.index_label{
	margin:50px 0;
    font-size:1.3rem;
	font-weight:bold;
	text-align:center;
	transform:rotate(0.03deg);
}
.centring_box{
	z-index:1;
}
.index_bg_1{
	background-color:#ffdfbf;
}
.index_bg_1t:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	transform:skewY(4deg);
	transform-origin:top right;
	width:100%;
	height:200px;
	background-color:#ffdfbf;
	background-image:repeating-linear-gradient(-45deg,#fff, #fff 7px,transparent 0, transparent 14px);
}
.index_bg_2t:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	transform:skewY(4deg);
	transform-origin:top right;
	width:100%;
	height:400px;
	background-color:#ffdfbf;
	background-image:repeating-linear-gradient(-45deg,#fff, #fff 7px,transparent 0, transparent 14px);
}
.index_bg_1b:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	transform:skewY(-2deg);
	transform-origin:top right;
	width:100%;
	height:200px;
	background-color:#ffdfbf;
	background-image:repeating-linear-gradient(-45deg,#fff, #fff 7px,transparent 0, transparent 14px);
}
.flex_box{
	display:flex;
}
#id_pri_pass{
	border-radius:4px 0px 0px 4px;
}
.do_list{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}
.do_list .do{
	display:flex;
	width:min(36vw,15rem);
	height:min(32vw,13.3rem);
	background-color:#FFF;
	border-radius:20%;
	flex-direction:column;
	align-items:center;
	padding:4vw 2vw;
	margin:3vw 0;
}
.do_list .list{
	display:flex;
	width:80%;
	font-size:small;
	background-color:#FFF;
	border-radius:8px;
	flex-direction:column;
	justify-content:space-between;
	padding:1rem;
	margin-bottom:2rem;
}
.do_list .list .m_g_buttom{
	margin:1rem auto .5rem auto;
}
.do_list h3{
	font-size:min(3.3vw,1.5rem);
	font-weight:bold;
	transform:rotate(0.03deg);
}
.do_list p{
	flex:1;
	font-size:min(2.5vw,1rem);
	font-weight:bold;
	border-top:1px dotted #ffdfbf;
	padding:min(2.5vw,1rem);
	margin-top:min(2.5vw,1rem);
}
.do_list .ind_doi1{
	background-image:url("//trpgsession.com/images/ind_doi1.png");
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center;
}
.do_list .ind_doi2{
	background-image:url("//trpgsession.com/images/ind_doi2.png");
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center;
}
.do_list .ind_doi3{
	background-image:url("//trpgsession.com/images/ind_doi3.png");
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center;
}
.do_list .ind_doi4{
	background-image:url("//trpgsession.com/images/ind_doi4.png");
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center;
}
.do_list .ind_doi5{
	background-image:url("//trpgsession.com/images/ind_doi5.png");
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center;
}
.do_list .ind_doi6{
	background-image:url("//trpgsession.com/images/ind_doi6.png");
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center;
}
.do_list .ind_doi7{
	background-image:url("//trpgsession.com/images/ind_doi7.png");
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center;
}
.do_list .ind_doi8{
	background-image:url("//trpgsession.com/images/ind_doi8.png");
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center;
}
.do_list .ind_doi9{
	background-image:url("//trpgsession.com/images/ind_doi9.png");
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center;
}
.do_list .ind_doi10{
	background-image:url("//trpgsession.com/images/ind_doi10.png");
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center;
}
.do_list .ind_doi11{
	background-image:url("//trpgsession.com/images/ind_doi11.png");
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center;
}
.do_list .ind_doi12{
	background-image:url("//trpgsession.com/images/ind_doi12.png");
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center;
}
#first_view_txt{
	text-align:center;
}
#first_view_txt img{
	height:auto;
}
.index_explan_txt{
	text-align:center;
}
.index_explan_txt img{
	height:auto;
}
.catchy{
	display:block;
    font-size:min(5.5vw,1.0rem);
	line-height:min(6.8vw,2.75rem);
    font-weight:bold;
	color:#333;
    margin:1rem auto;
}
.index_explan_txt h2{
	display:block;
    font-size:1.5rem;
	line-height:1.7rem;
    font-weight:bold;
	color:#333;
    margin:2rem 1rem;
}
.index_explan_txt .m_o_buttom{
	margin:0 auto 5rem auto;
}
.intro_b{
	width:min(25vw,200px);
	list-style:none;
}
.intro_b img{
	width:min(25vw,200px);
	height:auto;
}
.round_b{
	display:block;
	width:min(25vw,200px);
	height:min(25vw,200px);
	background-color:#FFF;
	border-radius:50%;
    overflow:hidden;
}
.intro_n{
	display:block;
    font-size:.8rem;
    font-weight:bold;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    text-align:center;
    padding:6px 2px 0 2px;
    overflow:hidden;
}
.ornr_box{
	color:#202020;
	font-size:1rem;
	background-color:#fff;
	border:5px solid #ffdfbf;
	border-radius:20px;
	padding:1rem;
}
.serif_ahead{
	width:80%;
	margin:1rem auto 2rem auto;
}
.serif_ahead:before{
	content:"";
	position:absolute;
	top:-32px;
	left:50%;
	margin-left:-17px;
	border:14px solid transparent;
	border-bottom:14px solid #ffdfbf;
}
.serif_ahead:after{
	content:"";
	position:absolute;
	top:-24px;
	left:50%;
	margin-left:-15px;
	border:12px solid transparent;
	border-bottom:12px solid #FFF;
}
.faq_column{
	display:flex;
	width:calc(100% - 1em);
	white-space:normal;
	overflow:hidden;
	text-overflow:ellipsis;
	justify-content:flex-start;
	align-items:baseline;
	margin:0 .5em 1em .5em;
}
.question_icon:before{
	content:'Ｑ';
	display:flex;
	width:2rem;
	height:2rem;
	color:#fff;
	font-size:1rem;
	font-weight:bold;
	line-height:1rem;
	border-radius:50%;
	background-color:#f00;
	justify-content:center;
	align-items:center;
	flex-shrink:0;
	margin-right:.5em;
}
.question_title{
	font-size:1.15rem;
	font-weight:bold;
}
.answer_icon:before{
	content:'Ａ';
	display:flex;
	width:2rem;
	height:2rem;
	color:#fff;
	font-size:1rem;
	font-weight:bold;
	line-height:1rem;
	border-radius:50%;
	background-color:#00f;
	justify-content:center;
	align-items:center;
	flex-shrink:0;
	margin-right:.5em;
}
.faq_box{
	width:80%;
	margin:0 auto 2rem auto;
}
.index_mini_ul{
	list-style:none;
	margin:0 10px;
}
.index_mini_ul li{
	width:calc(100% - 5px);
	white-space:nowrap;
	font-size:.9rem;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	margin:16px 0;
}
.icn_ses:before{
	background-image:url("//trpgsession.com/images/m_icon15.png");
}
.icn_top:before{
	background-image:url("//trpgsession.com/images/m_icon19.png");
}
.icn_thr:before{
	background-image:url("//trpgsession.com/images/m_icon123.png");
}

.icn_ses:before{
	content:'';
	display:inline-block;
	width:1rem;
	height:1rem;
	background-repeat:no-repeat;
	background-size:contain;
	vertical-align:middle;
	padding-right:0.3rem;
}
.icn_top:before{
	content:'';
	display:inline-block;
	width:1rem;
	height:1rem;
	background-repeat:no-repeat;
	background-size:contain;
	vertical-align:middle;
	padding-right:0.3rem;
}
.icn_thr:before{
	content:'';
	display:inline-block;
	width:1rem;
	height:1rem;
	background-repeat:no-repeat;
	background-size:contain;
	vertical-align:middle;
	padding-right:0.3rem;
}
.icn_rep:before{
	content:'💬';
	padding-right:0.3rem;
}
.icn_wik:before{
	content:'📝';
	padding-right:0.3rem;
}

/* --- login --- */
.login_form{
	font-size:small;
	background-color:#FFF;
	border-radius:8px;
	box-shadow:0px 2px 2px 2px rgba(78,48,17,.5);
	padding:1rem;
	margin:20px auto;
}
.login_form span{
	font-size:0.7em;
}
.login_form .mb1r{
	margin-bottom:1rem;
}
.login_form .tc{
	text-align:center;
}
.login_form .tc a{
	display:block;
	margin:0 auto 1rem auto;
}
.login_form hr{
	border:0;
	border-top:1px solid #ccc;
	margin:1.5rem 0;
}
.m_tw_buttom{
	display:inline-block;
	color:#FFF;
    font-size:0.8rem;
	font-weight:bold;
	text-decoration:none;
	background:#000;
	border:1px solid #000;
	border-radius:100vh;
	padding:10px 15px;
	z-index:2;
}
.m_tw_buttom:hover{
    background:#666;
    border:1px solid #666;
    cursor:pointer;
}
.m_tw_buttom img{
	width:16px;
	height:16px;
	border:0;
	vertical-align:middle;
	padding-right:.5em;
}

/* --- make-player --- */
.mimi_b_buttom{
    display:inline-block;
    color:#FFF;
	text-decoration:none;
    font-weight:bold;
    background:-webkit-gradient(linear,left top,left bottom,from(#4070FF),to(#0000F0));
    background:-moz-linear-gradient(top,#4070FF 0%,#0000F0);
    background:  -o-linear-gradient(top,#4070FF 0%,#0000F0);
    background: -ms-linear-gradient(top,#4070FF 0%,#0000F0);
    border:1px solid #0000E0;
	border-radius:4px;
    padding:3px 7px;
    z-index:2;
	text-decoration:none;
}
.mimi_b_buttom:hover{
    background:-webkit-gradient(linear,left top,left bottom,from(#2050FF),to(#0000D0));
    background:-moz-linear-gradient(top,#2050FF 0%,#0000D0);
    background:  -o-linear-gradient(top,#2050FF 0%,#0000D0);
    background: -ms-linear-gradient(top,#2050FF 0%,#0000D0);
    border:1px solid #0000B0;
    cursor:pointer;
	text-decoration:none;
    color:#FFF !important;
}
.mimi_g_buttom{
    display:inline-block;
    color:#FFF;
	text-decoration:none;
    font-weight:bold;
    background:-webkit-gradient(linear,left top,left bottom,from(#C0C0C0),to(#909090));
    background:-moz-linear-gradient(top,#C0C0C0 0%,#909090);
    background:  -o-linear-gradient(top,#C0C0C0 0%,#909090);
    background: -ms-linear-gradient(top,#C0C0C0 0%,#909090);
    border:1px solid #808080;
	border-radius:4px;
    padding:3px 7px;
    z-index:2;
	text-decoration:none;
}
.mimi_g_buttom:hover{
    background:-webkit-gradient(linear,left top,left bottom,from(#707070),to(#404040));
    background:-moz-linear-gradient(top,#707070 0%,#404040);
    background:  -o-linear-gradient(top,#707070 0%,#404040);
    background: -ms-linear-gradient(top,#707070 0%,#404040);
    border:1px solid #303030;
    cursor:pointer;
	text-decoration:none;
    color:#FFF !important;
}

.gametype_box{
	display:inline-block;
	width:160px;
	font-size:10px;
	margin:2px 0;
}

label{
	display:inline-block;
	margin-top:.2em;
	margin-bottom:.2em;
}
.gametype_box{
	display:block;
	font-size:100%;
	margin-top:.5em;
}

/* --- make-scenarioset --- */
.non_bor_td{
	border-bottom:0 !important;
}

/* --- make-session --- */
input[type="text"]{
	padding:.2em .5em;
}
input[type="radio"]{
	vertical-align:middle;
}
select{
	padding:.2em .5em;
}

input[type="text"]{
	padding:.3em .5em;
}
input[type="radio"]{
	vertical-align:middle;
	margin:.5em 0;
}
select{
	padding:.3em .5em;
}

/* --- make-topic --- */
.confirm_button_box{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color:#fff;
	border-top:1px solid #ccc;
	z-index:2147483648;
}
.confirm_button_table{
    width:730px;
    font-size:12px;
	text-align:right;
	padding:1em 230px 1em 300px;
	margin:0 auto;
}
.confirm_button_table input[type="button"]{
	padding:.2em .5em;
}

.under_atmenu{
	position:fixed;
	bottom:0;
	width:100%;
	z-index:100;
}
.under_atm_button{
	text-align:right;
	padding:0 10px 2px 10px;
}
.under_atm_button span{
	display:inline-block;
	height:32px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	line-height:32px;
	vertical-align:middle;
	background-color:#FF8A00;
	border-radius:4px;
	padding:2px 10px;
	margin-left:8px;
	cursor:pointer;
}

.update_resalt_message{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:1em;
	line-height:1em;
	background-color:#fff;
	text-align:center;
	padding:.8em;
	z-index:2147483648;
}

/* --- player-detail --- */
.play_ok{
	display:inline-block;
	color:#FF773E;
	font-size:12px;
	font-weight:bold;
	border-radius:30px;
	border:2px #FF773E solid;
	padding:0 8px 0 0;
	margin:.5em;
}
.play_ok:before{
	display:inline-block;
	content:"許容";
	height:100%;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	border-radius:30px 0 0 30px;
	background-color:#FF773E;
	padding:4px 6px 4px 8px;
	margin:0 6px 0 0;
}
.play_ok span{
	display:inline-block;
	min-width:7em;
	text-align:center;
	padding:4px 0;
}
.play_like{
	display:inline-block;
	color:#FF69A3;
	font-size:12px;
	font-weight:bold;
	border-radius:30px;
	border:2px #FF69A3 solid;
	padding:0 8px 0 0;
	margin:.5em;
}
.play_like:before{
	display:inline-block;
	content:"好き";
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	border-radius:30px 0 0 30px;
	background-color:#FF69A3;
	padding:4px 6px 4px 8px;
	margin:0 6px 0 0;
}
.play_like span{
	display:inline-block;
	min-width:7em;
	text-align:center;
	padding:4px 0;
}
.play_hate{
	display:inline-block;
	color:#9057FF;
	font-size:12px;
	font-weight:bold;
	border-radius:30px;
	border:2px #9057FF solid;
	padding:0 8px 0 0;
	margin:.5em;
}
.play_hate:before{
	display:inline-block;
	content:"苦手";
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	border-radius:30px 0 0 30px;
	background-color:#9057FF;
	padding:4px 6px 4px 8px;
	margin:0 6px 0 0;
}
.play_hate span{
	display:inline-block;
	min-width:7em;
	text-align:center;
	padding:4px 0;
}
.scnr_black{
	display:inline-block;
	color:#404040;
	font-size:12px;
	font-weight:bold;
	border-radius:30px;
	border:2px #808080 solid;
	padding:0 8px 0 0;
	margin:.5em;
}
.scnr_black:before{
	display:inline-block;
	content:"シナリオ";
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	border-radius:30px 0 0 30px;
	background-color:#404040;
	padding:4px 6px 4px 8px;
	margin:0 6px 0 0;
}
.scnr_black span{
	display:inline-block;
	min-width:9em;
	text-align:center;
	padding:4px 0;
}
.rule_black{
	display:inline-block;
	color:#404040;
	font-size:12px;
	font-weight:bold;
	border-radius:30px;
	border:2px #808080 solid;
	padding:0 8px 0 0;
	margin:.5em;
}
.rule_black:before{
	display:inline-block;
	content:"ルール";
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	border-radius:30px 0 0 30px;
	background-color:#404040;
	padding:4px 6px 4px 8px;
	margin:0 6px 0 0;
}
.rule_black span{
	display:inline-block;
	min-width:9em;
	text-align:center;
	padding:4px 0;
}
.gmpl_graph_box{
	display:flex;
	justify-content:center;
}
.gmpl_graph hr.line_tate{
	position:absolute;
	width:1px;
	height:100%;
	border:none;
	background:#808080;
}
.gmpl_graph hr.line_yoko{
	position:absolute;
	top:5px;
	width:100%;
	height:1px;
	border:none;
	background:#808080;
}
.gmpl_button{
	position:absolute;
	top:-7px;
	width:19px;
	height:19px;
	border:3px solid  #FF773E;
	border-radius:24px;
}

.profile_box{
	width:700px;
	margin:0 auto;
}
.small_label{
	font-size:15px;
	font-weight:normal;
	color:#000;
	margin:5px 0;
}
.gmpl_graph{
	display:block;
	width:500px;
	height:10px;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	margin:20px 0;
}
.gmpl_scale{
	width:60px;
	color:#404040;
	font-weight:bold;
	line-height:50px;
	text-align:center;
}
.new_footprint_box{
	list-style:none;
    margin:1rem;
}
.new_footprint_box li{
	text-overflow:ellipsis;
	white-space:nowrap;
}
.new_footprint_box .date{
	display:inline-block;
    width:13em;
}
.new_footprint_box .name:before{
    margin-left:4px;
    content:url("//trpgsession.com/images/m_icon14.png");
}
.nsl_box{
	display:flex;
	justify-content:space-around;
	padding-top:.5em;
	border-top:1px dotted #fe7f00;
	margin-bottom:.5em;
}
.nsl_box .nslb_d{
	width:70px;
	align-self:center;
	margin-right:.5em;
}
.nsl_box .nslb_i{
	width:50px;
	margin-right:.5em;
}
.nsl_box .nslb_t{
	width:360px;
	align-self:center;
	margin-right:.5em;
}
.nsl_box .nslb_t .game_system{
	width:340px;
	color:#404040;
	font-size:x-small;
}
.nsl_box .nslb_t .game_title{
	width:340px;
	margin:0 auto;
}
.nsl_box .nslb_c{
	width:155px;
	align-self:center;
	margin-right:.5em;
}
.nsl_box .nslb_h{
	width:165px;
	align-self:center;
	text-align:right;
}

.small_label{
	font-size:100%;
	font-weight:normal;
	color:#000;
	margin:5px 0 5px 5px;
}
.gmpl_graph{
	flex:1;
	display:block;
	width:100%;
	height:10px;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	margin:20px 0;
}
.gmpl_scale{
	width:50px;
	color:#404040;
	font-weight:bold;
	line-height:50px;
	text-align:center;
}

/* --- ranking-rulebook --- */
.rnk_list{
	list-style:none;
	margin:1rem;
}
.rnk_list li{
	margin:.5rem 0;
}
.rnk_list li .r1{
	display:flex;
	flex-direction:row-reverse;
	align-items:baseline;
	flex-wrap:nowrap;
}
.rnk_list li .r1 .rnk_tit{
	flex:1;
	font-size:1.2rem;
	font-weight:bold;
}
.rnk_list li .r1 .rnk_jun{
	flex-shrink:0;
	font-size:1.2rem;
	font-weight:bold;
	margin-right:1rem;
}
.rnk_list li .r1 .rnk_box{
	text-align:center;
	border-radius:.3em;
	padding:.3em .6em;
}
.rnk_list li .r2{
	display:flex;
	align-items:center;
}
.rnk_list li .r2 .r2d{
	margin-left:2rem;
}
.rnk_list li .r2 .sc{
	margin-bottom:1rem;
}
.rnk_list li .r2 .s1{
	color:#fff;
	font-weight:bold;
	background-color:#ff7e39;
	padding:0 5px;
	margin-right:1em;
}
.rnk_list li .r2 .s2{
	color:#A92020;
	font-weight:bold;
}

.rnk_list li .r2{
	margin:2rem 0 4rem 4rem;
}

.rnk_list li .r2{
	justify-content:center;
	margin:2rem 0 4rem 0;
}

/* --- refarence-rh --- */
.selecter{
	margin:1em 1em .5em 1em;
}
#selecter{
	max-width:calc(100% - 2px - 4em);
	border:1px #666 solid;
	padding:.5em;
}
#result{
	width:calc(100% - 2px - 4em);
	height:15em;
	resize:vertical;
	border:1px #666 solid;
	padding:.5em 1em;
	margin:.5em 1em;
}
.resultfooter{
	margin:0 1em 1em 1em;
}
#update{
	padding:.5em 1em;
}

/* --- register --- */
.m_tw_buttom{
	display:inline-block;
	color:#FFF;
    font-size:0.8rem;
	font-weight:bold;
	text-decoration:none;
	background:#000;
	border:1px solid #000;
	border-radius:100vh;
	padding:10px 15px;
	z-index:2;
}
.m_tw_buttom:hover{
    background:#666;
    border:1px solid #666;
    cursor:pointer;
}
.m_tw_buttom img{
	width:16px;
	height:16px;
	border:0;
	vertical-align:middle;
	padding-right:.5em;
}

/* --- rulebook-detail --- */
.atag_btn{
	display:inline-block;
	text-align:center;
	text-decoration:none;
	border-radius:3px;
}
#bookreader_select{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:900;
}
.pub_description{
    width:686px;
	word-wrap:break-word;
    margin:0 auto 10px auto;
    padding:3px 7px 0 7px;
}
.pub_description_edit{
	text-align:right;
    margin-top:1.5em;
}
.pub_description_edit a,.pub_description_edit span{
    padding:0 1em;
}
#id_review_area_b{
    cursor:pointer;
    width:calc(686px - 2px - 2em);
	font-weight:bold;
	color:#fff;
    background-color:#FF5E19;
	border: 1px solid #E54500;
    padding:.5em 1em;
    margin:20px auto 0 auto;
}
#id_review_area{
    width:calc(686px - 2px - 2em);
    background-color:#FFFFDD;
	border-left: 1px solid #E54500;
	border-right: 1px solid #E54500;
	border-bottom: 1px solid #E54500;
	border-radius:0 0 10px 10px;
    padding:.5em 1em;
    margin:0 auto 10px auto;
}
#id_review_area textarea{
    width:calc(100% - 22px);
    height:8em;
    font-size:12px;
	resize:vertical;
    padding:10px;
}
.publishdata{
	width:700px;
	border-bottom:1px dotted #ffdfbf;
	padding-bottom:10px;
	margin:0 auto 10px auto;
}
.publishdata td{
	vertical-align:top;
	padding-left:10px;
}
.publishdata .p_t{
	width:100px;
	text-align:right;
}
.display_copyright{
	width:700px;
	font-size:12px;
	color:#202020;
	margin:20px auto;
}

.atag_btn{
	display:block;
	width:220px;
	text-align:center;
	text-decoration:none;
	border-radius:3px;
	margin:15px auto;
	cursor:pointer;
}
#bookreader_select{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:2147483646;
}
.pub_description{
    width:95%;
	word-wrap:break-word;
    padding:3px 0;
    margin:20px auto 10px auto;
}
.pub_description_edit{
	text-align:right;
    margin-top:1.5em;
}
.pub_description_edit a,.pub_description_edit span{
    padding:0 1em;
}
#id_review_area_b-sp{
    cursor:pointer;
    width:93%;
	font-weight:bold;
	color:#fff;
    background-color:#FF5E19;
	border: 1px solid #E54500;
    padding:.5em 2%;
    margin:20px auto 0 auto;
}
#id_review_area-sp{
    width:93%;
    background-color:#FFFFDD;
	border-left: 1px solid #E54500;
	border-right: 1px solid #E54500;
	border-bottom: 1px solid #E54500;
	border-radius:0 0 10px 10px;
    padding:.5em 2%;
    margin:0 auto 10px auto;
}
#id_review_area-sp textarea{
    width:calc(100% - 22px);
    height:8em;
	resize:vertical;
    padding:10px;
}
.publishdata{
	min-width:220px;
	max-width:95%;
	margin:10px auto;
}
.publishdata td{
	vertical-align:top;
}
.publishdata .p_t{
}
.publishdata .p_d{
	padding-left:10px;
}
.display_copyright{
	font-size:12px;
	color:#202020;
	margin:20px 10px;
}

.atag_btn img{
	width:auto;
	height:20px;
	vertical-align:middle;
	margin-right:.5em;
	cursor:pointer;
}
#brs_mbox{
	top:100px;
	min-width:150px;
	max-width:280px;
	border:1px solid #E54500;
	border-radius:10px;
	background-color:#fff;
	margin:0 auto;
	overflow:hidden;
}
#bookreader_select .brs_ttl{
	color:#fff;
	text-align:center;
	background-color:#fe7f00;
	padding:10px;
}
#bookreader_select .brs_slc{
	padding:10px;
	border-bottom:1px solid #fc6;
	cursor:pointer;
}
#bookreader_select .brs_slc:hover{
	color:#ff9900;
}
#bookreader_select .brs_cls{
	color:#fff;
	font-size:small;
	text-align:center;
	border-radius:10px;
	background-color:#fc6;
	cursor:pointer;
	padding:8px;
	margin:15px 20px;
}
#bookreader_select .brs_cls:hover{
	background-color:#fa4;
}
.m_s_buttom{
    color:#000;
    font-weight:bold;
	background-color:#eaf2f5;
    border:1px solid #748892;
	box-shadow:0 2px 0 0 #6b7c84;
    padding:9px 15px;
    z-index:2;
}
.m_s_buttom:hover{
	background-color:#f0ffff;
    border:1px solid #000;
    cursor:pointer;
}

/* --- rulebook-list --- */
.atag_btn{
	display:inline-block;
	text-align:center;
	text-decoration:none;
	border-radius:3px;
}
#bookreader_select{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:900;
}
.shelf{
	width:690px;
	min-height:125px;
	background-image:url("//trpgsession.com/images/bookshelf_l.jpg"),url("//trpgsession.com/images/bookshelf_r.jpg"),url("//trpgsession.com/images/bookshelf_c.jpg");
	background-repeat:no-repeat,no-repeat,repeat-x;
	background-position:left bottom,right bottom,left bottom;
	padding:20px 0 35px 27px;
	margin:0 auto;
}
.ri_cn{
	display:inline-block;
	position:relative;
	width:90px;
	margin:0 10px;
}
#bookmenu_bg{
	position:absolute;
	z-index:2;
}
#bookmenu_box{
	display:block;
	width:calc(7em + 12px);
	font-size:small;
	border:1px solid #E53500;
	background-color:#feb;
}
.bmb_slc{
	display:block;
	color:#E53500;
	text-decoration:none;
	padding:5px;
}
.bmb_slc:hover{
	color:#fff;
	background-color:#E53500;
	cursor:pointer;
}
.bmb_inp{
	display:block;
	color:#E53500;
	text-decoration:none;
	overflow:hidden;
}
.bmb_inp input{
	width:calc(100% - 10px);
	border:0;
	padding:5px;
}

.atag_btn{
	display:block;
	width:220px;
	text-align:center;
	text-decoration:none;
	border-radius:3px;
	margin:15px auto;
}
#bookreader_select{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:2147483646;
}
.shelf-sp{
	display:block;
	background-image:url("//trpgsession.com/images/bookshelf_c.jpg");
	background-repeat:repeat-x;
	background-position:left bottom;
	padding:10px 0 35px 0;
}
.ri_cn-sp{
	display:inline-block;
	width:28%;
	max-width:180px;
	position:relative;
	margin:0 2%;
}
#bookmenu_bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:2147483646;
}
#bookmenu_box{
	top:100px;
	min-width:150px;
	max-width:280px;
	border:1px solid #E54500;
	border-radius:5px;
	background-color:#fff;
	margin:0 auto;
	overflow:hidden;
}
.bmb_slc{
	display:block;
	color:#E54500;
	text-decoration:none;
	padding:10px;
}
.bmb_slc:hover{
	color:#fff;
	background-color:#E54500;
	cursor:pointer;
}
.bmb_inp{
	display:block;
	color:#E53500;
	text-decoration:none;
	border-bottom:1px dotted #E53500;
	overflow:hidden;
}
.bmb_inp input{
	width:calc(100% - 20px);
	border:0;
	padding:10px;
}
.sessionlist_table-sp>a{
    display:block;
    width:93%;
    text-decoration:none;
    border:1px solid #EAC247;
	border-radius:8px;
    margin:5px auto;
    padding:5px 2%;
}

.atag_btn img{
	width:auto;
	height:20px;
	vertical-align:middle;
	margin-right:.5em;
}
#brs_mbox{
	top:100px;
	min-width:150px;
	max-width:280px;
	border:1px solid #E54500;
	border-radius:10px;
	background-color:#fff;
	margin:0 auto;
	overflow:hidden;
}
#bookreader_select .brs_ttl{
	color:#fff;
	text-align:center;
	background-color:#fe7f00;
	padding:10px;
}
#bookreader_select .brs_slc{
	padding:10px;
	border-bottom:1px solid #fc6;
	cursor:pointer;
}
#bookreader_select .brs_slc:hover{
	color:#ff9900;
}
#bookreader_select .brs_cls{
	color:#fff;
	font-size:small;
	text-align:center;
	border-radius:10px;
	background-color:#fc6;
	cursor:pointer;
	padding:8px;
	margin:15px 20px;
}
#bookreader_select .brs_cls:hover{
	background-color:#fa4;
}
.m_s_buttom{
    color:#000;
    font-weight:bold;
	background-color:#eaf2f5;
    border:1px solid #748892;
	box-shadow:0 2px 0 0 #6b7c84;
    padding:9px 15px;
    z-index:2;
}
.m_s_buttom:hover{
	background-color:#f0ffff;
    border:1px solid #000;
    cursor:pointer;
}
.ri_cn_t{
	position:absolute;
	top:0px;
	left:0px;
	width:18px;
	height:auto;
}
.ri_cn_e{
	position:absolute;
	bottom:0px;
	right:0px;
	width:18px;
	height:auto;
}
.ri_cn_i{
	position:relative;
	width:100%;
	height:auto;
}
.ri_cn_n{
	position:absolute;
	bottom:-4px;
	left:4px;
	width:18px;
	height:auto;
	font-weight:bold;
	color:#000;
	text-shadow:
		1px 1px 0 #FFF, -1px -1px 0 #FFF,
		-1px 1px 0 #FFF, 1px -1px 0 #FFF,
		0px 1px 0 #FFF,  0-1px 0 #FFF,
		-1px 0 0 #FFF, 1px 0 0 #FFF;
	text-align:left;
}

/* --- scenarioset-detail --- */
.articlearea{
	border:0 !important;
	white-space:pre-wrap;
	word-break:break-all;
}
hr{
	border:0;
	border-top:1px dotted #a9c6c9;
}
#rightholder{
	color:#404040;
	margin-bottom:1em;
}

/* --- search-diary --- */
.reveal_btn{
	display:inline-block;
	padding-bottom:1em;
}
.reveal_btn:before{
	content:"...";
}
.reveal_btn span{
	text-decoration:underline;
	color:#3030F0;
	cursor:pointer;
}
.edit_player_table select{
	display:inline;
}

/* --- search-rulebook --- */
.pub_update_box{
    width:calc(700px - 2em);
    height:10em;
    font-size:12px;
	border:1px solid #a9c6c9;
	padding:1em;
    margin:20px auto 6px auto;
	overflow:auto;
}
.pub_update_box ul{
	list-style:none;
    margin-left:.5em;
}
.pub_update_box li{
    padding:.2em 0;
}

.pub_update_box{
    width:calc(100% - 2px - 2em);
    height:10em;
    font-size:12px;
	border:1px solid #a9c6c9;
	padding:.5em;
    margin:1em auto 0 auto;
	overflow:auto;
}
.pub_update_box ul{
	list-style:none;
    margin-left:.5em;
}
.pub_update_box li{
    padding:.5em 0;
}

/* --- search-wiki --- */
.pub_update_box{
    width:calc(700px - 2em);
    height:60em;
    font-size:12px;
	border:1px solid #a9c6c9;
	padding:1em;
    margin:20px auto 6px auto;
	overflow:auto;
}
.pub_update_box ul{
	list-style:none;
    margin-left:.5em;
}
.pub_update_box li{
    padding:.2em 0;
}
.helpc_box{
	display:flex;
	width:700px;
	flex-wrap:wrap;
	margin:0 auto;
}
.helpc_btn{
	text-align:center;
	margin:0.1em .3em;
}
.helpc_btn a{
	width:10em;
	text-align:center;
	text-decoration:none;
}
.faq_column{
	display:inline-block;
	width:600px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:1em;
}
.mm_o_buttom{
    display:inline-block;
    color:#FFF;
    font-weight:bold;
    background:-webkit-gradient(linear,left top,left bottom,from(#FF8119),to(#FF5E19));
    background:-moz-linear-gradient(top,#FF8119 0%,#FF5E19);
    background:  -o-linear-gradient(top,#FF8119 0%,#FF5E19);
    background: -ms-linear-gradient(top,#FF8119 0%,#FF5E19);
    border:1px solid #DDD;
    padding:5px 10px;
    z-index:2;
}
.mm_o_buttom:hover{
    border:1px solid #000;
    cursor:pointer;
}
.mm_b_buttom:hover{
    border:1px solid #000;
    cursor:pointer;
}
.leftside li.lid{
	color:#FF5E19;
	font-weight:bold;
	list-style-type:none;
	margin:.7em;
}
.leftside li.tgl{
	list-style-type:none;
	margin:.5em;
}
.leftside li.tgl:before{
	content:"▶";
	color:#FF5E19;
	margin-right:.5em;
}
.pub_description{
	word-wrap:break-word;
	border-bottom:1px solid #FF5E19;
	padding:1em;
}
.pub_description_edit{
	text-align:right;
}
.pub_description_edit a,.pub_description_edit span{
    padding:0 1em;
}

.count_ul li{
	list-style:none;
	display:inline-block;
	min-width:8em;
	margin:1em;
}
.cat_ul li.lsn{
	list-style:none;
	margin:.5em 0 .5em 1.5em;
}
.cat_ul li.lsd{
	margin:.5em 0 .5em 1.5em;
}
.index_ul li{
	margin:.5em 0 .5em 2em;
}

/* --- session-detail --- */
.nice_button_area{
	display:flex;
	justify-content:space-around;
	width:698px;
	border:#909090 1px solid;
	padding:3px 0;
	margin:0 auto 3em auto;
}
.nice_button_box{
	margin:6px 0;
}
.display_copyright{
	width:700px;
	font-size:12px;
	color:#202020;
	margin:20px auto;
}

.edit_multi_table-sp{
	width:calc(100vw - 16px);
	font-size:12px;
	border:#909090 1px solid;
	margin:0 auto;
}
.emt_box-sp{
	padding:6px;
}
.emt_bounary-sp{
	border:0;
	border-bottom:#909090 1px solid;
}
.emt_hr-sp{
	border:0;
	border-bottom:#ddd 1px solid;
}
.text_area{
	word-wrap:break-word;
	margin:6px 2px 6px 6px;
}
.mm_b_buttom{
	margin-right:.5em !important;
}
.mm_g_buttom{
    display:inline-block;
    color:#FFF;
    font-size:0.8rem;
    font-weight:bold;
	text-align:center;
	text-decoration:none;
    background-color:#404040;
	border-radius:100vh;
    border:1px solid #DDD;
    padding:5px 10px;
    z-index:2;
	transition:all 0.2s 0s ease;
	margin-right:.5em !important;
}
.mm_g_buttom:active{
    color:#404040;
    background-color:#FFF;
    border:1px solid #707070;
    cursor:pointer;
	transition:all 0.2s 0s ease;
}
.nice_button_area{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	margin:0 1em 2em 1em;
}
.nice_button_box{
	margin:2em 0;
}
.display_copyright{
	font-size:12px;
	color:#202020;
	margin:20px 10px;
}

.m_tw_buttom{
	display:inline-block;
	color:#FFF;
    font-size:0.6rem;
	font-weight:bold;
	text-decoration:none;
	background:#000;
	border:1px solid #000;
	border-radius:10px;
	padding:6px 10px;
	z-index:2;
}
.m_tw_buttom:hover{
    background:#666;
    border:1px solid #666;
	text-decoration:none;
    cursor:pointer;
}
.m_tw_buttom img{
	width:12px;
	height:12px;
	border:0;
	vertical-align:middle;
	padding-right:.5em;
}
.nice_button_box img{
	width:16px;
	height:16px;
	vertical-align:top;
	margin-right:.5em;
}
.nice_button_box button{
	font-size:90%;
	border:0;
	background:0;
	text-decoration:underline;
	cursor:pointer;
}
.nice_button_box span{
	font-size:90%;
	color:#404040;
}
.nice_button_box .nc{
	font-weight:bold;
	color:#FF5E19 !important;
	margin-left:1em;
}
.high_rating_box img{
	width:16px;
	height:16px;
	margin-right:.5em;
}
#rightholder{
	border:0 !important;
	white-space:pre-wrap;
	word-break:break-all;
	color:#404040;
	margin:0 0 1em 1em;
}

/* --- thread-detail --- */
.articlearea{
	border:0 !important;
	word-break:break-all;
}
hr{
	border:0;
	border-top:1px dotted #a9c6c9;
}
#rightholder{
	color:#404040;
	margin-bottom:1em;
}

/* --- topic-detail --- */
.serif_box{
	display:flex;
	word-break:break-all;
	margin:.5em 0;
}
.serif_box>.narration{
	flex:1;
	border-radius:5px;
	padding:.5em;
	align-self:flex-start;
}
.serif_box>.chara{
	width:64px;
	height:64px;
	align-self:flex-start;
	padding-right:6px;
	overflow:hidden;
}
.serif_box>.chara>.chara_image{
	width:64px;
	margin:0 auto;
}
.serif_box>.chara>.chara_image img{
	width:100%;
	height:auto;
}
.serif_box>.serif{
	flex:1;
}
.serif_box>.serif>.chara_name{
	font-size:x-small;
}
.serif_box>.serif>.bubble{
	display:inline-block;
	border-radius:10px;
	padding:.5em;
	align-self:flex-start;
}
.replay_hr{
	border:0;
	border-top:1px solid #bbb !important;
}
.replay_table{
	border-collapse:collapse;
	margin:1em 0;
}
.replay_table td{
	border:1px solid #bbb;
	padding:.5em;
}
.replay_list{
	margin-left:1.5em;
}
.replay_quote{
	display:inline-block;
	color:#202020;
	background-color:#fafafa;
	padding:.5em .5em .5em 2em;
	margin:1em 0;
}
.replay_quote:before{
	position:absolute;
	top:0;
	left:5px;
	content:'“';
	font-size:24px;
	color:#404040;
}
.replay_h3{
    display:block;
	font-size:1.25em;
    font-weight:bold;
	color:#000;
    border-bottom:#bbb solid 1px;
    margin:5px 0;
    padding:5px 0;
}
.replay_h4{
    display:block;
	font-size:1.15em;
    font-weight:bold;
	color:#000;
    border-bottom:#bbb dashed 1px;
    margin:5px 0;
    padding:5px 0;
}
.replay_h5{
    display:block;
	font-size:1.15em;
    font-weight:normal;
	color:#000;
    border-bottom:#bbb dotted 1px;
    margin:5px 0;
    padding:5px 0;
}

/* --- video-tutorial --- */
.box .vp{
	margin:.5em 0 1em;
}
.boxinbox{
	margin-bottom:1em;
}

/* --- vote --- */
.vote_items{
	list-style:none;
	padding:0;
	margin:1em;
}
.display_copyright{
	font-size:12px;
	color:#202020;
	margin:20px 10px;
}

.vote_items{
	list-style:none;
	padding:0;
	margin:1em 3em 5em 3em;
}
.display_copyright{
	width:700px;
	font-size:12px;
	color:#202020;
	margin:20px auto;
}

.vote_title{
	font-weight:bold;
	margin-bottom:1em;
}
.vote_top_image{
	max-width:400px;
	max-height:250px;
	margin:.5em auto;
	overflow:hidden;
}
.vote_top_image img{
	width:100%;
	max-height:250px;
	object-fit:cover;
}
.image_annotation{
	color:#404040;
	font-size:x-small;
	text-align:right;
	margin:1em 0;
}
.vote_item_image{
	max-width:400px;
	max-height:250px;
	margin:.5em auto;
	overflow:hidden;
}
.vote_item_image img{
	width:100%;
	max-height:250px;
	object-fit:contain;
}
.vote_description{
	width:100%;
	white-space:pre-wrap;
	margin:1em 0;
}
.vote_time{
	font-size:.8em;
	margin:.5em 0;
}
.vote_maxvotes{
	font-size:.8em;
	margin:.5em 0;
}
.vote_no_items{
	color:#A92020;
	margin:2em 0;
}
.vote_items li{
	margin:4em 0 8em;
}
.vote_item_top{
	display:flex;
}
.vote_items li form{
	display:block;
	margin-top:4em;
}
.vote_item_rank{
	display:inline-block;
	left:-7px;
	top:-12px;
	height:50px;
	line-height:50px;
	color:#000;
	font-size:large;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 0 #FFF;
	background:#8cffff;
	border-radius:50%;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
	border:3px solid #000;
	vertical-align:center;
	white-space:nowrap;
	padding:0 10px;
	margin-right:.5em;
}
.vote_item_name{
	flex-grow:1;
	font-size:large;
	font-weight:bold;
}
.vote_item_votes{
	font-size:large;
	text-align:right;
	white-space:nowrap;
	margin-left:1em;
}
.vote_button{
	text-align:center;
	margin:.5em 0;
}
.vote_button input[type="submit"]{
    display:inline-block;
    color:#FFF;
    font-weight:bold;
    background:-webkit-gradient(linear,left top,left bottom,from(#FF6060),to(#E00000));
    background:-moz-linear-gradient(top,#FF6060 0%,#E00000);
    background:  -o-linear-gradient(top,#FF6060 0%,#E00000);
    background: -ms-linear-gradient(top,#FF6060 0%,#E00000);
    border:1px solid #D00000;
	border-radius:10px;
    padding:.5em 1.5em;
	text-decoration:none;
}
.vote_button input[type="submit"]:hover{
    background:-webkit-gradient(linear,left top,left bottom,from(#FF0000),to(#C00000));
    background:-moz-linear-gradient(top,#FF0000 0%,#C00000);
    background:  -o-linear-gradient(top,#FF0000 0%,#C00000);
    background: -ms-linear-gradient(top,#FF0000 0%,#C00000);
    border:1px solid #A00000;
    cursor:pointer;
	text-decoration:none;
    color:#FFF !important;
}
.vote_item_summary{
	width:calc(100% - 8em);
	white-space:pre-wrap;
	margin:1em auto;
}
.vote_add_item{
    display:inline-block;
    color:#FFF;
    font-weight:bold;
    background:-webkit-gradient(linear,left top,left bottom,from(#4070FF),to(#0000F0));
    background:-moz-linear-gradient(top,#4070FF 0%,#0000F0);
    background:  -o-linear-gradient(top,#4070FF 0%,#0000F0);
    background: -ms-linear-gradient(top,#4070FF 0%,#0000F0);
    border:1px solid #0000E0;
	border-radius:10px;
    padding:.5em 1.5em;
	text-decoration:none;
	margin-top:2em;
}
.vote_add_item:hover{
    background:-webkit-gradient(linear,left top,left bottom,from(#2050FF),to(#0000D0));
    background:-moz-linear-gradient(top,#2050FF 0%,#0000D0);
    background:  -o-linear-gradient(top,#2050FF 0%,#0000D0);
    background: -ms-linear-gradient(top,#2050FF 0%,#0000D0);
    border:1px solid #0000B0;
    cursor:pointer;
	text-decoration:none;
    color:#FFF !important;
}
.recept_table_r{
	min-width:200px;
	border-collapse:collapse;
	border:solid 2px #ff4747;
	margin:2em auto 1em auto;
}
.recept_table_r th{
	color:#fff;
	text-align:center;
	background-color:#ff4747;
	padding:10px;
}
.recept_table_r td{
	color:#ff4747;
	text-align:center;
	padding:10px;
}
.recept_table_b{
	min-width:200px;
	border-collapse:collapse;
	border:solid 2px #3030F0;
	margin:2em auto 1em auto;
}
.recept_table_b th{
	color:#fff;
	text-align:center;
	background-color:#3030F0;
	padding:10px;
}
.recept_table_b td{
	color:#3030F0;
	text-align:center;
	padding:10px;
}
.articlearea{
	border:0 !important;
	word-break:break-all;
}
hr{
	border:0;
	border-top:1px dotted #a9c6c9;
}
#rightholder{
	color:#404040;
	margin-bottom:1em;
}

/* --- wiki-index --- */
.leftside li.lid{
	color:#FF5E19;
	font-weight:bold;
	list-style-type:none;
	margin:.7em;
}
.leftside li.tgl{
	list-style-type:none;
	margin:.5em;
}
.leftside li.tgl:before{
	content:"▶";
	color:#FF5E19;
	margin-right:.5em;
}
.count_ul li{
	list-style:none;
	display:inline-block;
	min-width:8em;
	margin:1em;
}

.count_ul li{
	list-style:none;
	display:inline-block;
	width:20%;
	text-align:center;
	margin:2em 0;
}
.pub_update_box{
    width:calc(100% - 2px - 2em);
    height:10em;
    font-size:12px;
	border:1px solid #a9c6c9;
	padding:.5em;
    margin:1em auto 0 auto;
	overflow:auto;
}
.pub_update_box ul{
	list-style:none;
    margin-left:.5em;
}
.pub_update_box li{
    padding:.5em 0;
}
.helpc_box{
	display:flex;
	justify-content:space-around;
	margin:1em 0;
}
.helpc_btn{
	text-align:center;
	margin:.1em 0;
}
.helpc_btn a{
	flex:1;
	min-width:4em;
	text-align:center;
	text-decoration:none;
}
.mm_o_buttom{
    display:inline-block;
    color:#FFF;
    font-weight:bold;
    background:-webkit-gradient(linear,left top,left bottom,from(#FF8119),to(#FF5E19));
    background:-moz-linear-gradient(top,#FF8119 0%,#FF5E19);
    background:  -o-linear-gradient(top,#FF8119 0%,#FF5E19);
    background: -ms-linear-gradient(top,#FF8119 0%,#FF5E19);
    border:1px solid #DDD;
	border-radius:5px;
    padding:5px 10px;
    z-index:2;
}
.mm_o_buttom:hover{
    border:1px solid #000;
    cursor:pointer;
}
.pub_description{
    width:95%;
	word-wrap:break-word;
    padding:3px 0;
    margin:20px auto 10px auto;
}
.pub_description_edit{
	text-align:right;
    margin-top:1.5em;
}
.pub_description_edit a,.pub_description_edit span{
	display:inline-block;
    padding:0 1em;
}
.pub_description_edit a.pub_author{
	width:calc(100% - 13em);
	vertical-align:middle;
	color:#404040;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-decoration:none;
	overflow:hidden;
}

.index_ul li{
	margin:.5em 0 .5em 2em;
}

/* --- wiki --- */
.pub_update_box{
    width:calc(700px - 2em);
    height:25em;
    font-size:12px;
	border:1px solid #a9c6c9;
	padding:1em;
    margin:20px auto 6px auto;
	overflow:auto;
}
.pub_update_box ul{
	list-style:none;
    margin-left:.5em;
}
.pub_update_box li{
    padding:.2em 0;
}
.helpc_box{
	display:flex;
	justify-content:center;
	margin:1em .5em;
}
.helpc_btn{
	text-align:center;
	margin:0.1em .3em;
}
.helpc_btn a{
	width:10em;
	text-align:center;
	text-decoration:none;
}
.faq_column{
	display:inline-block;
	width:600px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:1em;
}
.mm_o_buttom{
    display:inline-block;
    color:#FFF;
    font-weight:bold;
    background:-webkit-gradient(linear,left top,left bottom,from(#FF8119),to(#FF5E19));
    background:-moz-linear-gradient(top,#FF8119 0%,#FF5E19);
    background:  -o-linear-gradient(top,#FF8119 0%,#FF5E19);
    background: -ms-linear-gradient(top,#FF8119 0%,#FF5E19);
    border:1px solid #DDD;
    padding:5px 10px;
    z-index:2;
}
.mm_o_buttom:hover{
    border:1px solid #000;
    cursor:pointer;
}
.mm_b_buttom:hover{
    border:1px solid #000;
    cursor:pointer;
}
.pub_description{
	word-wrap:break-word;
	border-bottom:1px solid #FF5E19;
	padding:1em 1em 3em 1em;
	margin-bottom:1em;
}
.pub_description_edit{
	text-align:right;
}
.pub_description_edit a,.pub_description_edit span{
    padding:0 1em;
}

/* ============================================================
   10. フェーズ2 インラインstyle置換用ユーティリティクラス
   ============================================================ */
.mt-2em{margin-top:2em}
.mb-2em{margin-bottom:2em}
.mb-1em{margin-bottom:1em}
.mb-half{margin-bottom:.5em}
.mb-5px{margin-bottom:5px}
.mb-8px{margin-bottom:8px}
.mb-3px{margin-bottom:3px}
.mt-1em{margin-top:1em}
.mt-half{margin-top:.5em}
.mt-10px{margin-top:10px}
.mt-20px{margin-top:20px}
.mt-5px{margin-top:5px}
.me-half{margin-right:.5em}
.me-1em{margin-right:1em}
.me-10px{margin-right:10px}
.ms-2em{margin-left:2em}
.ms-10px{margin-left:10px}
.ms-20px{margin-left:20px}
.ms-5px{margin-left:5px}
.ms-half{margin-left:.5em}
.ms-35px{margin-left:35px}
.ms-1em{margin-left:1em}
.ms-35em{margin-left:3.5em}
.my-1em{margin:1em 0}
.my-half{margin:.5em 0}
.m-icon{margin:5px 10px 0 0}
.mt-5px-only{margin:5px 0 0 0}
.m-5px{margin:5px}
.m-3px{margin:3px}
.m-10px{margin:10px}
.my-20px{margin:20px 0}
.my-8px{margin:8px 0}
.m-6-30{margin:6px 30px}
.my-3em{margin:3em 0}
.m-tlb-10{margin:0 0 10px 10px}
.m-photo{margin:5px 40px 10px 0}
.m-indent{margin:1em 0 0 1.5em}
.m-sym{margin:1em 0.5em 1em}
.mx-1rem{margin:0 1rem}
.section-sep{margin:0 auto 10px auto;padding-bottom:10px;border-bottom:1px dotted #EAC247}
.section-sep2{margin:0 auto 10px auto;padding-bottom:10px}
.p-sp{padding:.2em .5em}
.p-sp2{padding:.3em .5em}
.pb-1em{padding-bottom:1em}
.pb-sep{padding-bottom:1em;border-bottom:1px dotted #EAC247}
.ps-1em{padding-left:1em}
.pe-10px{padding-right:10px}
.p-1em{padding:1em}
.p-1em-2em{padding:1em 2em}
.p-btn{padding:0.5rem 1rem}
.w-5em{width:5em}
.w-7em{width:7em}
.w-15em{width:15em}
.w-56px{width:56px}
.w-60px{width:60px}
.w-82px{width:82px}
.w-86px{width:86px}
.w-100px{width:100px}
.w-116px{width:116px}
.w-120px{width:120px}
.w-150px{width:150px}
.w-190px{width:190px}
.w-200px{width:200px}
.w-210px{width:210px}
.w-220px{width:220px}
.w-250px{width:250px}
.w-300px{width:300px}
.w-304px{width:304px}
.w-400px{width:400px}
.w-430px{width:430px}
.w-500px{width:500px}
.w-30px{width:30px}
.w-70vw{width:70vw}
.mw-120px{max-width:120px}
.mw-64px{max-width:64px}
.fs-small{font-size:small}
.fs-xsmall{font-size:x-small}
.fs-12px{font-size:12px}
.fs-1-2rem{font-size:1.2rem}
.fs-1-3rem{font-size:1.3rem}
.bg-notice{background-color:#FFECA5}
.text-yellow{color:yellow}
.border-b-eee{border-bottom:1px #eee dotted}
.cp{cursor:pointer}
.pre-break{white-space:pre-wrap;word-break:break-all}
.nowrap-left{white-space:nowrap;text-align:left}
.ofit-contain{object-fit:contain}
.input-block{padding:.3em .5em;width:calc(100% - 1em - 4px)}
.input-200{padding:.2em .5em;width:200px}
.input-210{padding:.2em .5em;width:210px}
.input-150{padding:.2em .5em;width:150px}
.input-250{padding:.2em .5em;width:250px}
.input-300{padding:.2em .5em;width:300px}
.input-400{padding:.2em .5em;width:400px}
.input-430{padding:.2em .5em;width:430px}
.input-full{padding:.2em 0;width:100%}
.input-flex{flex:1;padding:.3em .5em}
.input-flex2{flex:1;padding:.2em .5em}
.input-block2{margin:8px 0;padding:.3em .5em;width:calc(100% - 4em - 4px)}
.input-block-h100{padding:.2em .5em;width:calc(100% - 1em - 4px);height:100px;resize:vertical}
.input-block-h100b{width:calc(100% - 2px - 1em);height:100px;resize:vertical}
.input-block-ime{padding:.5em;width:calc(100% - 1em - 4px)}
.input-200-ime{padding:.2em .5em;width:200px}
.input-80pct{width:calc(80% - 1em - 2px);padding:.2em .5em}
.input-mw64{padding:.2em .5em;max-width:64px}
.input-304-sm{width:304px;margin:0 auto;font-size:12px}
.input-500-pl{width:500px;padding-left:10px}
.w-full-sm{width:96%;font-size:x-small;margin:0 auto}
.w-220-center{width:220px;text-align:center}
.w-116-center{width:116px;text-align:center;margin:0 auto}
.w-82-center{width:82px;text-align:center;margin:0 auto}
.w-220-auto{width:220px;margin:0 auto}
.w-70vw-center{width:70vw;margin:2em auto}
.text-end-mb{text-align:right;margin:0 1em 1em 0}
.text-center-y30{text-align:center;margin:30px 0}
.text-center-y20{text-align:center;margin:20px 0}
.text-center-y5e{text-align:center;margin:5em 0}
.text-center-y2e{text-align:center;margin:2em 0}
.text-center-m20{text-align:center;margin:20px}
.text-center-y10{text-align:center;margin:10px 0}
.text-end-mt{margin-top:.5em;text-align:right}
.text-start-mt{margin-top:.5em;text-align:left}
.text-none-center{text-decoration:none;text-align:center}
.btn-w-link{width:15em;text-decoration:none;text-align:center;margin:1em auto}
.btn-del{margin:10px;background:none;border:none;text-decoration:underline;cursor:pointer;color:#f00000}
.btn-text2{text-decoration:underline;cursor:pointer}
.link-plain{color:#000;text-decoration:none}
.notice-black{display:block;color:white;background-color:black;padding:.5em;margin:1em .5em}
.fw-bold-mb{font-weight:bold;margin-bottom:.5em}
.fs-small-mt{font-size:small;margin-top:.5em}
.fs-small-center{font-size:small;text-align:center;margin:5em 0}
.fs-small-ms1{font-size:small;margin-left:1em}
.fs-small-ms35{font-size:small;margin-left:3.5em}
.badge-base{padding:3px 6px;font-weight:bold;color:#fff}
.label-8em{display:inline-block;width:8em;text-align:right}
.va-top-me{vertical-align:top;margin-right:.5em}
.ms-half-mid{margin-left:.5em;vertical-align:middle}
.va-mid-me{vertical-align:middle;margin-right:.5em}
.w-60-cp{width:60px;cursor:pointer}
.w-86-cp{width:86px;cursor:pointer}
.w-56-cp{width:56px;cursor:pointer}
.w-30-cp{width:30px;cursor:pointer}
.thumb-sm{display:block;width:50px;height:50px;object-fit:cover;margin:0 auto}
.d-ib-me{display:inline-block;margin:5px 15px 5px 0}
.d-ib-my{display:inline-block;margin:.3em 0}
.d-flex-mt{display:flex;margin-top:1.2em}
.reply-box{display:block;padding:5px 3px 3px 3px;border-left:1px solid #a9c6c9;border-right:1px solid #a9c6c9;border-bottom:1px solid #a9c6c9}
.input-300-mb{margin-bottom:8px;padding:.2em .5em;width:300px}
.me-1em-p{margin-right:1em;padding:.2em .5em}
.tag-green{display:inline-block;font-size:x-small;color:#fff;background-color:#008000;padding:.3em .5em;margin:.3em .5em .3em 0}

/* --- フェーズ2 追加パス --- */
.m-photo-end{margin:5px 40px 10px 0;text-align:right}
.text-center-y10px{margin:10px 0;text-align:center}
.mb-3em{margin-bottom:3em}
.tag-green2{display:inline-block;font-size:x-small;color:#fff;background-color:#008000;padding:.3em .5em;margin-top:.5em}
.m-5px-bb{margin:5px;border-bottom:1px dotted #CCC}
.d-ib-top{display:inline-block;vertical-align:top}
.d-flex-between{display:flex;justify-content:space-between;align-items:center;margin-top:15px}
.m-sp-lg{margin:.5rem 2.5rem 2.5rem 2.5rem}
.mx-sp-lg{margin:.5rem 2.5rem}
.input-430-h120{padding:.2em .5em;width:430px;height:120px}
.text-gray-my{color:gray;margin:.5em 0}
.p-sp-me{padding:.2em .5em;margin-right:.5em}
.input-400b{width:400px;padding:.2em .5em}
.mb-4px{margin-bottom:4px}
.d-ib-ms10{display:inline-block;margin-left:10px}
.mt-5px-mb-20{margin-top:5px;margin-bottom:20px}
.input-50{padding:.2em .5em;width:50px}
.chat-line-y{width:calc(100% - 6px);min-height:1.3em;background-color:#ffe;border:1px solid #999;padding:2px;margin-bottom:2px;word-break:break-all;white-space:pre-wrap}
.chat-line-g{width:calc(100% - 6px);min-height:1.3em;background-color:#eee;border:1px solid #999;padding:2px;word-break:break-all;white-space:pre-wrap}
.me-6px{margin-right:6px}
.icon-right{display:inline-block;width:16px;margin-right:6px}
.ms-6px{margin-left:6px}
.icon-left{display:inline-block;width:16px;margin-left:6px}
.m-10-5{margin:10px 5px}
.d-ib-center-link{display:inline-block;text-align:center;text-decoration:none}
.mt-6px{margin-top:6px}
.mt-2px{margin-top:2px}
.ps-30px{padding-left:30px}
.w-120-cp{width:120px;cursor:pointer}
.w-50-cp{width:50px;cursor:pointer}
.w-70-cp{width:70px;cursor:pointer}
.w-100-cp{width:100px;cursor:pointer}
.m-10-top{margin:10px 10px 0}
.text-gray-center{color:gray;text-align:center}
.pe-2e-mid{padding-right:.2em;vertical-align:middle}
.m-indent2{margin:0 0 1em 1.5em}
.m-sp-md{margin:.5rem 1.5rem 2.5rem 1.5rem}
.mx-sp-md{margin:.5rem 1.5rem}
.input-block-p3{width:calc(100% - 2px - 1em);padding:.3em .5em}
.w-full-xs{width:calc(100% - 2rem);font-size:.7rem;margin:5px auto}
.my-5px{margin:5px 0}
.input-full-8{margin:8px 0;padding:.3em 0;width:99%}
.p-3e-w50{padding:.3em 0;width:50px}
.w-50px-p3{width:50px;padding:.3em 0}
.ms-3e{margin-left:.3em}
.input-full2{padding:.2em 0;width:99%}
.mh-400{max-height:400px;overflow:hidden}
.input-150-ime{padding:.2em .5em;width:150px}
.input-150-ime-me{padding:.2em .5em;width:150px;margin-right:.5em}
.badge-sm{padding:2px;margin:0 2px;font-weight:bold;color:#fff}

/* --- フェーズ2 3回目パス --- */
.text-end-mb2{text-align:right;margin:0 0 1em 0}
.tag-yellow{display:inline-block;color:#000;border:1px solid #EAC247;background-color:#fffbef;padding:6px 10px;margin:0 0 10px 10px;border-radius:10px}
.flex-1{flex:1}
.m-15-10{margin:15px 10px 0 0}
.ofit-cover{object-fit:cover}
.ofit-contain2{object-fit:contain}
.w-10em-end{width:10em;text-align:right}
.w-90px{width:90px}
.label-130-r{display:inline-block;width:130px;text-align:right;margin-right:.5em}
.va-mid-h3em{vertical-align:middle;height:3em}
.input-block3{padding:.2em .5em;width:calc(100% - 1em - 2px)}
.p-0-5e-mid{padding:0 .5em;vertical-align:middle}
.mb-20px{margin-bottom:20px}
.d-ib-190{display:inline-block;width:190px;text-decoration:none}
.mx-10px{margin:0 10px}
.mt-8px{margin-top:8px}
.m-5-10-top{margin:5px 10px 0}
.input-minw200{padding:.2em .5em;min-width:200px}
.mt-15px{margin-top:15px}
.m-half-25e{margin:.5em 2.5em 0 0}
.tag-yellow2{color:#000;border:1px solid #EAC247;background-color:#fffbef;padding:6px 10px;margin:1em .5em;border-radius:10px}
.text-end-y1rem{text-align:right;margin:1rem 0}
.input-block-h6em{width:calc(100% - 1em - 2px);height:6em}
.input-blockb{width:calc(100% - 1em - 4px);padding:.3em .5em}
.text-center-y15e{text-align:center;margin:1.5em 0}
.input-full3{padding:.3em 0;width:100%}
.label-130-l{display:inline-block;width:130px;text-align:left}
.input-full4{padding:.3em 0;width:99%;margin:8px 0}
.text-center-mid-h3{text-align:center;vertical-align:middle;height:3em}
.input-block-w{width:calc(100% - 1em - 4px)}
.p-0-half{padding:0 .5em}
.input-block-w2{width:calc(100% - 2px - 1em)}
.w-96pct-auto{width:96%;margin:.5em auto}
.p-0-3px{padding:0 3px}
.p-5-10{padding:5px 10px}
.input-full2b{padding:.3em 0;width:99%}
.my-10px{margin:10px 0}