@charset "utf-8";

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

	Yumeya common.css for touch device
	----------------------------------------------------------------------------
	
	reset & common styles
	YUMEYA Corp.
	
	@import '/css/common-device.css';
	@import url('/styles/2/get.css');
	@import url('/styles/3/get.css');
	@import url('/styles/4/get.css');
	
	----------------------------------------------------------------------------
	
-------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
	リセット
-------------------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
}
body{
	max-width: 800px;
	margin:0 auto;
	line-height:1.5;
	font-size:3.8vw;
	font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	-webkit-text-size-adjust:100%;
}
h1,h2,h3,h4,h5,h6,
input,
textarea{
	font-weight:normal;
	font-size:100%;
}
ol,ul{
	list-style:none;
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
	content:'';
	content:none;
}
input,
textarea,
select{
	font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}

img{
	max-width:100%;
	height:auto;
	border:none;
	-ms-interpolation-mode:bicubic;
	vertical-align:bottom;
}
a img{
	border:none;
	vertical-align:bottom;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
    display:block;
}
ul{
	list-style:none;
	margin:0;
	padding:0;
}


a{
	color:#000;
	text-decoration:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0.1);
	tap-highlight-color:rgba(0,0,0,0.8);
}

.entry-body a {
	color:#488bf1;
  font-weight: bold;
}

input{
	-webkit-border-radius:100%;
	border-radius:0;
}
input, select{
	max-width:100%;
	height:auto;
	vertical-align:middle;
}


/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
br.clear{
	display:block;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
	visibility:hidden;
	font-size:0;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
}
* html .clearfix{
	height:1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

ul.ul{
	list-style:disc;
	padding:0 0 0 1.5em;
}
ol.ol{
	list-style:decimal;
	padding:0 0 0 1.75em;
}

/********** プレースホルダー **********/
::-webkit-input-placeholder{
	color:#7d7d7d;
}

/* --------------------------------------------------------------------------------
	デバイスごとの表示・非表示
-------------------------------------------------------------------------------- */
.device-sp{
	display:block;
}
.device-sp-inline{
	display:inline;
}
.device-pc{
	display:none;
}
.device-pc-inline{
	display:none;
}



body.header-fix-mode{
}


/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container{
}


/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */
#pagetop{
	position:absolute;
	top:0;
}


#header{
	background:#fff;
}

/********** divにclearfix用の:afterがつくので除去する際は以下の通り **********/
#header div:after{
	display:none !important;
}


/********** オーバーレイ **********/
#overlay{
	display:none;
	
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:100;
}


/********** 内側 **********/
#header .header-inner{
}
#header .header-inner.fixed{
	position:fixed;
	width:100%;
	top:0;
	
	z-index:100;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
#header .header-inner.active{
	z-index:1000;
	height:100%;
	right:0;
	bottom:0;
	left:0;
}


/********** ヘッダーコンテンツ **********/
#header .h-contents{
	position:relative;
	z-index:99;
	
	display:flex;
	
	width:100%;
	padding:2.5vw 0 2.5vw;
	background:#fff;
}
#header .h-contents .logo-customer{
	width:calc(54.5% - 2px);
	border-right:solid 2px #bfbfbf;
	font-size:2.8vw;
}
#header .h-contents .logo-customer .s-logo,
#header .h-contents .logo-customer h1.s-logo{
	padding:0 0 1vw;
}
#header .h-contents .logo-customer .s-logo img,
#header .h-contents .logo-customer h1.s-logo img {
	max-width: 160px;
	margin-top: 1vh;
	margin-left: 2.5vw;
}
#header .h-contents .logo-customer .s-logo a,
#header .h-contents .logo-customer h1.s-logo a{
	display:block;
}
#header .h-contents .logo-customer .customer-message{
	padding:0 3vw 0;
	font-weight:bold;
}

