@charset "utf-8";






.SwitchingBtnPC	{
	display: none;
}
.SwitchingBtnSP	{
}




body	{
}

body,
section,
.WrapM,
.Header,
.Footer,

#Admin
	{
	min-width: 970px;
	min-width: 700px;
}
.WrapM
	{
	width: 970px;
	width: 700px;
}
section,
.WrapM,
.Header,
.Footer,
.FooterBtn,
#Admin
	{
	margin-left: 0;
	margin-left: auto;
	margin-right: auto;
}


@media screen and (min-width: 701px) {
	.Drawer	{
		display: none;
	}
}

@media screen and (max-width: 700px){
	.FooterBtn
		{

	}
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
}


@media screen, (max-width:30em), screen, (max-width:182mm) {
}

@media screen, (min-width:30em), screen, (min-width:182.1mm) {
}

@media screen and (min-width:37.5em){
}


#Document	{
	min-height: 100%;
}
#Document>.Wrap	{
	margin-left: auto;
	margin-right: auto;
}

#Header	{}
.Header>.Wrap	{
}


#MenuBar	{}
#Contents	{
}
#Contents>.Wrap	{
}
.ContentsBox	{}









#Header>.Wrap	{
}


.Header	{
}
.Header img	{ vertical-align: middle; }
.Header ul	{
	list-style: none;
	margin: 0;
}
.Header li	{
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
	margin-top: 0;
	margin-bottom: 0;
}
.Header li:not(:first-child)	{}
.Header a	{
}
.Header table	{
	margin-right: 0px;
	margin-left: auto;
}
.Header caption	{}
.Header th,
.Header td	{
	vertical-align: middle;
}


.Header>.Wrap	{
}
.Header>.Wrap>div	{
}



.Header .Logo	{
}
.Header .Logo a	{
}
.Header .Logo img	{
}










.Header .Right	{
	letter-spacing: normal;
	float: right;

}
.Header .Right>div	{
	display: inline-block;
	vertical-align: top;
}





#fontSize	{
}
.Header #fontSize	{
	vertical-align: bottom;
}

#fontSize li	{
	margin: auto;
	display: inline-block;
	float: none;
}
.changeBtn	{
	letter-spacing: normal;
}
.changeBtn>span	{
	cursor: pointer;
	display: inline-block;
	width: 2em;
	line-height: 2em;
	text-align: center;
	border-width: 1px;
	background-color: rgba(255,255,255,1.0);
}
.changeBtn .small,
.changeBtn .large	{
	font-size: 1em;
}
.changeBtn .changeText	{}


.changeBtn .current	{}

.HeaderLeft	{}




.Header .MenuBar .Img	{
	position: absolute;
	top: calc((2.5em - 13px) / 2);
	left: calc(18px / 1.2);
	left: 1.5em;
}






#Header .MenuBar	{
}

.MenuBar	{
	line-height: 1;
	text-align: center;
}
.MenuBar>.Wrap	{
	background-color: rgba(255,255,255,1.0);
	border-width: 1px 0px 1px 0px;
}

.MenuBar a	{
	display: block;
	line-height: 1em;
	height: 100%;
}
.MenuBar a:hover	{
}
.MenuBar a span	{
	display: block;
	display: inline-block;
}
.MenuBar a>span,
.MenuBar>.Wrap>ul>li:last-child>.Wrap a>span	{
	width: 100%;
}
.MenuBar a>span	{
}
.MenuBar>.Wrap>ul>li:not(:first-child) a>span	{
	border-left-width: 1px;
	padding-left: 0.75em;
}
.MenuBar>.Wrap>ul>li:not(:last-child) a>span	{
	padding-right: 0.75em;
}


.MenuBar .MenuOn	{
}
.MenuBar .MenuOn a	{

}
.MenuBar a span:after,
.MenuBar .MenuOn span:after	{
	content: "";
	display: block;
	position: absolute;
	bottom: -0.2em;
	width: 100%;
	height: 1px;
}


