.clearfix {
    clear: both;
}
#container {
    margin-top: 13px;
    margin-bottom: 36px;
}
@media all and (max-width: 680px){
    #container{
        margin-bottom: 20px;
    }
}
@media all and (max-width: 440px){
    #container{
        margin-bottom: 0;
    }
}
#undercolumn a{
    color: #686868;
}
#undercolumn p {
    font-size: 14px;
    line-height: 1.5;
    padding: 0;
}
#mycontents_area p{
    line-height: 1.4;
}
#undercolumn .pure-button-success{
    color: #ffffff;
}
dl dt, dl dd {
    line-height: 1.4;
}
.btn_area{
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
}
#undercolumn_entry .message{
    color: #000;
}
.shop_information{
    margin-top: 20px;
}

/* ---------------------------------------------------------
テーブル系
----------------------------------------------------------*/
.table,
table{
    display: table;
    width: 100%;
    border-bottom: 1px solid #EBE8E1;
    margin-top: 40px;
    margin-bottom: 30px;
}
.table p{
    font-size: 14px;
    line-height: 1.5;
    padding: 0;
}
.table .attention{
    font-size: 12px;
}
/*コメントがある場合*/
#undercolumn_entry .table,
#undercolumn_contact .table,
#forgot .table{
    margin-top: 20px;
}
.table .tbody {
    display: table-row-group;
}
.table .tbody .tr {
    display: table-row;
}
.table .tbody dl.tr dt {
    background: #F4F3F0;
    border-left: 1px solid #EBE8E1;
}
.table.em_table .tbody dl.tr dt {
    width: 30%;
}
.table .tbody dl.tr dt,
.table .tbody dl.tr dd {
    display: table-cell;
    padding: 0.7em 1em;
    border-right: 1px solid #EBE8E1;
    border-top: 1px solid #EBE8E1;
    text-align: left;
    vertical-align: top;
}
@media all and (max-width: 761px) {
    .table,
    table{
        border-bottom: 1px solid #ccc;
    }
    .table.em_table .tbody dl.tr dt {
        width: 100%;
    }
    .table .tr {
        margin-bottom: 5px;
        padding: 15px 0;
        border-top: 1px solid #ccc;
        font-size: 16px;
    }
    .table .notTr {
        margin-top: -10px;
        padding-top: 0;
        border-top: 0 solid #ccc;
    }
    .top {
        margin-bottom: 8px;
    }
    .table .tbody .tr {
        display: block;
    }
    .table .tbody dl.tr dt {
        display: inherit;
        padding: 0;
        border-right: 0 solid #EBE8E1;
        border-top: 0 solid #EBE8E1;
        background: #FFF;
        border-left: 0 solid #EBE8E1;
    }
    .table .tbody dl.tr dd {
        display: inherit;
        padding: 10px 0 0;
        border-right: 0 solid #EBE8E1;
        border-top: 0 solid #EBE8E1;
    }
}
@media all and (max-width: 510px) {
    .box300,
    .box380,
    .box450 {
        width: 280px;
    }
}
@media all and (max-width: 480px) {
    .fm_list_layout_h li {
        width: 49%;
        margin-left: 0;
    }
    input[name='name01'].box200,
    input[name='name02'].box200,
    input[name='kana01'].box200,
    input[name='kana02'].box200,
    input[name='order_name01'].box200,
    input[name='order_name02'].box200,
    input[name='order_kana01'].box200,
    input[name='order_kana02'].box200,
    input[name='shipping_name01'].box200,
    input[name='shipping_name02'].box200,
    input[name='shipping_kana01'].box200,
    input[name='shipping_kana02'].box200,
    input[name='card_name1'].box200,
    input[name='card_name2'].box200{
        width: 92%;
        padding: 3%;
        margin-left: 2%;
    }
}
@media all and (max-width: 325px) {
    input[type='text'], input[type='password'], textarea{
        padding: 4px;
    }
}

/* ---------------------------------------------------------
ログインページ
----------------------------------------------------------*/
#undercolumn_login .login_area{
    margin-left: 55px;
    padding: 0;
    margin-top: 40px;
}
.loginAreaLeft,
.loginAreaRight{
    border: 1px solid #e8e8e8;
}
.loginAreaRight.noMember{
    margin-top: 50px;
}
#undercolumn_login .login_area h3{
    padding: 0 15px;
}
#undercolumn_login .separateNameContainer{
    margin-bottom: 40px;
    margin-top: 0;
    background: none;
}
#undercolumn_login .inputbox{
    padding: 0 19px;
    margin-left: 70px;
}
#undercolumn_login .inputbox .login_memory label{
    font-size: 12px;
}
#undercolumn_login .inputbox .login_memory{
    margin: 4px 0;
}
.inputbox li input[type='text'],
.inputbox li input[type='password']{
    width: 226px;
}
#undercolumn_login .pure-button,
#login_area .block_body .pure-button{
    width: 208px;
}
.loginBtn{
    font-size: 12px;
}
.loginBtn li{
    display: block;
}
.loginBtn .pure-button-success{
    padding: 10px 16px;
}
.newCusBtn .pure-button-success{
    line-height: 1.4;
}
.loginOr{
    font-size: 15px;
    color: #9fa0a0;
    margin-top: 10px;
    margin-bottom: 13px;
}
.login_area ul + .btn_area{
    margin-top: 12px;
    margin-bottom: 30px;
}
#undercolumn_login .inputbox .btn_area{
    margin-bottom: 30px;
}
#undercolumn_login .notes{
    margin-top: 13px;
    margin-left: 15px;
    margin-right: 25px;
    letter-spacing: 0.01em;
}
#undercolumn_login .notes li {
    font-size: 12px;
}
#undercolumn_login .login_area:last-child{
    margin-left: 78px;
}
#undercolumn_login .inputbox .newCusBtn{
    margin-bottom: 5px;
}
#undercolumn_login .loginAreaLink{
    margin-bottom: 25px;
}
#undercolumn_login .loginAreaLink a{
    color: #f28300;
    border-bottom: 1px solid #fce0bf;
    font-size: 12px;
}
#undercolumn_login .login_area h4{
    text-align: left;
}
.newCusBtn{
    margin-top: 0;
}
#undercolumn_login .inputbox .noMemberBtn{
    margin-bottom: 30px;
    margin-top: 0;
}
@media all and (max-width: 1051px) {
    #undercolumn_login{
        width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
    #undercolumn_login .login_area{
        width: 340px;
        margin-left: 0;
        padding: 0;
    }
    #undercolumn_login .login_area:last-child{
        margin-left: 18px;
    }
    #undercolumn_login .inputbox{
        margin-left: auto;
    }
}
@media all and (max-width: 700px) {
    #undercolumn_login{
        width: auto;
        margin-left: 12px;
        margin-right: 12px;
    }
    #undercolumn_login .login_area{
        float: none;
        width: 100%;
        margin: 30px 0 40px;
    }
    #undercolumn_login .login_area:last-child{
        margin-left: 0;
    }
}
@media all and (max-width: 481px) {
    #undercolumn_login .separateNameContainer{
        margin-bottom: 24px;
        margin-top: 0;
    }
}
@media all and (max-width: 325px) {
    #undercolumn_login .inputbox .login_memory{
        margin: 6px 0 12px;
    }
}

