@charset "UTF-8";



/*-------------cart-------------*/
#cart{

}
.handsUp{
    color:#FF0000;
    font-weight: bold;
    font-size: 16px;
}
#cart .pan{
  display: block;
  margin: 15px 18px 0px 18px;
  text-align: left;

}
#cart h2{
    border-bottom : 1px solid #528912;
    margin : 15px 18px 0px 18px;
    text-align : left;
    color : #528912;
    padding : 0 5px;
}
#cart h3{
    border-bottom : 1px solid #528912;
    margin : 50px 18px 5px 18px;
    text-align : left;
    color : #528912;
    padding : 0 5px;
    font-size : 20px;
}
#cart .read{
    border-bottom : 1px solid #528912;
    border-top : 1px solid #528912;
    text-align : left;
    margin : 0 18px 15px 18px;
    padding : 5px;
    background : #f3ffe9;
}
#cart table{
    
    margin : 0 auto;
    border-collapse : collapse;
}
#cart th{
    text-align : center;
    background : #528912;
    color : #fff;
    font-weight : normal;
    border : 1px solid #c0c0c0;
    padding : 0 5px;
}
#cart th.rt{
    text-align : right;
}
#cart td{
    border : 1px solid #c0c0c0;
    padding : 5px;
}
#cart table td table td{
    border-width : 0px 1px;
}
#cart .w330{
    width : 330px;
}
#cart .w310{
    width : 310px;
}
#cart .w350{
    width : 360px;
}
#cart .w70{
    width : 70px;
}
#cart .w90{
    width : 90px;
}
#cart .w50{
    width : 50px;
}
#cart .w43{
    width : auto;
}
#cart .w680{
    width : 680px;
    border : solid #c0c0c0;
    border-width : 1px 1px 0px 1px;
}
#cart .w660{
	width : 660px;
}
#cart .w550{
    width : 500px;
}
#cart .w130{
    width : 130px;
}
#cart .nop{
    padding : 0px;
}
#cart .name{
    color : #447d16;
}
#cart .r_noline{
    border-right : 0px;
}
#cart .l_noline{
    border-left : 0px;
}
#cart .top_line{
	border : solid #c0c0c0;
    border-width : 1px 0 0 0;
}
#cart .parentsorderbox{
    margin : 30px 20px;
}
#cart .orderbox{
    border : 2px solid #e5e5e5;
}
#cart .orderbox #deliv_1{
    background : #e6ebd0;
    padding : 10px 0;
}
#cart .orderbox #deliv_2{
    background : #f6ebf1;
    padding : 10px 0;
}
#cart .orderbox .orpricefr{
	float : right;
	width : 400px;
}
#cart .orderbox .orpricefl{
	margin-right : 410px;
}
#cart .orderbox hr{
	border : 1px solid #fff;
	margin : 5px 10px;
}
#cart .order{
    background : #f3fdd9;
    padding : 10px;
    border : 1px solid #c0c0c0;
    color : #3a5b38;
    text-align : center;
}

#cart .order table{
    border-collapse : collapse;
    width : 650px;
    margin : 0 auto 10px auto;
}
#cart .order th{
    font-size : 12px;
    text-align :center;
    background : #ed8d4e;
    text-align : right;
    padding : 3px;
    border : 1px solid #fff;
    font-weight : normal;
    color : #fff;
}
#cart .order td{
    font-size : 12px;
    background : #f5f5f5;
    text-align :left;
    padding : 3px;
    border : 1px solid #fff;
}
#cart .order td.back{
    background : #f8ddcc;
}
#cart #day_info_end{
    padding-bottom : 5px;
}
#cart #day_info_end table{
    border-collapse : collapse;
    width : auto;
    margin : 5px 0 0 0;
    border : 1px solid #c0c0c0;
}
#cart #day_info_end th{
    font-size : 12px;
    text-align :center;
    background : #f0f0f0;
    font-weight : normal;
    color : #333;
    border : solid #fff;
    border-width : 0 1px;
    padding : 3px;
}

#cart #day_info_end th.start{
    background : #f5d1dd;
    font-size : 90%;
}

