@charset "UTF-8";
/* * * * * * * * * * * * * * * * *

ドラゴンクエストTRPG Style Sheet

 * * * * * * * * * * * * * * * * */

html,body,div{
	margin:0;
	padding:0;
}
body{
	color:#603;
	font-size:16px;
	line-height:1.8;
	font-family:Verdana,Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	background-color:#fff5f5;
	background-image:linear-gradient(0deg, transparent 7px, #ffeaea 8px),linear-gradient(90deg, transparent 7px, #ffeaea 8px);
	background-size:8px 8px;
	background-attachment:fixed;
	-webkit-text-size-adjust:100%;
}
@media screen and (max-width:540px){
body{
	background-image:none;
}
/* max-width:540px * * * * */}

h1,h2,h3,h4{
	margin:0;
	padding:0;
	padding-left:1em;
	font-size:16px;
	line-height:1;
}
p{
	margin:6px 0;
	padding:0 8px;
}
ul,ol,dl,table{
	margin:10px 0;
}
a{
	color:#f06;
	text-decoration:none;
	transition:all 0.4s ease-in-out;
}
a:hover{
	color:#f90;
}
table{
	width:100%;
	font-size:0.9em;
	background-color:#fffff6;
}
caption{
	padding:2px 4px;
	margin:2px;
	border:#fbb 1px solid;
	outline:#fffff6 2px solid;
	background-color:#fffff6;
}
th,td{
	padding:2px 4px;
	border:#fbb 1px solid;
	text-align:center;
}
th{
	background-color:#ffc;
}
th[scope="row"]{
	background-color:#fff6f6;
}
footer small,
footer small a{
	display:block;
}

/* Layout * * * * */

.roof,
.global-navi ul,
.entry-content,
.local-navi nav,
.termsofuse,
.copyright a{
	max-width:680px;
	margin:0 auto;
}
.entry-content{
	padding:10px;
	padding-bottom:40px;
}
@media screen and (max-width:540px){
.entry-content{
	background-color:rgba(255,255,255,0.4);
}
/* max-width:540px * * * * */}

.major-footer{
	background-color:#ffcdcd;
}
.major-header h1{
	padding:10px;
	color:#f03;
	text-align:right;
}
.minor-header h1{
	padding:10px 6px;
	color:#603;
	font-size:1.2em;
	text-align:center;
	border:#333 1px solid;
	border-color:#fee #caa #855 #fee;
	background-color:#fdd;
}
.clause h1,
.clause h2,
.widget h1{
	margin:50px 0 20px;
	padding:6px 10px;
	color:#603;
	border:#333 1px solid;
	border-color:#fee #caa #855 #fee;
	background-color:#fdd;
}
.clause h2,
.clause h3{
	margin:30px 0 20px;
}
.clause h1{
	padding:6px;
	text-align:center;
}
.clause h1:before,
.clause h1:after,
.clause h2:before,
.widget h1:before{
	content:"■";
	margin:0 4px;
	color:#c00;
}
.local-navi{
	background-color:#ffeaea;
}
.local-navi nav{
	overflow:hidden;
}
.local-navi section{
	box-sizing:border-box;
	padding:5px;
	float:left;
}
@media screen and (min-width:541px){
.local-navi section{
	width:33.3%;
}
.local-navi section:nth-child(3n+1){
	clear:both;
}
/* min-width:541px * * * * */}
@media screen and (max-width:540px){
.local-navi section{
	width:50%;
}
.local-navi section:nth-child(2n+1){
	clear:both;
}
/* max-width:540px * * * * */}

.termsofuse{
	box-sizing:border-box;
	padding:20px 100px 20px 0;
}
.termsofuse h1{
	font-size:0.9em;
}
.termsofuse li{
	font-size:0.8em;
}
.copyright{
	background-color:#ffb0b0;
}
.copyright a{
	color:#f1f1f1;
}
.copyright a:hover{
	color:#fff;
}

/* Common Class * * * * */

/* Float List */
.f_list{
	overflow:hidden;
	padding:0;
	list-style-position:inside;
}
.f_list li{
	float:left;
	width:auto;
	margin:6px 10px;
}

/* Table style * * * * */

/* Summary Table */

.summary tr th:last-child,.summary tr td:last-child{
	text-align:left;
}

/* Table th width */

.th80 th:first-child{
	width:80px;
}
.th100 th:first-child{
	width:100px;
}
.th120 th:first-child{
	width:120px;
}

/* Step h3 */

.step{
	counter-reset:step-h3;
}
.step h3{
	padding:4px 6px;
	border-bottom:#633 2px solid;
}
.step h3:before{
	counter-increment:step-h3;
	content:counter(step-h3)".";
	margin-right:4px;
}

/* List Stylet * * * * */

/* Number style List */
.clause ol.numblist{
	counter-reset:ollist1;
	list-style-type:none;
}
.clause ol.numblist > li{
	padding-left:20px;
	position:relative;
}
.clause ol.numblist li:before{
	counter-increment:ollist1;
	content:counter(ollist1)".";
	position:absolute;
	left:2px;
	top:0;
}
.clause ol.numblist > li ol{
	counter-reset:ollist2;
}
.clause ol.numblist > li ol li{
	padding-left:36px;
}
.clause ol.numblist > li ol > li:before{
	counter-increment:ollist2;
	content:counter(ollist1)"-"counter(ollist2)".";
}
.clause ol.numblist > li ul > li
	list-style-type:circle;
}
.clause ol.numblist > li ul > li:before{
	content:none;
}

