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

/*
	(151119)IE11で「background-size」が効かない
	疑似要素はサイズ指定不可の為、実寸表示のみ
*/

/* ======================================================
	★★★　全デバイス共通・2　★★★
	@import"../css/test_line.css";
*/
/* ====================================================== */
/* スライドメニュー */
@media screen and (max-width: 480px) {
}

/* ------------------------------------------------------ */
#SlideMenu	{
	background: none;
	background-color: rgba(0,0,0,0.3);
	background-size: 100%;
	text-align: left;
	color: rgba(255,255,255,1.0);
}

#SlideMenu ul	{
	margin-left: 0px;
	padding-left: 5%;
	padding-right: 5%;
}
#SlideMenu li	{ border-bottom-width: 1px; }
#SlideMenu li ul	{
	padding-right: 0%;
}
#SlideMenu li li	{
	border-top-width: 1px;
	border-bottom-width: 0px;
}

#SlideMenu a	{
	text-decoration: none;
	color: inherit;
	padding: 0.5rem 1rem 0.5rem 0rem;
	display: block;
/*
	background-image: url(../js_menu/arrow_r.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 1rem;
*/
}
#SlideMenu a:hover	{
	background-color: none;
}

#SlideMenu .SlideClose	{
	padding: 0.5rem 1rem;
}
#SlideMenu .SlideClose a	{
	background-image: url(../js_menu/close.svg);
	padding-right: 0px;
	background: none;
/*
	background-size: 1rem;
*/
}
#SlideMenu .SlideClose a:before	{
	content: "Menu";
	display: block;
	text-align: center;
	font-weight: bold;
}

#SlideMenu .SubMenuTop>a	{ background-image: none; }

#SlideMenu .External	{ padding-left: 0px; }

/*
#Footer .SubMenu	{ display: none; }
*/

/* ======================================================
	幅判定
------------------------------------------------------ */
#Header	{ position: relative; }
/*
.HeaderRight,
.HeaderAddress	{ right: 80px; }
*/
.SlideMenuBtn	{
	width:auto;
	position:absolute;
	right:1rem;
	top:1rem;
	z-index:10;
	width:3rem;
	letter-spacing: 0;
/*
	right:4%;
*/
}
.SlideMenuBtn a	{
	font-size: 3rem;
	display: block;
	text-decoration: none;
	line-height: 1em;
}
.SlideMenuBtn a:hover	{
	background-color: rgba(0,0,0,0.1);
}
.SlideMenuBtn span:before	{
}
/*
.SlideMenuBtn	{
}
*/
.SlideMenuBtn img	{
}


/* 幅が、480以下 */
@media screen and (max-width: 480px) {
/*
	.HeaderRight	{ right: 40px; }
*/
}
/* 幅が、1023px以下 */
@media screen and (max-width: 1023px) {
}

/* 幅が、481px - 1023px */
@media screen and (min-width:481px) and (max-width: 1023px) {
}

/* 幅が、1024px以上 */
@media screen and (min-width:1024px){
}


/* ======================================================
	以下、スクリプトを変更したら、入れ替える
	======================================================
	サブメニュー・ドロップダウン
------------------------------------------------------ */
/* slidingSubmenus : false */
#SlideMenu .mm-list a.mm-subopen {
	background-image: url(../js_menu/arrow_d.svg);
	background-size: 1rem;
}
/*
#SlideMenu .mm-menu .mm-list > li > a.mm-subopen:after,
#SlideMenu .mm-menu .mm-list > li > a.mm-subclose:before {
	background-image: url(../img/arrow_d.svg);
	background-repeat: no-repeat;
	background-position: right 1.5rem;
	background-size: 1.1rem;
}
*/

#SlideMenu .mm-list a.mm-subopen:before { width: 100%; }

#SlideMenu .SubMenu ul	{ padding-right: 0px; }
#SlideMenu .SubMenu li	{ border-bottom-width: 0px; }
#SlideMenu .SubMenu li a	{
	padding-top: 0px;
	padding-bottom: 0px;
}


