#skill_list {

}



/*table*/
table {
	border-collapse: collapse;
}

td {
	padding: 5px;
}

.soubi_head {
	/*background-color: #E5D7EE;*/
}

/*装備のtable*/
.soubi_table {
	border: 0px none;
	border-top: solid 1px #3dbfb8;/*tableの一番上の線の色*/
}

.soubi_table td {
	padding: 5px;/*セルに余白をつける*/
	border-bottom: solid 1px #3dbfb8;/*tdの下段の線の色*/
	vertical-align:middle;
}

.soubi_table tr:nth-child(odd) td {
	/*奇数行の色を変更*/
	background-color: #e3f6f5;
}

.soubi_table_td1 {
	padding-top: 10px !important;/*セルに余白をつける*/
}

.soubi_table img {
	/*装備の画像サイズ*/
	width: 20px;
	/*height: 20px;*/
}


.soubi_table a{
	text-decoration: none;
}




/*装飾品のtable*/
.sousyokuhin_table{
	border: 0px none;
	border-top: solid 1px #EDA184;/*tableの一番上の線の色*/
}

.sousyokuhin_table td{
	border-bottom: solid 1px #EDA184;/*tdの下段の線の色*/
}

.sousyokuhin_table tr:nth-child(odd) td{
	/*奇数行の色を変更*/
	background-color: #F9DFD5;
}

/*テーブルのセル内の文字を中央に寄せる*/
.td_center {
	text-align: center;
	/*vertical-align:middle;*/
}


/*スキルのポイントがどの部位で発動するかを表示するテーブル*/
.skill_table {
	border: 0px none;
	white-space: nowrap;/*折返しできないようにして横にスクロールするようにする*/
	border-top: solid 1px #3dbfb8;/*tableの一番上の線の色*/
}

.skill_table_div {
	overflow-x: scroll;/*横スクロールバーを表示　↑のwhite-spaceと合わせて使う*/
}

.skill_table td {
	padding: 5px;/*セルに余白をつける*/
	border-bottom: solid 1px #3dbfb8;/*tdの下段の線の色*/
}

.skill_table tr:nth-child(odd) td {
	/*奇数行の色を変更*/
	background-color: #e3f6f5;
}

.skill_table img {
	/*装備の画像サイズ*/
	width: 20px;
	height: 20px;
}



/* 余剰スキルのアイコン */
.yozyou_icon::before {
    font-family: "Font Awesome 5 Free";
    content: "\f055";
    font-weight: 900;
	color: green;
}

/* f300 */
/* f1e2 */

/* 防御力や属性耐性 */
.va_m {
	vertical-align: middle;
}

.va_m img {
	vertical-align: middle;
}

/* 防御アイコン */
.bougyo::before {

	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	width: 16px;/*画像の幅*/
  	height: 16px;/*画像の高さ*/
  	background-image: url(./img_data/r_bougyo.png);
  	background-size: contain;
  	vertical-align: middle;
	background-repeat: no-repeat;

}


/* 火属性アイコン */
.hi::before {

	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	width: 16px;/*画像の幅*/
  	height: 16px;/*画像の高さ*/
  	background-image: url(./img_data/r_hi.png);
  	background-size: contain;
  	vertical-align: middle;
	background-repeat: no-repeat;

}


/* 水アイコン */
.mizu::before {

	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	width: 16px;/*画像の幅*/
  	height: 16px;/*画像の高さ*/
  	background-image: url(./img_data/r_mizu.png);
  	background-size: contain;
  	vertical-align: middle;
	background-repeat: no-repeat;

}


/* 雷アイコン */
.kaminari::before {

	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	width: 16px;/*画像の幅*/
  	height: 16px;/*画像の高さ*/
  	background-image: url(./img_data/r_kaminari.png);
  	background-size: contain;
  	vertical-align: middle;
	background-repeat: no-repeat;

}


/* 氷アイコン */
.koori::before {

	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	width: 16px;/*画像の幅*/
  	height: 16px;/*画像の高さ*/
  	background-image: url(./img_data/r_koori.png);
  	background-size: contain;
  	vertical-align: middle;
	background-repeat: no-repeat;

}


/* 龍アイコン */
.ryuu::before {

	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	width: 16px;/*画像の幅*/
  	height: 16px;/*画像の高さ*/
  	background-image: url(./img_data/r_ryuu.png);
  	background-size: contain;
  	vertical-align: middle;
	background-repeat: no-repeat;

}


