@charset "UTF-8";
/* CSS Document */

/*------------------------------------- */
/* ヘッダー
------------------------------------- */

.headernavi{
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 13vh;
  background-color: #FFF;
  border-bottom:0.2vw #BA2737 solid;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.header_cart_info01{
    display:inline-block;
    font-size:0.8vw;
    background-color: #ffffff;
    border-radius: 100%;
    padding: 0 0.3vw;
    font-weight: bold;
}


.inpagelink{
	margin-top:-14vh;
	padding-top:14vh;
}

/*------------------------------------- */
/* ヘッダータグ
------------------------------------- */
.headertag{
	z-index:2;
	width:100%;
	max-width:88vw;
	margin:0 auto;
	border-top: 0.05vw solid #ccc;
	line-height: 2.5vh;
	padding: 0.4vw 0 0 1vw;
	font-size:0.8vw;
	overflow:auto;
	height:4vh;
}

/*------------------------------------- */
/* 右寄せnavimenu
------------------------------------- */
.naviright{
    margin: 0 auto;
    height: 4vh;
/* 	text-align: center;*/
    max-width: 90vw;
/*	min-width:800px;*/
	position:relative;
}

.naviright a.logo{
	position:absolute;
	top:0;
	left:0;
	height:4vh
}

/*
.naviright a.logo img{ width:100%; }
*/

.naviright-container{
	position:absolute;
	top:0;
	right:0;
}

.naviright-item {
/*	float:right;*/
	display:inline-block;
	padding:0.5vh 0.2vw;
	font-size:0.8vw;
}
.naviright .colormenu {
	background-color: #BA2737;
	padding:0.5vh 1.5vw;
	position: relative;
}
.naviright .colormenu a {
	color: #ffffff;
}
.naviright-item:hover > a {
  border-bottom: 0.05vw #000000 solid;
}
.naviright .colormenu:hover{
	opacity:0.7;
}


/*------------------------------------- */
/* mddNav（ドロップダウンメニュー全体とナビボタン）
------------------------------------- */
.top-logo{
	height:4vh;
}

#mddNav > ul > li {
	font-size:0.8vw;
}

#mddNav {
/*	display: flex; グローバルナビゲーションを横並びに*/
	margin: 0 auto;
	height: 4vh;
	width:100%;
	max-width:90vw;
}


#mddNav > ul {
}


#mddNav > ul > li {
	height: 4vh;
	box-sizing: border-box;
	display:inline-block;
}
#mddNav > ul > li a{
	color: #333333;
	padding: 0.5vw 1vw;
    line-height: 1.4vw;
}
#mddNav .txmenu{
	color: #333333;
	height: 100%;
	padding: 0 0.5vw;
	display:block;
	line-height:4vw;
}

#mddNav > ul > li.navmenu:hover > a {
  color:#333333;
  border-bottom: 0.05vw #333333 solid;
}


#mddNav .colormenu {
	background-color: #BA2737;
	float:right;
}
#mddNav .colormenu a {
	color: #ffffff;
}
#mddNav > ul > li.colormenu:hover > a {
  border-bottom: 0.05vw #ffffff solid;
}

#mddNav > ul > li:last-child {
}
#mddNav > ul > li > a {
	display: block;
	text-align: center;
	transition: all 0.3s linear;
	margin:0px 0.5vw;
	padding:0.3vh 0.3vw 0.3vh 0.3vw;
}
/* mddWrap
------------------------------------- */
#mddNav .mddWrap {
  position: absolute;
  top: 8vh;
  z-index: 100;
  overflow-x:hidden;
  overflow-y: auto;
  /*display: none;*/
  text-align: center;
  background: #fff;
  border: #ddd 0.05vw solid;
  border-bottom: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  width:100%;
  max-width:90vw;
  max-height:80vh;

}
#mddNav .mddWrap .mddInner {

}
#mddNav .mddWrap .mddInner .droptitle {
  margin: 0 auto;
  padding: 1.5vw 2vw 0 2vw;
  text-align: left;
}

#mddNav .mddWrap .mddInner .navmenu-img {
	float:left;
	width:16vw;
	height:10vw;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}



#mddNav .mddWrap .mddInner > .dropContent {
	margin-top:1.5vw;
	display: flex;
	padding: 0px 1.5vw 1.5vw 1.5vw;
	text-align: left;
}

