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


/* bootstrap指定範囲 */
.bootstrap {
  @import "bootstrap";
}
/* ------------------------------------------------------- */
/* リンク共通要素 */
a {
   filter:alpha(opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   }
   
/* aタグで囲った画像を半透明にロールオーバー */
a:hover img {
   filter:alpha(opacity=50);
   -moz-opacity: 0.5;
   opacity: 0.5;
   }
/* ------------------------------------------------------- */
/* ブロック要素（div/p/tableなど）「center-block」指定で見栄えよくセンタリング*/
    .center-block {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
/* ------------------------------------------------------- */
/* フォントサイズ設定 */
html{font-size: 62.5%;}
body{font-size: 1.4rem;}
	

/*テキストsize*/
.text-s{
font-size:1.2rem;
}

.text-m{
font-size:1.4rem;
}

.text-l{
font-size:1.6rem;
}



/* ------------------------------------------------------- */
/* Hタグ装飾設定*/
h1{
font-size:1.7rem;
font-weight:bold;
line-height:1.5;
}

h2{
font-size:1.5rem;
line-height:1.5;
}

h3{
font-size:1.5rem;
line-height:1.5;
}

h4{
font-size: 1.4rem;
font-weight:bold;
line-height:1.5;
}

h5{
font-size:1.4rem;
font-weight:bold;
line-height:1.5;
}

/* ------------------------------------------------------- */
/*背景色*/
.bg-0 {
background-color:#000000;
}

.bg-f {
background-color:#ffffff;
}
/* ------------------------------------------------------- */
/*テキストカラー*/
.text-f {
color:#FFFFFF;
}

.text-0 {
color:#000000;
}
/* ------------------------------------------------------- */
/* 特大ボタンサイズ追加 */
.btn-xxl {
  padding: 20px 26px;
  font-size: large;
  border-radius: 8px;
}



/*------------------------------------------*/
/* ステップナビゲーション */

#cartstep {
border:#666666 1px solid;
background-color: #660000;
width:100%;
margin:0px;
}



#cartstep  td{
background-color: #660000;
height:40px;
font-size:1.2rem;
color:#ffffff;
padding:3px;
border:none;
text-align:center;
display: table-cell;
}


#cartstep td.nowpage{
background-color:#FFFFFF;
height:40px;
font-size:1.2rem;
color:#000000;
padding:3px;
border:none;
text-align:center;
}

#cartstep  .stepnaviborder1{
width:8px;
height:40px;
background-image:url(images1/stepnavi-1.png);
background-repeat:no-repeat;
background-position: left;
border:none;
margin:0px;
}

#cartstep  .stepnaviborder2{
width:8px;
background-image:url(images1/stepnavi-2.png);
background-repeat:no-repeat;
background-position:right;
border:none;
margin:0px;
}

#cartstep  .stepnaviborder3{
width:8px;
background-image:url(images1/stepnavi-3.png);
background-repeat:no-repeat;
background-position:right;
border:none;
margin:0px;
}

/*------------------------------------------*/
/* ヘッダーグローバルナビ全体 */
#header {
    height:40px;
	position: fixed
     position:absolute;
     top:0;
	 padding-bottom:0px;
	 marging-bottom:0px;
	}



/* ヘッダーグローバルナビ「ロゴ」ボタン */
#header .logoContainer{
vertical-align: bottom;
padding:0px 0px 0px 5px;
max-height:40px;
}

#header img{
max-height:40px;
   }



/* ヘッダータイトル */
.cart-title {
max-height:40px;
font-size:1.8rem;
color:#FFFFFF;
padding-top:8px;
}




/* ヘッダーナビ */
#header .header2{
background:#333;
height:45px;
}

.backshop{
text-align:left;
}




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


/* コンテンツエリア */
html,
body {
  min-height: 100%;
  /* html と body 要素はパディングやマージンを持てません。*/
}

#contents{
     padding-bottom:40px; /*ヘッダーの高さと同じ*/
     padding-bottom:0px; /*フッターの高さと同じ*/
}

/* メインコンテンツスクロール設定 */
main {
  position: absolute;
  left: 0;
  width: 100%;
  height:auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.fixed {
  position: fixed;
  width: 100%;
  height:100%;
}

/* ------------------------------------------------------- */
/*カート背景色*/
#contents .cartbody{
background:#FFF5D9;
padding:10px;
}