/* Check style List */
.clause .checklist{
	font-family:"FontAwesome";
}
.clause .checklist > li:before{
	content:"\f00c";
	color:#f00;
	margin-right:4px;
}

/* Step List */

.clause ol.step-list{
	counter-reset:step1;
	list-style-type:none;
}
.clause ol.step-list > li{
	padding-left:20px;
	position:relative;
}
.clause ol.step-list li:before{
	counter-increment:step1;
	content:counter(step1)".";
	position:absolute;
	left:2px;
	top:0;
}
.clause ol.step-list > li ul > li
	list-style-type:circle;
}
.clause ol.step-list > li ul > li:before{
	content:none;
}

/* Breadcrumbs * * * * */

ul.breadcrumbs{
	display:table;
	margin:0 0 20px 10px;
	padding:0;
	list-style-type:none;
}
ul.breadcrumbs li{
	display:table-cell;
	font-size:0.8em;
}
ul.breadcrumbs li:after{
	content:" > ";
}
ul.breadcrumbs li:last-child:after{
	content:"";
}

/* Global Navigation * * * * */

.global-navi{
	margin-top:-20px;
}
.global-navi ul{
	display:none;
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
	position:absolute;
}
.global-navi .toggle{
	position:relative;
	width:34px;
	height:30px;
	left:20px;
	cursor:pointer;
}
.global-navi .toggle span{
	display:block;
	position:absolute;
	width:34px;
	height:4px;
	background-color:#666;
	transform:rotate(0deg);
	transition:all 0.4s ease-in-out;
}
.global-navi .toggle span:nth-child(1){
	top:0;
}
.global-navi .toggle span:nth-child(2){
	top:10px;
}
.global-navi .toggle span:nth-child(3){
	top:20px;
}
.global-navi .active span:nth-child(1){
	top:10px;
	transform:rotate(45deg);
}
.global-navi .active span:nth-child(2){
	top:10px;
	transform:rotate(360deg);
	opacity:0;
}
.global-navi .active span:nth-child(3){
	top:10px;
	transform:rotate(-45deg);
}
.global-navi ul{
}
.global-navi ul li a{
	display:block;
	padding:8px 15px;
	border-top:#999 1px solid;
	color:#fff;
	background-color:rgba(0,0,0,0.8);
}

/* Go Top * * * * */
.gotop{
	position:fixed;
	right:20px;
	bottom:20px;
}
.gotop ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.gotop ul li{
	padding-top:1px;
}
.gotop .toggle{
}
.gotop .toggle + ul{
	display:none;
}
.gotop a,
.gotop .toggle mark,
.gotop .toggle span{
	display:block;
	padding:8px 6px;
	color:#fff;
	font-size:0.9em;
	text-align:center;
}
.gotop .toggle mark,
.gotop .toggle span{
	cursor:pointer;
}
.gotop a{
	background-color:rgba(0,0,0,0.4);
}
.gotop ul ul a{
	padding:4px 6px;
	background-color:rgba(0,0,0,0.6);
}
.gotop .toggle mark{
	background-color:rgba(255,0,103,0.4);
}
.gotop .toggle span{
	background-color:rgba(103,0,255,0.4);
}
.gotop .toggle span,
.gotop .active mark{
	display:none;
}
.gotop .active span{
	display:block;
	padding:4px 6px;
}
.gotop a:hover{
	border-color:#ffc;
	background-color:rgba(0,0,0,0.8);
}
.frontpage .gotop .toggle{
	display:none;
}
@media screen and (max-width:540px){
.gotop .toggle mark{
	background-color:rgba(255,0,103,0.6);
}
.gotop .toggle span{
	background-color:rgba(103,0,255,0.6);
}
.gotop a:hover{
	background-color:rgba(0,0,0,0.8);
}
/* max-width:540px * * * * */}


/* Frontpage Menu * * */

ul.topmenu{
	padding:0;
	list-style-type:none;
}
ul.topmenu li{
	margin-top:-1px;
}
ul.topmenu li a{
	display:block;
	width:90%;
	margin:0 auto;
	color:#603;
}
ul.topmenu li a:hover{
	background-color:#ffc;
}
ul.topmenu dl{
	display:table;
	width:100%;
	margin:0;
	border-collapse:collapse;
}
ul.topmenu dt,ul.topmenu dd{
	display:table-cell;
	margin:0;
	padding:6px;
	border:#666 1px solid;
}
ul.topmenu dt{
	width:180px;
}

/* Column Aside * * */