/* ---------------------------------------------------------
会員登録
----------------------------------------------------------*/
#undercolumn_entry .message.t{
    margin-top: 40px;
}
#undercolumn_entry .table dt,
#undercolumn_entry .table dd{
    font-size: 14px;
}
#undercolumn_entry .btn_area .pure-button{
    font-size: 12px;
    padding: 9px 20px;
}
@media all and (max-width: 400px) {
    select[name='reminder']{
        width: 240px;
    }
    #undercolumn_entry .table dt,
    #undercolumn_entry .table dd{
        font-size: 12px;
    }
}

/* ---------------------------------------------------------
ログイン後
----------------------------------------------------------*/
#mypagecolumn{
    width: 1000px;
}
#mypagecolumn h2.title{
    margin-bottom: 10px;
}
#mynavi_area .mynaviList li:not(.show) a[href^="change_card.php"]{
    display: none;
}

/*メニュー*/
.mynaviList{
    overflow: hidden;
    margin-bottom: 13px;
}
.mynaviList li{
    float: left;
    width: 240px;
    margin-right: 13px;
}
.mynaviList li:nth-of-type(4n){
    margin-right: 0;
}
.mynaviList a{
    display: block;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 13px;
    background-color: #f1f1f1;
    text-align: center;
    color: #333333;
    font-size: 12px;
    line-height: 1.0;
}
.mynaviList li.selected a{
    color: #fff;
    background-color: #9fa0a0;
}
@media all and (max-width: 1051px) {
    .mynaviList li{
        width: 24%;
        margin-right: 1.333%;
    }
    .mynaviList a{
        margin-bottom: 7px;
    }
}
@media all and (max-width: 510px) {
    .mynaviList li{
        width: 32.5%;
        margin-right: 1.25%;
    }
    .mynaviList li:nth-of-type(4n){
        margin-right: 1.25%;
    }
    .mynaviList li:nth-of-type(3n){
        margin-right: 0;
    }
    .mynaviList a{
        margin-bottom: 5px;
    }
}
@media all and (max-width: 376px) {
    .mynaviList li{
        width: 48.5%;
        margin-right: 3%;
        font-size: 11px;
    }
    .mynaviList li:nth-of-type(4n),
    .mynaviList li:nth-of-type(3n){
        margin-right: 3%;
    }
    .mynaviList li:nth-of-type(2n){
        margin-right: 0;
    }
    .mynaviList a{
        margin-bottom: 9px;
    }
}

/*ページタイトル*/
#mycontents_area h3{
    color: #000;
    font-size: 14px;
    line-height: 1.6;
    border-bottom: 1px solid #c3c3c3;
}
.myIndex h3,
.myHistory h3,
.myChange h3,
.myRefusal h3{
    margin-bottom: 30px;
}
.myFavorite h3{
    margin-bottom: 17px;
}
.myDelivery h3{
    margin-bottom: 15px;
}
.myChangeCard h3{
    margin-bottom: 35px;
}
.myAccount h3{
    margin-bottom: 28px;
}
@media all and (max-width: 400px) {
    #mycontents_area h3{
        font-size: 12px;
    }
}

/*クリップ一覧*/
#main_contents ul li.favoriteBox{
    padding-bottom: 0;
    margin-bottom: 10px;
}
#mycontents_area .detail_link{
    background: none;
    height: auto;
}
#main_contents ul li a.delete {
    display: block;
    width: 20px;
    position: static;
    padding-bottom: 0;
    margin: 33px auto 0;
}

/*購入履歴一覧、購入履歴詳細、登録情報変更、カード情報編集*/
.em_table{
    margin-top: 0;
}
.historyTable,
.historyDetailTable,
.historyMailTable{
    font-size: 14px;
}
.detail_link i,
.zip,
.phoneNum{
    color: #333333;
}
.historyProductName a,
.mail a,
.mailTittle a{
    color: #686868;
}
.rowspanUp,
th.rowspanUp{
    border-bottom: none;
}
.rowspan th,
.rowspan td{
    border-top: none;
}
#mycontents_area .historyTtl{
    font-size: 14px;
    color: #000;
    line-height: 2;
    font-family:'FOT-筑紫ゴシック Pro B', TsukuGoPro-B, sans-serif;
    width: 68%;
    clear: both;
    margin: 0;
}
.myHistory .delivname{
    border-top: 1px solid #cccccc;
}
.historyDetailTable{
    margin-bottom: 0;
}
.historyDetailTable td{
    padding-top: 10px;
    padding-bottom: 10px;
}
.historyProductNameMain{
    margin-bottom: 15px;
}
.historyProductNameClass{
    line-height: 1.3;
}
.historyMailTable{
    width: 68%;
}
.historyMailTable th{
    border-top: none;
}
.historyMailTable td{
    padding-top: 28px;
    padding-bottom: 28px;
}
.historyBtn .pure-button{
    font-size: 12px;
    padding: 10px 20px;
}
.historyBtn form{
    display: inline;
}
.creditRegistTable.changeCardTable{
    margin-top: 20px;
}
.changeCardTable th{
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: none;
}
.changeCardTable td{
    padding-top: 26px;
    padding-bottom: 26px;
}
.changeCardTable .registSelect{
    width: 75px;
}
.changeCardTable .registNum{
    padding-left: 100px;
}
.changeCardTable tbody .registNum{
    padding-left: 64px;
}
.changeCardBtnDelete{
    margin-bottom: 38px;
}
.changeCardBtnDelete .pure-button{
    font-size: 12px;
    padding: 15px 45px;
}
.myChangeCard .creditTable{
    margin-bottom: 20px;
}
.myChangeCard .creditTable dt{
    width: 104px;
}
.changeCardBtn{
    margin-top: 20px;
}
.changeCardBtn .pure-button{
    font-size: 12px;
    padding: 15px 57px;
}
.subT{
    font-family:'FOT-筑紫ゴシック Pro B', TsukuGoPro-B, sans-serif;
    font-size: 14px;
}
#mycontents_area.myIndex p{
    line-height: 1.6;
    font-size: 14px;
}
.historyTable th{
    padding: 28px 0 22px;
}
.historyTable td{
    padding: 26px 0;
}
.indexId{
    width: 140px;
}
.indexDate{
    width: 214px;
}
.indexTotal{
    width: 186px;
}
.indexDetail{
    width: 150px;
}
.indexClear{
    width: auto;
}
#mycontents_area.myIndex .detail_link{
    line-height: 1;
}
#mycontents_area.myHistory .mycondition_area{
    margin-bottom: 20px;
}
#mycontents_area.myHistory .mycondition_area p{
    font-size: 14px;
    line-height: 1.8;
}
.myHistory .historyProductName{
    width: 644px;
    padding-left: 36px;
}
.myChange .table{
    margin-top: 8px;
    font-size: 14px;
}
.myChange .table .attention{
    font-size: 14px;
}
.myChange .zipimg .pure-button{
    font-size: 12px;
    padding: 10px 20px;
}
.changeBtn .pure-button{
    font-size: 12px;
    padding: 10px 20px;
}
#mycontents_area.myChange p,
#mycontents_area.myDelivery p,
#mycontents_area.myRefusal p,
.myChange .table.em_table .tbody dl.tr dt,
.myChange .table .tbody dl.tr dd,
#mycontents_area.myFavorite p,
#mycontents_area.myChange .message{
    font-size: 14px;
}
#mycontents_area.myChange p.mini{
    font-size: 12px;
}
.myAccount .em_table th{
    border-top: none;
    font-size: 14px;
}
.myAccount .em_table td{
    font-size: 14px;
}
.myAccount .em_table td .pure-button{
    font-size: 12px;
    padding: 9px 25px;
}
.refusalBtn .pure-button{
    font-size: 12px;
    padding: 10px 47px;
}
.delivemptyBtn{
    margin-top: 20px;
}
.errBtn .pure-button{
    font-size: 12px;
    padding: 10px 20px;
}