/* ======================================================
	サブメニュー・スライド
------------------------------------------------------ */
/* slidingSubmenus : true 
.mm-list > li > a.mm-subclose,
.mm-list > li > span.mm-subclose {
	background-image: url(../img/arrow_l.svg);
}

*/



/* ======================================================
====================================================== */



/* ======================================================
	行き来するボタン
------------------------------------------------------ */
.SwitchingBtnSet 	{
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	line-height: 1.1;
}
.SwitchingBtnSet input	{
	border-width: 0;
	background: none;
	color: inherit;
	padding: 0;
	line-height: inherit;
	padding-left: 2em;
	padding-right: 2em;
}

.SwitchingBtn	{
/*
	border-width: 1px;
	padding: 0.5em 1em 0.7em;
	display: inline-block;
	color: inherit;
	background: rgba(255,255,255,1.0);
*/
}
/*
.SwitchingBtn:before	{
	content: "";
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 1em;
	height: 1em;
	opacity: 1.0;
	vertical-align: middle;
}
.SwitchingBtnPC:before	{
	background-image: url(../img/monitor.svg);
}
.SwitchingBtnSP:before	{
	background-image: url(../img/mobile_phone.svg);
}
.SwitchingBtn:after	{
	content: ">";
	display: inline-block;
}
*/
.SwitchingBtnPC	{
}
.SwitchingBtnSP	{
}



/* ======================================================
	======================================================
	======================================================
	======================================================
====================================================== */



body	{
}
.Contents,
.Main,
#Footer	{
	width: 100%;
}

#Header,
.FooterBtn	{
}
/*
	background-image: url(../img/egg_shell.png);
*/
.HeaderLogo,
.FooterBtn	{
	width: calc(100vw / 7);
	width: 14%;
}
.FooterBtn	{
	padding-right: 0.5rem;
}

#Document	{
	margin-left: calc(100vw / 7 + 0.5rem);
	margin-left: 14%;
}
#Document>.Wrap	{
	margin: 0;
	padding-top: 4rem;
}

.TableTitle	{
/*	height: 4rem;*/
}


#Index #Document,
#Menu #Document,
#RootSelect #Document	{
	margin: 0rem 0rem 15vh;
}
/*	たった4行！ CSS3 Flexboxを使った史上最短の上下中央揃え2016年版
	http://qiita.com/tonkotsuboy_com/items/a5aaa4a69fecfaf546a3 
    display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
*/

#Index #Document>.Wrap,
#Menu #Document>.Wrap,
#RootSelect #Document>.Wrap	{
	margin: 4rem 0 0 0;
	padding-top: 0rem;
}

.Contents	{
}
.Main	{
}




/* ======================================================
	======================================================
	======================================================
	======================================================
====================================================== */





/* ======================================================
	<header> */
/* ------------------------------------------------------
	logo */
#Header
	{
	position: fixed;
	left: 0rem;
	right: 0rem;
	top: 0rem;
	text-align: center;
	font-size: 0.8rem;
	z-index: 20;
	height: 4rem;
	height: 64px;
	background-color: rgba(255,255,255,0.9);
}
/*
*/
.HeaderLogo	{
	display: inline-block;
	text-align: center;
	position: absolute;
	letter-spacing: 0px;
	top: 0px;
	left: 0px;
	bottom: 0;
	display: table;
	height: 100%;
	vertical-align: middle;
}
/*
	padding: 0.5rem;
*/
.HeaderLogo img	{
	width: 63%;
}
/*
	height: 2rem;
*/
.HeaderLogo .SiteCatch	{
	display: block;
	font-size: 0.55rem;
	font-size: 1.2em;
}

.HeaderLogo h1	{
	white-space: nowrap;
	font-size: inherit;
	margin-bottom: 0px;
	text-align: right;
	vertical-align: middle;
	font-weight: normal;
	display: table-cell;
}
.HeaderLogo h1 a	{
	display: block;
}
.HeaderLogo small	{
	display: block;
	line-height: 1.1;
}

.Header .CategoryTitle	{
	position: absolute;
	top: 1rem;
	left: 0px;
	right: 0px;
	text-align: center;
}
/* [170817]校正・追加　全ページでID */
.HeaderInfo	{
	position: absolute;
	left: 14%;
	right: 0px;
	top: 0px;
	bottom: 0;
}



