@charset "UTF-8";

/*　CSS INDEX ========================================================

01_共通
02_CSS Reset
03_YUI font(※ブラウザ間でフォントサイズ統一。フォントサイズ対応表)※相対指定
04_.clearfix(float 回り込み解除)
05_#header(共通ヘッダー)
06_#footer
07_#breadcrumb
08_サイドバー
追加設定

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

/*=======================================================================
01_共通
========================================================================*/




html,body {
	height: 100%;
	background-color:white;
	margin:0;
	padding:0;
	-webkit-font-smoothing:antialiased; /* for safari font */
	-webkit-text-size-adjust: 100%; /* Remove iOS (Landscape mode) text size adjust & able to zoom for PC */
}

@media (max-width: 767px){
	html, body{
		padding: 0;
	}
}

/* highlight color */
::-moz-selection {
    background: #a7dcf6;
    text-shadow: none;
}

::selection {
    background: #a7dcf6;
    text-shadow: none;
}

#contents-container{
	max-width: 920px;
	margin: 0 auto 0 0;
	padding: 10px;
	z-index: 0;
}
h2 {
	font-weight:bold;
	font-size:138.5%; /*18px*/
}
h2.hr {
	line-height:1.6em;
}
hr {
    display: block;
    clear: both;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*=======================================================================
02_CSS Reset (他はnormalize.css参照)
========================================================================*/
p, dl, dt, dd, h1 h2, h3, h4 ul li{
	margin: 0;
	padding:0;
}

/*=======================================================================
03_YUI font
========================================================================*/
/*-----------------------------------------------------------
Ex.
 |px|%|
 |10|77|
 |11|85|
 |12|93|
 |13|100|
 |14|108|
 |15|116|
 |16|123.1|
 |17|131|
 |18|138.5|
 |19|146.5|
 |20|153.9|
 |21|161.6|
 |22|167|
 |23|174|
 |24|182|
 |25|189|
 |26|197|
 ------------------------------------------------------------*/
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	/*font-family: Avenir, Avenir Next, AXIS, Segoe, 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ,*/
/*	font-family: 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Arial, Verdana, sans-serif;*/
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select,
input,
button,
textarea {
	font:99% Avenir, Avenir Next, AXIS, Segoe, 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*==============================//YUI font==============================*/


/*見出し*/

h1 {
	font-weight:bold;
	font-size:216%;/*28px*/
	margin: 0;
	color: #004099;
}


/*=======================================================================
04_.clearfix(float 回り込み解除)
　※ IE6以上対応（nicolasgallagher.com/micro-clearfix-hack）
========================================================================*/
/* For IE 6/7 only */
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

/*=======================================================================
05_#header
========================================================================*/

/*==============================//#header==============================*/



/*=======================================================================
06_#footer
========================================================================*/


/*==============================//#footer==============================*/

/*=======================================================================
07_.breadcrumb
========================================================================*/
#breadcrumb-container{
	max-width: 920px;
	margin: 0 auto;
}
ul.breadcrumb {
	background:#FFFFFF;
	padding: 0 15px;
	margin: 0;
	list-style: none;
	-webkit-border-radius: 0px;
	 -moz-border-radius: 0px;
	      border-radius: 0px;

}
ul.breadcrumb li.active {
	color: #333;
}
.breadcrumb > li > .divider {
	padding: 0 5px;
	color: #333;
}


/*==============================//#breadcrumb==============================*/

/*=======================================================================
08_サイドバー
========================================================================*/

.sidebar-nav {
	padding: 9px 0;
}


.nav-header {
	display: block;
	padding: 5px 10px;
	font-size: 146.5%;
	font-weight: normal;
	line-height: 20px;
	color: #333;
	text-shadow: none;
	text-transform: uppercase;
}
.sidemenu .nav-list > li > a,
.sidemenu .nav-list .nav-header {
	margin-right: -20px;
	margin-left: -20px;
	text-shadow: none;
}

.sidemenu .well {
	min-height: 20px;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #E5E5E5;
	border: 0;
	-webkit-border-radius: 0px;
	 -moz-border-radius: 0px;
	      border-radius: 0px;
	-webkit-box-shadow: none;
	 -moz-box-shadow: none;
	      box-shadow: none;
}

.sidemenu .well ul.nav li a {
	color:#333333;
	font-size:108%;
}

.sidemenu .nav > li > a:hover,
.sidemenu .nav > li > a:focus {
	text-decoration: underline;
	background-color: inherit;
}
/*==============================//08_サイドバー==============================*/


/*=======================================================================
09_コンテンツ
========================================================================*/
#content{
	max-width: 920px;
	padding: 10px;
	margin: 0 auto;
}
.contents-header{
	margin-bottom: 1.2em;
}
.contents-margin{
	margin-left: 2em;
	margin-right: 2em;
}