#mddNav .mddWrap .mddInner > .dropContent > div {
  margin-right: 2vw;
  float: left;
  border-right: #aaa 0.1vw solid;
}
#mddNav .mddWrap .mddInner > .dropContent > div:last-child {
  margin-right: 0;
  border-right: none;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li {
	width: 24.7%;
    display: inline-block;
    overflow: hidden;
    height: 4vw;
    background-color: #f6f6f6;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > div > li {
  width:30%;
  float:left;
  overflow:hidden;
  height: 5vw;
  margin:1vw 1.5%;
  border: 0.05vw solid #ccc;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li i {
  margin-right: 0.5vw;
  margin-left: 1.0vw;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li a:link {
  transition: all 0.2s linear;

}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li a:hover {
  color:#BA2737;

}
#mddNav .mddWrap .mddInner p {
  margin-bottom: 2vw;
  padding-left: 1vw;
  border-left: #BA2737 0.3vw solid;
}
#mddNav .mddWrap .mddInner p strong {
  font-size: 1vw;
  display: block;
}
#mddNav .mddWrap .mddInner .cat-text {
  margin-left: 17vw;
  padding-left: 1vw;
  border-left: #BA2737 0.3vw solid;
}

#mddNav .mddWrap .mddInner .cat-text div.cat-text-tarea{
	height:6vw;
	overflow-y:auto;
}
#mddNav .mddWrap .mddInner .cat-text div.cat-text-tarea pre{
	line-height:1.4vw;
}
#mddNav .mddWrap .mddInner .cat-text strong {
  font-size: 1vw;
  display: block;
}
#mddNav .mddWrap .mddInner > div span {
  margin-bottom: 0.5vw;
  font-weight: bold;
}

#mddNav .mddWrap .mddInner > .dropContentimage {
	padding: 0;
	margin: 0;
	margin-top:1.5vw;
	text-align: center;
}
#mddNav .mddWrap .mddInner > .dropContentimage > div > ul > li {
  width:25%;
  position: relative;
  float:left;
  overflow:hidden;
}
#mddNav .mddWrap .mddInner > .dropContentimage > div > ul > li i {
  margin-right: 0.5vw;
  margin-left: 1vw;
}

#mddNav .mddWrap .mddInner .dropContentimage .imagemenu {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.2s linear;
}
#mddNav .mddWrap .mddInner .dropContentimage .imagemenu:hover {
	opacity:0.7;
}
#mddNav .mddWrap .mddInner .dropContentimage .imagemenu a {
	display:block;
	width:100%;
	height:100%;
	padding:0 !important;
}
#mddNav .mddWrap .mddInner .dropContentimage .imagemenu a:hover {
}

#mddNav .mddWrap .mddInner .dropContentimage .imagemenu .textarea {
	color: #fff;
	height: 33%;
	width: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	bottom: 0;
	overflow:hidden;

}
#mddNav .mddWrap .mddInner .dropContentimage .imagemenu .textarea .text {
	top: 25%;
	position: relative;
	color:#ffffff;
	overflow:hidden;

}

#mddNav .header-event{
display:block;
height:100%;
}


/* 写真コンテンツ
----------------------------------------*/
li.phtbox{
	height:10vw !important;
	overflow:hidden;
}
li.phtbox:hover{
	opacity:0.7;
}
li.phtbox a{
	padding:0 !important;
}

#imgbg {
	width: 100%;
	height: 5vw;
	margin: 0 auto;
	-webkit-border-radius: 0.6vw;
	-moz-border-radius: 0.6vw;
	border-radius: 0.6vw;
	background-size: cover;
	background-position: center center;
}

li.phtbox .imgarea-l{
	width:40%;
	height:10vw;
	overflow:hidden;
	margin:0 auto;
	padding:1.0vw 1.0vw 1.0vw 1.0vw;
	display:inline-block;
	position:relative;
	text-align:center;
}

li.phtbox .imgarea-l .onsale,
li.phtbox .imgarea-l .presale{
	padding: 0.08vw 1.0vw;
	display: inline-block;
	border:0.05vw solid #cccccc;
	margin-bottom:0.5vw;
}

li.phtbox .textarea-r{
	width:55%;
	height:10vw;
	overflow:hidden;
	margin:0 auto;
	padding:1.0vw 0.5vw 1.0vw 0;
	display:inline-block;
}
li.phtbox .textarea-r .ev-title{
	height:4vw;
	overflow:hidden;
}

li.phtbox .lockicon i{
	position:absolute;
	bottom:1.0vw;
	left:-0.1vw;
	padding:0.2vw 0.2vw 0.2vw 0.5vw;
	line-height:1.5vw;
	border:0.05vw solid;
}

.headernavi-mina{
width:100%;
position: fixed;
height: 7.5vh;
z-index: 100;
padding:0 5vw;
}
.logo-mina{
width:15%;
display:inline-block;
vertical-align:top;
line-height:0;
}
.logo-mina img{
width:100%;
}
.header-right{
width:80%;
display:inline-block;
text-align:right;
vertical-align:top;
height: 7.5vh;
}
.mina-header-item{
color:#ffffff;
font-size:1.2vw;
font-weight:bold;
line-height:7.5vh;
padding:0 1vw;
position: relative;
}

.mina-header-item::after {
  position: absolute;
  bottom: 20px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.mina-header-item:hover::after {
  transform: scale(1, 1);
}



.logobg{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width:100%;
	height:7.5vh;
}