/* ======================================================
	Main
------------------------------------------------------ */
#Index	{
	display: table;
	width: 100%;
}
#Index>.Wrap	{
	display: table-cell;
	vertical-align: middle;
}
#Index #Document	{
	height: auto;
}
#Index #Document>.Wrap	{
}
#Index #Contents	{
}

/*
#Index	{
	position: relative;
	display: table;
}
#Index>.Wrap	{
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
*/

/*
*/
#Index #Header,
#Menu #Header,
#RootSelect #Header	{
	position: static;
	width: auto;
	height: auto;
	text-align: center;
}

#Index .HeaderLogo,
#RootSelect .HeaderLogo	{
	width: auto;
	margin: auto;
	position: static;
}

#Index .HeaderLogo h1,
#RootSelect .HeaderLogo h1	{
	font-size: 2.5em;
}

#Index .HeaderLogo img,
#RootSelect .HeaderLogo img	{
}
#Index .HeaderLogo .SiteCatch,
#RootSelect .HeaderLogo .SiteCatch	{
	font-size: inherit;
}
#Index .HeaderInfo,
#RootSelect .HeaderInfo	{
}
/*
#Index .HeaderLogo,
#RootSelect .HeaderLogo	{
	width: auto;
	margin: auto;
	right: 0px;
}

#Index .HeaderLogo h1,
#RootSelect .HeaderLogo h1	{
	font-size: 1.5em;
}

#Index .HeaderLogo img,
#RootSelect .HeaderLogo img	{
	height: 2.5rem;
	width: auto;
}
#Index .HeaderLogo .SiteCatch,
#RootSelect .HeaderLogo .SiteCatch	{
	font-size: 0.8rem;
}
#Index .HeaderInfo,
#RootSelect .HeaderInfo	{
}
*/






/* ======================================================
	Footer
------------------------------------------------------ */
/* 上へ戻る */
#DocumentBG	{
/*
	position: relative;
*/
}
.FooterBtn	{
	position: fixed;
	left: 0rem;
	top: 4rem;
	top: 64px;
	bottom: 0rem;
	text-align: center;
	z-index: 10;
	letter-spacing: 0px;
/*
	background-image: url(../img/egg_shell.png);
	border-top-width: 1px;
	font-size: 1em;
*/
}
.BackTop	{
/*
	left: 0rem;
	right: 0rem;
	bottom: 0rem;
	height: 5rem;
	line-height: 3rem;
	padding-top: 1rem;
*/
}
.FooterBtn .Wrap	{
}
.FooterBtn a	{
	text-decoration: none;
	color: inherit;
	display: inline-block;
}

.FooterBtn .glyph	{
	font-size: 0.8em;
	vertical-align: middle;
}
/*
.BackTop a:before	{
	content: "TOP";
	display: block;
}
*/

.BackTopArea {
	position: fixed;
	bottom: 0rem;
	right: 3rem;
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	line-height:7;
}

.FooterBackTop	{
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.FooterBackTop a	{
	text-decoration: none;
}




/* [170807]フッター削除 */
#Footer	{
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0rem;
	font-size: 0.5em;
	visibility: hidden;
	display: none;
	opacity: 0;
}
/*
	bottom: 1rem;
	height: 7rem;
*/
#Footer>.Wrap	{
	margin: 0;
}
#Footer table,
#Footer th,
#Footer td	{
	background: none;
	border-width: 0;
	margin: auto;
	padding: 0;
}
#Footer table	{
	width: auto;
	background: none;
	margin-left: auto;
	margin-right: auto;
}
#Footer h1,
#Footer h2	{
	margin-bottom: 0px;
	font-weight: bold;
}
#Footer h1	{
	vertical-align: middle;
}
#Footer h2	{ font-size: 1.2em; }


/* バナー用 */
#Footer .Banner.Column	{
	margin-bottom: 1.5rem;
}
#Footer .Banner.Column ul	{
	margin-left: 0px;
	width: 100%;
}
#Footer .Banner.Column li	{
	margin-left: 1%;
	margin-right: 1%;
	width: 48%;
}
#Footer .Banner.Column img	{
	display: inline;
}