.contents_title {
	max-width: 920px;
	margin: 0 auto;
	margin-top: 15px;
}
@media (max-width: 767px){
.contents_title span{
	margin-left: 12px;

}
}


.contents_title  img {
	float:left;
	margin-left: 10px;
	padding:0;
}
.contents_headline {
	min-height: 33px;
	float:right;
	text-align:right;
	display:block;
}
.contents_title span {
	font-size:216%;
}

@media and (min-width: 640px) {
	.contents_headline {
		width: 70%;
		min-height: 33px;
		float:right;
		text-align:right;
	}
}
.contents_title .contentsTtl {
	font-size:167%;
	color:#404040;
	margin:0 0 0 1%;
	padding: 0.8% 0 0 0;
	float:left;
	display:block;
	width: 12%;
	min-height:32px;
	font-weight: normal;
	line-height: 1em;

}
.contents_headline h2 {
	display:block;
	font-size:108%;
	margin:0;
	padding: 0.8% 5px 0 0;
	height:0;
	font-weight: normal;
	line-height: 1.5em;
	color:#404040;
	min-height: 32px;
}

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

/*=======================================================================
10_fullwidth
========================================================================*/


.fullwide{
	max-width: 920px;
	margin: 0 auto;
}

.fullwide h2{
	text-align: center;
	font-size: 108%/*2.4em*/;
	font-weight: lighter;
	margin-top: .6em;
}
.topbannerBox .lead h3 {
	color: #808080;
	font-size: 138.5%;
	font-weight: lighter;
	line-height: 1.8em;
}
.fullwide h4{
	text-align: center;
	font-size: 240%/*2.4em*/;
	font-weight: lighter;
	margin: 0.5em 0;
	line-height: 1.4em;
}
.fullwide h4.h4_s {
	text-align: left;
	font-size:153.9%;
}
#second h4.h4_m {
	font-size:167%;
	margin:1em 0;
	text-align:left;
}
.fullwide p{
	color: #404040;
	line-height: 1.5em;
}
/*=======================================================================
========================================================================*/

/* -------------------------------
Font weight
------------------------------- */
.tone_bold{
	font-weight: bold;
}

/* -------------------------------
Layout
------------------------------- */
.left  {float:left;}
.right  {float:right;}
.tcenter { text-align:center; }
.tright { text-align:right; }
.tleft { text-align:left; }
.ttop {vertical-align:top; }
.tmiddle { vertical-align:middle; }
.tbottom {vertical-align:bottom; }

/* -------------------------------
Margin
------------------------------- */
.m50 {margin:50px;}
.m40 {margin:40px;}
.m30 {margin:30px;}
.m20 {margin:20px;}
.m15 {margin:15px;}
.m10 {margin:10px;}
.m5 {margin:5px;}
.tm50 {margin-top:50px;}
.tm40 {margin-top:40px;}
.tm30 {margin-top:30px;}
.tm20 {margin-top:20px;}
.tm15 {margin-top:15px;}
.tm10 {margin-top:10px;}
.tm5 {margin-top:5px;}
.bm50 {margin-bottom:50px;}
.bm40 {margin-bottom:40px;}
.bm30 {margin-bottom:30px;}
.bm20 {margin-bottom:20px;}
.bm15 {margin-bottom:15px;}
.bm10 {margin-bottom:10px;}
.bm5 {margin-bottom:5px;}
.rm20 {margin-right:20px;}
.rm15 {margin-right:15px;}
.rm10 {margin-right:10px;}
.rm5 {margin-right:5px;}
.lm50 {margin-left:50px;}
.lm40 {margin-left:40px;}
.lm30 {margin-left:30px;}
.lm20 {margin-left:20px;}
.lm15 {margin-left:15px;}
.lm10 {margin-left:10px;}
.lm5 {margin-left:5px;}

