@charset "UTF-8";

@media only screen and (max-width: 960px) {

* {
	-webkit-text-size-adjust: 100%;
}

h2 {
	font-size: 25px;
	line-height: 120%;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: auto;
}

#top h1 {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 90%;
	max-width: 609px;
	height: auto;
	margin: 70px auto 0px;
	padding-top: 0px;
	background-position: center top;
	background-size: 100% auto;
}

#top h1 img {
	display: block;
	position: relative;
	bottom: auto;
	left: 0px;
	max-width: 80%;
	height: auto;
	margin: 15px auto;
}

#header {
	position: fixed;
	top: 0px;
	bottom: auto;
	min-width: 0px;
}

#headercopy {
	display: none;
}

#sphead {
	display: table;
	width: 100%;
	background: #ffffff;
	border-bottom: 2px solid #ffffff;
}

#sphead > div {
	display: table-cell;
	height: 50px;
	vertical-align: middle;
}

#sphead > div a {
	display: inline;
}

#sphead .title img {
	width: 80%;
	height: auto;
	max-width: 358px;
	max-height: 30px;
	margin-left: 15px;
}

#sphead #spmenuswitch {
	display: table-cell;
	width: 50px;
}

#sphead #spmenuswitch a {
	display: block;
	width: 50px;
	height: 50px;
	text-align: left;
	text-indent: -10000px;
	background: url(../images/spmenu.png) no-repeat center center #333333;
	background-size: 50% auto;
	overflow: hidden;
}

#sphead #spmenuswitch a.open {
	background-image: url(../images/spmenu_on.png);
}

#globalnavi {
	display: none;
}

#globalnavi .logo {
	display: none;
}

#globalnavi .language {
	display: none;
}

#globalnavi .sub {
	display: none;
}

#globalnavi ul {
	width: auto;
}

#globalnavi li {
	float: none;
}

#globalnavi li ul {
	display: block;
	background: #b2b2b2;
}

#globalnavi li a {
	border-bottom: 1px solid #ffffff;
}

#globalnavi li.ex a {
	background: none #000000;
	font-size: 20px;
}

#globalnavi li.ex a:hover {
	background: #a1000d;
}

#globalnavi li ul li a {
	padding-left: 35px;
	color: #333333;
}

#globalnavi li ul li a.current,
#globalnavi li ul li a:hover {
	color: #333333 !important;
	background: #7c7c7c;
}

#NoboribetsuSanpei {
	width: auto;
	min-width: 0px;
	padding: 45px 15px 0px;
}

#NoboribetsuSanpei .textbox {
	display: block;
	width: 100%;
}

#NoboribetsuSanpei .textbox .text {
	display: block;
	padding-left: 0px;
}

#NoboribetsuSanpei .textbox .figure {
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
}


#ProductsLineup {
	min-width: 0px;
}

#ProductsLineup h2 {
	width: auto;
	padding: 0px 15px;
}

#ProductsLineup .rotatebox > div {
	width: auto;
	padding: 20px 55px;
}

#ProductsLineup .rotatebox .rotate {
	width: auto;
	height: auto;
}

#ProductsLineup .rotatebox .rotate ul li {
	vertical-align: top;
}

#ProductsLineup .rotatebox .rotate ul li a img {
	width: 100%;
	height: auto;
	max-width: 139px;
}

#ShopList {
	width: auto;
	min-width: 0px;
	padding: 45px 15px 90px;
	background: none #ffffff;
}

#ShopList h2 {
	width: auto;
	padding: 0px;
}

#ShopList div {
	width: auto;
}

ul.shoplist,
#ShopList ul {
	margin-left: 0px;
}

ul.shoplist li,
#ShopList ul li {
	float: none;
	width: auto;
	margin-left: 0px;
}

#CompanyInfomation {
	width: auto;
	min-width: 0px;
	height: auto;
	padding: 0px 15px 20px;
	background: none;
}

#CompanyInfomation h2 {
	width: auto;
	margin: 0px 0px 20px;
	padding: 0px;
	color: #535353;
}

#CompanyInfomation h2 em {
	color: #e60012;
}

#CompanyInfomation table th {
	padding-left: 0px;
	color: #000000;
}

#CompanyInfomation table td {
	padding-right: 0px;
	color: #000000;
}

#footer {
	width: auto;
	min-width: 0px;
	padding: 10px 15px;
}


.popup .textbox,
#contents .textbox {
	display: block;
}

.popup .textbox .text,
#contents .textbox .text {
	display: block;
}

.popup .textbox .figure,
#contents .textbox .figure {
	display: block;
}

.textbox > *+* {
	padding-top: 30px;
	padding-left: 0px;
}

#contents {
	width: auto;
	margin: auto;
	padding: 70px 15px 40px;
}

#contents .columns {
	display: block;
}

#contents .column {
	width: auto;
	display: block;
}

#contents .philosophy .column {
	display: block;
	width: auto;
	padding-bottom: 0px;
}

#contents .philosophy .column p.figure {
	position: relative;
	bottom: auto;
}

#contents .column+.column {
	padding-top: 20px;
	padding-left: 0px;
}

#contents ul.tabs {
	display: none;
}

#contents select.tabs {
	display: block;
	margin: 0px 0px 40px;
	padding: 4px 8px;
	color: #333333;
	font-size: 20px;
	font-family: Times New Roman, Times, serif;
	line-height: 32px;
}



}