@charset "UTF-8";

/* CSS Document */


/*--------------------
00.form_page
01.yousei_form
02.taisaku_form
03.tsusin
04.tsusin_confirm
05.tsusin_done
06.taisaku_confirm
07.taisaku_done
08.yousei_confirm
09.yousei_done
--------------------*/
/*--------------------
04.tsusin_confirm
--------------------*/
#tsusin_confirm form p, #tsusin_confirm form .pay_btn, #tsusin_confirm form .link_btn, #tsusin_confirm form .delivery ul{
display: none;
}

#tsusin_confirm dd.name .flex_box{
width: 100%;
align-items: flex-start;
flex-direction: column;
margin-bottom: 20px;
}

#tsusin_confirm form {
margin-top: 90px;
}


#tsusin_confirm dd.name .flex_box:last-child{
margin-bottom: 0;
}

#tsusin_confirm .total {
margin: 15px auto 60px;
padding: 10px 15px;
max-width: 960px;
width: 96%;
background-color: #FFFCEB;
font-size: 25px;
font-weight: 400;
}

#tsusin_confirm dd:nth-of-type(17){
word-break: break-all;
}

#tsusin_confirm .refresh_box{
margin: 30px auto 0;
width: 260px;
}

#tsusin_confirm .refresh_box input{
width: 100%;
border: 1px solid #E3E3E3;
border-radius: 5px;
padding: 18.5px 0;
background-color: #26466D;
font-size: 17px;
color: #fff;
}

#tsusin_confirm .address p{
display: block;
font-size: 14px;
line-height: 24px;
color: #666666;
}

#tsusin_confirm .prefecture p{
display: none;
}

#tsusin_confirm .btn_area p{
display: block;
}


/*--------------------
05.tsusin_done
--------------------*/
#tsusin_done .cnt_inner{
text-align: center;
padding: 30px 0 50px;
}

#tsusin_done .link_btn {
margin-bottom: 50px;
}

#tsusin_done .link_btn:hover {
background: #fff;
color: #26466d;
}
/*--------------------
06.taisaku_confirm
--------------------*/
#taisaku_confirm form {
margin-top: 90px;
}

#taisaku_confirm form p, #taisaku_confirm form .pay_btn, #taisaku_confirm form .link_btn, #taisaku_confirm form .delivery ul{
display: none;
}

#taisaku_confirm dd:nth-of-type(12) {
word-break: break-all;
}

#taisaku_confirm dd.name .flex_box {
width: 100%;
align-items: flex-start;
flex-direction: column;
margin-bottom: 20px;
}

#taisaku_confirm dd.name .flex_box:last-child {
margin-bottom: 0;
}

#taisaku_confirm .address p{
display: block;
font-size: 14px;
line-height: 24px;
color: #666666;
}

#taisaku_confirm .btn_area p{
display: block;
}

#taisaku_confirm .refresh_box input {
width: 100%;
border: 1px solid #E3E3E3;
border-radius: 5px;
padding: 18.5px 0;
background-color: #26466D;
font-size: 17px;
color: #fff;
}

#taisaku_confirm .refresh_box {
margin: 30px auto 20px;
width: 260px;
}

#taisaku_confirm .prefecture p:first-of-type{
display: none;
}

/*--------------------
07.taisaku_confirm
--------------------*/
#taisaku_done .cnt_inner{
text-align: center;
padding: 30px 0 50px;
}

#taisaku_done .link_btn {
margin-bottom: 50px;
}

#taisaku_done .link_btn:hover {
background: #fff;
color: #26466d;
}

/*--------------------
08.yousei_confirm
--------------------*/
#yousei_confirm form {
margin-top: 90px;
}

#yousei_confirm form p, #yousei_confirm form .pay_btn, #yousei_confirm form .link_btn, #yousei_confirm form .delivery ul{
display: none;
}

#yousei_confirm dd:nth-of-type(12) {
word-break: break-all;
}

#yousei_confirm dd.name .flex_box {
width: 100%;
align-items: flex-start;
flex-direction: column;
margin-bottom: 20px;
}

#yousei_confirm .address .prefecture p {
display: none;
}

#yousei_confirm dd.name .flex_box:last-child {
margin-bottom: 0;
}

#yousei_confirm .address p{
display: block;
font-size: 14px;
line-height: 24px;
color: #666666;
}

#yousei_confirm .btn_area p{
display: block;
}

#yousei_confirm .refresh_box input {
width: 100%;
border: 1px solid #E3E3E3;
border-radius: 5px;
padding: 18.5px 0;
background-color: #26466D;
font-size: 17px;
color: #fff;
}

#yousei_confirm .refresh_box {
margin: 30px auto 20px;
width: 260px;
}

#yousei_confirm .address .flex_box:nth-of-type(2){
flex-direction: column-reverse;
align-items: baseline;
}

/*--------------------
09.yousei_done
--------------------*/
#yousei_done .cnt_inner{
text-align: center;
padding: 30px 0 50px;
}

#yousei_done .link_btn {
margin-bottom: 50px;
}

#yousei_done .link_btn:hover {
background: #fff;
color: #26466d;
}
@media only screen and (max-width:750px){
/*--------------------
04.tsusin_confirm
--------------------*/
#tsusin_confirm .refresh_box{
width: 100%;
}
/*--------------------
07.taisaku_confirm
--------------------*/
#taisaku_confirm .refresh_box{
width: 100%;
}
/*--------------------
08.yousei_confirm
--------------------*/
#yousei_confirm .refresh_box{
width: 100%;
}
}