/**
 # --------------------------------------------------------------------
 # base settings
 # --------------------------------------------------------------------
**/

p{line-height:1.4em;}
.pchide,.pchide_once{display:none;}


/**
 # --------------------------------------------------------------------
 # header
 # --------------------------------------------------------------------
**/

.header_bnr a{width:100%;height:35px;/* background:url(http://yuzum.com/img/h_iventbg01.gif) 0 0 repeat-x;*/display:none;}

header{width:100%;background:none;color:#333;border-bottom: 1px solid #333;}
header a{color:#333;}


/* header_main > logo + guide  ------------------------- */
.header_main, .global_navi{margin:0 auto;max-width:970px;}
.header_main{font-size:12px;}

header .logo  {font-size:11px;}
header .logo a{
	position:relative;
	width:214px;height:58px;
	background:url(/common/img/header/logoG.png) 0 13px no-repeat;
	background-size:100%;
	text-align:left;
	}
header .logo span{
	display:block;
	padding-top:2px;
	font-weight:bold;font-size:11px;}
header .logo strong{
	position:absolute;bottom:0;right:0;
	padding:2px 1em;
	color:#FFF;font-weight:normal;
	background:#548c39;
	}

header .guide{
	padding:5px 0;
	margin-left:auto;
	text-align:center;
	-webkit-align-items:center;
    align-items:center;
	}
header .guide a{width:90px;}
header .guide a:before{display:block;margin:0 auto;font-size:28px;}
header .guide .souryou{
	width:209px;
	padding:3px;
	border:3px solid #333;
	}

/* headerbottom global_navi + searchBox --------------- */
header #menu{
	border-top:3px solid #004d2d;
	background-color:#e9e9e9;
	-moz-box-shadow:0px 2px 3px 0px #a7aba7;
	-webkit-box-shadow:0px 2px 3px 0px #a7aba7;
	box-shadow:0px 2px 3px 0px #a7aba7;
	}
header .global_navi {
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
	}
header .global_navi li{width:15%;text-align:center;}
header .global_navi span{
	display:block;
	padding:10px 1em;
	position:relative;}
header .global_navi span:hover{cursor:pointer;}

header .global_navi .iconpos_l:before{position:absolute;top:1.25em;left:3px;}
header .global_navi .iconpos_l:after{font-size:.8em;text-align:center;display:block;}
.sagasu:after{content:"から探す";}
.miru:after{content:"を見る";}

header .global_navi li ul{width:500px;margin-top:0;margin-left:-17px;position:absolute;display:none;}
header .global_navi li:hover ul{display:block;z-index:20;}
header .global_navi li li{width:100%;}
header .global_navi ul a {padding:5px 25px;text-align:left;}
header .global_navi ul a:hover{background:#CCC;}
header .global_navi .search{
	-webkit-box-ordinal-group:5;
    -ms-flex-order:5;
    -webkit-order:5;
    order:5;
	width:45%;
	margin-left:auto;
	padding:7px 0;
	text-align:right;}

.bal_top {
	color: #19283C;
	display: inline-block;
	padding: 10px 0;
	width: auto;
	min-width: 115px;
	line-height: 32px;
	text-align: center;
	background: #FAFAFA;
	border: 3px solid #19283C;
	z-index: 10;
}
.bal_top:before {
	content: "";
	position: absolute;
	top: -8px; left: 30px;
	margin-left: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #FAFAFA transparent;
	z-index: 10;
}
.bal_top:after {
	content: "";
	position: absolute;
	top: -12px; left: 30px;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #19283C transparent;
	z-index: 5;
}

.fixBox{
	position: fixed;
   top: 10px;
   min-width:300px;
   background:#ededed;
   z-index:50;
   }
/**
 # --------------------------------------------------------------------
 # content
 # --------------------------------------------------------------------
**/

#content{padding:30px 0;}


#content th{
	background: #ededed;
	font-weight: normal;
	}


/**
 # --------------------------------------------------------------------
 # item_content
 # --------------------------------------------------------------------
**/

#item_content, #content{
	max-width:970px;
	margin:0 auto;
	}