/* 大剣アイコン */
.taiken::before {

	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	background-image: url(./img_data/r_taiken.png);
  	width: 20px;/*画像の幅*/
  	height: 30px;/*画像の高さ*/
  	background-size: contain;
  	vertical-align: baseline;
	background-repeat: no-repeat;

}


/* 頭アイコン */
.head::before {

	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	background-image: url(./img_data/r_head.png);
  	width: 20px;/*画像の幅*/
  	height: 21px;/*画像の高さ*/
  	background-size: contain;
  	vertical-align: baseline;
	background-repeat: no-repeat;

}



/* 胴アイコン */
.body::before {

	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	background-image: url(./img_data/r_body.png);
  	width: 20px;/*画像の幅*/
  	height: 21px;/*画像の高さ*/
  	background-size: contain;
  	vertical-align: baseline;
	background-repeat: no-repeat;

}



/* 腕アイコン */
.arm::before {

	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	background-image: url(./img_data/r_arm.png);
   	width: 20px;/*画像の幅*/
  	height: 21px;/*画像の高さ*/
 	background-size: contain;
  	vertical-align: baseline;
	background-repeat: no-repeat;

}



/* 腰アイコン */
.wst::before {

	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	background-image: url(./img_data/r_wst.png);
  	width: 20px;/*画像の幅*/
  	height: 21px;/*画像の高さ*/
  	background-size: contain;
  	vertical-align: baseline;
	background-repeat: no-repeat;

}



/* 脚アイコン */
.leg::before {

	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	background-image: url(./img_data/r_leg.png);
  	width: 20px;/*画像の幅*/
  	height: 21px;/*画像の高さ*/
  	background-size: contain;
  	vertical-align: baseline;
	background-repeat: no-repeat;

}



/* 護石アイコン */
.goseki::before {

	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	background-image: url(./img_data/r_goseki.png);
  	width: 20px;/*画像の幅*/
  	height: 21px;/*画像の高さ*/
  	background-size: contain;
  	vertical-align: baseline;
	background-repeat: no-repeat;

}



/* 装飾品アイコン */
.rurigen::before {

	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	background-image: url(./img_data/r_rurigen.png);
  	width: 20px;/*画像の幅*/
  	height: 21px;/*画像の高さ*/
  	background-size: contain;
  	vertical-align: baseline;
	background-repeat: no-repeat;

}












/* h2タグのようなもの */
.h2 {
	font-weight: bold;
	padding: 8px 10px 8px 15px;
	border-left: 5px solid #4865b2;
	background: #f2f2f2;
	margin-bottom:20px;
}


/* ナビゲーションメニュー */
.header_list {
	/* 上に固定する */
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color:white;

	/* 高さ */
	height:65px;

	/* はみ出した部分を改行させない */
	white-space: nowrap;

	/* はみ出た場合、横にスクロールできるようにする */
	overflow-x: scroll;
}


.header_list::-webkit-scrollbar {
	/*ナビゲーションの横スクロールバーを非表示に*/
	height: 0px;
	width: 0px;
}













.ssim_list {
	list-style-type: none;/*念の為マーカーを非表示*/
	padding-left: 0px;/*ulタグの左の余白を作る*/
}

.ssim_list li {
	display:table-cell;/*リストタグを横並びにする*/

	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
}


.ssim_list_span {
	color: #0000ee;/*aタグと同じ文字の色にする*/
}

.ssim_list_span:hover {

	/*マウスカーソルを載せた時に指マークにする*/
	cursor: pointer;

	/*
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	padding-bottom:4px;
	border:solid 1px #000000;
	*/

}

.ssim_list li a {
	text-decoration: none;
}


/*ナビゲーションメニュー～ここまで*/











/*装飾品の数を設定するinputのCSS*/
.sousyokuhin_number {
	width: 30px;
}







input {
	margin-top: 5px;
}



/* スキル選択項目に表示される画像 */
#skill_search img {
	vertical-align: baseline;
}










	/*スマホ用*/
