@charset "utf-8";
/*
Theme Name: PASA VA BENE
Theme URI: URL
*/

/* body */

body { padding:0;margin:0;
	font-family:"Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.alpha a:hover {
filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.green-t {
	font-size:120%;
	background-color:#2d7e23;
	color:#fff;
	padding:5px 5px 5px 10px;
font-weight:normal;
}

h2 { background: url(img/h2.png) left no-repeat;padding-left:40px;font-weight:normal;margin-top:0px;font-size:130%;color:#534741; }
h3 { border-bottom:dotted 1px #534741;font-size:120%;color:#534741;font-weight:normal; }

.pay { margin: 50px 50px; }
.pay table { border-collapse:collapse; }
.pay table td { border-collapse:collapse;border:1px #534741 solid;padding:0 5px; }

/*===== header =====*/


#header { background-color:#f1ede7;
position:relative; z-index:1; margin: 0;text-align:center;padding:0 0 10px 0; }

#header-sub { background-color:#f1ede7;
position:relative; z-index:1; margin:0px 0;text-align:center;padding:0 0 80px 0; }

#header h1 {
	width:980px;text-align:right;clear:both;font-size:10px;margin:0 auto 0;padding-top:5px;
	color:#999;font-weight:normal;
}

#header-sub h1 {
	width:750px;text-align:right;clear:both;font-size:10px;margin:0 auto 0;padding-top:5px;
	color:#999;font-weight:normal;
}

#header-logo {
	padding-top: 0;
	margin: 0 auto;
	background: url(img/top-logo.png) center top no-repeat;
	height: 150px;
	/* width:980px; */
	position:absolute;
	z-index:999 !important;
	top:0;
}

#header-navi { 
position:relative;
height:80px;
margin:0 auto;
width:980px;
z-index:10;
top:0;	}


#navi-back { background-color:#fff;
width:100%;
}

#header-navi ul{
	width:980px;
	margin:0 auto;
padding:0;
}


/*===== nav =====*/


/* Global Navigation */

#globalNav ul {
	width: 980px;
	margin: 8px auto;
	/*	padding:0 11px;*/
	height: 39px;
	position: relative;
	z-index: 4;
/*	left: 106px;*/
/*	top: 16px;*/
	
}
#globalNav ul li {
/*	margin-right: 1px;*/
	float: left;
	position: relative;
	list-style:none;
}



#globalNav a span {
	display:none;
/*	width:134px;*/
	height:47px;
}


.dnavi01 a {
	display: block;
	background-image: url(img/navi01.jpg);
	background-repeat: no-repeat;
	width:120px;
	height:47px;
}

.dnavi01G a {
	display: block;
	background-image: url(img/navi01G.jpg);
	background-repeat: no-repeat;
	width:134px;
	height:47px;
}
.dnavi01 a:hover {
	background-image: url(img/navi01_a.jpg);
	background-repeat: no-repeat;
}

.dnavi01G a:hover {
	background-image: url(img/navi01G.jpg);
	background-repeat: no-repeat;
}

.dnavi02 a {
	display: block;
	background-image: url(img/navi02.jpg);
	background-repeat: no-repeat;
	width:120px;
	height:47px;
}

.dnavi02G a {
	display: block;
	background-image: url(img/navi02G.jpg);
	background-repeat: no-repeat;
	width:120px;
	height:47px;
}

.dnavi02 a:hover {
	background-image: url(img/navi02_a.jpg);
	background-repeat: no-repeat;
}

.dnavi02G a:hover {
	background-image: url(img/navi02G.jpg);
	background-repeat: no-repeat;
}

.dnavi03 a {
	display: block;
	background-image: url(img/navi03.jpg);
	background-repeat: no-repeat;
	width:120px;
	height:47px;
}
.dnavi03G a {
	display: block;
	background-image: url(img/navi03G.jpg);
	background-repeat: no-repeat;
	width:120px;
	height:47px;
}

.dnavi03 a:hover {
	background-image: url(img/navi03_a.jpg);
	background-repeat: no-repeat;
}

.dnavi03G a:hover {
	background-image: url(img/navi03G.jpg);
	background-repeat: no-repeat;
}
.dnavi04 a {
	display: block;
	width:260px;
	height:47px;
}

.dnavi05 a {
	display: block;
	background-image: url(img/navi05.jpg);
	background-repeat: no-repeat;
	width:180px;
	height:47px;
}
.dnavi05G a {
	display: block;
	background-image: url(img/navi05G.jpg);
	background-repeat: no-repeat;
	width:180px;
	height:47px;
}

.dnavi05 a:hover {
	background-image: url(img/navi05_a.jpg);
	background-repeat: no-repeat;
}
.dnavi05G a:hover {
	background-image: url(img/navi05G.jpg);
	background-repeat: no-repeat;
}
.dnavi06 a {
	display: block;
	background-image: url(img/navi06.jpg);
	background-repeat: no-repeat;
	width:180px;
	height:47px;
}
.dnavi06G a {
	display: block;
	background-image: url(img/navi06G.jpg);
	background-repeat: no-repeat;
	width:180px;
	height:47px;
}