/*お届け先追加・変更*/
.add_address .pure-button{
    padding: 9px 53px;
    color: #6c6c6c;
    background: #fff;
    border: 2px solid #cccccc;
    border-radius: 3px;
    font-size: 14px;
}
.add_address a.pure-button:link:hover{
    border: 2px solid #cccccc;
}
.mypageDeliveAdd{
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7d7d7;
}
#mycontents_area .delivTableContents{
    padding-left: 0;
    padding-right: 0;
}
#mycontents_area .delivTable a{
    color: #686868;
}
#mycontents_area .delivNum{
    width: 50px;
}
#mycontents_area .delivAddress{
    width: 732px;
    padding-left: 50px;
}
#mycontents_area .delivNum,
#mycontents_area .delivType,
#mycontents_area .delivChange,
#mycontents_area .delivDelete{
    padding-top: 20px;
}
.priceChange{
    margin-top: 10px;
}
@media all and (max-width: 1051px) {
    #mycontents_area .delivNum{
        width: 8%;
    }
    #mycontents_area .delivType{
        width: 20%;
    }
    #mycontents_area .delivAddress{
        width: 52%;
    }
    #mycontents_area .delivChange{
        width: 10%;
    }
    #mycontents_area .delivDelete{
        width: 10%;
    }
}
@media all and (max-width: 950px) {
    .mynavi_list{
        width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    #mynavi_area .mynavi_list li{
        padding: 7px;
    }
}
@media all and (max-width: 768px) {
    #mycontents_area .delivNum,
    #mycontents_area .delivType,
    #mycontents_area .delivChange,
    #mycontents_area .delivDelete{
        padding-top: 0;
    }
    #mycontents_area .delivTable li{
        margin-left: 35px;
        width: auto;
    }
    .delivType{
        margin-bottom: 10px;
    }
    #mycontents_area li.delivNum{
        position: absolute;
        left: 12px;
        width: 35px;
        margin-left: 0;
    }
    #mycontents_area li.delivDelete{
        margin-left: 10px;
    }
    .delivChange a,
    .delivDelete a{
        display: block;
        padding: 5px 10px;
        border: 2px solid #cccccc;
        border-radius: 3px;
        margin-top: 12px;
    }
    #mycontents_area .delivAddress{
        padding-left: 0;
    }
}
@media all and (max-width: 700px){
    .historyTtl,
    .historyMailTable{
        width: 100%;
    }
    .indexId{
        width: 20%;
    }
    .indexDate{
        width: 35%;
    }
    .indexTotal{
        width: 25%;
    }
    .indexDetail{
        width: 20%;
    }
    .indexClear{
        display: none;
    }
}
@media all and (max-width: 492px){
    .mynavi_list{
        width: 330px;
    }
    #complete_area .message,
    #undercolumn_entry .message {
        font-size: 14px;
    }
    #mycontents_area .message_area {
        padding: 0;
        text-align: left;
    }
    .changeCardTable .registNum,
    .changeCardTable tbody .registNum{
        padding-left: 0;
    }
    .changeCardBtnDelete{
        margin-top: 20px;
    }
}
@media all and (max-width: 410px) {
    .mynavi_list{
        width: 100%;
    }
    #mynavi_area .mynavi_list a{
        padding: 4px;
        font-size: 12px;
    }
    #mynavi_area .mynavi_list li{
        padding: 5px 0;
    }
    h2.title {
        font-size: 15px;
    }
    .historyTable,
    .historyDetailTable,
    .historyMailTable{
        font-size: 12px;
    }
    .historyDetailTable th,
    .historyMailTable th{
        padding: 8px 5px;
        font-size: 12px;
    }
    .historyDetailTable td{
        padding: 10px 5px;
    }
    #mycontents_area .mycondition_area .btn{
        float: none;
    }
    .myHistory .mycondition_area p,
    #mycontents_area.myIndex p,
    .myChange .table .tbody dl.tr dt,
    .myChange .table .attention,
    .fm_list_layout_h li,
    .fm_list_layout_v li,
    #mycontents_area.myDelivery p,
    .add_address .pure-button,
    .subT,
    .myAccount .em_table th,
    .myAccount .em_table td,
    #mycontents_area.myRefusal p,
    #complete_area .message,
    .myHistory .confTable li,
    .myHistory .confTotalPriceArea,
    #mycontents_area .historyTtl,
    .myChange .table.em_table .tbody dl.tr dt,
    .myChange .table .tbody dl.tr dd,
    #mycontents_area.myChange p,
    .myChangeCard .changeCardTable th,
    .myChangeCard .changeCardTable td,
    #mycontents_area.myFavorite p,
    #mycontents_area.myChange .message,
    #mycontents_area.myHistory .mycondition_area p{
        font-size: 12px;
    }
    #mycontents_area.myChange p.mini{
        font-size: 10px;
    }
    .creditRegistTable.changeCardTable{
        margin-top: 10px;
    }
    .myChangeCard .mb20{
        margin-bottom: 10px;
    }
    .changeCardTable td{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .myAccount .em_table td .pure-button{
        padding: 9px 15px;
    }
    .refusalBtn .pure-button{
        padding: 10px 43px;;
    }
    .historyTable th,
    .historyTable td{
        padding: 18px 0;
    }
}
@media all and (max-width: 375px) {
    .mynavi_list{
        width: 246px;
    }
}

/* ---------------------------------------------------------
特定商
----------------------------------------------------------*/
#undercolumn_order dt{
    white-space: nowrap;
}
#undercolumn_order a,
#undercolumn_order dd {
    font-size: 14px;
    line-height: 1.7;
}

/* ---------------------------------------------------------
プライバシーポリシー
----------------------------------------------------------*/
#undercolumn_entry ul.pp{
    list-style-type: disc;
    font-size: 14px;
    line-height: 1.5;
    padding-left: 20px;
    margin-top: 10px;
}

/* ---------------------------------------------------------
カート
----------------------------------------------------------*/
#undercolumn_cart p{
    margin-left: 0;
}

#undercolumn p.select-msg02{
	font-size: 13px;
}

@media all and (max-width: 400px) {
#undercolumn p.select-msg02{
	font-size: 12px;
}
}