#Footer address	{
	text-align: inherit;
}



#Footer .FooterMenu	{
	color: rgba(255,255,255,1.0);
}
#Footer .FooterMenu .Wrap	{
	margin: 0px;
}


#Footer .FooterMenu ul	{
	margin-left: 0em;
	list-style: none;
}
#Footer .FooterMenu li	{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
/*
	margin-left: 1em;
	margin-right: 1em;
*/
}
#Footer .FooterMenu a	{
	text-decoration: none;
	color: inherit;
/*
	display: inline-block;
*/
}
#Footer .FooterMenu li:after	{
	content: "│";
	display: inline-block;
	letter-spacing: normal;
	padding-left: 0.5em;
	padding-right: 0.5em;
	opacity: 0.5;
}
#Footer .FooterMenu li:last-child:after	{
	content: none;
}
/*
#Footer .FooterMenu span,
#Footer .FooterMenu img	{
}
#Footer .FooterMenu span	{
	vertical-align: middle;
	text-indent: -1em;
	padding-left: 1em;
}
#Footer .FooterMenu span:before	{
	content: "●";
	display: inline;
	vertical-align: middle;
}
*/


#Footer .FooterBanner	{ text-align: center; }
#Footer .FooterBanner a	{
	padding-left: 5px;
	padding-right: 5px;
}




#Footer .FooterSNS	{
	font-size: 2em;
}
#Footer .FooterSNS a	{
	text-decoration: none;
}
#Footer .FooterSNS ul	{
	margin-left: 0px;
	list-style: none;
	display: table;
	margin: auto;
}
#Footer .FooterSNS li	{
	display: table-cell;
	vertical-align: top;
	line-height: 1.01;
}
/* 色を落とす
#Footer .FooterInfo span	{
	color: inherit;
}
#Footer .FooterInfo span:before,
#Footer .FooterInfo span:after	{
	background-color: rgba(255,255,255,0.0);
}
#Footer .FooterInfo span.icon-font_instagram:before	{
	background: rgba(255,255,255,0.0);
	content: "\ea92";
}
*/



#Footer .FooterCopy	{
	text-align: center;
	margin-top: 1rem;
	opacity: 0.8;
}
#Footer .FooterCopy a	{
	color: inherit;
	display: inline;
}



/* ======================================================
	ページナビ
------------------------------------------------------ */
.PageNavi,
.SortNavi	{
	font-size:0.8em;
}

.PageNavi	{
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	text-align: left;
	opacity: 0.6;
}
/*
.PageNavi:after	{
	content: "";
	display: inline-block;
	background-repeat: repeat-x;
	background-position: center bottom;
	background-image: url(../img/Seamless03.svg);
	background-size: contain;
	width: 100%;
	height: 5px;
	opacity: 0.5;
}
*/
.Main .SortNavi table	{
	border-collapse:collapse;
	width: auto;
	border-width: 0;
	background: none;
}
.Main .SortNavi th,
.Main .SortNavi td	{
	border-width: 0;
	padding: 0px 0.25em;
}
.SortNavi	{
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	letter-spacing: 0px;
}
.SortNavi b,
.SortNavi a	{
	display: inline-block;
	width: 2.5em;
	line-height: 2.5em;
	margin: 0 0.25em;
	text-align: center;
}
.SortNavi a	{
	text-decoration: none;
}




/* ------------------------------------------------------
	前・次ボタン */
.PrevNext {
	margin-bottom: 1rem;
	font-weight: normal;
}

.PrevNext .PrevBtn,
.PrevNext .NextBtn	{
	display: block;
	width: 40%;
}

.PrevNext .PrevBtn	{
	text-align: left;
	float: left;
}
.PrevNext .NextBtn	{
	text-align: right;
	float: right;
}





/* ------------------------------------------------------
	read文 */

.read	{
	font-size: 1.2em;
	margin-bottom: 1.5rem;
	text-align:center;
}
.read table,
.read th,
.read td	{
	background: none;
	border-width: 0;
}
.read strong	{ font-size: 1.2em; }

.read a	{
}