/********** ログイン **********/
#header .h-btn-login{
	display:flex;
	
	width:calc(30% - 2px);
	align-items:center;
	border-right:solid 2px #bfbfbf;
}
#header .h-btn-login a{
	/*display:flex;*/
	/*align-items:center;*/
  display: inline-block;
  vertical-align: middle;
	/*margin:0 0 0 3vw;*/
	text-decoration:underline;
	font-size:2.5vw;
}

#header .h-btn-login .h-btn-login-icon img{
	/*width:10.6vw;*/
	/*margin:0 2vw 0 0;*/
	width:10vw;
	margin:0 2vw 0 2.5vw;
}

#header .h-btn-login span.login {
    width: 13vw;
    display: block;
}

/********** 会員ランク **********/
#header span.stageimage_1 {
    color: #ffffff;
    background: #b2c1d1;
		padding: 0.3vh 1.5vw;
}
#header span.stageimage_2 {
    color: #ffffff;
    background: #d89d2f;
		padding: 0.3vh 1.5vw;
}
#header span.stageimage_3 {
    color: #ffffff;
    background: #a5a5a5;
		padding: 0.3vh 1.5vw;
}
#header span.stageimage_4,
#header span.stageimage_ {
    color: #ffffff;
    background: #d46f04;
		padding: 0.3vh 1.5vw;
}


/********** カート **********/
#header .btn-cart{
	width:16.3%;
	
	display:flex;
	align-items:center;
}
#header .btn-cart a{
	display:block;
	margin:0 3vw;
}
#header .btn-cart a img{
	display:block;
	width:100%;
	margin:0 auto;
}

/********** ナビゲーション **********/
#header .h-nav{
	position:relative;
	z-index:1001;
	
	width:100%;
	background:#036;
}
#header .h-nav ul{
	display:flex;
	justify-content:space-between;
	
	width:100%;
}
#header .h-nav ul li{
	width:100%;
	display:flex;
	align-items:center;
	
	position:relative;
	width:28.3333%;
	z-index:1;
	
	cursor:pointer;
}
#header .h-nav ul li.h-nav-menu{
	width:15%;
}
#header .h-nav ul li a{
	display:block;
	
	margin:0 auto;
	
	text-align:center;
	line-height:1.35;
	font-weight:bold;
	font-size:3.4vw;
	color:#fff;
}
#header .h-nav ul li a img{
	display:block;
}

/********** アクティブ時 **********/
#header .h-nav ul li.active{
	background:#003366;
}
#header .h-nav ul li.active a{
	color:#7f99b2;
}

/********** MENU・CLOSE **********/
/* 通常時 */
#header .h-nav .h-nav-menu img.h-btn-menu{
	display:block;
}
#header .h-nav .h-nav-menu img.h-btn-close{
	display:none;
}

/* アクティブ時 */
#header .h-nav .h-nav-menu.active img.h-btn-menu{
	display:none;
}
#header .h-nav .h-nav-menu.active img.h-btn-close{
	display:block;
}



/* --------------------------------------------------------------------------------
	ログイン・ログアウト切り替え
-------------------------------------------------------------------------------- */
#logoutButtonSP,
#loginButtonSP{
	display:none;
}


/* --------------------------------------------------------------------------------
	車種別に見る
-------------------------------------------------------------------------------- */
#header .menu-syasyu{
	width:100%;
	display:none;
	position:absolute;
	z-index:1001;
}
#header .menu-syasyu .menu-syasyu-wrapper{
	background:#e5e5e5;
}

/********** サイド **********/
#header .menu-syasyu .menu-syasyu-wrapper .menu-syasyu-side{
	padding:4vw 0 0;
	font-size:3.4vw;
	background:url('/import/tenant_1/www.stage2.co.jp/images/common-device/h-icon-arr.webp') no-repeat 12.5vw 0;
	background-size:3vw auto;
}
#header .menu-syasyu .menu-syasyu-wrapper .menu-syasyu-side ul li a{
	display:block;
	padding:3.75vw 3vw 3.75vw 3vw;
	font-weight:bold;
	background:url('/import/tenant_1/www.stage2.co.jp/images/common-device/h-icon-menu-arr.webp') no-repeat 93.5% 50%;
	background-size:0.5em auto;
}
#header .menu-syasyu .menu-syasyu-wrapper .menu-syasyu-side ul li.active{
	background-color:#f5f5f5;
}