.borderR {
      border-right: 1px solid #888;
}

/* -------------------------------
Color
------------------------------- */
.black {
	color: #000;
}
.white {
	color: #fff;
}
.gray {
	color: #808080;
}

.blue {
	color: #004498;
}
.green {
	color: #60BF80;
}
.yellow {
	color: #BFA600;
}
.orange {
	color: #F37900;
}
.red {
	color: #E4393B;
}
.violet {
	color: #BF69A3;
}
.navy {
	color: #0038A6;
}
/* -------------------------------
Background-Color
------------------------------- */
.bg-white {
	background-color: #ffffff;
}

.bg-blue {
	background-color: #004498;
}
.bg-green {
	background-color: #60BF80;
}
.bg-yellow {
	background-color: #BFA600;
}
.bg-orange {
	background-color: #F37900;
}
.bg-red {
	background-color: #E4393B;
}
.bg-violet {
	background-color: #BF69A3;
}
.bg-navy {
	background-color: #0038A6;
}

/* -------------------------------
border-Color
------------------------------- */
.border-white {
	 border-top: 1px solid #fff;
}
.border-navy {
	 border-top: 1px solid #0038A6;
}
.border-blue {
	 border-top: 1px solid #004498;
}
.border-green {
	 border-top: 1px solid #60BF80;
}
.border-yellow {
	border-top: 1px solid  #BFA600;
}
.border-orange {
	border-top: 1px solid  #F37900;
}
.border-red {
	border-top: 1px solid  #E4393B;
}
.border-violet {
	border-top: 1px solid  #BF69A3;
}

/* -------------------------------
border-Color（全体）
------------------------------- */
.border-white-all {
	 border: 1px solid #fff;
}
.border-navy-all {
	 border: 1px solid #0038A6;
}
.border-blue-all {
	 border: 1px solid #004498;
}
.border-green-all {
	 border: 1px solid #60BF80;
}
.border-yellow-all {
	border: 1px solid  #BFA600;
}
.border-orange-all {
	border: 1px solid  #F37900;
}
.border-red-all {
	border: 1px solid  #E4393B;
}
.border-violet-all {
	border: 1px solid  #BF69A3;
}
/* -------------------------------
border-Color（左）
------------------------------- */
.border-white-left {
	 border-left: 1px solid #fff;
}
.border-navy-left {
	 border-left: 1px solid #0038A6;
}
.border-blue-left {
	 border-left: 1px solid #004498;
}
.border-green-left {
	 border-left: 1px solid #60BF80;
}
.border-yellow-left {
	border-left: 1px solid  #BFA600;
}
.border-orange-left {
	border-left: 1px solid  #F37900;
}
.border-red-left {
	border-left: 1px solid  #E4393B;
}
.border-violet-left {
	border-left: 1px solid  #BF69A3;
}
/* -------------------------------
border-Color（右）
------------------------------- */
.border-white-right {
	 border-right: 1px solid #fff;
}

