.title {
    margin: 0 0 9rem 0;
}

.title2 {
    text-align: left;
    font-size: 26px;
    line-height: 50px;
    margin: 0 0 5rem 0;
}

.sub-title {
    text-align: left;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 0.5em;
}


/*カタログ詳細 壁 slplus_19-21 funenn　調整*/
.note{
    font-size: 0.9rem;
    font-weight: 200;
    line-height: 200%;
    margin: 0 0 1.5rem 0;
    margin-left:80px;
}


/*ログイン*/
.login-note > div > a{
    height: 20px;
    border-bottom: solid 1px #222222;
    padding-bottom: 2px;
    font-size: 0.5rem;
    font-weight: 200;
    line-height: 200%;
    margin: 0 0 1.5rem 0;
}


/*お知らせ一覧*/
.news {
    text-align: left;
    font-size: 13px;
    line-height: 19px;
}

.news2 {
    text-align: left;
    font-size: 13px;
    line-height: 19px;
    margin: 1rem 0 1.5rem 0;
}

/*お知らせ詳細*/
.info_site_pc {
    width : 820px;
}

.info_site_sp {
    width : 350px;
}

.news3 {
    text-align: right;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 30px;
}

.news4 {
    text-align: left;
    margin-bottom: 2em;
    font-size: 15px;
    line-height: 30px;
}

.news4a {
    text-align: left;
    margin-bottom: 2em;
    font-size: 13px;
    line-height: 30px;
}

.news5 {
    text-align: left;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 30px;
}

.news5 > div > a {
    text-align: left;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 30px;
    border-bottom: solid 2px #222222;
    padding-bottom: 2px;
}

.kakomi-box {
    margin: 2em auto;
    padding: 2em;
    width: 100%;
    background-color: #fff; /* 背景色 */
    border: 1px solid #ccc; /* 枠線 */
}


/*プライバシーポリシー*/
.personal_data {
    text-align: left;
    margin-bottom: 2em;
    line-height: 30px;
    font-size: 15px;
}

.personal_data2 {
    text-align: left;
    margin-bottom: 7px;
    line-height: 30px;
    font-size: 15px;
}

.sub-title2 {
    text-align: left;
    font-size: 21px;
    line-height: 51px;
    margin-bottom: 1em;
}

.sub-title3 {
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 1em;
}

.sub-title4 {
    text-align: left;
    font-size: 15px;
    line-height: 40px;
    margin-bottom: 1em;
}

/*サイトマップ*/
.sitemap_pc {
    width : 820px;
}

.sitemap_sp {
    width : 350px;
}

.sub-title5 {
    text-align: left;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 1em;
}

.sub-title6 {
    width: 80%;
}

.sub-title7 {
    width: 67%;
}

.sitemap_list {
    text-align: left;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 1em;
}

.sitemap_list2 {
    text-align: left;
    font-size: 13px;
    line-height: 19px;
}


/*マイページ　トップ*/
img.photo {
    width: 100%;
    height: 300px;
}

img.button {
    width: 100%;
    height: 250px;
    margin: 1rem 0 1rem 0;
}
span.new_entry{
    font-size: 12px;
    margin-bottom: -4.0px;
    margin-top: 4.0px;
    font-weight: 500;
    background-color: #222;
    color: #fff;
    padding: 0.2rem;
}

/*お問い合わせ*/
.site-box-pc {
    width : 750px;
}

.site-box-sp {
    width : 320px;
}

.dev_contact_site_pc {
    width : 840px;
}

.dev_contact_site_sp {
    width : 350px;
}

.annotation_pc {
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 40px;
}

.annotation_sp {
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    margin: 30px 0 20px 0;
}

.contact {
    text-align: center;
    font-size: 21px;
    line-height: 31px;
    margin-bottom: 1em;
}

.contact2 {
    text-align: center;
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 50px;
}

.contact3 {
    text-align: center;
    margin-bottom: 30px;
}

.contact4 {
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 30px;
}

.contact4a {
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 15px;
}

.contact4b {
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    margin: 0 0 20px 40px;
}

.contact5 {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    margin: 120px 0 80px 0;
}

.contact6 {
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    margin: 50px 0 30px 0;
}

.contact7 {
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 2em;
}

.contact7a {
    text-align: left;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 2em;
}

.contact7b {
    text-align: left;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 1em;
}

.contact8 {
    text-align: center;
    font-size: 21px;
    line-height: 31px;
    margin: 2em 0 2em 0;
}

.contact9 {
    text-align: center;
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 30px;
}

.contact10 {
    text-align: left;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 30px;
}

.contact11 {
     text-align: center;
     font-size: 18px;
     line-height: 22px;
     margin: 50px 0 80px 0;
 }

.contact11a {
    text-align: center;
    font-size: 13px;
    line-height: 21px;
    margin: 50px 0 80px 0;
}