/* メモ */
.memo	{
	padding: 1em 2em;
/*
	border-width: 1px;
*/
	margin-top: 1.5rem;
}
.memo strong	{}
.memo li	{
	margin-bottom: 0px;
	margin-top: 0px;
}




/* アクセスバナー */
.AccessBanner	{ margin-bottom: 0.5rem; }

/* Bannerでリンク */
.Banner ul	{
	list-style: none;
	margin-left: 0px;
	margin-top: -1rem;
}
.Banner li	{
	margin-top: 1rem;
/*
	margin-bottom: 1rem;
*/
}
.Banner li img	{
	display: block;
	margin: auto;
}
.Banner p	{ margin-top: 0.5rem; }
/* .Bannerの内側 */
.BannerBox	{ margin: 4px; }




/* ======================================================
	流れ
------------------------------------------------------ */
.Step,
.Step dt	{
	text-align: inherit;
	margin-top: 5rem;
}
.Step:first-child,
.Step dt:first-child	{
	margin-top: 0rem;
}
.Step dd	{
	margin-left: 0px;
}
.Step ol	{
	list-style: none;
	margin-left: 0px;
}
.Step ol>li	{
	margin-top: 0px;
	padding-left: 2em;
/*
*/
}

.StepTitle	{
	margin-bottom: 0em;
}
.Step .StepNo,
.Step .arrow_down	{
	text-align: center;
	border-radius: 10em;
	font-weight: inherit;
/*
	margin-left: -2.5em;
*/
}
.Step .StepNo	{
	font-weight: inherit;
	padding-right: 0.25em;
	display: inline-block;
/*
	line-height: 1.5;
	display: block;
	line-height: 2em;
	margin-right: 0.5em;
	background-color:rgba(248,248,248,0.5);
	border-width: 1px;
	width:2em;
	height: 2em;
*/
}
.Step .StepNo b	{
	font-size: 2.5em;
/*
	background-color:rgba(248,248,248,0.5);
	border-width: 1px;
	width:2em;
	height: 2em;
*/
}
/*
.Step ol>li:after	{
	content: "";
	display:block;
	background-image:url(../img/DownArrow.svg);
	background-repeat: no-repeat;
	background-position:center;
	background-size:contain;
	margin-top:0.25em;
	margin-bottom:0.25em;
	width: 2em;
	height: 1em;
	opacity: 0.5;
}
.Step ol>li:last-child:after	{
	content: none;
}
*/
.Step .StepTxt	{
	display: inline-block;
}
.Step .arrow_down,
.Step .arrow_triangle-down	{
	line-height: 1.1;
	opacity: 0.5;
	font-size: 10rem;
/*
	margin-left: -2.3em;
*/
}
.Step>ol>li:first-child .arrow_down,
.Step>ol>li:first-child .arrow_triangle-down	{
	display: none;
}
/*
.Step>ol>li:last-child	{
	font-size: 1.2em;
}
.Step>ol>li:last-child div	{
	font-size: 0.8em;
}
*/
.Step>ol>li ul	{
	margin-top: 0px;
	text-align: left;
}

.Flow .Step .StepTxt h3	{
	text-align: center;
}




/* ------------------------------------------------------
	タブメニュー */