.MenuBar>.Wrap>ul	{
	display: table;
	height: calc(2.5em - (1px * 2));
	margin-right: calc(18px / 1.2);
	margin-right: 1.5em;
	margin-left: auto;
}

.MenuBar>.Wrap>ul>li	{
	display: table-cell;
}





#MenuBar ul,
#MenuBar .PullDown,
#MenuBar .PullDown>.Wrap	{
	position: static;
}
#MenuBar .PullDown	{
}
#MenuBar .PullDown .Child	{
	padding-top: 0em;
	text-align: center;
}
#MenuBar .PullDown .Child li	{
	font-size: 0.8em;
	font-weight: normal;
}
#MenuBar .PullDown .Child a	{
	font-weight: inherit;
	color: inherit;
}
#MenuBar .PullDown .Child a:hover	{
	color: inherit;
}


#MenuBar .PullDown	{
}
#MenuBar .PullDown .Child	{
	position: absolute;
	left: 0;
	right: 0;
	top: 2.25em;
	width: 100%;
}
#MenuBar .PullDown .Child>ul	{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
	align-items: flex-end;
	overflow: hidden;

}

@media screen and (min-width:65rem){
	#MenuBar .PullDown .Child	{
		left: -2rem;
		right: -2rem;
		width: calc(100% + (2rem * 2));
	}
}
@media screen and (min-width:60rem){
}

@media screen and (max-width:59.9rem){
}

#MenuBar .PullDown .Child li	{
	width: 20%;
	flex-basis: calc(100% / 5);
	align-self: center;
	text-align: center;
	white-space: normal;

}
#MenuBar .PullDown .Child li>.Wrap	{
	overflow: hidden;
	height: 0em;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

#MenuBar .PullDown .Child li:nth-child(5n+5):after	{
	border-right-width: 0px;
}

#MenuBar .PullDown .Child li:first-child:before,
#MenuBar .PullDown .Child li>.Wrap:before,
#MenuBar .PullDown .Child li>.Wrap:after	{
	content: "";
	position: absolute;
	display: inline-block;
	border-style: dashed;
}
#MenuBar .PullDown .Child li:first-child:before	{
	left: 0;
	top: 1em;
	width: 1px;
	height: 5em;
	border-left-width: 1px;
}
#MenuBar .PullDown .Child li>.Wrap:after	{
	right: 0;
	top: 1em;
	width: 1px;
	height: 5em;
	border-right-width: 1px;
}
#MenuBar .PullDown .Child li>.Wrap:before	{
	top: -1px;
	left: 10%;
	width: 80%;
	height: 1px;
	border-top-width: 1px;
}
#MenuBar .PullDown .Child li:nth-child(5n+5):after	{
	border-right-width: 0px;
}

#MenuBar .PullDown .Child a	{
	font-weight: normal;
}
#MenuBar .PullDown .Child a:hover	{
}
#MenuBar .PullDown .Child a>span	{
	vertical-align: middle;
}
#MenuBar .PullDown .Child li:not(.Photo) a	{
	display: table;
	width: 100%;
	line-height: 1.5;
	font-weight: normal;
}
#MenuBar .PullDown .Child li:not(.Photo) a>span	{
	display: table-cell;
}

#MenuBar .PullDown .Child li:not(:first-child) a	{
}
#MenuBar .PullDown .Child a:hover	{
}
#MenuBar .PullDown .Child a:hover>span	{
}
#MenuBar .PullDown .Child a:hover:before,
#MenuBar .PullDown .Child a:hover>span:before	{
	content: none;
}



#MenuBar .PullDown:hover>.Wrap>a:after	{
	content: "";
	position: absolute;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	bottom: -0.25em;
	left: 0;
	right: 0;
	width: 1em;
	height: 1em;
	border-bottom-width: 0.5em;
	border-right: 0.5em solid transparent;
	border-left: 0.5em solid transparent;
	z-index: 10;
}
#MenuBar .PullDown:hover .Child	{
}



#MenuBar .PullDown:hover .Child li>.Wrap	{
	height: 7em;
	overflow: inherit;
}
#MenuBar .PullDown:hover .Child a	{
}




