@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
    border:0;
    outline:0;
	font-size: 100%;
	vertical-align: baseline;
}

@media screen and (max-width: 850px) {
body{
	width:900px;
}
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height:1;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif, "UD デジタル 教科書体 N-R"
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea {
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}
table .center{
	margin-left: auto;
	margin-right: auto;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix{
overflow:hidden;
}

.both{
	clear:both;
}

img {
	vertical-align:baseline;
}

table {
	width:100%;
}

a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}
/* リンクボタン：アンカー関連 */
a{
	color: #00A2E8;				/* 文字色　*/
	text-decoration: none;			/* アンカーの下線を消す */
}
a:hover{
	color: turquoise;				/* 文字色　#00A2E8*/
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

sup {
	line-height: 100%;
	font-size:10px;
	vertical-align: 0.4em;
}
sub{
	line-height: 100%;
	font-size:10px;
	vertical-align: -0.1em;
}

/*----------<文字配置>----------*/
.txtLeft{ text-align: left; }		/* 左寄せ */
.txtRight{ text-align: right; }		/* 右寄せ */
.txtCenter{ text-align: center; }	/* 中寄せ */
	
/*----------<文字修飾>----------*/
.fB{ font-weight: bold; }			/* 太字 */
.fBr{ font-weight: bolder; }		/* 超太字 */

/* text-decoration
【第１パラメータ】：線の位置	線なし(none)、取り消し線(line-through)、下線(underline)	、上線(overline)
【第２パラメータ】：線の種類	一重線(solid)、二重線(double)、点線(dotted)、破線(dashed)、波線(wavy)
*/
/* アンダーライン：一重線 */
.fU{								/* アンダーライン */
	text-decoration: underline solid;
}
.fUu{								/* アンダーライン：ちょっと離す */
	text-decoration: underline solid;
	text-underline-position: under;
}
.fU2{								/* アンダーライン：調整 */
	text-decoration: underline solid;
	text-underline-offset: 2px;
}
/* アンダーライン：二重線 */
.f2U{								/* 二重線 */
	text-decoration: underline double;
}
.f2Uu{								/* 二重線：ちょっと離す */
	text-decoration: underline double;
	text-underline-position: under;
}
.f2U2{								/* 二重線：調整 */
	text-decoration: underline double;
	text-underline-offset: 2px;
}
/* アンダーライン：点線 */
.fDU{								/* 点線 */
	text-decoration: underline dotted;
}
.fDUu{								/* 点線：ちょっと離す */
	text-decoration: underline dotted;
	text-underline-position: under;
}
.fDU2{								/* 点線：調整 */
	text-decoration: underline dotted;
	text-underline-offset: 2px;
}
/* アンダーライン：破線 */
.fHU{								/* 破線 */
	text-decoration: underline dashed;
}
.fHUu{								/* 破線：ちょっと離す */
	text-decoration: underline dashed;
	text-underline-position: under;
}
.fHU2{								/* 破線：調整 */
	text-decoration: underline dashed;
	text-underline-offset: 2px;
}
/* アンダーライン：波線 */
.fWU{								/* 波線 */
	text-decoration: underline dotted;
}
.fWUu{								/* 波線：ちょっと離す */
	text-decoration: underline dotted;
	text-underline-position: under;
}
.fWU2{								/* 波線：調整 */
	text-decoration: underline dotted;
	text-underline-offset: 2px;
}

/*----------<文字の大きさ>----------*/
.fXX{ font-size: xx-large; }
.fXL{ font-size: x-large; }
.fLR{ font-size: larger; }
.fL{ font-size: large; }
.fM{ font-size: medium; }
.fS{ font-size: small; }
.fSR{ font-size: smaller; }
.fXS{ font-size: x-small; }
.fSS{ font-size: xx-small; }

/*----------<色>----------*/
.red{ color: #C00000; }		/* 赤 */
.white{ color: white; }		/* 白 */
.dimgray{ color: #5f5f5f; }	/* 灰 webのdimgrayより少し濃い */
.black{ color: black; }		/* 黒 */
.royalblue{ color: royalblue; }	/* ロイヤルブルー */
.coral{ color: coral; }	/* コーラル */

.noborder{ border: none; }

.fLeft{ float:left;}
.fRight{ float:right;}
.fNon{ float:none !important; }

.mTop0{ margin-top:0 !important;}
.mTop5{ margin-top:5px !important;}
.mTop10{ margin-top:10px !important;}
.mTop15{ margin-top:15px !important;}
.mTop20{ margin-top:20px !important;}
.mTop25{ margin-top:25px !important;}
.mTop30{ margin-top:30px !important;}
.mTop35{ margin-top:35px !important;}
.mTop40{ margin-top:40px !important;}
.mTop45{ margin-top:45px !important;}
.mTop50{ margin-top:50px !important;}

.mBtm0{ margin-bottom:0 !important;}
.mBtm5{ margin-bottom:5px !important;}
.mBtm10{ margin-bottom:10px !important;}
.mBtm15{ margin-bottom:15px !important;}
.mBtm20{ margin-bottom:20px !important;}
.mBtm25{ margin-bottom:25px !important;}
.mBtm30{ margin-bottom:30px !important;}
.mBtm35{ margin-bottom:35px !important;}
.mBtm40{ margin-bottom:40px !important;}
.mBtm45{ margin-bottom:45px !important;}
.mBtm50{ margin-bottom:50px !important;}
.mBtm60{ margin-bottom:50px !important;}

.pBtm0{ padding-bottom:0 !important;}
.pBtm5{ padding-bottom:5px !important;}
.pBtm10{ padding-bottom:10px !important;}
.pBtm15{ padding-bottom:15px !important;}
.pBtm20{ padding-bottom:20px !important;}
.pBtm25{ padding-bottom:25px !important;}
.pBtm30{ padding-bottom:30px !important;}
.pBtm35{ padding-bottom:35px !important;}
.pBtm40{ padding-bottom:40px !important;}
.pBtm45{ padding-bottom:45px !important;}
.pBtm50{ padding-bottom:50px !important;}
.pBtm60{ padding-bottom:50px !important;}
.pTop0{ padding-bottom:0 !important;}

/*----------< 一時的に機能させない >----------*/
.event_stop{
	pointer-events: none;
}


/* ===============================================
#					body 
=============================================== */
#wrap{
	overflow:hidden;
	width:900px;
	margin:0 auto;
}

.bread{
	font-size:12px;
	margin-bottom:22px;
}

/* 各セクションのタイトル */
h2{
	color:#5f5f5f;
	background:#fff;
	border-top:3px solid #96c5e0;
	font-size: larger;		/* x-large; larger; large; */
	margin:0 0 20px 0;
	padding:7px 12px 8px 12px;
}
#news h2{
	margin-bottom:0;
}

/* ===============================================
#					TOP
=============================================== */

.topShadow{
	height: 30px;
	font-size: x-large;
	font-weight: bold;
	vertical-align: text-top;
	text-align: center;
	padding: 5px 0px;
	/* 白文字で黒の縁取り
	color: white;
	text-shadow: -1px -1px 0 black, -1px 0 0 black, -1px 1px 0 black,
					0 -1px 0 black,                  0 1px 0 black,
				  1px -1px 0 black,  1px 0 0 black,  1px 1px 0 black;
	*/
	/* 黒文字での白縁取り */
	color: black;
	text-shadow: -1px -1px 0 white, -1px 0 0 white, -1px 1px 0 white,
					0 -1px 0 white,                  0 1px 0 white,
				  1px -1px 0 white,  1px 0 0 white,  1px 1px 0 white;
}

.topTitle{
	border-style: none;
	font-size: xx-large;
	font-weight: bolder;
}

.sectionTitle{
	border-color: #5B9BD5;
	border-style: none none none solid;
	border-width: 0px 0px 0px 3px;
	background-color: #DDEBF7;
	font-size: large;
	padding: 5px 5px 2px 5px;
	text-align: center;
	vertical-align: middle;
}
.sectionSelect{
	background-color: #FFCCCC;
	color: red;
	font-size: medium;	/* large; */
	padding: 5px 5px 2px 5px;
	text-align: center;
	vertical-align: middle;
}
.sectionInner{
	font-size: medium;
	padding: 10px 10px 30px 10px;
	text-align: center;
	vertical-align: middle;
}

/* ページの先頭へ戻るの配置 */
.topReturn {
	position: fixed;	/* 配置する方法：移動しない */
	bottom: 10px;		/* 下から10pxの位置 */
	right: 10px;		/* 右から10pxの位置 */
}


/* リンクボタン：枠関連 */
.lnkWaku{
	height: 130px;
	width: 420px;
}
.lnkButton{							/* ＞ */
	width: 40px;
	text-align: right;
	vertical-align: middle;
}
.lnkText{							/* 内容 */
	width: 350px;
	text-align: center;
	vertical-align: middle;
}

/* リンクボタン：アンカー関連 */
#lnkShinsei a{
	background-color: #0070C0; 	/* 背景色 */
	text-decoration: none;			/* アンカーの下線を消す */
	display: block;					/* アンカーの大きさを調整する */
	width: 400px;
}
#lnkShinsei a:hover{
	background-color: #00B0F0; 	/* 背景色 */
}

