@charset "UTF-8";

body{
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 13px;
}
.pane-header {
  font-size: 0;
}
.pane-globalnav {
  background-color: #444;
  color: #fff;
  display: none;
}
.pane-order-header {
  height: 50px;
  border-bottom: 2px solid #666;
}
body.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
}
/*ヘッダー始まり*/
header{
	position: relative;
}
header .block-header-logo{
	margin: 0;
	padding: 0;
	width: auto;
	display: block;
	position: relative;
	z-index: 99;
	background: #fff;
}
header .block-header-logo .container{
	/*height: 73px;     infoがあるとき */
	height: 61px;    /* infoが無いとき */
	text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap; 
}

.block-header-logo 
header h1{
	margin: 1% 0 0 0;
	padding: 0;
}
.block-header-logo-inner h1 img{
}
#header .block-header-logo-sitelogoshape .block-header-logo--img{
	width: auto;
	height: auto;
}
.block-header-logo-inner{
	width: 61%;
	margin: 1.5% auto 0 auto;
}
.block-header-logo-inner a{
	text-decoration: none;
}
.block-header-logo-inner span.block-header-logo-sitelogohis{
	width: 31%;
}

.block-header-logo-inner span.block-header-logo-sitelogohis img{
	width: 88%;
	height: auto;
}
.block-header-logo-inner span.block-header-logo-sitelogoshape{
	width: 15%;
	padding: 0% 4% 0% 4%;
}
.block-header-logo-inner span.block-header-logo-sitelogoshape img{
	width: 100%;
}
.block-header-logo-inner h1{
	width: 100px;
}
.block-header-logo-inner h1 img{
	width: 100%;
}
.block-header-logo-inner span,
.block-header-logo-inner h1{
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	font-size: 80%;
}
#header-event a {
  display: block;
  padding: 5px 0 9px 0;
  background: #C00000;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.05em;
}

#header-event a .team {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 11px;
  background: #D6A300;
  padding: 5px 20px;
  border-radius: 20px;
  margin-left: 15px;
  line-height: 1.0;
}

#header-event a:hover,
#header-event a:visited {
  text-decoration: none;
}

#header h1 img{
	vertical-align: bottom;
	height: auto;
}
header h1 a{
	display: block;
}
header .block-header-logo span{
	line-height: 1;
}
header#header.pane-header-child span#header-cart{
	top: 25%;
}
header.pane-header-child #header-menu img{
	width: 40px;
}
header.pane-header-child #header-cart img{
	width: 40px;
}
header .header-bg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	display: block;
}
header .header-bg img{
	width: 100%;
	height: 100%;
}
#header-info{
	text-align: center;
	padding: 1% 0 0 0;
	position: relative;
	z-index: 99;
}
#header-info img{
	display: inline-block;
	vertical-align: top;
}
#header-info p{
	color: #fff;
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	text-decoration: underline;
}
#header-info p a{
	color: #fff;
}

.pane-header-child #header-info {
    margin-bottom: 10px;
}

.pane-header-child #header-info img {
    width: 16px;
    height: 16px;
	display: inline-block;
	vertical-align: top;
}

.pane-header-child #header-info p {
	color: #333333;
    text-decoration: none;
}

.pane-header-child #header-info p a {
    color: #333333;
    font-size: 11px;
}




#header-info img{
	margin-top: 0.3%;
	vertical-align: middle;
}
#header_desc{
	text-align: center;
	position: absolute;
	top: 29%;
	width: 100%;
	z-index: 99;
}
#header_desc p{
	font-size: 24px;
	color: #fff;
	line-height: 1.4;
	font-weight: bold;
	z-index: 99;
}

#header-date{
	width: 90%;
	margin: 0 5%;
	background: #181A1A;
	border-radius: 90px;
	text-align: center;
	padding: 20px 0 25px;
}
#header-date p{
	color: #fff;
	font-size: 10px;
	line-height: 1.5;
	
}
#header-date p span{
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
}