/* ------------------------------------------------------- */
/* フッターを下部へ押しやるための、コンテンツのラッパー */
#wrap {
  min-height: 100%;
  height: auto;
  /* フッターの高さ分だけ、ネガティブインデントを指定 */
  margin: 0 auto -0px;
  /* フッターの高さ分だけ、パディングを指定 */
  padding: 0 0 0px;
}





/* ------------------------------------------------------- */
/*h2背景＆テキストカラー*/
.step1h2{
font-size:1.5rem;
line-height:1.5;
background-color:#660000;
color:#FFFFFF;
padding:10px;
margin-bottom:0px;
}

/* ------------------------------------------------------- */
/*白枠*/
.well-1 {
background: #FFF;
}

/*ベージュ枠*/
.well-2 {
background:#FFEFC5;
border:#CEC5BD solid 1px;
}

/* ------------------------------------------------------- */
/* ステップ1アイテムグループ */
.step1-itemgroup {
margin-bottom:10px;
}

/* ステップ1アイテム画像 */
.step1-itemIMG {
text-align: center;
}

.step1-itemIMG img {
width:100%;
max-width:100%;
height:auto;
border:none;
}



/* ステップ1商品名（4行超えるテキスト量のときは「…」で省略） */
.step1-itemname {
  overflow: hidden;
  width: 100%;
  }
  
.step1-itemname p {
text-overflow: ellipsis;
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; 
	overflow: hidden;
font-weight:bold;
font-size:1.2rem;
margin-bottom:5px;
}
.step1-itemname a {
color:#000000;
}

/* ステップ1価格 */
.step1-itemkakaku1 {
font-size:1.8rem;
color: #CC0000;
}

.btn-warning {
color:#000000;
background-color:#F0AD4E;
}

/*----------------------------------------*/
/* ステップ1合計欄 */
.step1-sum1 {
text-align:right;
}

.step1-sum1 p {
color:#000000;
font-size:1.5rem;
margin:0px;
}


/* ステップ1合計 */
.step1-sum {
font-weight:bold;
font-size:2.0rem;
color: #CC0000;
}



/*----------------------------------------------*/
/* ご購入手続きへ進むボタン */
.itemcartbtn {
margin-top:20px;
}

.itemcartbtn btn {
width:100%;
height:100%;
}

.btn-cart {
background:  #CC0000;
color:#FFFFFF;
font-size:1.7rem;
}

.btn-cart:hover {
background: #FFCC00;
color:#333;
}
/* ステップ1Amazonアカウント連携ボタン */
.amazonbtn {
font-size: 1.2rem;
}

.panel{
background:transparent;
}
.amazoncart1{
background:transparent;
}





/* ステップ1削除ボタン */
.cancellbtn {
            display: block;           
            text-align: center;
background-color:#EEEEEE;
border:#CCCCCC solid 1px;
}

.cancellbtn:hover {
            display: block;           
            text-align: center;
			background-color: #CCCCCC;
        }
		
/*支払方法*/		
.step1-payment li{
margin-left:10px;
margin-bottom:10px;
}

/* campaign */
.campaign_font{
	color:red;
}

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

/* フッター（通常ページにコピペするならここから） */


/* 「SNS」部分 */

#footer .sns{
vertical-align: bottom;
padding:0 5px 0px 0;
overflow: hidden;
height:80px;
}

#footer .sns img {
vertical-align: bottom;
margin-right:1%;
}

/* clearfix */
#footer .sns:before,
#footer .sns:after {
    content: "";
    display: table;
}
 
#footer .snscart:after {
    clear: both;
}



/* 「youtube」ボタン */
.hicon-yt {
max-height:80px;
float:right;
text-align:right;
}

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

/* 「facebook」ボタン */
.hicon-fb {
max-height:80px;
float:right;
text-align:center;
}

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


/* 「LINE」ボタン */
.hicon-ln {
max-height:80px;
float:right;
text-align:left;
}

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


/*フッターボタン周り*/
#footer .btn{
margin-bottom:10px;
}

#footer .copyright{
padding-bottom:10px;
text-align:center;
}