#lnkDotai a{
	background-color: #7FBCF6;		/* 背景色 */
	text-decoration: none;			/* アンカーの下線を消す */
	display: block;					/* アンカーの大きさを調整する */
	height: 130px;
	width: 420px;
	margin-left: 0px;
	margin-right: auto;
}
#lnkDotai a .lnkText{
	color: black;					/* 文字色*/
	font-size: xx-large;
	line-height: normal;			/* 行間 */
}
#lnkDotai a:hover{
	background-color: #3174B4;		/* 背景色 */
}
#lnkDotai a:hover .lnkText{
	color: white;					/* 文字色*/
}

#lnkScan a{
	background-color: #F4D87F;		/* 背景色 */
	color: black;					/* 文字色*/
	text-decoration: none;			/* アンカーの下線を消す */
	display: block;					/* アンカーの大きさを調整する */
	height: 130px;
	width: 420px;
	margin-left: auto;
	margin-right: 0px;
}
#lnkScan a .lnkText{
	color: black;					/* 文字色*/
	font-size: large;
	line-height: normal;			/* 行間 */
}
#lnkScan a:hover{
	background-color: #C09B08;		/* 背景色 */
}
#lnkScan a:hover .lnkText{
	color: white;					/* 文字色*/
}

/*-----------< 注意喚起 >----------*/
#caution table{
	border: none;
	border-collapse: collapse;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#caution th{
	color: #C00000;
	height: 30px;
	text-align: center;
	vertical-align: middle;
}
#caution td{
	/* border: 1px solid #2F5597; */
	text-align: left;
	vertical-align: middle;
}


