@charset "UTF-8";

/* 幅 420px 以下 */

/* Sticky Navigation ナビゲーション　親メニュー */
#sticky_navigation_wrapper { height: 35px; }
#sticky_navigation { min-height: 35px; max-height: 800px; background: none; }

#dropdown { display: none; }


/* スマホ用ナビ */
.slicknav_menu { display: block; }

/* メニュー　コア設定 */
.slicknav_btn {
	position: relative;
	display: block;
	vertical-align: middle;
	float: right;
	padding: 0.4em 0.6em 0.4em 0.6em;
	line-height: 1.125em;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { 
	display: block;
	width: 1.125em;
	height: 0.125em;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; }
.slicknav_nav { clear: both; }
.slicknav_nav ul,
.slicknav_nav li { display: block; }
.slicknav_nav .slicknav_arrow { font-size: 12px; margin: 0 0 0 7px; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block; }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline; }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both; }
/* IE6/7 support */
.slicknav_menu { *zoom: 1; }

/* メニュー　カスタム */
.slicknav_menu { font-size: 16px; }
/* ボタン */
.slicknav_btn {
	margin: 3px 15px 3px 0;
	text-decoration: none;
	background: none;
}
/* ボタン　テキスト */
.slicknav_menu .slicknav_menutxt { color: #EAEAEA; }
/* ボタン　ライン */
.slicknav_menu .slicknav_icon-bar { background-color: #EAEAEA; }
/* 背景 */
.slicknav_menu { background: url(../image/navi/navi-background-phone.png); padding: 0; }
/* ドロップダウン１階層 */
.slicknav_nav { font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal; font-size: 11pt; }
.slicknav_nav, .slicknav_nav ul { overflow: hidden; }

.slicknav_nav li { border-top: 1px solid #2771AD; border-bottom: 1px solid #1B558E; }
.slicknav_nav > li:first-child { border-top: 0; }
.slicknav_nav li ul li:last-child { border-bottom: 0; }


/* ドロップダウン１ */
.slicknav_nav a {
    padding: 7px 0 7px 15px;
    margin: 0;
    text-decoration: none;
    color: #D8D8D8;
}
/* ドロップダウン１＋サブメニュー */
.slicknav_nav .slicknav_row {
    padding: 7px 0 7px 15px;
    margin: 0;
}

/* ドロップダウン サブメニュー */
.slicknav_nav ul {
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 10pt;
    padding: 0 15px 0 0;
    margin: 0 0 0 15px;
}
.slicknav_nav ul a:hover {
	background: #1B92F8;
}

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
}
/* ドロップダウン１ */
.slicknav_nav a:hover {
    background: #007AE8;
    color: #ffffff;
}
/* ドロップダウン１＋サブメニュー　矢印 */
.slicknav_nav .slicknav_item:hover {
    background: #007AE8;
    color: #ffffff;
}

.slicknav_nav .slicknav_txtnode {
	padding: 7px 15px;
	margin: 0;    
}


/* フッター */
div#footer-bg { height: 210px; }

#footer-text-wrapper { width: 100%; float: none; margin: 0; }

#footer-text_600 {
	width: 100%;
	margin-top: 130px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/* カウンター */
div.counter {
	text-align: center;
	margin: 30px 0 0 0;
}


/* 工具箱 */
#toolbox {
	float: none;
	width: 100%;
	text-align: center;
	bottom: 53px;
}

#toolbox img {
	width: 123px;
	height: 100px;
	margin: 0 auto;
}


/* トップにスクロール */
#page-top { right: 5px; }
#page-top a { width: 32px; height: 32px; line-height: 30px; }


/* コンテンツ */
#content { padding: 25px 15px 10px 15px; margin-bottom: 25px; }
#content_path { padding: 15px 15px 10px 15px; }


/* 書式設定全般 */
p.path { text-align: center; font-size: 10px; } 

h1,
h1.column { text-align: center; margin: 0 -10px 28px; }

h2 {
	text-align: center;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 25px;
}

h3 { font-size: 18px; }

/* 箇条書き　緑 */
ul.bullet-green { margin: 0 0 15px; }

ul.bullet-green li {
	font-size: 14px;
	line-height: 1.5;
	width: 95%;
	margin: 0 15px 10px 15px;
}


/* TOP ページ あいさつ */
div.wrapper-aisatsu { margin-bottom: 0;}

p.info2 { margin: 1vh 0 1vh;}

/* TOP ページ 新着情報 */
div.news_title,
div.rays-logo { max-width: none; }

div.news { padding: 15px 15px; margin: 5px 0; }


/* 過去のイベント */
p.event-history img { margin: 15px 0 0; }