#MenuBar .PullDown>.Wrap>:after
	{
	border-color: rgba(25,25,112,1.0);
	border-color: rgba(100,149,237,0.2);
}
#MenuBar .PullDown .Child a:hover	{
}

#MenuBar .PullDown .Child
	{
	background-color: rgba(100,149,237,0.2);
}
#MenuBar .PullDown .Child:before
	{
	background-color: rgba(255,255,255,1.0);
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}







.Main	{
	min-height: 30em;
}








#Footer	{}


.Footer .Copy	{
}







.Contents	{}



.Main	{
	min-height: 30em;
	width: calc(525px - 1em);
	width: 517px;
	float: right;
}
h2:not(.Round),
.PageNavi	{
	margin-left: -1em;
}

.Side	{
	width: 145px;
	float: left;
}

.Side ul	{
	list-style: none;
	margin: 0;
}


.Side .Menu	{
	font-weight: bold;
	border-bottom-width: 1px;
	margin-bottom: 2em;
}
.Side .Menu:after	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 1px;
}
.Side .Menu a	{
	display: block;
}
.Side .Menu a>span	{
	display: block;
}

.Side .Menu ul	{
}
.Side .Menu li	{
	border-top-width: 1px;
	padding-top: 0.75em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}
.Side .Menu li:before	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -1px;
	width: 100%;
	height: 1px;
}
.Side .Menu>ul	{
}
.Side .Menu>ul>li	{
}
.Side .Menu>ul>li:first-child	{
	margin-top: 0px;
}
.Side .Menu>ul>li>.Wrap>a	{
	padding-right: 15px;
}
.Side .Menu>ul>li>.Wrap>a:after	{
	content: url("../img/lens1.jpg");
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}

.Side .Menu li ul	{
	margin-left: 1em;
}

.Side .Menu .Child	{
	font-weight: normal;
}
.Side .Menu .Child li	{
	border-top-width: 0;
	padding-top: 0px;
}
.Side .Menu .Child li:before	{
	content: none;
}
.Side .Menu .Child a	{
	text-shadow: none;
	padding-left: 1em;
}
.Side .Menu .Child a:before	{
	content: url("../img/mark5.gif");
	display: block;
	position: absolute;
	left: 0px;
	top: clac((1em - 10px) / 2);
}


.Side .Info	{
	text-align: center;
	border-width: 1px;
}
.Side .Info>.Wrap	{
	padding: 0.8em;
}

.Side .Info:before,
.Side .Info:after,
.Side .Info>.Wrap:before,
.Side .Info>.Wrap:after	{
	content: "";
	display: block;
	position: absolute;
}
.Side .Info:before,
.Side .Info:after	{
	left: 1px;
	right: -1px;
	height: 1px;
}
.Side .Info:before	{
	top: -1px;
}
.Side .Info:after	{
	bottom: -1px;
}
.Side .Info>.Wrap:before,
.Side .Info>.Wrap:after	{
	top: 1px;
	bottom: -1px;
	width: 1px;
}
.Side .Info>.Wrap:before	{
	left: -1px;
}
.Side .Info>.Wrap:after	{
	right: -1px;
}

.Side .Info span	{
}

.Side .Info>.Wrap>.Wrap	{
}
.Side .Info>.Wrap>.Wrap:before	{
	content: "・";
	display: block;
}
.Side .Info>.Wrap>.Wrap>span	{
	display: block;
}

.Side .Info .Big	{
	margin-bottom: 1em;
}
.Side .Info .Closed.Title.Mini	{
}
.Side .Info .Closed.Title.Mini:before	{
}
.Side .Info .Closed.Title.Mini:after	{
}
.Side .Info .Closed.Txt	{
	font-size: 0.8em;
}






.SideCategory	{
	margin-bottom: 0.5rem;
	text-align: left;
}
.SideCategory li	{
	margin-top: 0.5rem;
}
.SideCategory li li	{
	border-width: 0px;
	padding: 0;
}