/* ===============================================
#				グローバルメニュー
=============================================== */
#gNavi{
	margin-bottom:20px;
}

#gNavi ul{
	overflow:hidden;
}

#gNavi li{
	height: 45px;						/* 行の高さ */
	display:  table-cell;
	text-align: center;					/* 中央 */
	vertical-align: middle;				/* 中段 */
}
#gNavi li:last-child{
	background: none !important;
}

/* タブの分割数に対する幅調整*/
#gNavi.block4 li { width: 225px; }		/* 4分割の幅 */
#gNavi.block5 li { width: 180px; }		/* 5分割の幅 */
#gNavi.block6 li { width: 150px; }		/* 6分割の幅 */
#gNavi.block7 li { width: 128.5px; }	/* 7分割の幅 */
#gNavi.block8 li { width: 112.5px; }	/* 8分割の幅 */


#gNavi a{
	color: white;						/* 文字色 */
	text-decoration: none;				/* 下線：非表示 */
	display: inline-block;
	height: 45px;						/* #gNavi li と合わせる */
	width: 100%;
	line-height: 45px;
	text-align: center;
}
#gNavi a.line2{
	line-height: 0.55em;				/* 文字の行の高さ　大体中央になる */
}

/* 選択中 */
#gNavi li a:hover{
	text-decoration: underline;			/* 下線：表示 */
	background-color: rgba( 255, 255, 255, 0.3 );
}
/* 未選択 */
#gNavi li a.noLink{
	background-color: rgba( 100, 100, 100, 0.7 );
}

/* 表示中 */
#gNavi li.stay{
	background-color: rgba( 255, 255, 255, 0.2 );
	pointer-events: none;
}
#gNavi li.normal a{
	color: white;						/* 文字色 */
}
#gNavi li.stay a{
	color: black;						/* 文字色 */
}


/* ===============================================
#				Common Layout
=============================================== */

.box{
	background:#f6f6f6;
	margin-bottom: 20px;
	padding:6px;
}
.box p{
	padding:0 12px 20px 12px;
}

.box .inner{
	padding:0 15px 20px 15px;
}



/* ===============================================
#					contents
=============================================== */

/* 枠 */
#contents{
	width:870px;
	margin:0 auto;
}