#header-date p span#header-date-setdate{
	display: none;
}
#header-date p span + #ShpTime{
	display: inline
}
#header-date p + p{
	font-size: 12px;
}
#header-menu.fixed{
	position: fixed;
	z-index: 99;
}
#header-menu img{
	width: 40px;
	vertical-align: bottom;
}
#header-menu{
	position: absolute;
	top: 13px;
	left: 3%;
	cursor: pointer;
	z-index: 99;
}
#header-cart{
	position: absolute;
	top: 13px;
	right: 5.5%;
	z-index: 99;
}
.page-top .pane-header{
	padding: 0;
}
#header .revico-wrap .revico-star-simple-wrapper {
	justify-content: center;
	font-weight: bold;
}
#header .revico-wrap .revico-star-block--title {
	margin-left: 0;
}
/*ヘッダー終わり*/


/*追随　始まり*/
#header-panel{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	background: rgba(0,0,0,1);
	z-index: 9;
	display: none;
	-webkit-overflow-scrolling: touch;
	display: none;
	z-index: 999;
}
#header-panel-menu-closebtn{
	background: url(../../img/usr/common/header/menuclose.svg) no-repeat;
	background-size: 50px;
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	top: 1%;
	left: 4%;
	cursor: pointer;
	z-index: 99;
}
#header-panel-menu{
	width: 280px;
	float: left;
	padding: 10% 0 0 0;
}
#header-panel-menu ul{
	padding: 10% 8% 5%;
}
#header-panel-menu ul:last-of-type{
	padding-top: 0%;
}
#header-panel #header-panel-menu li span,
#header-panel #header-panel-menu li a{
	padding: 10% 4% 4% 0;
	color: #fff;
	display: block;
	/*font-size: 14px;
	font-weight: bold;*/
}
#header-panel #header-panel-menu ul:first-child li:first-of-type span{
	padding: 8% 4%;
	display: block;
	background: #840012 url(../../img/usr/common/header/link.svg) 94% center no-repeat;
}
#header-panel-menu ul li:last-of-type{
	margin: 0;
}
#header-panel #header-panel-menu{
	background: #181A1A;
	display: block;
	overflow-y: scroll;
}
#header-panel #header-panel-menu li{
	font-size: 13px;
	color: #fff;
}
#header-panel #header-panel-menu p{
	color: #808080;
	font-size: 13px;
	padding: 8% 8% 0;
}
#header-panel #header-panel-menu p strong{
	margin-right: 10px;
}

#header-panel .container{
	width: 576px;
}
#header-panel-detail-shadow{
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 100%;
	background: rgba(0,0,0,0.5) url(../../img/usr/common/header/next.svg) center no-repeat;
}
#header-panel-detail-shadow.active{
	background: rgba(0,0,0,0.5) url(../../img/usr/common/header/prev.svg) center no-repeat;
}
#header-panel-detail{
	float: right;
	width: 296px;
	height: 800px;
	overflow-y: scroll;
	padding: 0 30px 0 30px;
}
#header-panel-detail-patern{
	padding: 8% 0 0 0;
}
#header-panel-detail-patern p{
	color: #fff;
	font-size: 13px;
	text-align: center;
	padding: 16% 0 15%;
}
#header-panel-detail h2{
	background: none;
	padding: 0;
	margin: 0 0 10%;
	font-size: 16px;
	color: #fff;
}
#header-panel-detail ul{
	padding: 0 0 10%;
}
#header-panel-detail ul li{
	font-size: 12px;
	padding: 0 0 5%;
}
#header-panel-detail ul li a{
	color: #CDD6DD;
	font-size: 14px;
	padding: 2% 2%;
}
#header-panel-detail-series{
	padding: 0 0 4%;
}
#header-panel-detail-series ul li{
	padding: 0;
}
#header-panel-detail-series li a{
	text-align: center;
	display: block;
}
/*#header-panel-detail-series li img{
	height: 73px;
}*/
#header-panel-detail-series li.rect a {
	background: #E76134;    /* レクト */
}
#header-panel-detail-series li.eqla a {
	background: #5C9994;    /* エキノックスライトα */
}
#header-panel-detail-series li.eqlore a {
	background: #72B1B5;    /* エキノックスライトオーレ */
}
#header-panel-detail-series li.flucty a {
	background: #362A28;    /* フラクティ */
}
#header-panel-detail-series li.stariaex a {
	background: #5B303E;    /* スタリアEX */
}
#header-panel-detail-series li.stariavs a {
	background: #701D3A;    /* スタリアVs */
}
#header-panel-detail-series li.pocketliner a {
	background: #E96000;    /* ポケットライナー */
}
#header-panel-detail-series li.maxpassh2s a {
	background: #142E46;    /* マックスパスH2s */
}
#header-panel-detail-series li.orbiter4 a {
	background: #568000;    /* オービター4 */
}
#header-panel-detail-series li.main a {
	background: #CEB3A3;    /* マイン */
}
#header-panel-detail-series li.arzillo a {
	background: #5B5A5B;    /* ARZILLO */
}