.SideCategory li.CategoryOn,
.SideCategory li.CategoryOn li	{ background-color: #fff; }


.CategoryOn .ThisCategory	{font-weight: bold;}





.CategoryImg	{}
.CategoryName	{}





.CategorySearch .SubCategory	{
	margin-left: 17px;
	margin-right: 5px;
}


.CategorySearch .SubCategory li	{
	list-style-image: url(../img/mark3.png);
	font-weight: normal;
	border-width: 0;
}
.CategorySearch .SubCategory li	{
	padding-bottom: 0px;
}
.CategorySearch .SubCategory a	{}
.CategorySearch .SubCategory a:hover	{ }

.ThisCategory	{
	padding: 0;
	border-width: 0;
}
.SubCategory .CategoryName	{ display: inline; }





.KakakuSearch	{ }
.KakakuSearch ul	{}





.Welcome	{ }
.Welcome .WelcomeName	{
	margin-bottom: 1rem;
	display: block;
}
.Welcome input	{
	width: 100%;
}
.LeftMemberLogin	{
	text-align: left;
}
.LeftMemberLoginBtn	{
	margin-top: 0.5rem;
}


.SearchCategoryBox	{
}
.SearchCategoryBox select,
.SearchCategoryBox input	{
	width: 100%;
}
.SearchButton	{
}
.SearchButtonBox	{
	padding: 0;
	display: block;
}
.SearchButtonBox input	{
	border-width: 0;
}






.Step	{}






.Index .News .NewsList>.Wrap	{
}
.Index .News.WordPress ul	{
	margin-left: -1px;
	width: calc(100% + 1px);
	margin-top: 0;
}
.Index .News.WordPress li	{
	margin-top: 0;
	margin-left: 1px;
	width: calc(25% - 1px);
}
.Index .News.WordPress li:first-child	{
}
.Index .News.WordPress li.header	{
	text-align: center;
}
.Index .News.WordPress article	{
	text-align: left;
}
.Index .News.WordPress a	{
	display: inline-block;
}
.Index .News.WordPress a:before	{
	content: none;
}
.Index .News.WordPress>.Wrap	{
	margin: 0;
}
.Index .News.WordPress li	{
}
.Index .News.WordPress header.entry-header h2	{
	line-height: 1.5em;
	height: 3em;
	overflow: hidden;
	margin-bottom: 1em;
	text-align: inherit;
	font-weight: bold;

}
.Index .News.WordPress .entry-title	{
	font-size: 1em;
	margin-bottom: 1rem;
}
.Index .News.WordPress .post-thumbnail+.entry-title	{
}

.Index .News.WordPress .post-thumbnail	{
	display: block;
	margin-bottom: 1rem;

}
.Index .News.WordPress a.post-thumbnail	{
	display: block;
}





#Index .Main>.Wrap	{

}









.GuideOtodokeTime ul	{
	margin-left: auto;
	margin-right: auto;
	display: table;
	table-layout: fixed;
	text-align: center;
}
.GuideOtodokeTime ul>li	{
	display: table-cell;
}
.GuideOtodokeTime ul>li:not(:first-child)	{
	padding-left: 1em;
}
.GuideOtodokeTime ul>li:not(:last-child)	{
	padding-right: 1em;
}




























.SuBR	{
}
.SBR	{
	display: none;
	width: 0px;
	height: 0px;
	padding: 0;
	margin: 0;
	border-width: 0;
	overflow: hidden;
	font-weight: inherit;
}

.SuDsp	{
}
.SDsp	{
	display: none;
	width: 0px;
	height: 0px;
	padding: 0;
	margin: 0;
	border-width: 0;
	overflow: hidden;
}


@media screen, (max-width:30em), screen, (max-width:182mm) {

}




.box,
#Header,
.Header>.Wrap,
#MenuBar,
.MainBox,
.BackTopArea,
#Footer,
.Side,
.SideCategory ul
	{ zoom: 1; }

.box:after,
#Header:after,
.Header>.Wrap:after,
#MenuBar:after,
.MainBox:after,
.BackTopArea:after,
#Footer:after,
.Side:after,
.SideCategory ul:after
	{
	content: ""; 
	display: block; 
	clear: both;
}