/********************
* 共通CSS
*********************/
body {
	background-image: url("../img/common/background.png");
}
/* TOP画面 */
.topFrame {
	max-width: 95%;						/*横幅最大*/
	margin: 50px auto;					/*マージン*/
	padding: 20px;						/*パディング*/
}
/* TOP画像(アニメーション) */
.img_wrap{
	max-width:480px;
	width: 90%;
	height: auto;
	margin: 70px auto;
	overflow: hidden;
}
input {
	background: #ffffff73 !important;
}
.img_wrap img{
	width: 100%;
	cursor: pointer;
	transition-duration: 0.5s;
}
.img_wrap:hover img{
	transform: rotateY( 360deg );
	transition-duration: 0.5s;
}
/** メインフレーム */
.mainFrame {
	max-width: 100%;					/*横幅最大*/
	margin: 55px auto;					/*マージン*/
	padding: 25px;						/*パディング*/
	border-radius: 4px;					/*角の丸み*/
	border: 2px solid #b9b9b9;			/*枠線*/
	background:rgb(211 211 211 / 62%);	/*背景色透過*/
	height: auto !important;
}
/** 汎用ボタン */
.mainButton {
	white-space: nowrap;
	text-align: center;
	margin-left: 10px;
	padding: 5px 30px;
	font-size: 16px;
	font-weight:bold;			/*文字装飾*/
	border-radius: 10px;		/*角の丸み*/
}
/** 検索結果(画像-背景) */
.searchImgBack {
	border-radius:5px;
	padding-left: 5px;
	padding-right: 5px;
	box-shadow: 2px 2px 4px #c3c3c3;
	background: #c6c6c638;
}
/** 検索結果(画像) */
.searchImgBox {
	position: relative;
	margin: 1px auto;				/*マージン*/
	font-weight: bold;				/*文字装飾*/
	border: solid 1px #8d8d8d3b;	/*枠線*/
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 2px;
	box-shadow: 2px 2px 4px gray;	/*影*/
	background: #506075;			/*背景*/
}
/** 検索結果(画像) */
.searchImgBox p {
	margin: 0; 
	padding: 0;
}
/** 検索結果(画像) */
img.searchBtenImg {
	position: relative;
	width: 800px;
	max-width: 100%;
	height: auto;
	filter: brightness(110%);
}
/** 画像タイトル */
.btenImgTitle {
	margin: auto; 
	color: white; 
	font-size: 14px;
}
/** 画像サイズ */
.btenImgEnixCap {
	width: 180px !important;
}
.btenImgEnixKesi {
	width: 230px !important;
}
.btenImgKesi {
	width: 140px !important;
}
.btenImgBWchibi {
	width: 340px !important;
}
.btenImgSticker {
	width: 200px !important;
}
/** ボックス */
.infoBoxSearch {
	color: #2c2c2f;
}
img:not(.typeImg):not(.typeIcon img):not(.typeIconText):not(.detailImg) {
	-backface-visibility:hidden;
	-webkit-backface-visibility: hidden;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);
	transition:0.3s;
	filter: brightness(110%);
}
img:not(.typeImg):not(.tmImg):not(.typeIcon img):not(.typeIconText):not(.detailImg):hover {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
}
img.typeImg {
	width: 22px;
	margin-left: 4px;
	margin-right: 6px;
}
.dataField {
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}
/** タイトル */
.titleName {
	max-width: 100%;					/*横幅最大*/
	margin-bottom: 5px;					/*マージン*/
	white-space: nowrap;				/*折り返し禁止*/
	font-size: 22px;					/*文字サイズ*/
	font-weight: bold;					/*文字装飾*/
	padding: 4.7px 0px 4px 7px;			/*文字周りの余白*/
	border-radius: 3px;					/*枠*/
	color: white;
	background: #506075;	/*背景色*/
}
/** タイトル(青単色、グラデーション無し) */
.titleNameBlue {
	max-width: 100%;					/*横幅最大*/
	margin-bottom: 5px;					/*マージン*/
	white-space: nowrap;				/*折り返し禁止*/
	font-size: 22px;					/*文字サイズ*/
	font-weight: bold;					/*文字装飾*/
	padding: 4.7px 0px 1px 7px;			/*文字周りの余白*/
	border-left: solid 3px #80d0ff;		/*左線（実線 太さ 色）*/
	border-bottom: solid 0.5px #80d0ff;	/*下線（実線 太さ 色）*/
	background: #dcf3ff;				/*背景色*/
}
/** サイズ：小 */
/** メニュー(タイトル:灰色) */
.menuTitle_sm {
	max-width: 100%;					/*横幅最大*/
	font-size: 13px;					/*文字サイズ*/
	font-weight:bold;					/*文字装飾*/
	margin: 5px 0px 0px 0px;			/*マージン*/
	padding: 1px;						/*文字周りの余白*/
	background: #eaeaea;				/*背景色*/
	border-left: solid 5px #a29a7b;		/*左線（実線 太さ 色）*/
}
/** メニュー(タイトル:青) */
.menuTitleBlue_sm {
	max-width: 100%;					/*横幅最大*/
	color:#f7f7f7;						/*文字色*/
	font-size: 13px;					/*文字サイズ*/
	font-weight:bold;					/*文字装飾*/
	margin: 5px 0px 0px 0px;			/*マージン*/
	padding: 1px;						/*文字周りの余白*/
	background: #419fff;				/*背景色*/
	border-left: solid 5px #006dff;		/*左線（実線 太さ 色）*/
}
/** メニュー(詳細) */
.menuDetail_sm {
	color:#494949;						/*文字色*/
	font-size: 13px;					/*文字サイズ*/
	padding: 3px 8px 3px 8px;			/*文字周りの余白*/
	background: #f9f9f9;				/*背景色*/
}
/** サイズ：中 */
/** メニュー(タイトル:灰色) */
.menuTitle {
	max-width: 100%;					/*横幅最大*/
	font-size: 13px;					/*文字サイズ*/
	font-weight:bold;					/*文字装飾*/
	margin: 5px 0px 0px 0px;			/*マージン*/
	padding: 1px;						/*文字周りの余白*/
	background: #eaeaea;				/*背景色*/
	border-radius: 10px 10px 0px 0px;	/*角の丸み*/
	border-left: solid 2px #a29a7b;		/*左線（実線 太さ 色）*/
	border-right: solid 2px #a29a7b;	/*左線（実線 太さ 色）*/
}
/** メニュー(タイトル:赤) */
.menuTitleRed {
	max-width: 100%;					/*横幅最大*/
	color:#f7f7f7;						/*文字色*/
	font-size: 13px;					/*文字サイズ*/
	font-weight:bold;					/*文字装飾*/
	margin: 5px 0px 0px 0px;			/*マージン*/
	padding: 1px;						/*文字周りの余白*/
	background: #fe2100b3;				/*背景色*/
	border-radius: 10px 10px 0px 0px;	/*角の丸み*/
	border-left: solid 2px #a29a7b;		/*左線（実線 太さ 色）*/
	border-right: solid 2px #a29a7b;	/*左線（実線 太さ 色）*/
}
/** メニュー(詳細) */
.menuDetail {
	color:#494949;						/*文字色*/
	font-size: 15px;					/*文字サイズ*/
	padding: 3px 8px 8px 8px;			/*文字周りの余白*/
	background: #f9f9f9;				/*背景色*/
	border-radius: 0px 0px 10px 10px;	/*角の丸み*/
	border-left: solid 2px #a29a7b;		/*左線（実線 太さ 色）*/
	border-right: solid 2px #a29a7b;	/*左線（実線 太さ 色）*/
}
/** タイトル:灰色 */
.titleGray {
	max-width: 100%;					/*横幅最大*/
	font-size: 15px;					/*文字サイズ*/
	font-weight:bold;					/*文字装飾*/
	margin: 5px 0px 0px 0px;			/*マージン*/
	padding: 3px;						/*文字周りの余白*/
	background: rgb(213 213 213 / 40%);	/*背景色*/
	border-left: solid 5px #7e7e7e;		/*左線（実線 太さ 色）*/
	color: #3b3b3b;
	border-radius: 5px 5px 0px 0px;		/*角の丸み*/
}
/** 詳細:灰色 */
.detailGray {
	max-width: 100%;					/*横幅最大*/
	padding: 3px 10px 3px 3px;			/*文字周りの余白*/
	background: rgb(255 255 255 / 52%);	/*背景色*/
	border-left: solid 5px #7e7e7e;		/*左線（実線 太さ 色）*/
	border-radius: 0px 0px 0px 5px;		/*角の丸み*/
}
/** タイトル:青 */
.titleBlue {
	max-width: 100%;					/*横幅最大*/
	font-size: 15px;					/*文字サイズ*/
	font-weight:bold;					/*文字装飾*/
	margin: 5px 0px -2px 0px;			/*マージン*/
	padding: 3px;						/*文字周りの余白*/
	background: rgb(0 115 255 / 8%);	/*背景色*/
	border-left: solid 5px #10a7ff;		/*左線（実線 太さ 色）*/
	color: #002985;
	border-radius: 5px 5px 0px 0px;		/*角の丸み*/
}
/** 詳細:青 */
.detailBlue {
	max-width: 100%;					/*横幅最大*/
	padding: 3px 10px 3px 3px;			/*文字周りの余白*/
	background: rgb(255 255 255 / 52%);	/*背景色*/
	border-left: solid 5px #10a7ff;		/*左線（実線 太さ 色）*/
	border-radius: 0px 0px 0px 5px;		/*角の丸み*/
}
/** 詳細:青(中央) */
.detailBlue_c {
	max-width: 100%;					/*横幅最大*/
	padding: 3px 10px 3px 3px;			/*文字周りの余白*/
	background: rgb(255 255 255 / 52%);	/*背景色*/
	border-left: solid 5px #10a7ff;		/*左線（実線 太さ 色）*/
	border-radius: 0px 0px 0px 0px;		/*角の丸み*/
}
/** タイトル:緑 */
.titleGreen {
	max-width: 100%;					/*横幅最大*/
	font-size: 15px;					/*文字サイズ*/
	font-weight:bold;					/*文字装飾*/
	margin: 5px 0px -2px 0px;			/*マージン*/
	padding: 3px;						/*文字周りの余白*/
	background: rgb(63 255 0 / 18%);	/*背景色*/
	border-left: solid 5px #50c87b;		/*左線（実線 太さ 色）*/
	color: #13560f;
	border-radius: 5px 5px 0px 0px;		/*角の丸み*/
}
/** 詳細:緑 */
.detailGreen {
	max-width: 100%;					/*横幅最大*/
	padding: 3px 10px 3px 3px;			/*文字周りの余白*/
	background: rgb(255 255 255 / 52%);	/*背景色*/
	border-left: solid 5px #50c87b;		/*左線（実線 太さ 色）*/
	border-radius: 0px 0px 0px 5px;		/*角の丸み*/
}
/** 詳細:緑(中央) */
.detailGreen_c {
	max-width: 100%;					/*横幅最大*/
	padding: 3px 10px 3px 3px;			/*文字周りの余白*/
	background: rgb(195 255 216 / 7%);	/*背景色*/
	border-left: solid 5px #50c87b;		/*左線（実線 太さ 色）*/
	border-radius: 5px 5px 5px 5px;		/*角の丸み*/
}
/** 詳細:赤(中央) */
.detailRed_c {
	max-width: 100%;					/*横幅最大*/
	padding: 3px 10px 3px 3px;			/*文字周りの余白*/
	background: rgb(195 255 216 / 7%);	/*背景色*/
	border-left: solid 5px #ff3100;		/*左線（実線 太さ 色）*/
	border-radius: 5px 5px 5px 5px;		/*角の丸み*/
}
/** 警告:赤 */
.warningRed {
	max-width: 100%;					/*横幅最大*/
	padding: 3px 10px 3px 3px;			/*文字周りの余白*/
	background: rgb(255 255 255 / 52%);	/*背景色*/
	border-left: solid 5px red;			/*左線（実線 太さ 色）*/
	border-radius: 5px 0px 0px 5px;		/*角の丸み*/
}
.table-info {
	background-color: #b1b1b13b !important;
}
.load-fade {opacity : 0; transition : all 2s;}
.load-up{opacity: 0; transform: translateY(100px); transition: all 1s;}
.load-up.done, .load-fade.done{opacity : 1 !important; transform : translate(0, 0) !important;}
a:hover {
	text-decoration: none !important;
}