aside.column{
	box-sizing:border-box;
	width:90%;
	margin:60px auto;
	padding:20px;
	border:#fff 2px dashed;
	box-shadow:0 0 0 10px #ccf;
	background-color:#ccf;
}
aside.column p{
	font-size:0.9em;
}
aside.column p:first-child{
	margin:0 0 10px;
	border:none;
	background-color:transparent;
	text-align:left;
}
aside.column strong:before{
	content:"Column:";
	margin-right:0.6em;
	color:#06f;
	font-size:0.9em;
}

/* Glossary DL * * */

.glsrdl > dt{
	padding:2px 10px;
	color:#900;
	font-weight:bold;
	border:#333 1px solid;
	border-color:#fee #caa #855 #fee;
	background-color:#fdd;
}
.glsrdl > dt span{
	color:#c00;
	font-size:0.9em;
	font-weight:normal;
}
.glsrdl > dd{
	margin:6px 0;
	padding:2px 10px;
}
.glsrdl > dd:nth-child(2){
}
.glsrdl > dd ul{
	padding-left:20px;
}
.glsrdl > dd dd{
	margin-left:0px;
}
/* 心得 */
.kkrdl > dd:nth-child(2){
	border:#333 1px solid;
	border-color:#fff #ddd #ccc #eee;
	color:#00f;
	background-color:rgba(255,255,204,0.4);
}
/* 呪文 */
.jmndl > dd:nth-child(2){
	border:#333 1px solid;
	border-color:#fff #ddd #ccc #eee;
	color:#00f;
	background-color:rgba(255,255,204,0.4);
}
.jmndl > dd:nth-child(3){
	border:#333 1px solid;
	border-color:#fff #ddd #ccc #eee;
	color:#f00;
	background-color:rgba(255,255,255,0.4);
}

/* Clause Format * * * * */

.clause em{
	font-style:normal;
	background-image:linear-gradient(transparent 80%, #f6c 20%)
}
.clause mark{
	background-color:transparent;
	background-image:linear-gradient(transparent 80%, #6fc 20%)
}


/* Page Orgin Style * * * * */

/* 能力値判定の種類 */
.rolebranch-tbl{
}
.rolebranch-tbl tr th:nth-child(1){
	width:90px;
}
.rolebranch-tbl tr td:nth-child(2){
	width:80px;
}
.rolebranch-tbl tr td:nth-child(3),
.rolebranch-tbl tr td:nth-child(4){
	width:60px;
}

/* 心得リスト */

.kokoroe-list tr th:nth-child(1){
	width:120px;
}
.kokoroe-list tr th:nth-child(2),
.kokoroe-list tr td:nth-child(2){
	text-align:left;
}
.kokoroe-list td b{
	color:#33f;
}
.kkr-seizonjutsu td{
	text-align:left;
}
.kkr-seizonjutsu tr th:nth-child(3){
	width:120px;
}




/* Table responsive（small） * * */
@media screen and (max-width:540px){

.rsp-tbl.th80 th:first-child,
.rsp-tbl.th100 th:first-child,
.rsp-tbl.th120 th:first-child{
	width:auto;
}

.rsp-tbl,
.rsp-tbl caption,
.rsp-tbl tr,
.rsp-tbl th,
.rsp-tbl td{
	display:block;
	border:none;
	box-sizing:border-box;
}
.rsp-tbl caption{
	padding:2px 4px;
	margin:2px 2px 0;
	border:#fbb 1px solid;
	outline:none;
}
.rsp-tbl tr:first-child{
	display:none;
}
.rsp-tbl td:before{
	content:attr(data-label)": ";
	display:inline-block;
}
.rsp-tbl{
	overflow:hidden;
	background-color:transparent;
}
.rsp-tbl tr{
	box-sizing:border-box;
	width:100%;
	padding:6px 2px;
	float:left;
	background-color:#fbffff;
	overflow:hidden;
}
.rsp-tbl th,
.rsp-tbl td{
	box-sizing:border-box;
	width:100%;
	border:#fbb 1px solid;
	border-bottom:none;
}
.rsp-tbl td{
	text-align:left;
}
.rsp-tbl tr td:last-child{
	border-bottom:#fbb 1px solid;
}

/* 行為判定／成功評価 対照表 */
.evaluation-tbl tr{
	width:33%;
}
.evaluation-tbl td:before{
	content:"出目"attr(data-label)": ";
	display:inline-block;
}
.evaluation-tbl td{
	text-align:center;
}

/* 能力値判定の種類 */
.rolebranch-tbl tr th:nth-child(1),
.rolebranch-tbl tr td:nth-child(2){
	width:100%;
}
.rolebranch-tbl tr td:nth-child(3),
.rolebranch-tbl tr td:nth-child(4){
	width:50%;
	border-bottom:#fbb 1px solid;
	float:left;
}
.rolebranch-tbl tr td:last-child{
}

/* 難易度／判定結果 対照表 */
.degree-tbl tr{
	width:50%;
}

/* Table responsive（small） * * * * */}