#item_content{
	padding-top:20px;
	-webkit-box-direction:row-reverse;
    -webkit-flex-direction:row-reverse;
    flex-direction:row-reverse;
	}
#item_content h1{padding:10px 0;}

.itemBox{
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
	}
.mainImg{width:61.8%;padding-right:10px;box-sizing: border-box;}
#mainCart{width:38.2%;padding-left:0 5px 0 0;box-sizing: border-box;}
.select_open{display:none;}
#imgBox{max-width:600px;}

.itemthumbs{display:flex;}
.itemthumbs span{width: 10%;
    height: auto;
    border: 1px solid #666;
    border-radius: 0;
    background: none;
    padding: 3px;
	margin:0 3px 6px;
    opacity: .6;
    line-height: 0;
	display: flex;
    justify-content: center;
    align-items: center;
	}
.itemthumbs span.swiper-pagination-bullet-active{opacity:1;}
.itemthumbs img{width:100%;}


/*.cartBox form .op_title:after{display:inline-block;content:"/";} */


.caption, .redommend{display:block;}
.caption .title{
	margin-top:20px;
	padding:10px;
	margin-bottom: 10px;
	background:#ededed;
	border:1px solid #ccc;
	}
.explanText{padding-right:38.2%;}
{
	content:'';
	display:block;
	margin-top:10px;
	width:100%;
	height:10px;
	background: linear-gradient(to bottom,rgba(0,0,0,.14),rgba(0,0,0,.03) 3px,transparent);
	background:-prefix-linear-gradient(top,rgba(0,0,0,.08),rgba(0,0,0,.01) 3px,transparent);
	}

.recommend_Items div{width:48%;}

.bnr{
	-webkit-box-direction:row;
    -webkit-flex-direction:row;
    flex-direction:row;
	-ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
	margin:8px 5px;
	}
.bnr div{width:50%;padding:0 10px;}
.newItem div, .bnr div{
	-ms-flex:0 1 auto;
	-webkit-flex:0 1 auto;
    flex: 0 1 auto;
	}
.newItem div{width:23%;}

.rank_1, .rank_2, .rank_3, .rank_4, .rank_5{
	-webkit-flex-shink: 1;
    flex-shink: 1;
    width: 20%;
	}
.new_itm{
	-webkit-box-flex:0.0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width: 10.5%;
	padding:8px;
	}

#historyItems .swiper-slide{
	/*
	max-width: 10%;
    border: 1px solid #ededed;
    padding: 5px; */
	}
.check_Items .swiper-wrapper{padding:0 50px;}
.checkitem{padding:15px 30px 0;}

/**
 # --------------------------------------------------------------------
 # contactForm
 # --------------------------------------------------------------------
**/
.hmw_form dl{width:80%;margin:40px auto;}
.hmw_form dt{width:30%;float:left;}
.hmw_form dd{padding: 5px 0 5px 30%;border-bottom: 1px dashed #ccc;}
.hmw_form input, 
.hmw_form textarea{}
.hmw_form input[type="checkbox"], 
.hmw_form input[type="radio"] {width:auto;}
.hmw_form select,
.hmw_form input[type="number"] {width: 60%;}
.hmw_form textarea{height:12em;}
.hmw_form button{
	margin: 30px auto;
    padding: 20px 10px;
    width: 60%;
	}
dt.hmw_form_required:after {
    margin-left: 20px;
	position: absolute;
    right: 10px;
	}
	

/**
 # --------------------------------------------------------------------
 # footer
 # --------------------------------------------------------------------
**/


.footerMenu h2{margin:30px 0;font-size:1.8em;}
.footerMenu div{width:33%;margin-bottom:3em;}
.footerMenu li a{padding:5px;}
.footerMenu iframe{height:260px;}
.footerMenu .sns{margin:0;}