@media (max-width: 849px) {

	.cover-colum {
		scroll-snap-type: x proximity;/*必要*/
		display: flex;/*必要*/
		overflow-x: scroll;/*ピタッとくっつくために必要*/
	}


	.cover-colum > div {
		scroll-snap-align: start;/*必要*/
		/*スクロールバーを表示してスクロールした時に別の要素が一緒に移動しないために必要*/
		/*-85にするのは縦のスクロールをなくすため*/
		/*height:calc(100vh - 85px);*/
		height:calc(100vh - 80px);
		width: 100%;/*ないと文字が横長になるので必須*/
		flex: none;/*必要*/
	}



	.side-colum-wrapper{
		/* スマホ版広告を下に設置するために必要 */
		min-height: 100%;
		/* .pc_under, .pushと同じ高さにする */
		margin-bottom: -350px;
	}


	.pc_under, .push{
		/* スマホ版広告とか訪問者数を下に寄せる */
		/* PCでは表示しないので高さを0に */
		/* height: 350px; */
	}
	

	.main-colum {

	}

	.side-colum {
		overflow-y: scroll;
	}

	.side2-colum {
		display:none;/* スマホでは3つ目は非表示 */
	}




	/* サイドカラムのスクロールバーを非表示 */
	.side-colum::-webkit-scrollbar {
		height: 0px;
		width: 0px;
	}

	/* サイド2カラムのスクロールバーを非表示 */
	.side2-colum::-webkit-scrollbar {
		height: 0px;
		width: 0px;
	}

	/* スキル一覧のスクロールバー */
	#skill_list {
		overflow-y: scroll;
		/* height:calc(100vh - 80px - 200px);/*jqueryで制御するのでだいだいの数値 */
		height:480px;/* lqueryで制御するのでだいだいの数値 */
	}




	/* PC用広告を非表示 */
	.ad_sim_pc, .ad_sim_pc2 {
		display:none;
	}


	/* testを非表示 */
	.pc{
		display:none;
	}



	/*　　　　　　　　装備をクリックした時に表・非表示にする　　　　　　　　　　　*/
	.soubi_echo label{
		display: block;/* ラベルをブロック要素にして空白部分をクリックしても動くようにする */
	}




	.soubi_echo .soubi_echo_hidden{
	    height: 0;/*これがないと非表示にならない*/
	    overflow-y: hidden;/*これがないと読み込んだ時に一瞬だけ非表示部分が表示される*/
	    transition: 0.8s;/*ゆっくり表示させる*/
	}

	/*クリックで中身を表示*/
	.soubi_echo input:checked + label + .soubi_echo_hidden {
	    height: auto;/*これがないと表示されない*/
	}
	/*　　　　　　　　装備をクリックした時に表・非表示にする～ここまで　　　　　　　　　　　*/

}
	/*スマホ用～ここまで*/









	/*PC用*/
@media (min-width: 850px) {



	html {
		/*scroll-behavior: smooth;*/
	}


	/* ↓レイアウト全体領域 */
	.cover-colum {
		display: flex;
	}


	/* メインカラムのCSS */
	.main-colum {

		/*横幅*/
		width:450px;

	}







	/* サイドカラムのCSS */
	.side-colum {
		/* 縦にスクロールできるようにする */
		overflow-y: scroll;
		height:calc(100vh - 80px);

		/* 横幅 */
		width:400px;
	}






	.side2-colum {
		/* 縦にスクロールできるようにする */
		overflow-y: scroll;
		height:calc(100vh - 80px);

		/*横幅*/
		width:400px;
	}




	/*スキル一覧のスクロールバー*/
	#skill_list{
		overflow-y: scroll;
		height:calc(100vh - 80px - 200px);/*lqueryで制御するのでだいだいの数値*/
		/* #skill_search_culum .header_list*/
	}




	/* side-colum内に作ったdiv */
	.side-colum-wrapper{
		/* 広告を下に設置するために必要 */
		/* min-height: 100%; */
		/* .pc_under, .pushと同じ高さにする */
		/* margin-bottom: -350px; */
	}


	.pc_under, .push{
		/* 広告とか訪問者数を下に寄せる */
		/* PCでは表示しないので高さを0に */
		/* height: 350px; */
	}





	/* side-colum内に作ったdiv */
	.side-colum-wrapper2{
		/* 広告を下に設置するために必要 */
		min-height: 100%;
		margin-bottom: -350px; /* .pc_under, .pushと同じ高さにする */
	}


	.pc_under2, .push2{
	/*広告とか訪問者数を下に寄せる*/
		height: 350px;
	}













	/*PC用広告を表示してスマホ用広告を非表示にする*/
	.ad_sim_pc, .ad_sim_pc2{

	}

	.ad_sim_sp, .ad_sim_sp2{
		display:none;
	}

	
	/*testを非表示*/
	.sp{
		display:none;
	}


	/*装備選択時にマウスを矢印から指にする*/
	.label_class_pc, .label_class_pc table, .label_class_pc label{
		cursor :pointer;/*マウスを載せた時に矢印から指にする*/
	}




	/*装備の詳細データを非表示にする（.soubi_echoがないとjsは.soubi_echo_hidden内のデータを読み込んでくれない）*/
	.soubi_echo .soubi_echo_hidden{
	    height: 0;/*これがないと非表示にならない*/
	    overflow-y: hidden;/*これがないと非表示部分が表示される*/
	}




}
/*PC用～ここまで*/