#cart #day_info_end td{
    font-size : 12px;
    border : solid #fff;
    border-width : 0 1px;
    background : #fff7e6;
    text-align :center;
    border-top : 2px solid #febf39;
    padding : 3px;
}
#cart #day_info_end td.start{
    background : #f5d1dd;
    border-top : 2px solid #df678f;
}
#cart #day_info_end td.end{
    background : #f5d1dd;
    border-top : 2px solid #df678f;
}
#cart .info{
    background : #f8f1db;
}
#cart .infotext{
    font-size : 80%;
    color : red;
    display : none;
}
#cart .infotextopen{
    display : inline;
}

#cart .orderbuttonarea{
    background : #f3ffe9;
    text-align : left;
    margin : 30px 18px 30px 18px;
    padding : 10px;
    border : solid #528912;
    border-width : 2px 0px;
}
#cart .selectdays{
	margin : 30px auto;
	float : left;
	margin-left : 23px;
}
#cart .selectdays table.detailinfo{
	width : 400px;
}
#cart .selectdays #day_info_end table,
#cart .selectdays #day_info_end td,
#cart .selectdays #day_info_end th{
	width : auto; 
}

#cart .delivPriceWrap{
    margin : 30px auto;
    float : right;
    margin-right : 23px;
    width : 40%;
}
#cart .delivPrice{
    display : flex;
    flex-wrap : nowrap;
    width : 100%;
}

#cart .delivPrice .delivPrice__ttl{
    background : #d7d7d7;
    padding : .5em 1em;
    border : solid #c0c0c0;
    border-width : 1px 0 1px 1px;
    width : 30%;
    text-align : center;
}
#cart .delivPrice .delivPrice__price{
    padding : .5em 1em;
    border : solid #c0c0c0;
    border-width : 1px 1px 1px 0;
    width : 70%;
    text-align : right;
}
#cart .delivPriceWrap .delivPrice__txt{
    text-align : left;
    margin-top : 1em;
}




#cart #mailatt{
	display : none;
}



#cart .selectdays{
    margin : 30px auto;
    float : left;
    margin-left : 23px;
}



#forms{
}
#forms table{
    width : 900px;
}
#forms .form th,#forms .form2 th{
    width : 25%;
}
#forms .form td,#forms .form2 td{
    text-align : left;
    width : 75%;
    background : #eef4dc;
    padding : 5px 10px;
}
#forms .form2 td{
    background : #ffffff;
}
#forms .orderbuttonarea{
    background : #fff;
    border : 0;
    margin : 30px 8px;
    padding : 10px;
}
#forms .infotext{
    color : #a97609;
    font-size : 12px;
    margin-top : 5px;
    
    display : block;
}
#forms .w500{
    width : 400px;
}

#forms .selectdays{
	margin : 30px auto;
	float : left;
	margin-left : 18px;
}
#forms .selectdays table.detailinfo{
	width : 400px;
}
#forms .selectdays #day_info_end table,
#forms .selectdays #day_info_end td,
#forms .selectdays #day_info_end th{
	width : auto; 
}


#end{
}

#end .endbox{
    margin : 50px 150px;
    border : 1px solid #a97609;
    padding : 15px;
    background : #fff7e6;
}
#end .endbox strong{
    color : #a97609;
    font-size : 120%;
}
#end .endbox p{
    padding : 15px;
    text-align : left;
}
#end .endbox p.shopinfo{
    border-top : 1px dotted #a97609;
}
#end .endbox .name{
   color : #a97609;
}

#carderror{
}

#carderror .errorbox{
    margin : 100px 150px;
    border : 1px solid #ff0000;
    padding : 15px;
    background : #ffebeb;
}
#carderror .endbox strong{
    color : #a97609;
    font-size : 120%;
}
#carderror .endbox p{
    padding : 15px;
    text-align : left;
}
#carderror .endbox p.shopinfo{
    border-top : 1px dotted #a97609;
}
#carderror .endbox .name{
   color : #a97609;
}