/*
#undercolumn_cart .attArea{
width: 40%;
margin: 0 auto;
padding: 1%;
	background-color: #f7f7f7;
	text-align: center;	
}

@media all and (max-width: 700px) {
#undercolumn_cart .attArea{
width: 98%;
margin-bottom: 10px;
}
}

@media all and (max-width: 400px) {
#undercolumn_cart .attArea{
text-align: left;
padding: 1% 0px 1% 3%;
width: 95%;
}
}


#undercolumn_cart .attArea p{
	font-size: 13px;
}

#undercolumn_cart .attArea .freeAtt{
	font-size: 13px;
	letter-spacing: 0.2em;
	display: block;
}
#undercolumn_cart .attArea span.attention{
	font-size: 13px;
	
}

@media all and (max-width: 400px) {
#undercolumn_cart .attArea .freeAtt{
text-align: center;
}
}


#undercolumn_cart .attArea .price{
	font-size: 13px;
	color: #f28300;
}
*/

/* ---------------------------------------------------------
コンタクト
----------------------------------------------------------*/
#undercolumn_contact .contact_info{
    font-size: 14px;
    background-color: #f1f1f1;
    padding: 13px 10px;
}
#undercolumn_contact .contact_info a.attention{
    color: #f28300;
}
#undercolumn_contact td a{
    color: #000;
}
#undercolumn_contact .contact_info p{
    font-family:'FOT-筑紫ゴシック Pro D', TsukuGoPro-D, sans-serif;
}
#undercolumn_contact .disc{
    list-style-type: disc;
    padding-left: 20px;
    font-size: 12px;
    line-height: 1.5;
}
#undercolumn_contact .member_table .mini {
    line-height: 1.2;
}
#undercolumn_contact .member_table .mini .attention{
    font-size: 12px;
}
dd.telForm{
    line-height: 2;
}
#undercolumn_contact .table{
    font-size: 14px;
}
.contactBtn .pure-button{
    font-size: 12px;
    padding: 9px 20px;
}

/* ---------------------------------------------------------
エラー画面
----------------------------------------------------------*/
#undercolumn_error .message_area .error{
    padding: 0;
}

/* ---------------------------------------------------------
  カートページ
----------------------------------------------------------*/
/*カート空*/
.noProduct{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
#undercolumn_cart .empty .attention{
    font-size: 14px;
}
.noProductBtn{
    margin-top: 17px;
    font-size: 12px;
}
.noProductBtn .pure-button-success{
    padding: 9px 23px;
}
@media all and (max-width: 400px) {
    .noProductBtn{
        margin-bottom: 10px;
    }
    .noProductBtn .pure-button-success{
        padding: 14px 51px;
    }
}

/*カートに商品あり*/
.cartTable ul{
    overflow: hidden;
}
.cartTable li{
    float: left;
    font-size: 14px;
    letter-spacing: 0.1em;
}
.cartTableTitleArea{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #d7d7d7;
}
.cartTableTitle{
    float: right;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-right: 15px;
}
.cartTableContents{
    clear: both;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 15px;
    border-bottom: 1px solid #d7d7d7;
}
.clearArea{
    height: 14px;
}
.productDelete{
    width: 100px;
    margin-top: 13px;
}
.productImg{
    width: 130px;
}
.productName{
    width: 445px;
}
.productPriceSingle{
    width: 115px;
}
.productQuantity{
    width: 95px;
}
.productPricePlural{
    width: 100px;
}
.productDelete a:after{
    content: '削除';
}
.productNameMain{
    margin-top: 13px;
    margin-bottom: 15px;
}
.productNameClass{
    line-height: 1.3;
}
.cartTableContents .productPriceSingle{
    width: 95px;
    margin-top: 13px;
    padding-right: 20px;
}
.cartTableContents .productQuantity{
    margin-top: 13px;
}
#quantity_level{
    width: 58px;
    margin: 15px auto;
}
#quantity_level li{
    width: auto;
    margin-left: 3px;
    margin-right: 3px;
}
.cartTableContents .productPricePlural{
    width: 90px;
    margin-top: 13px;
    padding-right: 10px;
}
.totalPrice{
    float: right;
    overflow: hidden;
    margin-right: 15px;
    margin-top: 20px;
    margin-bottom: 15px;
}
.totalPriceIntax{
    color: #686868;
    font-size: 10px;
}
.totalPrice dt,
.totalPrice dd{
    float: left;
    font-size: 14px;
    letter-spacing: 0.1em;
}
.totalPrice dt{
    width: 95px;
}
.totalPrice dd{
    width: 90px;
    margin-right: 10px;
    color: #f28300;
    line-height: 1.3;
}
.cartTableText{
    clear: both;
}
.cartTableBtn{
    margin-top: 20px;
    font-size: 12px;
}
.cartTableBtn .pure-button-return{
    padding: 9px 20px;
}
.cartTableBtn .pure-button-success{
    padding: 9px 29px;
}
@media all and (max-width: 1051px) {
    .cartTableTitle{
        padding-right: 1.5%;
        width: 98.5%;
    }
    .cartTableContents{
        padding-right: 1.5%;
    }
    .clearArea{
        width: 27%;
    }
    .productDelete{
        width: 10%;
    }
    .productImg{
        width: 17%;
    }
    .productName{
        width: 31%;
    }
    .productPriceSingle{
        width: 14%;
    }
    .productQuantity{
        width: 14%;
    }
    .productPricePlural{
        width: 14%;
    }
    .cartTableContents .productPriceSingle{
        width: 12%;
        padding-right: 2%;
    }
    #quantity_level{
        width: 70%;
        margin: 15px auto;
    }
    #undercolumn #quantity_level li{
        width: 38%;
        margin-left: 3%;
        margin-right: 3%;
        padding: 3%;
    }
    .cartTableContents .productPricePlural{
        width: 12%;
        padding-right: 2%;
    }
    .totalPrice{
        margin-right: 1.5%;
        width: 98.5%;
    }
    .totalPrice dl{
        width: 28%;
        float: right;
    }
    .totalPrice dt{
        width: 50%;
    }
    .totalPrice dd{
        width: 42%;
        margin-right: 8%;
    }
}
@media all and (max-width: 768px) {
    .fa-lg{
        font-size: 25px;
        line-height: 1;
    }
}
@media all and (max-width: 700px) {
    .productPriceSingle{
        display: none;
    }
    .clearArea{
        width: 30%;
    }
    .productImg{
        width: 20%;
    }
    .productName{
        width: 40%;
    }
    .productQuantity{
        width: 14%;
    }
    .productPricePlural{
        width: 16%;
    }
    .cartTableContents .productPricePlural{
        width: 14%;
        padding-right: 2%;
    }
    .totalPrice dl{
        width: 30%;
        float: right;
    }
    .totalPrice dd{
        width: 43.5%;
        margin-right: 6.5%;
    }
}
@media all and (max-width: 600px) {
    .clearArea{
        width: 32%;
    }
    .productImg{
        width: 22%;
    }
    .productName{
        width: 38%;
    }
}
@media all and (max-width: 550px) {
    .cartTableTitle{
        padding-right: 4%;
        width: 96%;
    }
    .cartTableContents{
        position: relative;
        padding-right: 4%;
    }
    .clearArea{
        width: 24%;
    }
    li.productDelete{
        position: absolute;
        right: 0;
        width: 20px;
        height: 20px;
        margin-top: 5px;
    }
    .productDelete a{
        display: block;
        width: 20px;
        height: 20px;
        background-image: url(../img/common/x.png);
        background-size: 20px;
    }
    .productDelete a:after{
        content: '';
    }
    .productImg{
        width: 24%;
    }
    .productName{
        width: 42%;
    }
    .productQuantity{
        width: 16%;
    }
    .productPricePlural{
        width: 18%;
    }
    .cartTableContents .productPricePlural{
        width: 16%;
        padding-right: 2%;
    }
    .totalPrice dl{
        width: 34%;
        float: right;
    }
    .totalPrice dd{
        width: 43.5%;
        margin-right: 6.5%;
    }
}
@media all and (max-width: 501px) {
    .cartTableTitleArea{
        display: none;
    }
    .cartTableContents{
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 12px;
    }
    .cartTableContents:first-of-type{
        padding-top: 0;
    }
    .cartTable li{
        float: none;
        width: auto;
        text-align: left;
        margin-left: 125px;
    }
    li.productDelete{
        float: none;
        width: 20px;
        margin-left: 0;
        right: 12px;
    }
    li.productImg{
        float: left;
        width: 100px;
        margin-left: 0;
    }
    .image-resize{
        max-width: 100px;
        max-height: 100px;
    }
    .productNameMain{
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 12px;
    }
    .productNameClass{
        font-size: 10px;
        height: 26px;
    }
    .cartTableContents .productQuantity{
        margin-top: 5px;
    }
    li.productQuantity,
    li.productPricePlural{
        font-size: 12px;
    }
    .productQuantity:before{
        content: '数量:';
    }
    .productQuantityNum{
        margin-right: 5px;
    }
    #quantity_level{
        display: inline;
    }
    #undercolumn #quantity_level li{
        width: 20px;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .cartTableContents .productPricePlural{
        margin-top: 5px;
        width: auto;
    }
    .cartTableContents .productPricePlural:before{
        content: '金額:';
    }
    .totalPrice{
        margin-right: 12px;
        width: 100%;
    }
    .totalPrice dl{
        width: 125px;
    }
    .totalPrice dt{
        width: 40px;
    }
    .totalPrice dd{
        width: 85px;
        margin-right: 0;
    }
}
@media all and (max-width: 400px) {
    .cartTableText{
        display: none;
    }
    .cartTableContents{
        padding-left: 0;
    }
    li.productDelete{
        right: 0;
    }
    .totalPrice{
        margin-top: 12px;
        margin-bottom: 30px;
    }
    .cartTableBtn .pure-button{
        padding: 13px 26px;
    }
    .cartTableBtn .pure-button-success{
        padding: 13px 51px;
    }
    .cartTableBtn.btn_area li{
        padding-right: 18px;
    }
}