/********** リンクリスト **********/
#header .menu-syasyu .menu-syasyu-wrapper .menu-syasyu-main{
	width:64%;
	background:#f5f5f5;
}
#header .menu-syasyu .menu-syasyu-wrapper .menu-syasyu-main .menu-syasyu-main-box{
	padding:4vw 0 4vw 4vw;
}
#header .menu-syasyu .menu-syasyu-wrapper .menu-syasyu-main .menu-syasyu-main-list{
	display:none;
}
#header .menu-syasyu .menu-syasyu-wrapper .menu-syasyu-main .menu-syasyu-main-list ul{
	padding:0 4vw 0 0;
}
#header .menu-syasyu .menu-syasyu-wrapper .menu-syasyu-main .menu-syasyu-main-list ul li{
	margin:0 0 3.5vw;
}
#header .menu-syasyu .menu-syasyu-wrapper .menu-syasyu-main .menu-syasyu-main-list ul li a{
	display:flex;
	justify-content:space-between;
	
	width:100%;
}
#header .menu-syasyu .menu-syasyu-wrapper .menu-syasyu-main .menu-syasyu-main-list ul li a .thumb{
	display:block;
	width:30%;
	padding:0 0 2vw;
}
#header .menu-syasyu .menu-syasyu-wrapper .menu-syasyu-main .menu-syasyu-main-list ul li a .txt{
	display:block;
	width:65%;
	/* font-size:;*/
}
#header .menu-syasyu .menu-syasyu-wrapper .menu-syasyu-main .menu-syasyu-main-list ul li a .label{
	display:block;
	font-size:3.4vw;
	width:30%;
	word-wrap: break-word;
}
#header .menu-syasyu .menu-syasyu-wrapper .menu-syasyu-main .menu-syasyu-main-list ul li a .datetime{
	display:block;
	font-size:2.8vw;
	width:30%;
}

/* CLOSE */
#header .h-btn-close{
	text-align:right;
}
#header .h-btn-close img{
	width:24vw;
}

/********** 切り替え **********/
#header .menu-syasyu .menu-syasyu-wrapper .menu-syasyu-main .menu-syasyu-main-list.menu-syasyu-main-list-active{
	display:block;
}


/* --------------------------------------------------------------------------------
	ランキング
-------------------------------------------------------------------------------- */
#header .menu-ranking{
	display:none;
	
	position:absolute;
	z-index:1001;
	
	width:100%;
	background:#e5e5e5;
}
#header .menu-ranking .menu-ranking-wrapper{
	width:100%;
	padding:2vw 0 0;
	background:url('/import/tenant_1/www.stage2.co.jp/images/common-device/h-icon-arr.webp') no-repeat 40vw 0;
	background-size:3vw auto;
}
#header .menu-ranking .menu-ranking-box{
	padding:0 0 20px;
}
#header .menu-ranking .menu-ranking-box ul{
	padding:0 0 10px;
}
#header .menu-ranking .menu-ranking-box ul li{
}
#header .menu-ranking .menu-ranking-box ul li a{
	display:flex;
	justify-content:space-between;
	align-items:center;
	
	width:calc(100% - 4vw - 14vw);
	padding:3vw 4vw 3vw 14vw;
	border-bottom:solid 1px #f5f5f5;
	font-weight:bold;
	background:url('/import/tenant_1/www.stage2.co.jp/images/common-device/h-icon-no1.webp') no-repeat 3vw 50%;
	background-size:8vw auto;
}
#header .menu-ranking .menu-ranking-box ul li:nth-of-type(2) a{
	background-image:url('/import/tenant_1/www.stage2.co.jp/images/common-device/h-icon-no2.webp');
}
#header .menu-ranking .menu-ranking-box ul li:nth-of-type(3) a{
	background-image:url('/import/tenant_1/www.stage2.co.jp/images/common-device/h-icon-no3.webp');
}
#header .menu-ranking .menu-ranking-box ul li:nth-of-type(4) a{
	background-image:url('/import/tenant_1/www.stage2.co.jp/images/common-device/h-icon-no4.webp');
}
#header .menu-ranking .menu-ranking-box ul li:nth-of-type(5) a{
	border-bottom:none;
	background-image:url('/import/tenant_1/www.stage2.co.jp/images/common-device/h-icon-no5.webp');
}
#header .menu-ranking .menu-ranking-box ul li a .thumb{
	display:block;
	width:20%;
}
#header .menu-ranking .menu-ranking-box ul li a .thumb img{
	width:100%;
}