hr.event-history { margin: 40px 0 15px; }


/* 営業案内 */
#mapField { padding: 0 0 130%; }


/* イベント　募集要項 */
img.event {
	margin-bottom: 15px;
	display: block;
 	margin-left: auto;
 	margin-right: auto;
	
}


/* メンテナンス */
.mente-content { padding: 8px 28px 8px 8px; }


/* 日記 */
p.diary img { margin: 5px 0 5px; }
hr.diary { margin: 70px 0 15px; }


/* ラッピング */
p.wrapping img { margin: 5px 0 0; }


/* コラムトップ　年 */
#year li { width:16.5%; }
#year li a { margin: 1%; padding: 6% 3%; }

/* コラム一覧 */
div.col-date,
div.col-contents {
	display: block;
	line-height: 1.5;
}

div.col-date {
	width: 100%;
	font-size: 11px;
	color: #C9C9C9;
	padding: 5px 0 0 2px;
}

div.col-contents { padding: 0 0 5px 2px; }


/* コラム 185CUP　表 */
#cup185 td { font-size: 12px; line-height: 1.5; padding: 3px 3px 3px 6px; }
#cup185 td.number { padding: 5px 3px 5px 5px; } 
#cup185 td.name { padding: 5px 0 5px 3px; }
#cup185 td.time { padding: 5px 9px 5px 0; }


/* RSGW 取扱製品 */

/* 一般 */
p.path-goods {
	text-align: center;
	margin: 0 0 10px;
}

h1.goods {
	float: none;
	text-align: center;
	margin: 0 0 10px;
}

h2.goods { text-align: center; margin-bottom: 20px; }

h3.productname { font-size: 20px; margin: 20px 0 15px; }

hr.products { margin: 30px 0 10px; }

div.logo-wakos,
div.logo-rays,
div.logo-work,
div.logo-weds,
div.logo-enkei,
div.logo-ennepetal,
div.logo-kumho {
	width: 100%;
	float: none;
	text-align: center;
	margin-top: 0;
}

p.w650 { ine-height: 1.7; }


/* マツダ純正部品販売 */
p.scroll {
	display: block;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 14px;
	line-height: 1.6;
	white-space: nowrap;
	text-align: center;
	color: #CA1215;
	margin: 30px 0 15px 0;
}

#table-gp { margin-bottom: 50px; }

table.gp {
	width: 600px;
	border-collapse: collapse;
	margin: 50px 0 30px 0;
}

table.gp { margin: 0 0 0 0; }


/* 期間限定 */
.limited-tire-wrapper {
	margin-top: 30px;
	margin-bottom: 50px;
}

.limited-tire-block-wrapper-1 {
	border-right: none;
	margin-bottom: 25px;
}

.limited-tire-head {
	text-align: center;
	font-size: 18px;
	padding: 7px 0 6px 0;
}

.limited-tire-name { font-size: 14px; padding: 9px 0 9px 7px; }
.limited-tire-content { font-size: 14px; padding: 9px 7px 9px 0; }

/* エナペタル */
div.logo-ennepetal img { width: 211px; height: 50px; }
div.price-ennepetal-wrapper { margin-top: 20px; }

.price_ennepetal td { padding: 2px 10px; font-size: 14px; line-height: 1.6; }
.price_ennepetal td.price { padding-right: 1px; }

/* パーツ販売 */
div.parts_text_wrapper,
div.parts_text_top,
div.parts_logo_wrapper {
	display: block;
	float: none;
	width: auto;
}

div.parts_text_wrapper { margin: 0; }
div.parts_text_top { margin: 0; }

div.parts_logo_wrapper {
	min-height: 100px;
	height: auto !important;
	height: 100px;
	margin-bottom: 35px;
}

div.parts_logo {
	width: 123px;
	height: 50px;
	float: left;
}

h2.parts { text-align: center; margin-bottom: 25px; }

p.kawase {
	font-size: 11px;
	text-align: center;
	margin-right: 0;
	margin-bottom: 30px;
}

div.price-parts-wrapper {
	display: block;
	width: auto;
	margin-top: 20px;
	margin-bottom: 45px;
}

div.price-parts-inbox {
	display: table;
	width: 100%;
	float: none;
}

p.parts {
	font-size: 13px;
	line-height: 1.6;
	margin: 13px 0 0 0;
}

div.price-parts-wrapper-2 { margin-bottom: 20px; }
div.price-parts-wrapper-2-end { margin-bottom: 45px; }

div.parts-content {
	font-size: 13px;
	line-height: 1.6;
	padding: 5px 0 5px 0;
}

div.parts,
div.price {
	display: block;
	width: 100%;
	text-align: center;
	padding: 2px 0;
}