.TabMenu	{
	text-align: center;
	letter-spacing: 0px;
}
.TabMenu ul	{
	list-style: none;
	width: 100%;
	width : -webkit-calc(100% + 8px) ;
	width : calc(100% + 1px) ;
	margin-left: 0px;
	border-left-width: 1px;
}
.TabMenu li	{
	display: table;
	float: left;
	width: 25%;
	width : -webkit-calc(25% - 1px);
	width : calc(25% + 1px);
	min-height: 3em;
	text-align: center;
	margin-bottom: 0px;
	padding: 1px 1px 0 0;
	background: linear-gradient(-135deg, transparent 0px, #000 0px);
}
.TabMenu li p	{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	margin-left: auto;
	margin-top: auto;
	width: 100%;
	height: 100%;
	background: linear-gradient(-135deg, transparent 0px, #fff 0px);
/*
*/
}
/*　ベタで右耳 */
li.TabMenuEnd	{
	background: linear-gradient(-135deg, transparent 10px, #000 10px);
}
li.TabMenuEnd p	{
	background: linear-gradient(-135deg, transparent 10px, #fff 10px);
}

/* box */
.TabMenu ul
	{ zoom: 1; }

.TabMenu:after
	{
	content: ""; 
	display: block; 
	clear: both;
}





/* ======================================================
	root_select.php
------------------------------------------------------ */
.RootSelect	{}





/* ======================================================
	共通
------------------------------------------------------ */
/* 現場・名称 */
.GenbaName	{
	font-size: 2em;
	display: block;
}

/* 現場・住所 */
.GenbaAddress	{
	display: inline-block;
}

/* 現場・Tel */
.GenbaTel	{
	display: inline-block;
	margin-left: 1em;
}

/* 現場・鍵 */
.GenbaKey	{
	display: block;
}

/* フラグの空き調整 */
.MapCanvasDsp *,
#map-root *	{
	border: 0;
}
#map-root .gm-style-iw	{
	padding-top: 1em;
	color: rgba(0,0,0,1.0);
}
#map-root .gm-style-iw input	{
	width: 100%;
	margin-top: 1em;
}



/* ======================================================
	map.php
------------------------------------------------------ */
.TableTitle	{
	text-align: center;
	border-width: 0;
	height: 100%;
}
.TableTitle th,
.TableTitle td	{
	border-width: 0;
	padding: 0;
}
.TableTitle p	{
	background-color: rgba(255,255,255,0.2);
	padding: 0.5em 1em;
	margin-right: 1em;
}
.TableTitle td:last-child p	{
	margin: 0em;
}

.BlankTxt	{
	display: inline-block;
	width: 5em;
}


.LightBoxItem .GenbaImg a	{
	width: 50%;
	display: inline-block;
}

.MapCanvasDsp	{}
.MapCanvasDsp * li>div	{
	border-width: 5px;
	border-style: solid;
}
.MapCanvasDsp li:first-child>div	{
	border-color: rgba(200,35,0,1.0);
}
.MapCanvasDsp li:last-child>div	{
	border-color: rgba(0,0,0,0);
}




/* ======================================================
	root_show.php
------------------------------------------------------ */
#RootShow	{
}

.RootShowList th	{
	width: auto;
}
.RootShowList tbody th>div	{
	font-size: 1.2em;
}

/* 処理済 */
.Sumi tr,
.RootShowList tbody .Sumi tr	{
	background-color: rgba(0,0,0,1.0);
}
.Sumi th>div,
.Sumi td,
.RootShowList tbody .Sumi th>div,
.RootShowList tbody .Sumi td	{
	opacity: 0.5;
}
.Sumi th,
.RootShowList tbody .Sumi th	{
}
.Sumi th:before,
.RootShowList tbody .Sumi th:before	{
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/stamp_sumi_regular.svg);
	background-size: cover;
	width:2em;
	height:2em;
	margin-bottom: -2em;
}
.Sumi th>div,
.RootShowList tbody .Sumi th>div	{
	font-size: 1em;
	padding-left: 1.75em;
}
.Sumi th>div a,
.RootShowList tbody .Sumi th>div a	{
	color: inherit;
}


/* [170919] リストが重いので、<table>→<ul>へ変更 */
.RootShowList	{
	padding-top: 3em;
	text-align: left;
}
.RootShowList button	{
	margin-top: 0;
}
.RootShowList ul	{
	list-style: none;
	margin-left: 0;
	display: table;
	width: 100%;
}
.RootShowList li	{
	display: table-cell;
	vertical-align: middle;
	padding: 0.5rem 0;
	border-bottom-width: 1px;
}
.RootShow .RootShowListName .GenbaName	{
	font-size: 1.2em;
	line-height: 1.5;
	display: inline-block;
	vertical-align: middle;
}
.RootShowList li.RootShowListNavi	{
	width: 6em;
	padding-left: 1em;
}
.RootShowListBody .RootShowListNavi	{
}

/* Headerを固定する */
ul.RootShowListHeader	{
	position: fixed;
	font-weight: bold;
	border-width: 2px 0;
	margin-top: -3em;
	text-align: center;
	width: 86%;
	line-height: 1.5;
}

