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

/* ======================================================
	モバイル判定 & 480px未満
@import"../css/test_line.css";
------------------------------------------------------ */
/*
	スライドメニュー表示
	→library.php UA判定へ
*/
.FooterBtn	{
	display: block;
}
.SlideMenuBtn	{ }

/* 管理画面 */
#Admin	{
	padding: 3%;
}
#Admin .Menu	{
	width: auto;
}


/* ------------------------------------------------------
	組版　解除 */
#Header .Logo ul,
#Header .Logo li,
#MenuBar ul,
#MenuBar li,
.Contact td ul,
.Contact td li
	{
	display: inline-block;
	float: none;
	width: auto;
	padding: 0;
	margin: 0;
/*
	display: list-item;
	text-align: center;
*/
}



/* ------------------------------------------------------
	固定幅・最低幅　解除 */
body,
.Header,
#masthead,
.Header,
.HeaderLogo,
.HeaderAddress,
#Contents,
.Main,
.MainBox,
.Side,
.Side.Left,
.Side.Right,
.Index
/*,
.Header>.Wrap,
#MenuBar>.Wrap,
#Document>.Wrap,
#Document, ←FooterBtn用に、position: static;不可
.Main>.Wrap,
section>.Wrap,
.FooterArea,
.FooterBtn,
#Footer,
#Footer>.Wrap,
#Footer .FooterSNS,
#Footer .FooterMenu
.Main h1
*/
	{
	display: block;
	float: none;
	width: auto;
	min-width: initial;
	max-width: initial;
	height: auto;
	min-height: 0px;
	padding: 0;
	margin: 0;
	position: relative;
	border-width: 0;
}

.WrapM,
section,
article	{
	width: auto;
	min-width: initial;
	max-width: initial;
}


.Header,
/*
.Header>.Wrap,
*/
.Logo,
.HeaderAddress	{
	text-align: inherit;
}

#Contents,
#content	{
	text-align: center;
}

#Header	{ }

/* -margin clear */
.Main>.Wrap	{
	padding-top: 1px;
	padding-bottom: 1px;
}



/* ------------------------------------------------------
	非表示 */
#MenuBar,
.TextSize,
#fontSize,
.Side p.mark1
/*,
.PageNavi,
.Side .SubMenu
*/
	{
	display: none;
	width: 0px;
	height: 0px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border-width: 0;
}

/* ------------------------------------------------------
	[200917]
	iOSでのデフォルトスタイルをリセット
	https://qiita.com/mi_upto/items/b35f405a87a2dc56fd48
*/
input[type="submit"],
input[type="button"] {
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}


/* ------------------------------------------------------ */
html	{
	width: auto;
	height: auto;
}
body	{
	width: auto;
	height: auto;
}


h1, h2, h3	{
	text-align: inherit;
}
small,
.Small	{
	font-size: 0.8rem;
}
big,
.big,
.ContactTel .big	{
	font-size: 1.5em;
}

.read	{
	font-size: 1em;
	font-weight: normal;
}

img,
video,
#TopFlash,
#NewsIframeArea	{
	padding: 0px;
	margin: 0;
}

iframe,
#NewsIframeArea iframe	{ height: 100vw; }


.kome	{
}



/* ------------------------------------------------------
	<ul> */
ul, ol	{
	text-align: left;
}
.Side ul,
.Side .SubMenu ul	{ margin-left: 0px; }
.Header li,
.Side li,
.Footer .FooterMenu li	{
	display: inline-block;
	float: none;
	text-align: center;
}
.Header li a,
.Side li a,
.Footer .FooterMenu li a	{
	display: block;
}


/* ------------------------------------------------------
	<table> */
@media screen and (max-width: 480px){
table	{
	border-bottom-width: 1px;
}
tbody th,
tbody td	{
	width: auto;
	display: block;
}
thead th,
thead td	{
	width: auto;
	display: inline-block;
}

tbody th	{
	border-right-width: 0;
	border-bottom-width: 0;
/*
	border-top-width: 1px;
	padding-bottom: 0px;
*/
}
tbody td	{
	border-top-width: 0px;
/*
	border-top-width: 0;
*/
}

.Thead th,
.Tfoot th	{
	border-style: solid;
}

/*
.TableLayout	{ min-width: 50%; }
.TableLayout th,
.TableLayout td	{ display: ; }
*/

thead.CellWidth2 th	{
	width: 50%;
}
thead.CellWidth3 th	{
	width: 33.3%;
}
thead.CellWidth4 th	{
	width: 25%;
}
thead.CellWidth5 th	{
	width: 20%;
}

.TableRequired th	{}
.TableRequired td	{}
th.Required	{}
.Required::before	{}



/*
.TableLayout	{ min-width: 50%; }
*/
.TableLayout	{
	margin-left: auto;
	margin-right: auto;
}
.TableLayout th,
.TableLayout td	{ display: table-cell; }

dl .TableLayout	{
	margin-left: 0;
}

.Calendar th,
.Calendar td	{ display: table-cell; }

th.InputMin,
.TateThAuto th,
.TateThAuto th.TateThAutoTitle {
	width:auto
}
.TateThAuto th.TateThAutoTitle {
	margin-top:1rem;
	padding-left:1.5em;
	text-align:inherit
}

.Calendar th,
.Calendar td	{ display: table-cell; }

}