/* 説明会の日程表 */
#sch table{
	border:1px solid #ccc;
	vertical-align: middle; 
}

#sch th{
	border: 1px solid #ccc;
	color: red;
	background: #D9D9D9;
	text-align: center; 
	vertical-align: middle; 
	padding: 5px;
}

#sch td.odd{
	border: 1px solid #ccc;
	background-color: white;
	line-height: 1em;					/* 行間調整 */
	vertical-align: middle;
	padding: 5px;
}

#sch td.even{
	border: 1px solid #ccc;
	background-color: #E2EFDA;
	line-height: 1em;					/* 行間調整 */
	vertical-align: middle;
	padding: 5px;
}


/* ===============================================
#				各セクションの開閉
=============================================== */

/*----- ベースになる枠 -----*/
#section {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #000;
}

/*----- 開閉のフラグ部分 -----*/
#section input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
/*----- タイトル部分　※上の開閉に関連づける -----*/
/* h2のcssに近づける */
#section label {
	color:#5f5f5f;
	background:#fff;
	border-top:3px solid #96c5e0;
	font-weight: bold;
	font-size: larger;		/* x-large; larger; large; */
	width: 100%;
	margin:0 0 10px 0;
	padding:7px 12px 8px 12px;
	position: relative;
	display: block;
}

/*----- 閉じる -> 展開 -----*/
/* unchecked 時 */
#section .cnt_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	/*
	color: #333333;
	background: #FFF;
	*/
}
/* checked 時 */
#section input:checked ~ .cnt_actab-content {
	max-height: max-content;	/* 最大展開 */
}
#section .cp_actab-content p {
	line-height: 1.1em;
}

/* unchecked 時：新着用 */
#section .cnt_news-content {
	overflow: hidden;
	max-height: 400 / 3;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	/*
	color: #333333;
	background: #FFF;
	*/
}
/* checked 時：新着用 */
#section input:checked ~ .cnt_news-content {
	max-height: max-content;	/* 最大展開 */
}
#section .cnt_news-content p {
	line-height: 1.1em;
}

/*----- 最大展開 -> 閉じる -----*/
/* unchecked 時 */
#section .cnt_actab-content-max {
	overflow: hidden;
	max-height: max-content;	/* 最大展開 */
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
}
/* checked 時 */
#section input:checked ~ .cnt_actab-content-max {
	max-height: 0;				/* 閉じる */
}
#section .cnt_actab-content-max p {
	line-height: 1.1em;
}

/*----- 最大展開 -> 半分 -----*/
/* unchecked 時 */
#section .cnt_actab-content-half {
	overflow: hidden;
	max-height: max-content;	/* 最大展開 */
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
}
/* checked 時 */
#section input:checked ~ .cnt_actab-content-half {
	max-height: max-content / 2;				/* 閉じる */
}

/*----- 最大展開 -> ３分の１ -----*/
/* unchecked 時 */
#section .cnt_actab-content-third {
	overflow: hidden;
	max-height: max-content;	/* 最大展開 */
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
}
/* checked 時 */
#section input:checked ~ .cnt_actab-content-third {
	max-height: max-content / 3;				/* 閉じる */
}

/*----- 最大展開 -> ４分の１ -----*/
/* unchecked 時 */
#section .cnt_actab-content-quarter {
	overflow: hidden;
	max-height: max-content;	/* 最大展開 */
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
}
/* checked 時 */
#section input:checked ~ .cnt_actab-content-quarter {
	max-height: max-content / 4;				/* 閉じる */
}

/*----- 最大展開 -> ５分の１ -----*/
/* unchecked 時 */
#section .cnt_actab-content-fifth {
	overflow: hidden;
	max-height: max-content;	/* 最大展開 */
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
}
/* checked 時 */
#section input:checked ~ .cnt_actab-content-fifth {
	max-height: max-content / 5;				/* 閉じる */
}


/* Icon ※クリックする場所 */
#section label::after {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 3em;
	padding:7px 12px 8px 12px;		/* label と合わせないとズレる 　　*/
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
/* 回転させる文字 */
#section input[type=checkbox] + label::after {
	content: '▼';
}
#section input[type=checkbox] + label.c::after {
	content: '▲';
}
/* 回転させる角度 */
#section input[type=checkbox]:checked + label::after {
	transform: rotate(180deg);
}