.dnavi06 a:hover {
	background-image: url(img/navi06_a.jpg);
	background-repeat: no-repeat;
}
.dnavi06G a:hover {
	background-image: url(img/navi06G.jpg);
	background-repeat: no-repeat;
}


/* トップページメインイメージ　*/

.main-img { margin-top:0;
	z-index:2; }

.top-img { margin-top:-50px;	position:absolute;
	z-index:3; }

#newinfo {
	background:url(img/info-back.jpg) repeat-x;
	margin-top:-70px;
	height:138px;
	padding-top:8px;
}

#newinfo-inner {
 text-align:left;padding-left:50px;
 width:900px;margin:0 auto;position:relative;
}

#newinfo ul {
list-style:none;
 text-align:left;padding:15px 0 0 50px;margin:0 auto;
 width:900px;font-size:80%;line-height:1.4;
 color: #630;
}

.info-date { 
font-family: 'Oswald', sans-serif; 
color: #090;letter-spacing:2px;font-size:120%; }






/*===== main =====*/

#wrapper-top { background-color:#f1ede7;
position:relative; z-index:1; height:70px;margin:0 auto; }

#wrapper {
margin:0 auto;
width:980px;
padding:10px 0 0 0;
}

#wrapper-left {
margin:0 auto;
padding:20px 10px;
width:200px;
float:left;
}

#wrapper-right {
margin:0 auto;
width:720px;min-height:1300px;
padding:20px 20px 20px 20px;
float:right;
}


#wrapper-right-sub {
margin:30px auto 0;
width:720px;min-height:1300px;
padding:0 0px 20px 20px;
font-size:90%;
text-align:left;
float:right;
}

#wrapper-right-left {
margin:10px auto;
width:400px;
padding:10px;
float:left;
}


#wrapper-right-right {
margin:10px auto;
width:265px;
padding:10px;
float:left;
}

/*===== contents =====*/

.arrow { width:140px;margin:10px 10px 0 0;float:right; }
.arrow1 img { float:left;padding:0 5px 0 0;margin:0; }
.arrow2 a { text-decoration:none;border-bottom:1px dotted;color:#C30;font-size:12px; }

.ranking-div { width:265px;border-bottom:dotted #8c6239 1px;margin:0;padding:0;
}

.ranking-t {
margin:0;padding:0;
	border-collapse:collapse;
	width:100%;
}

.ranking-td1 {
padding:5px 20px 5px 0px;
	width:30%;
}

.ranking-td2 {
	width:70%;height:80px;
	vertical-align:top;
	padding:5px 0 5px 10px;font-size:90%;
}

.number { font-size:110%;
	color:red;
	font-weight:bold;padding:0;margin:15px 0 0 0;
}

/*===== sidebar =====*/


.search-box {
	width:200px;height:100px;
	background-color:#f1ede7;
	margin-bottom:50px;
}


.side-list
{ width:200px; }

.side-list ul {
　padding-left: 0px;
  margin:0;
}

.side-list ul li { 
	list-style: none;
	background:url(img/arrow.png) left no-repeat;
	background-position:10px;
	padding: 8px 0px 8px 40px;
	line-height:2;
	margin:10px 0 0 -40px;
	background-color:#f1ede7;
	font-size:90%;
width:160px;
	color:#534741;
}

.side-list ul li a {
	text-decoration:none;color:#534741; 
}

.side-list ul li a:hover {
	color:#2d7e23;
	text-decoration:underline; 
}




.message-top {
	width:180px;
	text-align:center;
	color:#2d7e23;
	font-weight:bold;
	background-color:#f1ede7;
	/* margin-top:50px; */
margin-bottom:0;
	font-size:110%;
	padding:10px;
	border-bottom:#2d7e23 3px solid;
}


.message {
	width:200px;
	height:150px;
	background-color:#f1ede7;
margin-top:-15px;
	margin-bottom:30px;
	font-size:90%;
	color:#534741;
}

.message p { padding:10px 5px 10px 15px;}


/*===== footer =====*/


/*===== footer =====*/


#footer {
margin:0;padding:0;
width:100%;
height:700px;
background-color:#f1ede7;
}


#footer-inner {
margin:0 auto;
width:980px;
padding:50px 0 20px;
}


#footer-top {
	clear:both;
	width:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	z-index:200;
}

#footer-top-in {
	clear: both;
	/* width: 376px; */
	height:56px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 203;
	background: url(img/footer-top.png) center top no-repeat;
	bottom: -30px;
}



#footer-logo {
	clear:both;
	width:100%;
	margin:0 auto;
	text-align:center;
		position:relative;
	z-index:100;
	text-align:center;
}