/*購入フロー*/
.flowArea{
    margin-bottom: 30px;
}
@media all and (max-width: 1000px) {
	.flowArea{
    display: none;
}
}
.flowAreaList{
    padding-left: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #999999;
}
.flowAreaList li{
    float: left;
    list-style-type: decimal;
    margin-left: 20px;
    padding-right: 84px;
    position: relative;
}
.flowAreaList li:after{
    content: '▶';
    position: absolute;
    right: 42px;
    color: #d9d9d9;
}
.flowAreaList li:last-of-type{
    padding-right: 0;
}
.flowAreaList li:last-of-type:after{
    content: '';
}
.flowAreaList .selected,
.flowAreaList .selected:after{
    color: #f28300;
}
@media all and (max-width: 920px) {
    .flowAreaList{
        padding-left: 12px;
        font-size: 10px;
    }
    .flowAreaList li{
        padding-right: 24px;
    }
    .flowAreaList li:after{
        right: 12px;
    }
}
@media all and (max-width: 651px) {
    .flowArea{
        display: none;
    }
}

/*お届け先の指定*/
#address_area .information p{
    font-size: 12px;
    letter-spacing: 0.1em;
    margin-left: 40px;
}
.delivTable{
    margin-bottom: 20px;
}
.delivTable ul{
    overflow: hidden;
    padding-left: 23px;
    padding-right: 14px;
}
.delivTable li{
    float: left;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 1.6;
}
.delivTableTitleArea{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #d7d7d7;
}
.delivTableTitle{
    float: right;
    padding-top: 20px;
    padding-bottom: 20px;
}
.delivTableContents{
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7d7d7;
}
.delivSelect{
    width: 65px;
}
.delivType{
    width: 220px;
}
.delivAddress{
    width: 508px;
}
.delivChange{
    width: 84px;
}
.delivDelete{
    width: 84px;
}
#undercolumn_shopping .addbtn{
    font-size: 12px;
}
#undercolumn_shopping .addbtn .pure-button{
    padding: 9px 55px;
    color: #6c6c6c;
    background: #fff;
    border: 2px solid #cccccc;
    border-radius: 3px;
}
.addbtn a.pure-button:link:hover{
    border: 2px solid #cccccc;
}
.delivBtn{
    margin-top: 10px;
    margin-left: 10px;
    font-size: 12px;
}
.delivBtn .pure-button-return{
    padding: 9px 21px;
}
.delivBtn .pure-button-success{
    padding: 9px 34px;
}
@media all and (max-width: 1051px) {
    .delivTable ul{
        padding-left: 2%;
        padding-right: 2%;
    }
    .delivTableTitle{
        width: 96%;
    }
    .delivSelect{
        width: 10%;
    }
    .delivType{
        width: 25%;
    }
    .delivAddress{
        width: 45%;
    }
    .delivChange{
        width: 10%;
    }
    .delivDelete{
        width: 10%;
    }
}
@media all and (max-width: 900px) {
    #address_area .information p{
        margin-left: 0;
    }
}
@media all and (max-width: 768px) {
    .delivTable{
        margin-bottom: 30px;
    }
    .delivTableTitle{
        display: none;
    }
    .delivTableContents{
        position: relative;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .delivTable li{
        float: none;
        margin-left: 35px;
        text-align: left;
        width: auto;
    }
    li.delivSelect{
        position: absolute;
        left: 12px;
        width: 35px;
        margin-left: 0;
    }
    .delivType{
        margin-bottom: 10px;
    }
    li.delivChange,
    li.delivDelete{
        float: left;
    }
    li.delivChange{
        margin-left: 22px;
    }
    li.delivDelete{
        margin-left: 10px;
    }
    .delivChange a,
    .delivDelete a{
        display: block;
        padding: 5px 10px;
        border: 2px solid #cccccc;
        border-radius: 3px;
        margin-top: 12px;
    }
    .delivChange span,
    .delivDelete span{
        display: none;
    }
    .addbtn{
        margin-left: 12px;
        margin-right: 12px;
    }
    #undercolumn_shopping .addbtn .pure-button{
        width: 100%;
        padding: 11px 0;
    }
    .delivBtn{
        margin-top: 15px;
        margin-left: 12px;
        margin-right: 12px;
    }
    .delivBtn ul{
        width: 100%;
        overflow: hidden;
    }
    .delivBtn li{
        display: block;
        float: left;
        padding-right: 0;
    }
    .delivBtn li:first-of-type{
        width: 25%;
        padding-right: 2%;
    }
    .delivBtn li:last-of-type{
        width: 73%;
    }
    .delivBtn .pure-button-return,
    .delivBtn .pure-button-success {
        display: block;
        padding: 14px 0;
    }
}
@media all and (max-width: 400px) {
    .delivTable{
        margin-bottom: 12px;
    }
    .delivTable ul {
        padding-left: 0;
        padding-right: 0;
    }
    .delivTable li{
        font-size: 12px;
    }
    .delivTableContents {
        padding-top: 5px;
        padding-bottom: 10px;
    }
    li.delivSelect{
        left: 0;
    }
    li.delivType{
        margin-left: 25px;
        margin-bottom: 5px;
    }
    li.delivAddress,
    li.delivChange{
        margin-left: 0;
    }
    .delivChange a,
    .delivDelete a{
        margin-top: 10px;
        margin-bottom: 2px;
    }
    .addbtn {
        margin-left: 0;
        margin-right: 0;
    }
    .delivBtn{
        margin-top: 8px;
        margin-left: 0;
        margin-right: 0;
    }
    .delivBtn li:first-of-type{
        width: 25%;
        padding-right: 3%;
    }
    .delivBtn li:last-of-type{
        width: 72%;
    }
}