#header .menu-ranking .menu-ranking-box ul li a .name-label{
	display:block;
	width:75%;
}
#header .menu-ranking .menu-ranking-box ul li a .name-label .name{
	display:block;
}
#header .menu-ranking .menu-ranking-box ul li a .name-label .label{
	display:block;
}



/* --------------------------------------------------------------------------------
	セール・キャンペーン
-------------------------------------------------------------------------------- */
#header .menu-campaign{
	display:none;
	
	position:absolute;
	z-index:1001;
	
	width:100%;
	background:#e5e5e5;
}
#header .menu-campaign .menu-campaign-wrapper{
	width:100%;
	margin:0;
	background:url('/import/tenant_1/www.stage2.co.jp/images/common-device/h-icon-arr.webp') no-repeat 67vw 0;
	background-size:3vw auto;
}
#header .menu-campaign .menu-campaign-box{
	padding:2vw;
}
#header .menu-campaign .menu-campaign-box ul{
	text-align:center;
}
#header .menu-campaign .menu-campaign-box ul li{
	padding:0 0 3vw;
}
#header .menu-campaign .menu-campaign-box ul li a{
	display:block;
	text-decoration:underline;
}
#header .menu-campaign .menu-campaign-box ul li a .label{
	display:block;
}
#header .menu-campaign .menu-campaign-box ul li a .bnr{
	display:block;
}
#header .menu-campaign .menu-campaign-box ul li a .bnr img{
	width:100%;
}

#header .full-header .menu-campaign{
	position:absolute;
	z-index:10;
	width:100%;
}
#header .full-header .menu-campaign.active {
opacity: 1;
visibility: visible;
}


/* --------------------------------------------------------------------------------
	MENU
-------------------------------------------------------------------------------- */
/********** 非表示にしておく **********/
#header .menu-menu{
	
	display:none;
	position:absolute;
	z-index:1001;
	
	width:90%;
	right:0;
	background:#fff;
}
#header .menu-menu .menu-menu-box{
	border:solid 2vw #69b3d1;
}

/********** 検索 **********/
#header .search form{
	padding:6vw 4vw;
}
#header .search form .search-box{
	display:flex;
	justify-content:space-between;
	
	width:100%;
}
#header .search form .search-box input[name="keyword"]{
	display:block;
	width:calc(100% - 2px - 5vw - 18vw);
	padding:0 2.5vw;
	border:solid 2px #7d7d7d;
	border-radius:1vw;
}
#header .search form .search-box .btn-search{
	display:block;
	width:15vw;
}

/********** メニュー内のリンク **********/
#header .menu-menu .menu-menu-link{
}
#header .menu-menu .menu-menu-link ul li{
	background:#003366;
}
#header .menu-menu .menu-menu-link ul li a{
	display:block;
	padding:3.75vw 13vw 3.75vw 3vw;
	border-bottom:solid 0.5vw #69b3d1;
	color:#fff;
	background:url('/import/tenant_1/www.stage2.co.jp/images/common-device/h-icon-menu-menu-arr1.webp') no-repeat 95% 50%;
	background-size:1em auto;
}
#header .menu-menu .menu-menu-link ul li a.open-close{
	background:url('/import/tenant_1/www.stage2.co.jp/images/common-device/h-icon-menu-menu-down.webp') no-repeat 95% 50%;
	background-size:1em auto;
}
/* アクティブ時 */
#header .menu-menu .menu-menu-link ul li a.open-close.active{
	background-image:url('/import/tenant_1/www.stage2.co.jp/images/common-device/h-icon-menu-menu-up.webp');
}
#header .menu-menu .menu-menu-link ul li ul li a{
	color:#000;
	background:#fff url('/import/tenant_1/www.stage2.co.jp/images/common-device/h-icon-menu-menu-arr2.webp') no-repeat 95% 50%;
	background-size:1em auto;
}
#header .menu-menu .menu-menu-link ul li ul{
	display:none;
}