/*-------------regist cart------------------*/
/*-------------cart-------------*/
#registcart{
}
#registcart h2{
    border-bottom : 1px solid #f99354;
    margin : 15px 18px 0px 18px;
    text-align : left;
    color : #f99354;
    padding : 0 5px;
}
#registcart h3{
    border-bottom : 1px solid #f99354;
    margin : 50px 18px 5px 18px;
    text-align : left;
    color : #f99354;
    padding : 0 5px;
    font-size : 20px;
}
#registcart .read{
    border-bottom : 1px solid #f99354;
    border-top : 1px solid #f99354;
    text-align : left;
    margin : 0 18px 15px 18px;
    padding : 5px;
    background : #fff6f0;
}
#registcart table{
    
    margin : 0 auto;
    border-collapse : collapse;
}
#registcart th{
    text-align : center;
    background : #f99354;
    color : #fff;
    font-weight : normal;
    border : 1px solid #c0c0c0;
    padding : 0 5px;
    font-size : 12px;
}
#registcart th.rt{
    text-align : right;
}
#registcart td{
    border : 1px solid #c0c0c0;
    padding : 5px;
    font-size : 12px;
}
#registcart table td table td{
    border-width : 0px 1px;
}
#registcart .w350{
    width : 270px;
}
#registcart .w70{
    width : 65px;
}
#registcart .w90{
    width : 90px;
}
#registcart .w50{
    width : 50px;
}
#registcart .w43{
    width : auto;
}
#registcart .w680{
    width : 680px;
    border : solid #c0c0c0;
    border-width : 1px 1px 0px 1px;
}
#registcart .nop{
    padding : 0px;
}
#registcart .name{
    color : #447d16;
}
#registcart .r_noline{
    border-right : 0px;
}
#registcart .l_noline{
    border-left : 0px;
}

#registcart .day_info_end{
    padding-bottom : 5px;
}

#registcart .day_info_end table{
    border-collapse : collapse;
    width : auto;
    margin : 5px 0 0 0;
    border : 1px solid #c0c0c0;
}
#registcart .day_info_end th{
    font-size : 12px;
    text-align :center;
    background : #f0f0f0;
    font-weight : normal;
    color : #333;
    border : solid #fff;
    border-width : 0 1px;
    padding : 3px;
}

#registcart .day_info_end th.start{
    background : #f5d1dd;
    font-size : 90%;
}

#registcart .day_info_end td{
    font-size : 12px;
    border : solid #fff;
    border-width : 0 1px;
    background : #fff7e6;
    text-align :center;
    border-top : 2px solid #febf39;
    padding : 3px;
}
#registcart .day_info_end td.start{
    background : #f5d1dd;
    border-top : 2px solid #df678f;
}
#registcart .day_info_end td.end{
    background : #f5d1dd;
    border-top : 2px solid #df678f;
}
#registcart .info{
    background : #f8f1db;
}
#registcart .infotext{
    font-size : 80%;
    color : red;
    display : none;
}
#registcart .infotextopen{
    display : inline;
}

#registcart .orderbuttonarea{
    background : #fff6f0;
    text-align : left;
    margin : 30px 18px 30px 18px;
    padding : 10px;
    border : solid #f99354;
    border-width : 2px 0px;
}


#registforms{
}
#registforms table{
    width : 900px;
}
#registforms table.Wauto{
    width : auto;
}
#registforms .form th,#registforms .form2 th{
    width : 25%;
}
#registforms .form td,#registforms .form2 td{
    text-align : left;
    width : 75%;
    background : #fff6f0;
    padding : 5px 10px;
}
#registforms .form2 td{
    background : #ffffff;
}
#registforms .orderbuttonarea{
    background : #fff;
    border : 0;
    margin : 30px 8px;
    padding : 10px;
}
#registforms .infotext{
    color : #a97609;
    font-size : 12px;
    margin-top : 5px;
    display : block;
}
#registforms .infotext2{
    color : #a97609;
    font-size : 12px;
    text-align : left;
    margin : 5px 18px;
}

/* 本登録時 */

.preDonemail span{
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #f99354;
    margin: 0px 18px 5px 18px;
    text-align: left;
    color: #f99354;
    padding: 0 5px;
    font-size: 20px;

}

.preDonemail .infotext2 {
    color: #ee0000;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    margin: 5px 18px;
}

.preDonemail table {
    width: 900px;
}

.preDonemail table {
    margin: 0 auto;
    border-collapse: collapse;
}

.preDonemail td{
    text-align: left;
    width: 75%;
    background: #fff6f0;
    padding: 5px 10px;
}

/* モンベルカード追加情報 */

.mcardExtra{
    margin-top:20px;
    display: none
}

.mcardExtra .birthYear{
    width:50px
}

.mcardExtra .birthMonth{
    width:50px
}

.mcardExtra .birthDay{
    width:50px
}

.displayMcardEx{
    display: block
}

/* モンベルカード追加情報 エラー */
.mcardExtra .error{
    margin-bottom:5px
}

/* 引当API 在庫なし */
.noStock{
    background: #fdd2e1
}

.noStock .apiText{
    font-size:20px;
    font-weight: bold;
    color:#ee0000;
}