.contact12 {
    text-align: center;
    margin-bottom: 10px;
}

.contact13 {
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 30px;
}

.contact13 > div > a {
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 30px;
    border-bottom: solid 2px #222222;
    padding-bottom: 2px;
}

.contact14 {
    text-align: center;
    font-size: 21px;
    line-height: 31px;
    margin: 2em 0 1em 0;
}

.contact15 {
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    margin: 50px 0 20px 0;
}

.contact15a {
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    margin: 50px 0 40px 0;
}

.inquiry_top {
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    margin: 50px 0 20px 10px;
}

.inquiry {
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    margin: 30px 0 20px 10px;
}

.inquiry2 {
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    margin: 30px 0 40px 10px;
}

.inquiry_sp {
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    margin: 20px 0 10px 0;
}

.inquiry_sp2 {
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    margin: 20px 0 40px 0;
}

.textarea {
    vertical-align:top;
}

.login_button {
    margin: 0 0 30px 180px;
}

.box {
    width: 95%;
    margin: 0 0 30px 20px;
}


.box2 {
    width: 95%;
    margin: 0 0 8px 20px;
}

.box2_sp {
    margin-bottom: 20px;
}

.box3_sp {
    text-align: center;
    width: 95%;
    margin: 0 0 8px 5px;
}

.title3 {
    text-align: left;
    font-size: 26px;
    line-height: 38px;
}

.title4 {
    text-align: left;
    font-size: 26px;
    line-height: 38px;
    margin-bottom: 50px;
}

.button {
    text-align: center;
    margin: 50px 0 30px 0;
}

.button2 {
    text-align: center;
    margin: 50px 0 30px 110px;
}

.button_sp {
    text-align: center;
    margin: 50px 0 10px 0;
}

.button_sp2 {
    text-align: center;
}

/*マイページ　カタログ*/
.catalog-img2{
    width: 100%;
    min-height: 17rem;
    background-color: white;
    text-align: center;
    margin-bottom: 1rem;
}

/*
img.catalog-photo {
    width: 400px;
    height: 450px;
}
*/


/*モーダル*/

.blocker {
    z-index: 1000 !important;
}



/*カタログ請求ページ 送り先編集モーダル*/

.red_text{
    color: red;
}

.new_company_name_caution{
    font-size: 0.75rem;
}

#input_address .caution{
    margin-top: 5px;
    font-size: 0.75rem;
}
#input_address input{
    height: 2rem;
}
#input_address .postal_code_wrapper button{
    display: block;
    max-width: 150px;
    width: 100%;
    height: 2rem;
    color: white;
    background-color: #1D2A89;
    border: none;
}
#input_address .postal_code_wrapper button:hover{
    opacity: 0.8;
}
#input_address .new_address1_wrapper select{
    height: 2rem;
}

#input_address .btn_box{
    max-width: 600px;
    margin: 3rem auto 0;
}
#input_address .btn_box button{
    box-sizing: border-box;
    display: block;
    width: 45%;
    line-height: 3;
}
#input_address .btn_box .rewrite_btn{
    color: #707070;
    background-color: #F8F8F8;
    border: none;
}
#input_address .btn_box .inquiry_btn{
    color: #222;
    background-color: white;
    border: solid 2px #222;
}

@media screen and (max-width:639px){
    div.modal{
        padding: 15px 10px;
    }
    #input_address .btn_box button{
        width: 100%;
        margin-bottom: 20px;
    }
}

/*送り先編集モーダル IE対応用*/
@media all and (-ms-high-contrast: none) {
    [class*=uk-child-width-1-1] > *{
        flex-basis: 100%;
    }
}


/*送り先一覧モーダル*/

#select_address table:not(:last-child){
    margin-bottom: 10px;
}

#select_address th{
    background-color: #F8F8F8;
    color: #222222 !important;
    padding: 15px;
    text-align: center;
}

#select_address .distraction_cell{
    padding: 20px 10px;

}
#select_address .distraction_cell div:not(:last-child){
    margin-bottom: 5px;
}

#select_address tr:nth-child(3){
    text-align: center;
}
#select_address tr:nth-child(3) td{
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#select_address .btn_box{
    width: 33%;
    max-width: 250px;
    padding: 5px;
}
#select_address .btn_box button{
    line-height: 2.5;
    color: white;
    width: 100%;
    border: none;
}
#select_address .btn_box button:hover{
    opacity: 0.8;
}

#select_address .btn_box button.set{
    background-color: #1A911A;
}
#select_address .btn_box button.send{
    background-color: #1D2A89;
}
#select_address .btn_box button.edit{
    background-color: #1D2A89;
}
#select_address .btn_box button.delete{
    background-color: #D8222A;
}

@media screen and (max-width:639px){
    #select_address .btn_box{
        width: 80%;
        margin: auto;
    }
}