#footer-logo-in {
	clear: both;
	width: 190px;
	height:82px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 103;
	background: url(img/footer-logo.png) center top no-repeat;
	top: 20px;
}


.line { clear:both;border-top:#998675 dotted 1px;
width:94%;
margin:0 auto;height:5px;}

.footer-colum {
width:326px;
height:360px;
float:left;
margin:0;
}

.footer-colum2 {
width:326px;
height:250px;
float:left;
margin:0;
}


.footer-colum p {
color:#4d4d4d;
font-size:11px;
line-height:1.5;
padding:0 15px;
}

.footer-colum2 p {
	color:#4d4d4d;
	font-size:11px;
	line-height:1.5;
	padding:0 15px 0;
}

#footer-copyright {
	clear:both;
	color:#333;
	font-size:9px;
	letter-spacing:1px;
	text-align:center;
margin:0 auto;
padding:30px 0 10px;
width:100%;
background-color:#ffffff;
}

#footer-copyright p { width:600px;margin:0 auto;padding:10px 5px; }

/* メディアクエリ設定（タブレット用） */
@media only screen and (min-width: サイズ指定) {
}

/* メディアクエリ設定（PC用） */
@media only screen and (min-width: サイズ指定) {
}


@media screen and (min-width: 600px) {
  .br br {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .br2 br {
    display: none;
  }
}


.form2 table {
  border-collapse: collapse;
  width: 100%;
}
.form2 table th,
.form2 table td {
  padding: 10px;
  border: 1px solid #999;
}
.form2 table th {
  background-color: #faebd7;
  text-align: center;
  width: 30%;
}

@media screen and (max-width: 400px) {
.form2 table {
    border-top: 1px solid #999;
  }
.form2 table td {
    display: block;
    text-align: center;
  }
.form2 table th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }}


div.usccart_navi li.ucart {
    background-color: #d3d3d3;
    float: left;
    margin:15px 0 50px!important;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
	border:1px solid #fff;
    width: 24.7%!important;
    padding: 10px 0 8px;
}


div.usccart_navi li.usccart_cart,
div.usccart_navi li.usccart_customer,
div.usccart_navi li.usccart_delivery,
div.usccart_navi li.usccart_confirm{
background: #F60!important;
}


.skubutton {
	color: #fff;
	font-family: FontAwesome;	
	font-weight: bold;
	padding: .714286em 2.142856em;
	background-color: #F60!important;
	border: none;
	letter-spacing: 1px;
	text-align: center;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px;  
}

.skubutton:hover {
	background-color: #F93!important;
}



/*----send（ カート内で「次へ」ボタンの色変更） ---*/

#customer-info div.send input {
	padding:1em 2.5em;
	border:none;
	background-color: #F60;
	color: #fff;
}

#customer-info div.send input a:hover {
	color: #000;
	background-color: #ddd;
}


.send input.continue_shopping_button,
.send input.to_customerinfo_button,
.send input.to_memberlogin_button,
.send input.to_deliveryinfo_button,
.send input.to_confirm_button,
.send input#purchase_button {
	border:none;
	padding:1em 2.5em;	
	background-color: #F60!important;
	color: #fff!important;
}

.send input.continue_shopping_button,
.send input.to_customerinfo_button:hover,
.send input.to_memberlogin_button:hover,
.send input.to_deliveryinfo_button:hover,
.send input.to_confirm_button:hover,
.send input#purchase_button:hover {
	color: #000!important;
	background-color: #ddd!important;
}

#newmember .send input,
.send input.back_to_customer_button,
.send input.back_to_delivery_button,
.send input.back_cart_button {
	padding:1em 2.5em;
	color: #000!important;
	background-color: #ddd!important;
	border:none!important;
}

#newmember .send input,
.send input.back_to_customer_button:hover,
.send input.back_to_delivery_button:hover,
.send input.back_cart_button:hover {
	background-color: #F60!important;
	color: #fff!important;
}



/*----send（ カート内で「会員登録しながら次へ」ボタンの色変更） ---*/
.send input.to_reganddeliveryinfo_button {
	color: #000!important;
	padding:1em 2.5em;
	background-color: #ddd!important;
	border:none!important;
}
.send input.to_reganddeliveryinfo_button:hover {
		background-color: #F60!important;
	color: #fff!important;
}

.btn-submit {
  display: inline-block;
  padding: 6px 20px 8px;
	width:100px;
  border-radius: 25px;
	border:none;
	font-size:15px;
  text-decoration: none;
  color: #FFF;
  background:#f76a35;
  transition: .4s;

}

.btn-submit:hover {
	background:orangered;}

ul.page-numbers {
	list-style:none;
	display: -webkit-flex;
    display: flex;
}

ul.page-numbers li {
	width:20px;
	padding:5px;
	clear:both;
}