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

  body

---------------------------------------------------------------------------- */
/* fixmenu用 */
body {
	padding-bottom: 50px;
}
/**
-------------------------------------------------------------------------------

  header

---------------------------------------------------------------------------- */
/* ヘッダー */
#header {
	padding-top: 0;
	padding-bottom: 0;
}
body.home #header {
	bottom: auto;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
body.home2 #header {
	top: 0 !important;
	bottom:auto;
}
/* ヘッダー　サイト名 */
#header_site_name {
	bottom: auto;
	height: 50px;
	width: auto;
}
#header_site_name img {
	width: auto;
	height: 100%;
}
/**
-------------------------------------------------------------------------------

  sp_nav

---------------------------------------------------------------------------- */
/* ヘッダー　ハンバーガーメニュー */
#sp_nav_btn {
	position: relative;
	box-sizing: border-box;
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 0 0 auto;
	padding-top: 5px;
	font-size: 30px;
	line-height: 1;
	color: #fff;
	text-align: center;
	background-color: #000;
	border: 0;
}
#sp_nav_btn:after {
	position: absolute;
	bottom: 5px;
	content: 'MENU';
	display: block;
	width: 100%;
	color: #fff;
	font-size: 11px;
	text-align: center;
}
#sp_nav_btn.active:after {
	content: 'CLOSE';
}
/*-------------------------------------------------------------------------- */
/* ヘッダー　ナビコンテナ */
#header_nav_container {
	display: none;
	float: none;
	width: 100%;
	background-color:rgba(255,255,255,0.80);
	border-bottom: 1px solid #ccc;
}
#header_nav_container li {
	display: block;
	padding: 5px 0;
	border-top: 1px solid #ccc;
}
#header_nav_container li img {
	margin: 0 auto 0 0;
}
/* ヘッダー　ナビ */
#header_nav {
	margin-bottom: 0;
	padding-top: 0;
}
#header_nav li:not(:first-child) {
	padding-left: 0;
	border-left:none;
}
#header_nav li:not(:last-child) {
	padding-right: 0;
}
/* ヘッダー　サブナビ */
#header_subnav {
	float: none;
}
/* ヘッダー　店舗情報*/
#header_info li span {
	width: auto;
}
/* ヘッダー　SNS */
#header_sns {
	position: static;
}
/**
-------------------------------------------------------------------------------

フッター

---------------------------------------------------------------------------- */
body.home #footer {
	bottom: 50px;
}
/**
-------------------------------------------------------------------------------

fix_menu

---------------------------------------------------------------------------- */
#fix_menu {
	display: block;
	z-index: 100;
	clear: both;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #e0eff9;
}
#fix_menu p {
	float: left;
	width: 50%;
	height: 50px;
	font-size: 12px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	color: #333;
}
#fix_menu p a {
	display: block;
/*	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);*/
	letter-spacing: 0;
	border: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+51,e0eff9+100;Grey+Gloss+%232 */
	background: #f2f6f8; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
}
#fix_menu p a:before {
	display: inline-block;
	margin-right: 10px;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	vertical-align: middle;
}
#fix_menu p:nth-child(odd) a {
	border-right: 1px solid #fff;
}
#fix_menu p:nth-child(even) a {
	border-left: 1px solid #666;
}
#fix_menu p.tel a:before {
	content: "\f10b";
	font-size: 40px;
}
#fix_menu p.mail a:before {
	content: "\f003";
	font-size: 30px;
}
/**
-------------------------------------------------------------------------------

main

---------------------------------------------------------------------------- */
body.home #main {
	padding-top: 50px;
	padding-bottom: 67px;
}
/**
-------------------------------------------------------------------------------

home_main

---------------------------------------------------------------------------- */
body.home2 #home_main {
	margin-bottom: 0;
	padding-bottom: 50px;
} 
/**
-------------------------------------------------------------------------------

  stockset

---------------------------------------------------------------------------- */
.stockset {
	width: auto;
}
.stockset .stock {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}
/**
-------------------------------------------------------------------------------

  pagetitle

---------------------------------------------------------------------------- */
.pagetitle {
	height: auto;
}
.pagetitle h2 {
	box-sizing: border-box;
	width : auto;
	padding-top: 1em;
	padding-bottom: 1em;
}
/**
-------------------------------------------------------------------------------

  mediaset

---------------------------------------------------------------------------- */
.mediaset .imgbox,
.mediaset .txtbox {
	float: none;
	width: 100%;
}
/**
-------------------------------------------------------------------------------

  flow

---------------------------------------------------------------------------- */
.flowset .flowbox{
	display: block;
	margin: 0 auto;
}
/*-------------------------------------------------------------------------- */
.flowset.col3 .flowbox{
	width: 100%;
}
.flowset.col3 .flowbox:not(:first-child){
	padding-left: 0;
	padding-top: 80px;
}
.flowset.col3 .flowbox:not(:first-child) .imgbox:before {
	top: -50px;
	left: 50%;
	-ms-transform: translateX(-50%) scaleY(0.2) rotate(90deg);
	-webkit-transform: translateX(-50%) scaleY(0.2) rotate(90deg);
	transform: translateX(-50%) scaleY(0.2) rotate(90deg);
}
/**
-------------------------------------------------------------------------------

  tableset

---------------------------------------------------------------------------- */
.tableset.tableset_type_half table {
	float: none;
	width: 100%;
	max-width: 100%;
}
.tableset.tableset_type_half table:nth-child(even) {
	float: none;
	margin-top: 15px;
}
.tableset.tableset_type_half th {
	width: auto;
}
/**
-------------------------------------------------------------------------------

  callout

---------------------------------------------------------------------------- */
.calloutset .callout {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.calloutset.col3 .callout{
	width: 100%;
}
.calloutset.col3 .callout:not(:first-child){
	padding-left: 0;
}
/**
-------------------------------------------------------------------------------

  detailset

---------------------------------------------------------------------------- */
.detail_popupboxset ,
.detail_tableset ,
.detail_txtbox {
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
/**
-------------------------------------------------------------------------------

banas

---------------------------------------------------------------------------- */
.banas li {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.banas li:nth-child(3n+1) {
	margin-left: auto;
}

/*-------------------------------------------------------------------------- */