/* 引当API 在庫あり */
.okStock{
    background: #f3ffe9
}

.okStock .apiText{
    font-size:20px;
    font-weight: bold;
    color:#686
}

/* 本登録画面　旅のしおり */
.shiori {
    border: 1px solid #c0c0c0;
    padding: 5px;
    font-size: 12px;
    text-align: left;
    margin: 0 auto;
    margin-top: 20px;
    width: 888px;
}

/* 離島名 */
.ritoName{
    margin-top:5px;
    margin-bottom:5px;
    
}

.ritoName input{
    margin-left:5px
}

/* 非表示 */
.disnon {
    display: none
}

/* レンタル約款にご同意の上申し込む */
.orderButton {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    display: block;
    background: url(../images/cart/orderBtn_bg.png);
    width: 344px;
    height: 50px;
    margin: 0 auto;
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    font-family: "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}

.orderButton:hover{
    opacity: 0.7
}

/* ヤマト受取 */
.yamatoGet{
    box-sizing: border-box;
    text-align: left;
    width:900px;
    margin:0 auto;
    background: #fff6f0;
    padding:20px;
    border: 1px solid #c0c0c0;
    margin-top:20px;
    
}

.yamatoGet a:link,
.yamatoGet a:visited{
    color:#fff
}

.yamatoBtn {
    position: relative;
    display: inline-block;
    padding: 6px 13px;
    text-decoration: none;
    color: #FFF;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #32ae54), color-stop(1.00, #239041));
    background: -webkit-linear-gradient(#32ae54, #239041);
    background: -moz-linear-gradient(#32ae54, #239041);
    background: -o-linear-gradient(#32ae54, #239041);
    background: -ms-linear-gradient(#32ae54, #239041);
    background: linear-gradient(#32ae54, #239041);
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    font-size: 16px;
    border: solid 2px #239041;
    cursor: pointer
}

.yamatoBtn:hover{
    opacity: 0.7
}

.yamatoGet .zipBox{
    display: inline-block;
    padding-left:100px
}

.yamatoGet .yamatoZip{
    display: inline-block;
    height:30px;
    padding-left: 10px;
}

.yamatoGet .cap {
    font-size: 12px;
    padding-top: 20px;
    line-height: 22px;
}

/* モンベルコラボカード */
.montbellLink:link,
.montbellLink:visited{
    text-decoration: underline
}

.montbellLink:hover{
    text-decoration: none
}

/* 保証金選択不能時のオーバーレイ */
.securOverray{
    background:#ab978a
}

/* カートのおすすめアイテム */
.cartPickup{
    border:1px solid #ccc;
    border-radius: 10px;
    margin-left:20px;
    margin-right: 20px;
    margin-top:20px;
    padding:10px;
    font-weight: bold
}

.cartPickup li{
    width:110px;
    display: inline-block;
    margin-left:20px;
    margin-right:20px;
    margin-top:20px;
    vertical-align: top
}

.cartPickup li img{
    width:100%;
    margin-bottom:5px
}

.img.order_img {
    margin-bottom: 50px;
}

.fsize11{
    font-size:11px;
    font-weight: normal
}

.cartPickup li .price{
    color:#B20000
}

.cartPickup .cap{
    color:#B20000;
    font-size:13px;
    font-weight: normal
}

.cartPickup .tit{
    font-size:15px
}

/*配送情報注意喚起*/
.deliv_info {
    text-align: left;
    border: 2px solid #f99354;
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
}

.info_text {
    padding: 15px;
}



.cancel_popup {
    display: none;
    height: 100vh;
    width: 100%;
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    left: 0;
}
.cancel_popup_content{
    background: #fff;
    padding: 30px;
    width: 50%;
    border : 3px solid #d51e1e;
}
.cancel_popup_show {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cancel_popup .cansel-att-title{
    font-size : 1.2em;
    font-weight : bold;
    margin-bottom : 1em;
}
.cancel_popup .cansel-att-txt{
    text-align : left;
    line-height : 1.5em;
    margin-bottom : 1em;
}
.cancel_popup .cansel-att-txt p{
    margin-bottom : .5em;
}
.cancel_popup .cansel-att-btn{
    display : flex;
    justify-content: center;
}
.cancel_popup .cansel-att-btn .checks-btn{
    padding : .5em;
    font-weight : bold;
    font-size : 1.2em;
    margin : 1em .5em;
}