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

.mypage_head{background:#f0f6ff;border-bottom:solid 1px #efefef;padding:10px 0}
.mypage_head .ttl{font-weight:700;font-size:1.8rem}
.mypage_head+.breadcrumb{background:0 0;border:none}
.list_wrapper #mypage_nav .mypage_head{background:#eff6ff;border:solid 1px #9ab0cf;padding:10px 10px;border-radius:6px 6px 0 0;position: relative;}
.list_wrapper #mypage_nav .mypage_head .ttl{font-weight:700;font-size:1.6rem;}
.list_wrapper #mypage_nav .mypage_con{border:solid 1px #9ab0cf;border-top:none;padding:0 10px;border-radius:0 0 6px 6px;display: block}
.list_wrapper #mypage_nav .mypage_con li{padding:1rem 0 1rem}
.list_wrapper #mypage_nav .mypage_con li+li{border-top:solid 1px #ddd}
.list_wrapper #mypage_nav .mypage_con li a{color:#104592}

#block-list .list_search{margin-top:2rem}
#block-list .list_search>ul>li{border:solid 1px #ddd;display:flex;justify-content:space-between;border-radius:4px;margin-top:1rem}
#block-list .list_search>ul>li .search_con{padding: 1.5rem;}
#block-list .list_search>ul>li .search_con .sec+.sec{margin-top:.5rem}
#block-list .list_search>ul>li .search_con .sec>.ttl{font-size:1.6rem;font-weight:700;padding-left:1.2rem;position:relative}
#block-list .list_search>ul>li .search_con .sec>.ttl:before{content:"";position:absolute;top:.3rem;left:0;width:4px;height:2rem;background:#2473c4;border-radius:2px}
#block-list .list_search>ul>li .search_btn{background:#f7f7f7;padding: 1.5rem}
#block-list .search_btn .common-btn{position:relative;padding: .5rem .5rem;}
#block-list .search_btn .icon_delete{height:16px;width:12px;background-repeat:no-repeat;background-size:100% auto;background-position:center;margin-right:4px;
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20401.34%20512%22%3E%3Cpath%20d%3D%22M383.78%2C69.75s2.98%2C2.1-43.34-11.97c-41.52-12.6-80.79-15.31-80.79-15.31l-2.72-19.3c-1.87-13.32-12.77-23.17-25.62-23.17h-61.3c-12.82%2C0-23.73%2C9.86-25.62%2C23.17l-2.72%2C19.3s-39.26%2C2.71-80.78%2C15.31c-46.33%2C14.07-43.36%2C11.97-43.36%2C11.97C7.21%2C72.6%2C0%2C82.4%2C0%2C93.61v16.69H401.34v-16.69c0-11.21-7.21-21.01-17.55-23.86Z%22%20style%3D%22fill%3A%23104592%3B%22%2F%3E%3Cpath%20d%3D%22M33.26%2C464.73c2.36%2C26.76%2C24.77%2C47.27%2C51.64%2C47.27h231.52c26.86%2C0%2C49.28-20.51%2C51.64-47.27l25.64-327.21H7.62l25.64%2C327.21Zm253.42-254.83c.51-8.4%2C7.73-14.81%2C16.13-14.3%2C8.4%2C.51%2C14.8%2C7.73%2C14.3%2C16.13l-14.49%2C239.49c-.51%2C8.4-7.73%2C14.8-16.13%2C14.29-8.4-.51-14.81-7.72-14.3-16.12l14.49-239.49Zm-101.26%2C.92c0-8.42%2C6.82-15.24%2C15.24-15.24s15.24%2C6.82%2C15.24%2C15.24v239.49c0%2C8.42-6.82%2C15.24-15.24%2C15.24s-15.24-6.82-15.24-15.24V210.82Zm-86.92-15.21c8.4-.51%2C15.62%2C5.89%2C16.13%2C14.3l14.51%2C239.49c.51%2C8.4-5.89%2C15.61-14.3%2C16.12-8.4%2C.51-15.62-5.89-16.13-14.29l-14.51-239.49c-.51-8.4%2C5.89-15.62%2C14.3-16.13Z%22%20style%3D%22fill%3A%23104592%3B%22%2F%3E%3C%2Fsvg%3E')
}

#block-list .input_box .common-table {
    width: 100%;
}
#block-list .input_box .common-table th, #block-list .input_box .common-table td {
    padding-left: 20px;
    padding-right: 20px;
}
#block-list .input_list dd,#block-list .input_list dt {
    display: inline-block
}

#block-list .input_list dt {
    width: 15em;
    font-weight: 700
}

#block-list .input_list dd {
    width: calc(100% - 16em)
}

#block-list .input_list dd input {
    width: 100%
}

#block-list .input_list dd+dt {
    margin-top: 20px
}






@media screen and (min-width:999px){
	.list_wrapper #mypage_nav{width:32%;margin-bottom:40px}
	
	#block-list .list_search>ul>li .search_con{width:calc(100% - 7em);}
	#block-list .list_search>ul>li .search_btn{width:7em;display:flex;align-items:center;}
}

@media screen and (min-width:1px) and (max-width:998px){
	.list_wrapper {display: flex;flex-direction: column-reverse;}
	#mypage_nav {padding: 0 5%;margin-bottom: 20px;}
	.list_wrapper #mypage_nav .mypage_con {display: none;}
	.list_wrapper #mypage_nav .mypage_head {border-radius: 6px 6px 6px 6px;padding-right: 40px;}
	.list_wrapper #mypage_nav .mypage_head.open {border-radius: 6px 6px 0 0;}
	
	.list_wrapper #mypage_nav .mypage_head .toggle{position:absolute;top:50%;right:12px;width:20px;height:20px;background:#104592;transform:translateY(-50%)}
	.list_wrapper #mypage_nav .mypage_head .toggle:after,.list_wrapper #mypage_nav .mypage_head .toggle:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:2px;background:#fff;transform:translate(-50%,-50%);transition:.3s}
	.list_wrapper #mypage_nav .mypage_head .toggle:after{transform:translate(-50%,-50%) rotate(90deg);z-index:1}
	.list_wrapper #mypage_nav .mypage_head.open .toggle:after{transform:translate(-50%,-50%) rotate(0)}
	
	#block-list .list_search>ul>li {
    display: block;
}
	
	
	
}

@media screen and (min-width:1px) and (max-width:622px){
	
	
	#block-list .input_list dt, #block-list .input_list dd {
        display: block;
        width: 100%;
    }

    #block-list .input_list dd+dt {
        margin-top: 10px;
    }
}