/* 処理済 */
.Sumi,
.RootShowList ul.Sumi	{
}
/*
	background-color: rgba(0,0,0,1.0);
*/
.Sumi li>div,
.Sumi .RootShowListNavi,
.Sumi .Mark,
.RootShowList ul.Sumi li>div,
.RootShowList ul.Sumi .RootShowListNavi,
.RootShowList ul.Sumi .Mark	{
	opacity: 0.5;
}
.RootShowList ul.Sumi li	{
}
.RootShowList ul.Sumi li.RootShowListName:before	{
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/stamp_sumi_regular.svg);
	background-size: cover;
	width:2em;
	height:2em;
	margin-bottom: -2em;
}
.RootShowList ul.Sumi li>div	{
	font-size: 1em;
	padding-left: 1.75em;
}
.RootShowList ul.Sumi li>div a	{
	color: inherit;
}

.RootShowList .Mark	{
	width: 2.25em;
	vertical-align: top;
}
.RootShowList .Tokuchu .Mark:before	{
	content: "";
	display: block;
	width: 2em;
	height: 2em;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/stamp_toku_bold.svg);
	background-size: cover;
}

/*[171116]追加　ソートボタン*/
.RootShowList .SortBtn	{
	width: 2.25em;
	vertical-align: middle;
}
.RootShowList .SortBtn>input	{
	width: 2em;
	height: 2em;
}

/*[171116]校正　リストNo.を揃える*/
.RootID	{}
.RootShowList .RootID	{
	display: inline-block;
	vertical-align: middle;
	width: 3em;
	text-align: center;
	letter-spacing: normal;
}
.RootShowList .Sumi .RootID	{
	margin-left: 0.5em;
}




/* ======================================================
	root_show_map.php
------------------------------------------------------ */
#RootShowMap .Contents	{
	padding-bottom: 0px;
}




/* ======================================================
	root_change.php
------------------------------------------------------ */




/* ======================================================
	customer_detail_〓.php
------------------------------------------------------ */
.CustomerDetailCalendar,
.CustomerDetailCalendar th,
.CustomerDetailCalendar td,
.CustomerDetailCalendar thead th,
.CustomerDetailCalendar thead td	{
	width: auto;
	border-left-width: 1px;
	border-right-width: 1px;
}

.CustomerDetailCalendar	{
	margin: auto;
	line-height: 1.5;
}
.CustomerDetailCalendar tbody th,
.CustomerDetailCalendar tbody td	{
	text-align:center;
	padding-left:1em;
	padding-right:1em;
}
.CustomerDetailCalendar tbody td	{
	font-size: 0.8em;
}
.CustomerDetailCalendar tbody td p	{
}




/* ======================================================
	特注追加
	tokubetsu_syusyu.php
------------------------------------------------------ */
.TokubetsuSyusyu	{}
.TokubetsuSyusyu table	{
	table-layout: fixed;
}
.TokubetsuSyusyu .TokubetsuSyusyuCourseSelect	{
	text-align: center;
}
.TokubetsuSyusyu .TokubetsuSyusyuCourseSelect select	{
}









/* ------------------------------------------------------
	CrossFade用
------------------------------------------------------ */
.IndexViewer	{
	margin-bottom: 3.5rem;
}

#viewer	{
	width: 130%;
}
#viewer img	{
	margin-left:-15%;
	margin-right:-15%;
	width: 100%;
	border-radius: 50%;
/*
	border-width: 5px 0;
*/
}

.IndexViewer:after	{
	content: url("../img/top_txt.png");
	display: block;
	z-index: 2;
	margin-top: -205px;
}
.Index .Layer	{
	width: 100%;
}
.Index .LayerBoxB figure	{
	text-align: left;
}






/* ======================================================
	詳細
------------------------------------------------------ */
/* 外観 */
.ShopImg	{
	margin-bottom: 1.5rem;
	text-align: center;
}