#header-panel-detail-series li a span{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	line-height: 1;
	color: #fff;
}
#header-panel-detail-series li a span:first-of-type{
	width: 20%;
	text-align: center;
}
#header-panel-detail-series li a span:last-of-type{
	width: 76%;
	margin-left: 4%;
}
/*追随　終わり*/

/*フッター始まり*/

footer li,
footer p{
	color: #CDD6DD;
	font-size: 12px;
	margin-bottom: 3%;
}

footer p a{
	color: #CDD6DD;
}

footer ul li a{
	color: #959EA7;
}
#pane-footer-shopinformation--top{
	background: #1D2021;
	padding: 11% 4% 0;
}
footer #pane-footer-shopinformation--top h2{
	background: none;
	font-size: 23px;
	color: #53ACAC;
	padding: 0 1% 2%;
	margin: 0 0 8%;
	border-bottom: 1px dashed #53ACAC;
	line-height: 1;
}
footer #pane-footer-shopinformation--top h3{
	color: #53ACAC;
	font-size: 16px;
	color: #53ACAC;	
	margin: 0 0 3%;
	padding: 0;
}

footer #pana-footer-shopinformation--top section.onlinestore p {
    float: left;
    display: inline;
    overflow: hidden;
    margin-right: 10px;
    max-width: 130px;
}

/*footer #pana-footer-shopinformation--top section.onlinestore:after {
    clear: both;
}*/

footer #pana-footer-shopinformation--top section.onlinestore a {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: normal;
}

footer #pane-footer-shopinformation--top section.onlinestore p img {
    max-width: 130px;
    margin-bottom: 5px;
}

#pane-footer-shopinformation--bottom{
	background: #181A1A;
}
.pana-footer-tel{
	margin: 0 0 4%;
	font-size: 18px;
}
.pana-footer-tel span.pana-footer-telnum{
	font-size: 18px;
}
.pana-footer-tel span{
	font-size: 12px;
}
.pana-footer-tel img{
	margin-right: 2%;
	margin-top: 1%;
	vertical-align: top;
}
.pana-footer-mail{
	margin-bottom: 5%;
	font-size: 18px;
}
.pana-footer-mail + p{
	margin-bottom: 4%;
}
.pana-footer-mail img{
	margin-right: 3%;
	margin-top: 0;
	vertical-align: middle;
}
footer section{
	padding: 0 2% 4%;
}
.pana-footer-timetitle{
	background: #3B4043;
	border-radius: 20px;
	text-align: center;
	height: 22px;
	line-height: 22px;
	margin-top: 8%;
}

#pane-footer-shopinformation--bottom section{
	padding: 0;
}
#pane-footer-shopinformation--bottom h2{
	background: #181A1A;
	color: #53ACAC;
	font-weight: normal;
	padding: 4% 0 4% 5%;
	font-size: 15px;
	margin: 0;
	border-bottom: 1px solid #707070;
}
#pane-footer-shopinformation--bottom h3{
	background: #3B4043;
	color: #53ACAC;
	font-weight: normal;
	padding: 5% 0 5% 8%;
	font-size: 14px;
	border-bottom: 1px solid #707070;
}
#pane-footer-shopinformation--bottom h3{
	position: relative;
}
#pane-footer-shopinformation--bottom h3.active:after{
	content: url(../../img/usr/common/footer/minus.png);
	position: absolute;
	top: 0;
	right: 6%;
	height: 100%;
	font-size: 16px;
	text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
}
#pane-footer-shopinformation--bottom ul{
	background: #3B4043;
	display: none;
}
#pane-footer-shopinformation--bottom ul li{
	border-bottom: 1px solid #707070;
	font-size: 13px;
	color: #53ACAC;
	margin: 0;
}
#pane-footer-shopinformation--bottom ul li a:before{
	content: '-';
}
#pane-footer-shopinformation--bottom h2.active:after{
	content: url(../../img/usr/common/footer/minus.png);
	position: absolute;
	top: 0;
	right: 6%;
	height: 100%;
	font-size: 16px;
	text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
}
#pane-footer-shopinformation--bottom h2{
	position: relative;
}
#pane-footer-shopinformation--bottom h2:after{
	content: url(../../img/usr/common/footer/plus.png);
	position: absolute;
	top: 0;
	right: 6%;
	height: 100%;
	font-size: 16px;
	text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
}