/********** CLOSE **********/
#header .menu-menu .menu-menu-close{
}
#header .menu-menu .menu-menu-close a{
	display:block;
	padding:2vw 0;
	background:#003366;
	text-align:right;
}
#header .menu-menu .menu-menu-close img{
	width:24vw;
}



/* --------------------------------------------------------------------------------
	wrapper
-------------------------------------------------------------------------------- */
#wrapper{
}


/* --------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------- */
#main{
}


/* --------------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------------- */
#footer{
}


#footer a{
	color:#fff;
}

/********** divにclearfix用の:afterがつくので除去する際は以下の通り **********/
#footer div:after{
	display:none !important;
}

/********** フッターコンテンツ **********/
#footer .f-contents{
	padding:8vw 8vw 8vw;
	font-size:3.4vw;
	color:#fff;
	background:#036;
}

#footer .f-logo{
	margin: 0 auto 3.8vw;
    text-align: center;
    width: 70%;
}
#footer .f-logo img{
	width:68vw;
}

/**********  **********/
#footer .col-logo-contact .f-contact-btns{
	width:58vw;
	margin:0 auto 3vw;
}
#footer .col-logo-contact .f-contact-btns ul li:last-child{
	padding:0;
}
#footer .col-logo-contact .f-contact-btns ul li{
	padding:0 0 2vw;
}
#footer .col-logo-contact .f-contact-btns ul li a{
	display:block;
	padding:1vw 0 1vw 16vw;
	line-height:1.2;
	border:solid 1px #fff;
	text-decoration:none;
	font-size:4.4vw;
	color:#fff;
	background:url('/import/tenant_1/www.stage2.co.jp/images/common-device/f-icon-tel.webp') no-repeat 35px 50%;
	background-size:5.5vw auto;
}
#footer .col-logo-contact .f-contact-btns ul li.btn-mail a{
	background:url('/import/tenant_1/www.stage2.co.jp/images/common-device/f-icon-mail.webp') no-repeat 35px 50%;
	background-size:5.5vw auto;
}

/********** 営業時間 **********/
#footer .f-contact-hour{
	display:table;
	margin:0 auto 5vw;
}

/********** カレンダー **********/
#footer .calendar{
	padding:5px 0 0;
}
#footer .calendar .calendar-wrapper{
	display:flex;
	justify-content:space-between;
	
	width:100%;
}
#footer .calendar .heading{
	padding:0 0 10px;
	font-size:3.8vw;
	font-weight:bold;
}
#footer .calendar .calendar-box{
	width:38.5vw;
}
#footer .calendar .calendar-box iframe{
	display:block;
	
	width:100%;
	height:42vw;
}
#footer .calendar .txt-holiday .txt-holiday-box{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
#footer .calendar .txt-holiday .mark1{
	display:inline-block;
	margin:0 5px 0 0;
	width:13px;
	height:13px;
	background:#dc1414;
}
#footer .calendar .txt-holiday .mark2{
	display:inline-block;
	margin:0 5px 0 0;
	width:13px;
	height:13px;
	background:#b2c1d1;
}

/********** コピーライト **********/
#footer .copyright{
	padding:3vw 0;
	text-align:center;
	font-size:2.8vw;
}


/* --------------------------------------------------------------------------------
	固定ボタン
-------------------------------------------------------------------------------- */
#fix-sp{
	position:fixed;
	width:10vw;
	right:0;
	bottom:4vw;
	
	z-index:501;
}