/*お支払い方法・お届け先日時等の指定*/
#undercolumn_shopping h3{
    font-size: 14px;
    color: #000;
    line-height: 2;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 25px;
    font-family:'FOT-筑紫ゴシック Pro B', TsukuGoPro-B, sans-serif;
}
.tr_selectable{
    margin-top: 5px;
    margin-bottom: 20px;
}
.tr_selectable th,
.tr_selectable td{
    padding: 20px 0;
    font-size: 14px;
}
.paymentSelect{
    width: 113px;
}
.tr_selectable .paymentProcess{
    padding-left: 40px;
}
.paymentProcess span{
    font-size: 12px;
}
#undercolumn_shopping .shoppingLink a{
    color: #f28300;
    border-bottom: 1px solid #fce0bf;
    font-size: 12px;
}
.delivdateList{
    overflow: hidden;
}
.delivdateList li{
    float: left;
    margin-right: 20px;
}
.delivTimeDl{
    overflow: hidden;
}
.delivTimeDl dt,
.delivTimeDl dd{
    float: left;
}
.delivTimeDl dt{
    font-size: 14px;
    line-height: 2.5;
    margin-right: 10px;
}
.delivTime{
    width: 156px;
    padding: 6px;

}
.picker__input{
    color: #333333;
}
.picker__input:hover{
    opacity: 0.8;
}
#undercolumn_shopping .wrapping{
    margin-bottom: 0;
}
.paymentBtn{
    font-size: 12px;
    margin-top: 20px;
}
.paymentBtn a{
    padding: 9px 20px;
}
#undercolumn .attention{
    font-size: 12px;
}
/*Webkit*/
input.js_datepicker::-webkit-input-placeholder{
    color: #464e54
}
/*Firefox 19以降*/
::-moz-placeholder{
    color: #464e54
}
/*Firefox 18以前*/
:-moz-placeholder{
    color: #464e54
}
/*Windows IE*/
:-ms-input-placeholder{
    color: #464e54
}
@media all and (max-width: 550px) {
    .paymentSelect{
        width: 60px;
    }
    .tr_selectable .paymentProcess{
        padding-left: 0;
    }
    .delivdateList li{
        float: none;
        margin-bottom: 10px;
    }
    .picker__input{
        margin-left: 14px;
    }
}
@media all and (max-width: 400px) {
    #undercolumn_shopping h3{
        font-size: 12px;
        margin-bottom: 10px;
    }
    #undercolumn_shopping .pay_area{
        margin-top: 20px;
        margin-bottom: 35px;
    }
    .prossessMsg{
        display: none;
    }
    .tr_selectable thead{
        display: none;
    }
    .tr_selectable td{
        border: none;
    }
    .tr_selectable{
        border-bottom: none;
        margin-bottom: 10px;
    }
    .tr_selectable th,
    .tr_selectable td{
        padding: 5px 0;
        font-size: 12px;
        vertical-align: top;
    }
    .paymentSelect {
        width: 25px;
        text-align: left;
    }
    .paymentProcess{
        line-height: 1.5;
    }
    .paymentProcess span{
        display: block;
        line-height: 2;
        font-size: 10px;
    }
    #undercolumn_shopping .checked_state{
        background-color: #fff;
    }
    #undercolumn .select-msg{
        font-size: 12px;
    }
    #undercolumn_shopping .pay_area02 .select-msg{
        margin-bottom: 0;
    }
    .delivOther{
        /*margin-top: -10px;*/
    }
    #undercolumn_shopping .pay_area02 .txtarea{
        margin-top: 0;
    }
    #undercolumn_shopping .delivDayTime .select-msg{
        margin-bottom: 10px;
    }
    .delivTimeDl dt,
    .delivTimeDl dd{
        float: none;
    }
    .delivTimeDl dt{
        font-size: 12px;
        line-height: 1.5;
    }
    input[type='text'].picker__input{
        margin-left: 0;
        width: 264px;
        height: 26px;
        padding: 6px;
    }
    .delivTime{
        width: 278px;
        height: 40px;
    }
    .delivdateList li{
        margin-bottom: 18px;
        margin-right: 0;
    }
    .delivdateList li:last-of-type{
        margin-bottom: 0;
    }
    #undercolumn_shopping .pay_area02{
        margin-bottom: 40px;
    }
    .paymentBtn .pure-button{
        width: 48%;
        padding: 14px 0;
    }
    .paymentBtn .pure-button-return{
        margin-right: 2%;
    }
    .btn_area li{
        padding-right: 0;
    }
    #undercolumn .attention{
        font-size: 10px;
    }
}

/*入力内容の確認*/
.confTableText{
    margin-bottom: 20px;
}
.confTable ul{
    overflow: hidden;
}
.confTable li{
    float: left;
    font-size: 14px;
    letter-spacing: 0.1em;
}
.confTableTitleArea{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #d7d7d7;
}
.confTableTitle{
    float: right;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}