/* ===============================================
#					footer
=============================================== */
#footer{
	width: 100%;
	margin: 20px auto 0 auto;
	padding: 0;
	text-align: center;
	clear: both;
	color: #706A6A;
	background: url(/images/footer_bg.gif) left top repeat-x;
	background-color: #EEEEEE;
	overflow: hidden;
}
#footer .indexInside {
	margin: 0 auto;
	width: 900px;
	height: 130px;
	/* IE6-7 */
	text-align: left;
}
#footer .areaInside {
	margin: 0 auto;
	width: 900px;
	height: 115px;
	/* IE6-7 */
	text-align: left;
}
#footer #pagetop { text-align: right; padding-bottom: 7px; }


/* ==========================================================================
   QA
 * ======================================================================= */

#qa{
	font-size:14px;
	margin-left: auto;
	margin-right: auto;
}
#qa a{
	color:#212121;
}
#qa p{
	line-height:1.3em;
}

.qa-list{
	transition: 0.3s;
}
.qa-list::after{
	content: "";
	display: block;
	clear: both;
}
.qa-list__item {
	/*
	margin-right: 10px;
	*/
	margin-right: 5px;
	width: calc((100% - 20px) / 2);
	float: left;
}
.qa-list__item:nth-child(2n) {
	/*
	margin-right: 0;
	*/
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}
.qa-list__item:nth-child(2n + 1) {
	clear: left;
}
.qa-list__item-btn{
	display: table;
	table-layout: fixed;
	width: 100%;
	border:#f3f3f3 3px solid;
	transition: 0.3s;
}
.qa-list__item-img {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
	background: #fff;
	padding: 5px 0;
	transition: 0.3s;
}
.qa-list__item-img::before{
	content: "";
	display: block;
	width: 100%;
	height: 130px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin: auto;
}
.qa-list__qa .qa-list__item-img::before{
	background-image: url(/images/Q&A.png);
	background-size: 70px 78px;
}

.qa-list__item-info {
	display: table-cell;
	vertical-align: middle;
	padding: 15px 0px 0px 0px;
	background-color: #fff;
	transition: 0.3s;
}
.qa-list__item-title{
	font-size: 180%;
	line-height: 1.5;
	border: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	text-decoration:none;
	transition: 0.3s;
}

/* HOVER */
.qa-list__item-btn:hover{
	border-color: #006db2;
}

.runpage{
	font-weight: bold;
	line-height: 1.7em;
	padding: 2em;
	margin: 0 auto;
	background: #FFF;
	border:5px solid #006db2;
	font-size: 100%;
}

/*----- ベースになる枠 -----*/
#q-and-a {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #000;
}

/*----- 開閉のフラグ部分 -----*/
#q-and-a input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
/*----- タイトル部分　※上の開閉に関連づける -----*/
#q-and-a label {
	font-weight: bold;
	line-height: 1.5em;
	position: relative;
	display: block;
	padding: 1em 2em;
	cursor: pointer;
	margin: 0 0 5px 0;
	background: #FFF;
	border:2px solid #006db2;
}

/*----- 閉じる -> 展開 -----*/
/* unchecked 時 */
#q-and-a .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #333333;
	background: #FFF;
}
#q-and-a .cp_actab-content p {
	line-height: 1.1em;
	margin: 1.1em;
}

/* checked 時 */
#q-and-a input:checked ~ .cp_actab-content {
	max-height: 20em;
}
/* Icon ※クリックする場所 */
#q-and-a label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
/* 回転させる文字 */
#q-and-a input[type=checkbox] + label::after {
	content: '+';
}
/* 回転させる角度 */
#q-and-a input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}


/* ===============================================
#				Pop Up Layout
=============================================== */
/* 画像を拡大表示させるCSS  他に影響がないように最下行 */

/* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
.open {
	cursor: pointer;
}
/* チェックボックスを非表示にする　　※label でコントロールするので input は非表示に */
#pop-up { display: none; }
/* チェックボックスにチェックが付くまで非表示　　　※input にチェックが入るまでは非表示に */
.overlay {
	display: none;
}
/* 背景の半透明のグレー */
#pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* 閉じる時の制御 */
.close {
	cursor:pointer;
	position: absolute;
}
/* 画像の上にマウスカーソルが来た時：(+)= 虫眼鏡にする*/
.img-hover { cursor: zoom-in; }

.image-size{
	/*
	width: auto;
	max-height: 100%;
	*/
	height: auto;
	max-width: 100%;
}