@charset "utf-8";

/*-----------------------------------------------------	*/
/*	 スマホ用定義
/*-----------------------------------------------------	*/

@media screen and (max-width: 950px) {
html {
	 overflow: auto;
	height: 100%;
}
body {
	font-size: 14px;
	line-height: 1.6;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}
#container {
	width: 100%;
	padding: 0 15px 50px;
}
#ss.list #container,
#offline #container {
	padding: 0;
}
#contents {
	width: 100%;
	padding: 0 15px;
}
#ss.detail #contents,
#form #contents,
#blog #contents {
	margin: 50px auto 0;
}
#pageTtl {
	margin: 50px 0;
	font-size: 21px;
}

#home .down {
	margin: 0 0 0 -25px;
}
#home .down .material-icons {
	font-size: 50px;
	line-height: 1;
}
#home #home_about .ct {
	margin: 0 0 20px;
	font-size: 30px;
}
#home #home_nav {
	margin: 20px -5px 30px;
}
#home #home_nav li {
	padding: 5px;
}
#home #home_nav a {
	font-size: 13px;
	line-height: 50px;
}
#home #home_nav i {
	display: none;
}
#home #home_info {
	margin-bottom: 50px;
	display: block;
}
#home #home_info .news {
	width: 100%;
	padding: 0 0 20px;
	display: block;
}
#home #home_info .event {
	width: 100%;
	padding: 0 0 20px;
	display: block;
}
#home #home_info h3 {
	margin: 0 0 10px 0;
	font-size: 18px;
	float: none;
}
#home #home_info h3 span {
	margin: 0 0 0 10px;
	font-size: 14px;
	display: inline;
}
#home #home_info dt {
	margin-bottom: 5px;
	float: left;
}
#home #home_info dd {
	margin-bottom: 5px;
	padding-left: 60px;
}

#home #home_banner {
	display: none;
}

#home #home_chat {
	width: 100%;
	margin-bottom: 50px;
	display: block;
}
#home #home_chat h2 {
	width: 100%;
	font-size: 18px;
	display: block;
}
#home #home_chat ul {
	width: 100%;
}

#home #home_contact {
	margin-bottom: 50px;
	display: block;
}
#home #home_contact h2 {
	width: 100%;
	font-size: 18px;
	display: block;
}
#home #home_contact dl {
	width: 100%;
	margin: 0;
	display: block;
}

/* SS */
#sub {
	display: none;
}
.slicknav_menutxt {
	width: 50px;
	height: 50px;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	text-align: center;
	line-height: 50px;
	background: #FAFAFA;
}
.slicknav_menutxt:before {
	font-family: 'Material Icons';
	font-size: 35px;
	color: #B0BEC5;
	content: "menu"
}
.slicknav_nav {
	padding: 30px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow-y: scroll;
	background: #FAFAFA;
}
.slicknav_nav h1 {
	text-align: center;
}
#blog h1,
#form h1 {
	margin: 50px 0 0;
	text-align: center;
}
.slicknav_nav h2 {
	margin: 0 0 20px;
	font-size: 23px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
}
.slicknav_nav h3 {
	margin: 0 0 15px;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.4;
}
.slicknav_nav p {
	margin: 0 0 15px;
	font-size: 13px;
	color: #B0BEC5;
	line-height: 1.4;
}
.slicknav_nav ul {
	margin: 0 0 40px;
	padding: 0;
	list-style: none;
}
.slicknav_nav li {
	margin-bottom: 5px;
	padding-left: 13px;
	position: relative;
	font-size: 14px;
	line-height: 1.4;
}
.slicknav_nav li i {
	position: absolute;
	top: 3px;
	left: 0;
	font-size: 13px;
	color: #37474F;
}
.slicknav_nav li .new {
	color: #000;
	margin-left: 10px;
	font-size: 11px;
}

.ssBox {
	padding-bottom: 40px;
}
#sss_cat {
	margin-bottom: 30px;
}
#sss_cat li {
	margin-bottom: 5px;
}
#sss_cat #subTtl {
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-right: 0;
	border-bottom: 1px solid #CFD8DC;
	font-size: 13px;
	line-height: 1;
}

.ssHeader h3 {
	font-size: 24px;
}

.fancybox-close {
    top: 0px !important;
    right: 0px !important;
}

/* オフライン */
.mailorderBox dt {
	float: none;
}
.mailorderBox dd {
	padding: 0 0 1em;
}
}