.confTableContents{
    clear: both;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #d7d7d7;
}
.confClearArea{
    height: 14px;
    width: 210px;
}
.confProductImg{
    width: 100px;
    padding-left: 50px;
    padding-right: 60px;
}
.confProductName{
    width: 470px;
}
.confProductPriceSingle{
    width: 125px;
}
.confProductQuantity{
    width: 80px;
}
.confProductPricePlural{
    width: 115px;
}
.confProductNameMain{
    margin-top: 13px;
    margin-bottom: 15px;
    font-family:'FOT-筑紫ゴシック Pro B', TsukuGoPro-B, sans-serif;
}
.confProductNameClass{
    line-height: 1.3;
}
.confTableContents .confProductPriceSingle{
    width: 95px;
    margin-top: 13px;
    padding-right: 30px;
}
.confTableContents .confProductQuantity{
    margin-top: 13px;
}
.confTableContents .confProductPricePlural{
    width: 90px;
    margin-top: 13px;
    padding-right: 25px;
}
.confTotalPriceArea{
    float: right;
    overflow: hidden;
    width: 320px;
    margin-top: 0;
    font-size: 14px;
    letter-spacing: 0.1em;
    border: none;
    border-collapse: separate;
}
.confTotalPriceArea th,
.confTotalPriceArea td{
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #d7d7d7;
}
.confTotalPriceArea th{
    width: 125px;
    background-color: #f1f1f1;
    border-right: none;
}
.confTotalPriceArea td{
    width: 170px;
    padding-right: 25px;
}
.confTotalPriceArea th:first-of-type,
.confTotalPriceArea td:first-of-type{
    border-top: none;
}
.confTotalPrice{
    color: #f28300;
    font-family:'FOT-筑紫ゴシック Pro B', TsukuGoPro-B, sans-serif;
}
#undercolumn_shopping .confDeliv{
    clear: both;
    margin-bottom: 0;
    width: 680px;
}
.delivname{
    display: table;
    width: 680px;
    margin-bottom: 50px;
}
.delivname .tbody{
    display: table-row-group;
}
.delivname .tr{
    display: table-row;
}
.delivname dt,
.delivname dd{
    display: table-cell;
    padding: 16px 0;
    font-size: 14px;
    line-height: 1.6;
    border-bottom: 1px solid #cccccc;
}
.delivname dt{
    width: 148px;
    font-family:'FOT-筑紫ゴシック Pro B', TsukuGoPro-B, sans-serif;
}
.confTableBtn{
    margin-top: 30px;
    font-size: 12px;
}
.confTableBtn .pure-button-return{
    padding: 9px 20px;
}
.confTableBtn .pure-button-success{
    padding: 9px 21px;
}
@media all and (max-width: 1051px) {
    .confClearArea{
        width: 22%;
    }
    .confProductImg{
        width: 11%;
        padding-left: 5%;
        padding-right: 6%;
    }
    .confProductName{
        width: 45%;
    }
    .myHistory .historyProductName{
        width: 63%;
        padding-left: 4%;
    }
    .confProductPriceSingle{
        width: 12.5%;
    }
    .confProductQuantity{
        width: 8%;
    }
    .confProductPricePlural{
        width: 12.5%;
    }
    .confTableContents .confProductPriceSingle{
        width: 9.5%;
        padding-right: 3%;
    }
    .confTableContents .confProductPricePlural{
        width: 10%;
        padding-right: 2.5%;
    }
    .confTotalPriceArea{
        width: 32%;
    }
    .confTotalPriceArea th{
        width: 12.5%;
    }
    .confTotalPriceArea td{
        width: 17%;
        padding-right: 7%;
    }
    #undercolumn_shopping .confDeliv{
        width: 68%;
    }
    .delivname{
        width: 68%;
    }
    .delivname dt{
        width: 30%;
    }
}
@media all and (max-width: 768px) {
    .confClearArea{
        width: 26%;
    }
    .confProductImg{
        width: 15%;
        padding-left: 5%;
        padding-right: 6%;
    }
    .confProductName{
        width: 34%;
    }
    .myHistory .historyProductName{
        width: 58%;
        padding-left: 2%;
    }
    .confProductPriceSingle{
        width: 15.5%;
    }
    .confProductQuantity{
        width: 9%;
    }
    .confProductPricePlural{
        width: 15.5%;
    }
    .confTableContents .confProductPriceSingle{
        width: 12.5%;
        padding-right: 3%;
    }
    .confTableContents .confProductPricePlural{
        width: 13%;
        padding-right: 2.5%;
    }
}
@media all and (max-width: 700px) {
    .confTotalPriceArea,
    #undercolumn_shopping .confDeliv,
    .delivname{
        width: 100%;
    }
    .confTotalPriceArea{
        float: none;
    }
    .confTotalPriceArea th{
        width: 40%;
    }
    .confTotalPriceArea td{
        width: 70%;
        padding-right: 2.5%;
    }
}
@media all and (max-width: 600px) {
    .confProductPriceSingle{
        display: none;
    }
    .confClearArea{
        width: 26%;
    }
    .confProductImg{
        width: 20%;
        padding-left: 3%;
        padding-right: 3%;
    }
    .confProductName{
        width: 40%;
    }
    .myHistory .historyProductName{
        width: 64%;
        padding-left: 2%;
    }
    .confProductQuantity{
        width: 10%;
    }
    .confProductPricePlural{
        width: 24%;
    }
    .confTableContents .confProductPricePlural{
        width: 20%;
        padding-right: 4%;
    }
    .confTotalPriceArea td{
        padding-right: 4%;
    }
}
@media all and (max-width: 500px) {
    .confTableTitle{
        display: none;
    }
    .confTableContents{
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 12px;
    }
    .confTable li{
        float: none;
        width: auto;
        text-align: left;
        margin-left: 125px;
    }
    li.confProductImg{
        float: left;
        width: 100px;
        margin-left: 0;
        padding: 0;
    }
    .image-resize{
        max-width: 100px;
        max-height: 100px;
    }
    .confProductNameMain{
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 12px;
    }
    .confProductNameClass{
        font-size: 10px;
        height: 26px;
    }
    .confTableContents .confProductQuantity{
        margin-top: 10px;
    }
    li.confProductQuantity,
    li.confProductPricePlural{
        font-size: 12px;
    }
    .confProductQuantity:before{
        content: '数量:';
    }
    .confproductQuantityNum{
        margin-right: 5px;
    }
    .confTableContents .confProductPricePlural{
        margin-top: 10px;
        width: auto;
    }
    .confTableContents .confProductPricePlural:before{
        content: '金額:';
    }
    .myHistory .historyProductName{
        width: auto;
        margin-left: 0;
    }
    .myHistory .confTable li{
        margin-left: 0;
        padding-left: 0;
    }
}
@media all and (max-width: 400px) {
    #undercolumn_shopping .confTableText{
        font-size: 12px;
    }
    .confTotalPriceArea th,
    .confTotalPriceArea td{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .delivname .tr{
        display: block;
    }
    .delivname dt,
    .delivname dd{
        display: inherit;
        font-size: 12px;
    }
    .delivname dt{
        padding-bottom: 0;
        border-bottom: none;
        width: auto;
    }
    .delivname dd{
        padding-top: 0;
    }
    .delivname.mb50{
        margin-bottom: 30px;
    }
    .delivname.mb30{
        margin-bottom: 20px;
    }
    .confTableBtn{
        margin-top: 20px;
        font-size: 12px;
    }
    .confTableBtn .pure-button{
        width: 48%;
        padding: 14px 0;
    }
    .confTableBtn .pure-button-return{
        margin-right: 2%;
    }
    .confTableBtn li{
        padding-right: 0;
    }
}
/*コンビニ決済*/
.cnsTable{
    margin-top: 40px;
    margin-bottom: 20px;
}
.cvsSelect{
    width: 115px;
}
.cvsType{
    padding-left: 30px;
}
.cvsBtn{
    margin-top: 30px;
    font-size: 12px;
}
.cvsBtn .pure-button-return{
    padding: 9px 20px;
}
.cvsBtn .pure-button-success{
    padding: 9px 21px;
}
@media all and (max-width: 500px) {
    .cvsSelect{
        width: 30%;
    }
    .cvsType{
        padding-left: 0;
    }
}
@media all and (max-width: 400px) {
    .cvsBtn{
        margin-top: 20px;
        font-size: 12px;
    }
    .cvsBtn .pure-button{
        width: 48%;
        padding: 14px 0;
    }
    .cvsBtn .pure-button-return{
        margin-right: 2%;
    }
    .cvsBtn li{
        padding-right: 0;
    }
}