.border-navy-right {
	 border-right: 1px solid #0038A6;
}
.border-blue-right {
	 border-right: 1px solid #004498;
}
.border-green-right {
	 border-right: 1px solid #60BF80;
}
.border-yellow-right {
	border-right: 1px solid  #BFA600;
}
.border-orange-right {
	border-right: 1px solid  #F37900;
}
.border-red-right {
	border-right: 1px solid  #E4393B;
}
.border-violet-right {
	border-right: 1px solid  #BF69A3;
}
/* -------------------------------
border-Color（下）
------------------------------- */
.border-white-bottom {
	 border-bottom: 1px solid #fff;
}
.border-navy-bottom {
	 border-bottom: 1px solid #0038A6;
}
.border-blue-bottom {
	 border-bottom: 1px solid #004498;
}
.border-green-bottom {
	 border-bottom: 1px solid #60BF80;
}
.border-yellow-bottom {
	border-bottom: 1px solid  #BFA600;
}
.border-orange-bottom {
	border-bottom: 1px solid  #F37900;
}
.border-red-bottom {
	border-bottom: 1px solid  #E4393B;
}
.border-violet-bottom {
	border-bottom: 1px solid  #BF69A3;
}


/* -------------------------------
Margin
------------------------------- */
.p50 {padding:50px;}
.p40 {padding:40px;}
.p30 {padding:30px;}
.p20 {padding:20px;}
.p15 {padding:15px;}
.p10 {padding:10px;}
.p5 {padding:5px;}
.tp50 {padding-top:50px;}
.tp40 {padding-top:40px;}
.tp30 {padding-top:30px;}
.tp20 {padding-top:20px;}
.tp15 {padding-top:15px;}
.tp10 {padding-top:10px;}
.tp5 {padding-top:5px;}
.bp50 {padding-bottom:50px;}
.bp40 {padding-bottom:40px;}
.bp30 {padding-bottom:30px;}
.bp20 {padding-bottom:20px;}
.bp15 {padding-bottom:15px;}
.bp10 {padding-bottom:10px;}
.bp5 {padding-bottom:5px;}
.rp35 {padding-right:35px;}
.rp20 {padding-right:20px;}
.rp15 {padding-right:15px;}
.rp10 {padding-right:10px;}
.rp5 {padding-right:5px;}
.lp50 {padding-left:50px;}
.lp40 {padding-left:40px;}
.lp30 {padding-left:30px;}
.lp20 {padding-left:20px;}
.lp15 {padding-left:15px;}
.lp10 {padding-left:10px;}
.lp5 {padding-left:5px;}

/* -------------------------------
パンくず
------------------------------- */

ul.breadcrumbs {
	list-style-type: none;
	margin-left: 0;
	margin-top: 10px;
}

ul.breadcrumbs li {
	display: inline;
	margin-right: 0.5em;
	color: #808080;
}

ul.breadcrumbs li a {
	margin-right: 0.5em;
}

@media (max-width:767px){
	.breadcrumbs {
		display: none;
	}
}

/* -------------------------------
m-15　製品紹介
------------------------------- */

@media screen and (min-width: 869px){
.m-15_sp_only, .m-17_sp_only{
display: none !important;
}
}
@media screen and (max-width: 869px){
.m-15_pc_only, .m-17_pc_only{
display: none !important;
}
}

/* -------------------------------
エビスタグ　画面下余白
------------------------------- */
img[src^="https://ct.ebis.ne.jp"] {
    display: none;
}

/* -------------------------------
店舗ページバナー追加　
------------------------------- */
.nearestStore {
  position: fixed;
  bottom: -200px;
  left: 10px;
  width: 300px;
  z-index: 999;
  background-color: #fff;
  padding: 15px 12px;
  box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
  font-size: 16px;
  cursor: pointer;
  transition: .5s;
  -ms-transition: .5s;
  -webkit-transition: .5s;

}
.nearestStore:hover {
  opacity: 0.65;
}
.nearestStore.slideIn {
  bottom: 10px;
}
.nearestStore .infoClose {
  position: absolute;
  top: -22px;
  right: -11px;
  width: 44px;
  height: 44px;
  background-color: #5B5B5B;
  border-radius: 50%;
  text-align: center;
  line-height: 44px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
.nearestStore img {
}
.nearestStore .text-webfont {
  text-align: center;
  color: #004098;
  font-weight: bold;
  margin-bottom: 6px;
}
.nearestStore.slideIn {
    bottom: 10px;
}
@media screen and (max-width: 414px){
.nearestStore {
    width: 84%;
    left: 4%;
}
}