#pane-footer-shopinformation--bottom section section{
	display: none;
}
#pane-footer-shopinformation--bottom h3{
	position: relative;
}
#pane-footer-shopinformation--bottom h3:after{
	content: url(../../img/usr/common/footer/plus.png);
	position: absolute;
	top: 0;
	right: 6%;
	height: 100%;
	font-size: 16px;
	text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap; 
}
#pane-footer-shopinformation--bottom ul li a{
	padding: 5% 0 5% 8%;
	display: block;
	position: relative;
	text-decoration: none;
}

.pane-footer .onlinestore table {
    width: 100%;
    text-align: left;
}

.pane-footer .onlinestore table th {
    width: 30%;
}

.pane-footer .onlinestore table th span {
    font-size: 10px;
    font-weight: normal;
    color: #FFFFFF;
    margin-top: 10px;
    line-height: 1.1;
    display: block;
}

.pane-footer .onlinestore table td {
    width: 5%;
}

/* カレンダー */

.pane-footer .calender  {
	margin: 0 auto;
}

.pane-footer .calender table {
  float: left;
	display: inline;
	font-size: 12px;
	border-collapse: collapse;
	margin: 0 5px 10px 0;
}

.pane-footer .calender table:first-child {
	margin: 0 0 10px 0;
}

.pane-footer .calender table:last-child {
	margin: 0 0 10px 10px;
}

.pane-footer .calender table caption {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin: 0 0 5px 0;
}

.pane-footer .calender table th {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #888888;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #1D2021;
	width: 22px;
	padding: 2px 0;
}
.pane-footer .calender table td {
	text-align: center;
	vertical-align: middle;
	border: solid 1px #1D2021;
	padding: 2px 0;
  background-color: #FFFFFF;
	color: #000000;
}

.pane-footer .calender table td.holiday {
	background-color: #CCCCCC;
}

.pane-footer .calender p {
  clear: both;
	font-size: 12px;
}


.pana-footer-onlinestore{
	font-size: 18px;
	text-align: center;
	line-height: 1;
	margin: 8% 0 0 0;
	color: #959EA7;
}
.pana-footer-onlinestore strong{
	color: #959EA7;
	font-weight: bold;
	padding-right: 10px;
}

.pane-footer .block-copyright {
	text-align: center;
	line-height: 1;
	margin: 0;
	padding: 4% 0 8%;
	color: #6F7579;
	background: none;
	
}
.block-copyright{
	padding: 0;
	background: none;
}
/* 20250326 追加 */
#copyright a {
	color: #6F7579;
}

footer #fixedmenurenewal {
    position: fixed;
    bottom: 70px;
    right: 0;
    margin: 0;
    width: 98px;
    height: 50px;
}

footer #fixedmenupagetop{
	position: fixed;
	bottom: 1%;
	right: 0;
	margin: 0;
}
footer #fixedmenupagetop a{
	display: block;
	background: #333333 url(../../img/usr/common/footer/pagetop.svg) center no-repeat;
	background-size: 24px;
	width: 60px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
/*フッター終わり*/

/* 20241126 add */
#pane-footer-shopinformation--bottom .pane-footer-shopinformation--haveMoreChild > li > h3 > a {
	display: inline;
	padding: 0;
}

/* 20250206 */
#header-panel-detail-series li img{
	height: 60px;
}
#header-panel-detail-series .head-reuse a span:first-of-type{
    margin-left: -22px;
}
#header-panel-detail-series .head-reuse a span:nth-child(2)  {
	width: auto;
    margin-left: 4%;
}
#header-panel-detail-series .head-reuse a span:last-of-type {
	width: auto;
}

#header-panel-detail-series .head-border{
	background: #fff;
    width: fit-content;
    padding: 1px 10px;
    margin: 5px 0;
    font-size: 14px;
}

/* 20250519 見出しタグ<h1>の修正 */
.block-header-logo--imgBox {
	width: 100px;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	font-size: 80%;
}
.block-header-logo--imgBox .block-header-logo--img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}