/*クレジットカード決済*/
#payment_form_body .information p{
    font-size: 12px;
}
.creditTable{
    width: 100%;
    border-top: 1px solid #cccccc;
    margin-top: 10px;
    margin-bottom: 25px;
}
.creditTable dt{
    padding-right: 15px;
}
.creditList{
    list-style: disc;
    font-size: 10px;
    margin-left: 15px;
}
.creditBtn{
    margin-top: 30px;
    font-size: 12px;
}
.creditBtn .pure-button-return{
    padding: 9px 20px;
}
.creditBtn .pure-button-success{
    padding: 9px 21px;
}
@media all and (max-width: 450px) {
    .creditTable .tr{
        display: block;
    }
    .creditTable dt,
    .creditTable dd{
        display: inherit;
        font-size: 12px;
        text-align: left;
    }
    .creditTable dt{
        padding-bottom: 0;
        border-bottom: none;
        width: auto;
    }
    .creditTable dd{
        padding-top: 0;
    }
    #undercolumn_shopping .creditNameTxt{
        font-size: 12px;
    }
    .creditBtn{
        margin-top: 20px;
        font-size: 12px;
    }
    .creditBtn .pure-button{
        width: 48%;
        padding: 14px 0;
    }
    .creditBtn .pure-button-return{
        margin-right: 2%;
    }
    .creditBtn li{
        padding-right: 0;
    }

}

/*登録済みクレジットカード決済*/
#payment_form_body .registTxt{
    font-size: 12px;
}
.creditRegistTable{
    margin-top: 30px;
    font-size: 14px;
}
.registSelect{
    width: 100px;
}
.registNum{
    margin-left: 20px;
}
.registList{
    overflow: hidden;
}
.registList li{
    float: left;
    margin-right: 15px;
    line-height: 1.6;
}
.paymentMethod{
    overflow: hidden;
    margin-left: 35px;
    margin-bottom: 30px;
}
.paymentMethod dt,
.paymentMethod dd{
    float: left;
}
.paymentMethod dt{
    margin-right: 25px;
    line-height: 2;
}
.paymentMethod select{
    padding: 5px 20px;
}
.creditRegistBtn{
    margin-top: 25px;
    font-size: 12px;
}
.creditRegistBtn .pure-button-return{
    padding: 9px 20px;
}
.creditRegistBtn .pure-button-success{
    padding: 9px 21px;
}
@media all and (max-width: 400px) {
    .registSelect{
        width: 20%;
    }
    .creditRegistTable,
    .paymentMethod{
        margin-bottom: 20px;
    }
    .creditRegistBtn{
        margin-top: 20px;
    }
    .creditRegistBtn .pure-button{
        width: 48%;
        padding: 14px 0;
    }
    .creditRegistBtn .pure-button-return{
        margin-right: 2%;
    }
    .creditRegistBtn li{
        padding-right: 0;
    }
}

/*ご注文完了*/
.shoppingComImg{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 25px;
}
.shoppingComTxt{
    width: 744px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.1em;
}
#complete_area.shoppingComTxt .message{
    text-align: center;
    margin-bottom: 15px;
    font-size: 14px;
    font-family:'FOT-筑紫ゴシック Pro B', TsukuGoPro-B, sans-serif;
}
#undercolumn_shopping .shoppingComTxt .link{
    color: #f28300;
    border-bottom: 1px solid #f28300;
}
.shoppingComBtn{
    margin-top: 20px;
}
.shoppingComBtn .pure-button-success{
    padding: 9px 23px;
    font-size: 12px;
}
@media all and (max-width: 768px) {
    .shoppingComTxt{
        width: 100%;
    }
}
@media all and (max-width: 400px) {
    .shoppingComImg{
        margin-top: 25px;
    }
    #undercolumn_shopping .shoppingComTxt p.mb30{
        font-size: 12px;
        margin-bottom: 25px;
    }
    .shoppingComBtn .pure-button-success{
        padding: 14px 58px;
        font-size: 12px;
    }
}

/*会員登録せずに購入*/
.noMemberDelivSelect{
    margin-bottom: 10px;
}
#undercolumn_customer .noMemberDelivSelect .attention{
    font-size: 14px;
}
#undercolumn_shopping .noMemberTxt{
    line-height: 1;
    padding-bottom: 8px;
}


/*左右余白12px*/
@media all and (max-width: 1051px) {
    #mypagecolumn {
        width: 100%;
    }
    #mycontents_area,
    #mynavi_area,
    #undercolumn_contact,
    div#undercolumn_entry,
    #undercolumn_order,
    #undercolumn_cart,
    #undercolumn_mail,
    #undercolumn_shopping,
    .flow_area,
    .forgotMsg,
    #forgot,
    .delivAddTxt,
    .delivAddTable,
    #undercolumn_customer{
        width: auto;
        margin-left: 12px;
        margin-right: 12px;
    }
    #main_contents,
    .list_btn{
        margin-left: 0;
        margin-right: 0;
    }
}
@media all and (max-width: 328px) {
    #mynavi_area{
        margin-left: 8px;
        margin-right: 8px;
    }

}


/* カート内レコメンド */
#recoColOverWrap{
	background-color: #f1f1f1;
	padding: 20px;
	max-width: 800px;
	margin: 20px auto;
}
#recoColWrap{
	overflow: hidden;
	font-size: 13px;
	line-height: 1.6;
	color: #444444;
}

#recoCol01{
	width: 82%;
	float: left;
	padding-top: 5px;
}

#recoCol01 dt{
	color: #f28300;
	font-size: 23px;
	font-family: "FOT-筑紫ゴシック Pro D", TsukuGoPro-D, sans-serif;
	margin-bottom: 8px;

}

#recoCol01 dd a{
	color: #f28300;
	text-decoration: underline;
}

#recoCol02{
width: 15%;
min-width: 110px;
float: right;
}

#recoCol02 img{
	width: 100%;
}

#recoCol02 dt{
	margin-bottom: 2px;
	line-height: 1.0;
}

#recoCol02 dd{
	text-align: center;
	font-family: "FOT-筑紫ゴシック Pro D", TsukuGoPro-D, sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	color: #555555;
}

#recoCol02 dd span{
	font-size: 11px;
	font-family: inherit;
}


@media all and (max-width: 720px) {
		#recoCol01{
			width: 71%;
		}
		#recoCol02{
			width: 24%;
		}
		#recoCol01 dt{
	font-size: 20px;
	margin-bottom: 5px;
	}
}


@media all and (max-width: 500px) {
		#recoCol01 dt{
		font-size: 16px;
		margin-bottom: 3px;
		}
		#recoCol01 dd{
		font-size: 12px;
		line-height: 1.5;
		}
}

@media all and (max-width: 480px) {
		#recoCol01{
			width: 62%;
		}

}

@media all and (max-width: 400px) {
		#recoColOverWrap{
	background-color:#ffffff;
	padding: 0;
	margin-bottom: 25px;
}
#recoCol01{
	padding-top: 0px;
}
}