/* ======================================================
	会社概要
	aboutus.php
------------------------------------------------------ */
.AboutusTel table,
.AboutusTel th,
.AboutusTel td	{
	border-width: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.AboutusTel th	{
	font-weight: normal;
	background: none;
}

.AboutusTel ul	{
	list-style: none;
	margin-left: 0px;
	margin-top: -0.3rem;
	margin-bottom: -0.2rem;
}
.AboutusTel li	{}

.TableLayout.UneiMini	{
	margin-left: auto;
	margin-right: auto;
}
.TableLayout.UneiMini th,
.TableLayout.UneiMini td	{
	vertical-align: middle;
}

.l .UneiMini	{
	margin-left: 0;
}



/* ======================================================
	リンク
	link.php
------------------------------------------------------ */
.Link table,
.Link th,
.Link td	{
	width: auto;
}




/* ======================================================
	よくあるご質問
	faq.php
------------------------------------------------------ */
.Qa dl	{
	border-bottom-width: 1px;
	padding-bottom: 2em;
	border-style: dashed;
}
.Qa dt	{
	margin-top: 2em;
	border-top-width: 1px;
	padding-top: 2em;
	border-style: dashed;
}
.Qa dt:first-child	{
	margin-top: 0em;
}
.Qa dd	{
	margin-top: 1.5em;
/*
*/
/*
	margin-top: 2em;
*/
}
.Qa dd .Wrap	{
	text-indent: -3em;
	padding-left: 3em;
}

.Question,
.Answer	{
	display: inline-block;
	width: 3em;
	height: 3em;
	color: #fff;
	border-radius: 10em;
	text-align: center;
	line-height: 3em;
	vertical-align: middle;
}
.Question	{
	background-color: rgba(85,172,238,0.5);
}
.Answer	{
	background-color: rgba(204,51,51,0.3);
	padding-left: 3em;
}




/* ======================================================
	お問い合わせ
	contact.php～end
------------------------------------------------------ */
.MainContact th,
.MainContact th:first-child	{
	padding-left: 1.5em;
}
.MainContact th.Required	{
	text-indent: -1em;
}
/*
.MainContact th,
.MainContact th:first-child	{
	padding-left: 1em;
}
.MainContact th.Required	{
	text-indent: -1em;
}
*/
.MainContact td ul	{
	list-style: none;
	margin-left: 0em;
	margin-top: 0px;
}
.MainContact td li	{
	display: inline;
	margin-right: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
	white-space: nowrap;
}




/* ======================================================
	プライバシーポリシー
	privacy.php
------------------------------------------------------ */
.Privacy dl	{
	text-align: left;
	font-size: 0.8em;
}
.Privacy dt	{
	background: none;
	border-width: 0;
	padding-left:0px;
	font-weight:bold;
}
.Privacy dd	{}

.Privacy ul,
.Privacy ol	{
	text-align: left;
}





/* ======================================================
	サイトマップ
	sitemap.php
------------------------------------------------------ */
/*
.Sitemap h2,
.Sitemap h3	{ margin-top: 1rem; }
.Sitemap h3	{ margin-bottom: 0rem; }
.Sitemap ul	{ margin-top: -1rem; }
.Sitemap ul li	{ margin-top: 1rem; }
.Sitemap ul ul	{ }
*/

.Sitemap figure	{
	display: inline-block;
}
.Sitemap table,
.Sitemap th,
.Sitemap td	{
	border-width: 0;
	padding: 0;
	width: auto;
}
.Sitemap table	{
	margin: auto;
	table-layout:fixed
}
.Sitemap ul	{
	text-align: left;
	margin-top: 0px;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
.Sitemap 	{
	white-space: nowrap;
}
.Sitemap .glyph a	{
	text-decoration: none;
}

/*
.Sitemap	{}
.Sitemap ul	{
	float: left;
	display: block;
	width: 48%;
	margin-left: 0;
	list-style: none;
}
.Sitemap ul.SubMenu	{ float: right; }
.Sitemap li	{
	text-indent: -2em;
	padding-top: 1em;
	padding-left: 2em;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
*/



/* ======================================================
	======================================================
	======================================================
====================================================== */



/* ======================================================
	box
------------------------------------------------------ */
#Footer>.Wrap
	{ zoom: 1; }

#Footer>.Wrap:after
	{
	content: ""; 
	display: block; 
	clear: both;
}