@charset "UTF-8";

/* ======================== 基本スタイル === */

/* --- ページ基本設定 ---*/
#my_body {
	margin: 0 0 0 0;

}
#wrapper {
	width: 100%;
	font-size: small;
	background-color: #ffffff;
	color: #333333;
	padding: 0 0 0 0;

}
/*ヘッダー～(menu_button)～メイン～フッターのpadding揃えないと変な空白できる*/
/* --- ヘッダー --- */
#topheader_area {
	height: 70px;
	padding: 0 2% 0 2%;
	background-color: #dddddd;
}
#header_area {
	background-color: #eeeeee;
	padding: 2% 2% 2% 2%;
	/*border: 1px solid; */ 
}

/* --- TOPメニューボタンエリア --- */
.menu_button {
	background-color: #eeeeee;
	padding: 2% 2% 0 2%;
}

/* --- メイン --- */
#main_area {
	background-color: #eeeeee;
	padding: 2%;
	line-height: 150%;
}
/* --- フッター --- */
#footer_area {
	height: 70px;
	padding: 0 2% 0 2%;
	background-color: #dddddd;
}
/*------------------------------------------------------------*/
/* --- リンク --- */
a:link    { color: #3f3f8c; text-decoration: none; }
a:visited { color: #3f3f8c; text-decoration: none; }
a:hover   { color: #3f3f8c; text-decoration: underline; background-color: #cccccc}
a:active  { color: #3f3f8c; text-decoration: none; }

/* --- 水平線 --- */
hr.line1  { 
	color: #8a8a8a;
	height: 1px;
}

/* --- ナビ（蒼） --- */
div.navi2 {
	border-width: 0 0 0 7px;
	border-style: solid;
	padding: 1em; 
	border-color: #666699;
	background: #aebecc;
}

/* --- ナビ（緑） --- */
div.navi3 {
	border-width: 0 0 0 7px;
	border-style: solid;
	padding: 1em;
	border-color: #669966;
	background: #aeccae;
}

/* --- 見出し --- */
h1.none { display: none; }
h2,h3	{ font-size: small;} 

h2.top, h2.data1 {
	background-color: #dddddd;
	margin-top: 2em; 
	padding: 7px;
	border : 1px dotted;
}

/* --- リスト蒼（メニュー用） --- */
li.menu_1 {
	list-style-type: none;
	background-image: url('./img/a0224.gif');
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 16px;
	margin-top: 0.5em; 
}

/* --- リスト蒼（メニュー以外） --- */
li.list_1 {
	list-style-type: none;
	background-image: url('./img/a0224.gif');
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 16px;
}

/* --- リスト緑（メニュー用） --- */
li.menu_2 {
	list-style-type: none;
	background-image: url('./img/a0233.gif');
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 16px;
	margin-top: 0.5em;
}

/* --- リスト緑（メニュー以外） --- */
li.list_2 {
	list-style-type: none;
	background-image: url('./img/a0233.gif');
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 16px;
}

/* --- ボス情報の囲み枠 --- */
div.box1 {
	border: 1px dotted;
/*	padding-left: 5%;
	padding-right: 5%;*/
}

/* --- ボスデータ表 --- */
table.ene1 {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* --- 敵情報 --- */
dt.boss { font-weight: bold; }

/* --- 大きめデータ表 --- */
table.ptn2 {
	margin-top: 1em;
	margin-bottom: 1em;
	width: 100%;
}

/* --- 表見出し --- */
th.sen1 { background-color: #d5dce3; }
th.sen2 { background-color: #d5e3d5; }
td.sen1 { background-color: #d5dce3; }
td.sen2 { background-color: #d5e3d5; }

/* --- 店の追加アイテム分 --- */
tr.additem {
	background-color: #dee9c9;
}

/* --- 能力値バランス図配置 --- */
p.image { text-align: center; }
p.comment {
	text-align: center;
	margin: 5px;
}
/* --- 能力値バランス図 --- */
div.flex-box {
	display: flex; 
	flex-wrap: wrap;
}
div.imagebox {
	border: 1px solid #aebecc;
}
p.caption {
	font-weight: bold;
	background-color: #aebecc;
	text-align: center;
}
div.imagebox2 {
	border: 1px solid #aeccae;
}
p.caption2 {
	font-weight: bold;
	background-color: #aeccae;
	text-align: center;
}


/* --- 台詞集 --- */
dt.ch { font-weight: bold; }

dl.scr1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
dt.scr2 {
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 6em;
	text-align: right;
}
dd.scr3 {
	position: relative;
	top: -1.2em; 
	left: 6.2em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 100%;
	z-index:1;
	width:80%;line-height: 1.2em;
}

/* --- マップ（横幅を親要素内に収める） --- */
img.map { 
	margin-top: 10px;margin-bottom: 40px;
	margin-right: 20px;margin-left: 20px;
	max-width: 100%;
	height: auto;
}


/*------------------------------------------------------------*/
/* --- TOPサイトタイトル --- */
.sitetitle {
	padding: 10px 0 0 10px;
	font-weight: bold;
}

/* --- TOPメニューボタン --- */
.tmenu1 a, .tmenu2 a, .tmenu3 a {
	display: table-cell;
	width: 92px;
	height: 92px;
	text-align: center;
	vertical-align: middle;
	color: #3f3f8c;
	font-weight: bold;
	text-decoration: none;
}

.tmenu1 { 
	margin-right: 5px;
	background-color: #aebecc;
	padding: 5px;  
	float: left; 
	border-radius: 15px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3); 
}
.tmenu2 { 
	margin-right: 5px;
	background-color: #aeccae;
	padding: 5px;  
	float: left; 
	border-radius: 15px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3); 
}
.tmenu3 { 
	background-color: #ffa500;
	padding: 5px;  
	float: left; 
	border-radius: 15px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3); 
 }

/* --- TOPテキストエリア --- */
div.t1 {
	padding: 0 2em 2em 2em;
}
div.upd1 { color: #666699; font-weight: bold;}
div.upd2 { color: #669966; font-weight: bold;}


/* ======================== 横幅768px～のデバイスで適用（パソコン） === */
@media all and (min-width: 768px) {

/* --- ヘッダー --- */
#topheader_area {
	width: 750px; 
	border-right: 1px solid;
}
#header_area{
	width: 750px; 
	border-right: 1px solid;
}
/* --- TOPメニューボタンエリア --- */
.menu_button {
	width: 750px; 
	border-right: 1px solid;
}
/* --- メイン --- */
#main_area {
	width: 750px; 
	border-right: 1px solid;
}
/* --- フッター --- */
#footer_area {
	width: 750px; 
	border-right: 1px solid;
}


/* --- メニューページ --- */
.baseinfo {
	margin-left: 5%;
	padding-bottom: 2%;
/*	border: 1px solid; */
}

.kouryakuinfo {
	display: flex;
	margin-left: 5%;
	padding-bottom: 2%;
/*	border: 1px solid; */
}

.boxt1, .boxt2 {
	padding-right: 5%;
/*	border: 1px solid; */

}

}
/* ============================================================ */