/*スキルをドラッグできなくしてクリックしやすくする*/
.skill_input_nodrag{
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;	
}

/*ラジオボタンのCSS*/
#skill_list input[type=radio]{
	display: none;
}

/*ラジオボタンのCSS*/
#skill_list input[type="radio"]:checked + label {
	background: #31A9EE;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
}

/*ラジオボタンのlabelタグ*/
#skill_list label{
	margin: 3px; /* ボックス外側の余白 */
	/*height: 20px;*/ /* ボックスの高さを指定する */

	padding-left: 3px; /* ボックス内左側の余白 */
	padding-right: 3px; /* ボックス内御右側の余白 */

	color: #b20000; /* フォントの色を指定 */
	line-height: 45px; /* 行の高さ */
	cursor: pointer; /* マウスをのせた時に */
	border: 1px solid #006DD9;/* ボックスの境界線を実線で指定する */
	border-radius: 5px; /* 角丸にする */
}

/* マウスオーバー時のCSS */
.label:hover {
	background-color: #E2EDF9; /* マウスオーバー時の背景色を指定する */
}


/* 装備にマウスを載せた時 */
.soubi_echo:hover{
	/*background-color: #f4f4f4;*/
}




/* スキル検索 */

#skill_search_culum{
	background-color:#efefef;

	/* 上部に固定する */
	position: sticky;
	top:0px;
}





/* スキル検索のチェックボックスを消す */
#skill_search input[type="checkbox"]{
	display: none;
}



/* スキル検索のチェックボックスのデザインとチェックボックスが押されていない時のデザイン */
#skill_search label{
	color: #333;
	background-color:#FFF;
	border: 1px solid #adadad;

	line-height: 2.5em;
	margin: 5px;
	padding: 3px 8px;
}



/* スキル検索のチェックボックスが押されている時のデザイン */
#skill_search input[type="checkbox"]:checked + label{
	color: #fff;
	background-color:#5cb85c;
	border: 1px solid #4cae4c;
}


/* スキル検索の画像 */
#skill_search img{
	height:15px;
}







/* bodyの背景色 */
body{
	/* background-color: #f4f4f4; */
}



/* 追加スキル */
.tuika_skill{
	text-decoration: underline;
	color: #0000ee;
	cursor: pointer; /* マウスをのせた時に */
}

.tuika_skill_div{
	background-color: #f4f4f4;
	padding-top: 5px;
	padding-bottom: 5px;
}







/* hrタグの設定 */
hr {
	height:3px;
	background-color: gray;
	border: none;
}



.soubi_echo .label_class_sp{
	/* チェックボックスを非表示にする */
	display: none;
}

#ssim_kekka_pc .label_class_sp{
	/* PC版で表示される防具詳細のチェックボックスを非表示にする */
	display: none;
}




/* 防具追加の属性耐性のフォームサイズ */
.bougu_tuika_zokusei_taisei {

	width: 38px;
	margin: 0 5px;

}


/* 非表示にする */
.hidden {
	display: none;
}


/* 追加防具のスキルポイント */
/* #bougu_tuika_skill1_sp , 
#bougu_tuika_skill2_sp , 
#bougu_tuika_skill3_sp , 
#bougu_tuika_skill4_sp , 
#bougu_tuika_skill5_sp , 
#bougu_tuika_skill6_sp , 
#bougu_tuika_skill7_sp , 
#bougu_tuika_skill8_sp , 
#bougu_tuika_skill9_sp , 
#bougu_tuika_skill10_sp {

	width: 38px;

}
 */

/* 傀異防具として追加するスロット数 */
#kaii_tuika_slot { 

	margin: 0 0 0 5px;
	display: none;

}

/* 傀異防具として追加するスキルポイント */
#kaii_tuika_skill1_sp , 
#kaii_tuika_skill2_sp , 
#kaii_tuika_skill3_sp , 
#kaii_tuika_skill4_sp {

	width: 42px;
	margin: 0 0 0 5px;
	display: none;

}


/* 傀異防具として追加する防御力 */
#kaii_tuika_bougyo {

	margin: 0 0 0 5px;
	display: none;

}



/* 傀異防具として追加する属性耐性のフォームサイズ */
.kaii_tuika_zokusei_taisei {

	width: 38px;
	margin: 0 5px;

}


/* 傀異防具として追加する属性耐性を囲っているspan */
.kaii_taisei_list {

	display: none;

}