/* ------------------------------------------------------
	<form> */
.InputM,
.TextareaM	{ width: 98%; }
.InputMin	{ width: 25%; }
.BtnBack,
.BtnOk,
.BtnBg input[type="button"]:not(:last-child),
.BtnBg input[type="reset"]:not(:last-child),
.BtnBg input[type="submit"]:not(:last-child),
.BtnDspOFF:not(:last-child),
.BtnBg input[type="button"]:not(:first-child),
.BtnBg input[type="reset"]:not(:first-child),
.BtnBg input[type="submit"]:not(:first-child),
.BtnDspOFF:not(:first-child)
	{
	width: 100%;
	display: block;
	margin-left: 0;
	margin-right: 0;
/*
	width: 40%;
	display: inline-block;
*/
}
.BtnBack,
.BtnOk
	{
	margin-top: 1em;
	margin-bottom: 1em;
}
.BtnBack	{
	width: auto;
	min-width: initial;
}

label	{
	white-space: nowrap;
}


/* ------------------------------------------------------ */
.Note	{
	padding-left: 0px;
	margin-left: 0px;
}

dd	{ margin-left: 0px; }


/* ======================================================
	Footer
------------------------------------------------------ */
#Footer	{
	text-align: center;
	font-size: 0.8em;
}


/* ======================================================
	左右
------------------------------------------------------ */
.Side	{
	border-bottom-width: 1px;
	border-top-width: 1px;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.Side ul	{ }
.Side li	{
	margin-bottom: 0px;
	display: inline-block;
	width: 49%;
}
.Side img	{ }

.Side .Banner	{ margin-bottom: 0px; }
.Side .Banner p	{
	display: inline-block;
	width: 48.5%;
	margin-top: 0.5rem;
	text-align: center;
}
.Side .Banner p img	{
	border-radius: 0;
	border-width: 0;
	margin-bottom: 0;
	padding: 0;
	box-shadow: 0px 0px 0px #fff;
	-moz-box-shadow: 0px 0px 0px #fff;
	-webkit-box-shadow: 0px 0px 0px #fff;
}

.Side.Left,
.Side.Right	{
	display: inline-block;
	width: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.Side .Calendar table	{
	width: 50%;
	float: left;
}
.SideCategory li	{
	text-align: left;
}


/* ======================================================
	本文
------------------------------------------------------ */
.Index li	{ }

.read	{
}
/*
.NewsDetail .NewsImgUL li img	{ width: auto; }
*/

.Contact th,
.Contact td	{}
.Contact td ul,
.Contact td li,
.Sitemap .Column2 li	{ text-align: left; }



.Privacy dl	{
}
.Privacy dt	{
	font-size: 1em;
}



/* ======================================================
	管理ページ用
------------------------------------------------------ */
#nav	{
	float:none;
	width: auto;
	list-style: none;
	margin-left: 1.5em;
}
#nav li	{
	list-style-type: disc;
}
#nav li br	{ display: inline; }

ul#con	{
	float: none;
	width: auto;
}
#con>li	{
	margin: 0;
	padding: 1.5em;
}


/* ------------------------------------------------------
	流れ
------------------------------------------------------ */
.Step	{
	text-align: center;
}
.Step ul,
.Step ol
	{
	text-align: inherit;
}
.Step .StepTitle	{
	font-size: 1.2em;
}
.Step .StepNo,
.Step .arrow_down	{
	margin-left: 0;
}
.Step .StepNo	{
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 0.5rem;
}
.Step .StepNo b	{
	margin: auto;
}
.Step .arrow_down	{
	margin-left: 0em;
}
.Shoppinguide .Step	{
	margin-left: 0em;
}
.Shoppinguide .Step li	{
	padding-left: 0em;
}



/* ======================================================
	特定商取引法に関する表示
	law.php
------------------------------------------------------ */
.Law .TableLayout	{
	margin-left: 0px;
}
.Law .TableLayout th,
.Law .TableLayout td	{
	display: block;
}





/* ======================================================
	======================================================
	======================================================
	======================================================
	======================================================
====================================================== */
/* plugin */

/* SliderGallery */
.SliderArea	{
	margin-left: 0em;
	margin-right: 0em;
}



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

#MenuBar>.Wrap,
.Main>.Wrap	{
	padding: 0 4vw;
}
.WrapM,
.Side.Left,
.Side.Right
	{
	padding-left: 4vw;
	padding-right: 4vw;
}
/*
#Footer	{
	padding-bottom: 4vw;
	padding-top: 4vw;
}
#MenuBar	{
	margin: 0 4vw;
}
*/



/* ======================================================
	絶対
	<br>表示・非表示 */
.SuBR	{
	display: none;
	width: 0px;
	height: 0px;
	padding: 0;
	margin: 0;
	border-width: 0;
	overflow: hidden;
}
.SBR	{
	display: block;
}
.TableBlock th.SuDsp,
.TableBlock td.SuDsp,
th.SuDsp,
td.SuDsp,
.SuDsp,
.kara
	{
	display: none;
}
.SDsp	{
	display: inherit;
}

/* ======================================================
	box */
#MenuBar,
.Side .Banner,
.Side .SubMenu
	{ zoom: 1; }
#MenuBar:after,
.Side .Banner:after,
.Side .SubMenu:after
	{
	content: ""; 
	display: block; 
	clear: both;
}