.sr_only_pc {
    display: block;
}

.sr_only_sp {
    display: none;
}

body {
    margin-top: 0px;
    background-color: #FFFFFF;
    font-size: 14px; font-size: 1.4rem;
    /*font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6",'Hiragino Kaku Gothic ProN', Meiryo, "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic;*/
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}



.navbar-fixed-top, .navbar-fixed-bottom {
    position: inherit;  /* スクロールに連動 */
}


h1, h2, h3, h4, h5, h6, pre {
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

h3 {
    margin-top: 30px;
}

label, input[type='checkbox'] {
    cursor: pointer;
}

a {
    color: #c00404;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #4d5eff;
    outline: 0;
    text-decoration: underline;
}


a.sr_image_link:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    border-radius: 5px;
    text-decoration: none;
}

a.sr_head_inner_link {
    background-color:#f6f6f6;
    border:1px solid #ccc;
    padding:5px;
    cursor:pointer;
    border-radius: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    margin-right: 5px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-align:center;
    display: block; /* 強制箱型指定 */
    width: 180px;
}

a.sr_head_inner_link:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    border-radius: 5px;
    text-decoration: none;
    box-shadow:0px 0px 0px 4px #ff564b;
    color: #ff564b;
}

.container-fluid {
    padding-top: 10px;
}


.sr_mythanks_head {
    margin-bottom: 10px;
    font-size: 12px !important;
}

a.sr_black_link {
    color: black;
    cursor: pointer;
}

a.sr_black_link2 {
    color: black;
    cursor: pointer;
    border-bottom: 1px solid black;
    padding-bottom: 1px;
}

a.sr_gray_link {
    color: gray;
    cursor: pointer;
}

a.sr_gray_link:hover, a.sr_gray_link:focus {
    color: red;
}


a.sr_blue_link {
    color: #34cccc;
    cursor: pointer;
}

a.sr_darkblue_link {
    color: #0202ff;
    cursor: pointer;
}

a.sr_iceblue_link {
    color: #029a9a;
    cursor: pointer;
}

a.sr_white_link {
    color: #ffffff;
    cursor: pointer;
}

a.sr_red_link {
    color: #ff5252;
    cursor: pointer;
}






a.sr_default_link:link  {
    text-decoration: none;
    color: #0000ff;
}

a.sr_default_link:visited   {
    text-decoration: none;
    color: #800080;
}

a.sr_default_link:hover {
    text-decoration: underline;
    color: #ff8000;
}

a.sr_default_link:active {
    text-decoration: none;
    color: #ff8000;
}


.alert {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 30px;
}


.sr_menu_box_2 {
    float: right; /* 左寄せ */
    margin-right: 30px;
}

.sr_form_middle {
    width: 70%;
}

.sr_form_small {
    width: 30%;
}



a.sr_doctor_list_head_inner_link {
    background-color: #ff564b;
    color: white;
    padding: 3px;
    cursor: pointer;
    border-radius: 5px;
    padding-top: 10px;
    padding-right: 10px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    font-size: 16px;
    text-align: center;
    display: block;
    font-size: 12px;
    height: 60px;
}

a.sr_doctor_list_head_inner_link:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    border-radius: 5px;
    text-decoration: none;
}


a.sr_recommendation_link_button {
    background-color: #ff564b;
    color: white;
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
    padding-top: 10px;
    padding-right: 10px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    font-size: 16px;
    text-align: center;
    display: block;
    font-size: 12px;
}

a.sr_recommendation_link_button:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    border-radius: 5px;
    text-decoration: none;
}

.sr_doctor_list_head_title {
    font-size: 16px;
}

a.sr_my_menu_button {
    font-size:20px;
    background-color: #ffffff;
    border: 1px solid #ebcccc;
    padding: 5px;
    cursor: pointer;
    border-radius: 10px;
    padding-top: 18px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    margin-right: 5px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-align: center;
    display: block;
    color: #5c5a58;
    height: 70px;
    margin-bottom: 20px;
}

a.sr_my_menu_button:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    border-radius: 5px;
    text-decoration: none;
    color: #9f9e9d;
}

.sr_brown {
    color : #b69090;
}

.sr_my_menu_icon {
    font-size:26px;
}




.overflow-hidden {
    overflow-x: hidden;
    overflow-y: hidden;
}


.navbar  {
    height: 105px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.navbar-header {
    height: 40px;
}

.navbar-nav {
    float: right;
}


.navbar-fixed-top, .navbar-fixed-bottom {   /* TOP の左調整*/
    left: 100px;
}



pre {
    font-size: 14px; font-size: 1.4rem;
    color: #000;
    background-color: #FFFFFF;
    border: 1px solid #ff6600;
    white-space: pre-wrap;
    word-wrap: break-word;
}


.form-group {
    margin-top: 30px;
    margin-bottom: 30px;
}

.panel {
    border:none;
    box-shadow:none;
}

.panel-body {
    background: #FFF3ED;
    margin-top: 25px;

    margin-bottom: 20px;
    padding: 20px;
    /* border: 2px #FF6600 solid;  */ /* 枠線を引く */
    border-radius: 10px;      /* 角丸の指定 */
    box-shadow: 1px 1px 0px 0px rgba(190, 60, 60, 0.2);      /* 影の指定 */
}

.sr_top_body {

}




.sr_top_area {
    box-shadow: 0px 9px 10px -3px #e7e7e7;
    -moz-box-shadow: 0px 9px 10px -3px #e7e7e7;
    -webkit-box-shadow: 0px 9px 10px -3px #e7e7e7;
    margin-bottom: 20px;
}

.sr_res_post_body {

}


.panel-default {
    border-color:#ffffff;
    margin-bottom: 60px;
}

.panel-default > .panel-footer {
    padding: 10px 15px;
    color: #FFF;
    background-color: #FF6600;
    border-top: 1px solid #FF6600;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-default > .panel-heading {
    padding-top: 13px;
    padding-bottom: 13px;
    color: #FFF;
    background-color: #FF6600;
    box-shadow: 1px 1px 1px 1px #DD5800;
    border-color: #fffff5;
    border-bottom-width: 0px;
    font-size:120%;
    /*text-align:center;*/
    position: relative;
    clear:both;
    border-radius: 10px;    /* 角丸の指定 */
    box-shadow: 1px 2px 0px 0px rgba(221, 99, 67, 1);      /* 影の指定 */
}

/*
.panel-default > .panel-heading:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-top: 20px solid #FF6600;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}
*/

.panel-default > .panel-heading > a {
    color: #FFF;

}

.navbar-inverse  {
    border-color: #FFFFFF;
}
.navbar-toggle .icon-bar {
    background-color: #f85c37 !important;
}
.icon-bare:hover {
    background-color: #19ffeb;
}


.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    /*background-color: #4d5eff;*/
}

.navbar-inverse .navbar-brand {
    color: #f85c37;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #4d5eff;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a {
    color: #CCCCCC;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;

    border: 2px #CCCCCC solid;
    border-radius: 20px;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #4d5eff;
    background-color: transparent;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 380px;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a {
    color: #FF6600;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
}
.navbar-collapse.in {
    overflow-y: auto;
    background-color: white;
}

#nav-content {
    background-color: #ffffff;
}

.navbar-catch-copy {
    position: absolute;
    bottom: 7px;
    left: 330px;
    font-size: 16px;
    color: #FF6600;
    float: left;
}




.brand-logo {
    margin-left: 130px;
    height: 75px;
}

.beginner-logo {
    height: 30px;
}

.sr_brand_logo_pro {
    margin-left: 60px;
}

.terms_of_use {
    overflow-y: scroll;
    margin: 10px;
    padding: 10px;
    border: solid 1px #999999;
    background-color: #ffffff;
    width: 95%;
    height: 400px;
}


textarea.terms_of_use {
    margin: 10px 10px 10px 10px;
    width: 100%;
    height: 400px;
}

input[type="submit"].sr_back {
    margin: 10px 10px 10px 10px;
}

input[type="submit"].sr_next {
    margin: 10px 10px 10px 10px;
    float: right;
}

input[type="button"].sr_back {
    margin: 10px 10px 10px 10px;
}

input[type="button"].sr_next {
    margin: 10px 10px 10px 10px;
    float: right;
}



.harf-width {
    width: 50%;
}



.btn {
    margin-bottom: 5px;
}


.sr_main_contents_area {
    margin-top: 0px;
}

.sr_main_contents_area_for_wide_full {
    margin-top: 50px;
    max-width: 800px;
    margin: auto;
}


/*  PC 用メニュー表示 */
.sr_pc_menu {
    display: inline;
}

/*  SP 用メニュー非表示 */
.sr_mobile_menu {
    display: none;
}


.sr_btn_default {
    /*background: -moz-linear-gradient(top, #ffb27e 0%, #ff6600);*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#ffb27e), to(#ff6600));*/
    /*background: -ms-linear-gradient(top, #ffb27e, #ff6600);*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb27e', endColorstr='#ff6600', GradientType=0)";*/
    border: none;
    border-radius: 5px;
    color:#FFF;
    padding: 10px 20px 10px 20px;
    margin: 10px;
    font-weight: 900;
    font-size: large;
    letter-spacing: 1pt;
    text-shadow: 1px -1px 1px rgba(213, 86, 31, 1);
    background-color: #ff6600;
    box-shadow: 0px 2px 1px 0px rgba(190, 60, 60, 1);
}

.sr_btn_pink {
    text-shadow: 1px -1px 1px #FF8397;
    background-color: #FF8397;
    box-shadow: 0px 2px 1px 0px #B83736;
    white-space: inherit;
}

.sr_btn_light_green {
    text-shadow: 1px -1px 1px #4D880A;
    background-color: #95b750;
    box-shadow: 0px 2px 1px 0px #597a20;
    white-space: inherit;
}

/* 15/10/20 add y.usui */
.sr_btn_light_green2 {
    width:200px;
    text-shadow: 1px -1px 1px #4D880A;
    background-color: #95b750;
    box-shadow: 0px 2px 1px 0px #597a20;
    white-space: inherit;
}

.sr_btn_red {
    text-shadow: 1px -1px 1px #862A2A;
    background-color: #c00202;
    box-shadow: 0px 2px 1px 0px #A12F2F;
    white-space: inherit;
}


.sr_orange {
    color: #FF6600;
}
.sr_red {
    color: #B83736;
}

.sr_green {
    color: #4D880A;
}

.sr_yellow {
    color: #C5C02C;
}


.sr_hr_gray {
    color: #d9d9d9;
}



.sr_btn_default:focus,
.sr_btn_default:active:focus,
.sr_btn_default.active:focus,
.sr_btn_default.focus,
.sr_btn_default:active.focus,
.sr_btn_default.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    border-radius: 5px;
}

.sr_btn_default:hover,
.sr_btn_default:focus,
.sr_btn_default.focus {
    /*margin: 8px;*/
    /*border-radius: 5px;*/
    /*text-decoration: none;*/
    /*box-shadow:0px 0px 0px 4px #ff564b;*/
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    border-radius: 5px;
    text-decoration: none;
}

.sr_btn_default:disabled,
.sr_btn_default.disabled {
    /*background: -moz-linear-gradient(top, #AAAAAA 0%, #585858);*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#AAAAAA), to(#585858));*/
    /*background: -ms-linear-gradient(top, #AAAAAA, #585858);*/
    color:#FFF;
    text-shadow: none;
    background-color: #CCC;
    box-shadow: 0px 2px 1px 0px #7d7d7d;
}

.sr_btn_small {
    font-size: small;
    margin-left: 10px;
}

/* 15/10/20 add y.usui */
.sr_btn_small2 {
    font-size: small;
    margin-left: 0px;
}

.sr_btn_x_small {
    font-size: small;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

.sr_btn_top_search {
    padding: 5px;
    margin: 0px;
    font-weight: bold;
    font-size: medium;
}

.sr_btn_top_search:hover,
.sr_btn_top_search:focus,
.sr_btn_top_search.focus {
    margin: 0px;
    border: 0px;
    border-radius: 0px;
    text-decoration: none;
    box-shadow:0px 0px 0px 0px #FFFFFF inset;
}




.btn-checkbox:hover, .btn-checkbox:focus, .btn-checkbox.focus, .btn-checkbox:active, .btn-checkbox.active, .open > .dropdown-toggle.btn-checkbox {
    color: #FFFFFF;
    background-color: #FF6600;
    border-color: #AC3114;
}

.btn-checkbox {
    margin: 10px 10px 10px 10px;
    background-color: #fff;
    border-color: #ffd4cb;

    /* sr 表示サイズ調整 */
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 7px;
    padding-top: 7px;
    margin-top: 7px;
    margin-bottom: 7px;
    border-radius: 20px !important;
    color: #737373;
    font-weight: bold;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6",'Hiragino Kaku Gothic ProN', Meiryo, "Helvetica Neue", Helvetica, Arial;
}

.btn-checkbox1:hover, .btn-checkbox:focus, .btn-checkbox.focus, .btn-checkbox:active, .btn-checkbox.active, .open > .dropdown-toggle.btn-checkbox {
    color: #FFFFFF;
    background-color: #FF8856;
    border-color: #FF6928;
}

.btn-checkbox1 {
    margin: 10px 10px 10px 10px;
    background-color: #fff;
    border-color: #ffd4cb;

    /* sr 表示サイズ調整 */
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 7px;
    padding-top: 7px;
    margin-top: 7px;
    margin-bottom: 7px;
    border-radius: 4px !important;
    color: #737373;
    font-weight: normal;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6",'Hiragino Kaku Gothic ProN', Meiryo, "Helvetica Neue", Helvetica, Arial;
}

.sr_btn_checkbox_mini:hover, .sr_btn_checkbox_mini:focus, .sr_btn_checkbox_mini.focus, .sr_btn_checkbox_mini:active, .sr_btn_checkbox_mini.active, .open > .dropdown-toggle.sr_btn_checkbox_mini {
    color: #FFFFFF;
    background-color: #FF6600;
    border-color: #AC3114;
}

.sr_btn_checkbox_mini {
    margin: 5px 5px 5px 5px;
    background-color: #fff;
    border-color: #ffd4cb;

    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 7px;
    padding-top: 7px;
    margin-top: 7px;
    margin-bottom: 7px;
    border-radius: 20px !important;
    color: #737373;
}







.post-textarea {
    line-height: 1.5em;
}



.title_announce {
    color: #FF6600;
    padding: 10px 0px 10px 0px;
    font-size: large;
}


/*  各種折りたたみパネル　リンク位置調整用 */
#sr_consulting_expert_panel {
    margin-top:-50px;
    padding-top:50px;
}

#sr_post_panel, #sr_res_panel, #sr_related_post_panel, #sr_related_goods_panel, #sr_tag_panel, #sr_favorite_post_panel {
    margin-top:-50px;
    padding-top:50px;
}

#sr_new_thank_evaluation, #sr_new_helpful_evaluation, #sr_all_thank_evaluation, #sr_all_helpful_evaluation {
    margin-top:-50px;
    padding-top:50px;
}

#sr_search_new_post, #sr_search_solution, #sr_search_tag, #sr_search_free_search_word {
    margin-top:-50px;
    padding-top:50px;
}

.sr_inner_a_link {
    margin-top:-50px;
    padding-top:50px;
}



.sr_post_read_menu_area {

}

.sr_post_read_menu {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}

.sr_post_read_menu_icon {
    width: 35px;
    font-size: 25px;
    padding-right: 5px;
    text-align: center;
    vertical-align: middle;
}


.sr_list {
    background-color: #fff;
}


.sr_upload_img {
    max-width: 50%;
    height: auto;
}

.sr_post_time {
    position: relative;
    top: -30px;
    left: 00px;
}

.sr_post_title {
    color: #000000;
    background-color: #fff;
    border-color: #ffd4cb;
}

.sr_post_hr {
    border-top: 1px solid #ffd4cb;
    border-bottom: 1px solid #fff;
}

.sr_goods_hr {
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #fff;
}

.sr_goods_hr {
    border-top: 1px solid gray;
    border-bottom: 1px solid #fff;
}





.sr_tag_string {
    color: #FF6600;
    font-size: x-large;
}

.sr_post_list {
    font-size: medium;
    padding-left: 10px;
}



.sr_recommendation_head {
    background-color: #fffeeb;
}

.sr_recommendation_sort_button {
    font-size: 12px;
    padding: 5px 5px;
    width: 115px;
    margin-left: 15px;
    height: 50px;

}

.sr_recommendation_logo_img {
    margin-bottom: 15px;
    max-height: 60px;
    max-width: 200px;
}

.sr_recommendation_link_img {
    max-width: 150px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.sr_recommendation_item_img {
    /* width: 70%; */
    max-height: 400px;
    max-width: 250px;
    margin-bottom: 20px;
    border: 1px #EEEEEE solid;
}

.sr_recommendation_item_img_mini {
    width: 75px;
    height: auto;
    margin-bottom: 20px;
}

.sr_recommendation_img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.sr_recommendation_item_label {

}


.sr_recommendation_item {
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 5px;
}

.sr_recommendation_item_name {
    margin-top: 30px;
    border-left: solid 4px #FF8397;
    border-bottom: solid 1px;
    padding-bottom: 7px;
    border-left-width: 6px;
    padding-left: 8px;
    font-weight: bold;
}


.sr_recommendation_img_head {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
}

.sr_recommendation_info_head {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.sr_recommendation_announce {
    font-size: 16px;
    font-weight: 800;
    background-color: #FF8397;
    color: #FFFFFF;
    border-radius: 6px;
    margin-top: 20px;
}

.sr_recommendation_item {
    padding-bottom: 5px;

}


.sr_recommendation_info {
    margin-top: 30px;
}

.sr_nav_top {
    margin-top:40px;
}

.sr_debug_info {
    position: absolute;
    left: 550px;
    top: 110px;
    font-size: 12px;
    z-index: 3300;
}


.sr_menu_icon {
    aria-hidden: true;
    float: left;
    height: 30px;
    width: 40px;
    font-size: 35px;
}

.sr_recommendation_body {
    background: none !important;
    border: none;
    margin-top: 0px;
}

.sr_recommendation_icon {
    padding-bottom: 20px;
}

.sr_recommendation_item_list_body {
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
}

.sr_bottom_menu {
    white-space: normal;
    width: 60%;
}

.sr_bottom_sitemap_area {
    white-space: normal;
    width: 100%;
    background-color: #5a5a5a;
    color: white;
}

.sr_bottom_sitemap_area2 {
    max-width: 1200px;
    margin: auto;
    padding-top: 30px;
}
.sr_bottom_sitemap_sub_area {
    padding: 10px;
}

.sr_sitemap_sub_title {
    font-size: 16px;
    font-weight: bold;
}

.sr_sitemap_a {
    font-size: 12px;
    font-weight: bold;
    padding-left: 25px;
    padding-top: 10px;
}

.sr_sitemap_a > a {
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 1px;
}

.sr_sitemap_a > a:hover, .sr_sitemap_a > a:focus {
    color: red;
    border-bottom: 1px solid red;
}



.sr_doctor_pro_banner {
    margin-bottom: 20px;
}

.sr_doctor_list_link_menu {
    font-size: 12px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 20px;
    text-align: center;
}

.sr_doctor_list_evaluation_area {
    width: 200px;
    padding-left: 20px;
    margin-right: 0px;
    border-right-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

.sr_doctor_list_announce {
    font-size: 18px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ff564b;
}

.sr_doctor_list_1_box {
    border: solid 2px #DDDDDD;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 280px;
}

.sr_doctor_list_face_image {
    max-width: 140px;
    max-height: 100px;
    text-align: center;
}

.sr_doctor_list_face_image_detail {
    max-width: 200px;
    max-height: 300px;
    text-align: center;
}

.sr_doctor_list {
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}

.sr_doctor_list_name {
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
    text-align: center;
    color: #ff564b;
}


.sr_doctor_list_grade {
    position: absolute;
    top: -10px;
    right: 0px;
}

.sr_doctor_list_grade_img {
    width: 50px;
}

.sr_doctor_list_occupational_header_block {
    margin-top: 40px;
    margin-bottom: 20px;
}

.sr_doctor_list_occupational_header {
    font-size: 16px;
    padding-top: 5px; /* 要素の上の余白調整 */
    padding-bottom: 5px;
    width: 300px; /* 四角形の幅 */
    height: 36px; /* 四角形の高さ */
    background: #ff564b;
    color: #ffffff;
    position: relative;
    padding-left: 10px;
    float:left;
}

.sr_doctor_list_occupational_header:after {
    border-left: 15px solid #ff564b;/* 右向きの三角形を作るため左のボーダーに色を付ける */
    border-top: 18px solid transparent;/* 上のボーダーを透過に指定 */
    border-bottom: 18px solid transparent;/* 下のボーダーを透過に指定 */
    content: "";
    position: absolute;
    left: 50%;/* 一旦中央へ寄せる */
    top: 0;
    margin-left: 150px;/* 横位置調整 */
}

.sr_doctor_list_occupational_header_line {
    border: solid 2px #ff564b;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

.sr_doctor_detail_occupational_header_block {
    margin-top: 40px;
    margin-bottom: 20px;
}

.sr_doctor_detail_occupational_header {
    font-size: 16px;
    padding-top: 7px; /* 要素の上の余白調整 */
    padding-bottom: 5px;
    width: 100%; /* 四角形の幅 */
    height: 36px; /* 四角形の高さ */
    background: #ff564b;
    color: #ffffff;
    position: relative;
    padding-left: 10px;
    float:left;
    border-radius: 4px;
    left: 15px;
    bottom: 10px;
}

.sr_doctor_detail_occupational_header:after {

}

.sr_doctor_detail_occupational_header {
    width: 100%;
}

.sr_doctor_detail_occupational_header_line {
    margin-top: 50px;
    margin-right: 15px;
}


.sr_doctor_list_occupational_header_text {
    font-size: 12px;
    padding-top: 9px;
    padding-bottom: 5px;
    padding-left: 30px;
    float: left;
    color: #ff564b;
}

.sr_doctor_list_occupational_header_text.after {
    float:none;
}

.sr_doctor_list_occupational_row_block {
    margin-top: 0px;
    margin-bottom: 40px;
}

.sr_doctor_detail_profile {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 0px;
    border: solid 1px #DDDDDD;
}

/* 15/10/20 add y.usui */
.sr_doctor_detail_profile_none_border {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 0px;
}

.sr_doctor_profile_evaluation_area {
    width: 200px;
    text-align: right;
    margin-top: 20px;
    margin-right: 0px;
    border-right-width: 30px;
    padding-right: 30px;
}

.sr_doctor_profile_interest_area {
    margin-bottom: 50px;
}

.sr_doctor_profile_label {
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: bold;
    font-size: large;
}

.sr_doctor_profile_name_text {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-top: 0px;
    font-weight: bold;
    font-size: x-large;
    color: #ff564b;
    border-bottom: solid 1px #ff564b;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sr_doctor_profile_text {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-top: 0px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
}

.sr_doctor_profile_box {
    margin-top: 10px;
    margin-bottom: 30px;
}

.sr_doctor_profile_multi_line {
    fint-size: 14px;
    border: none;
    margin-left: 20px;
    padding-top: 0px;
    font-weight: normal;
}

.sr_doctor_profile_link_box {
    width: 200px;
    text-align: center;
}


.sr_doctor_profile_link_label {
    border: none;
    border-radius: 5px;
    color: #FFF;
    padding: 10px 20px 10px 20px;
    margin: 10px;
    font-weight: bold;
    font-size: 14px;
    background-color: #ff8241;
}

.sr_doctor_profile_link_label2 {
    border: none;
    border-radius: 5px;
    color: #FFF;
    padding: 10px 20px 10px 20px;
    margin: 10px;
    font-weight: bold;
    font-size: 14px;
    background-color: #ffc002;
}

.sr_doctor_profile_link_label3 {
    border: none;
    border-radius: 5px;
    color: #FFF;
    padding: 10px 20px 10px 20px;
    margin: 10px;
    font-weight: bold;
    font-size: 14px;
    background-color: #ff0202;
}

.sr_doctor_profile_link_label4 {
    border: none;
    border-radius: 5px;
    color: #FFF;
    padding: 10px 20px 10px 20px;
    margin: 10px;
    font-weight: bold;
    font-size: 14px;
    background-color: #ff5151;
}

/* 15/10/20 add y.usui */
.sr_doctor_profile_link_label5 {
    width:200px;
    border: none;
    border-radius: 5px;
    color: #FFF;
    padding: 10px 20px 10px 20px;
    margin: 10px 10px 10px 0;
    font-weight: bold;
    font-size: 14px;
    background-color: #ffc002;
}

.sr_doctor_profile_link_image {
    height: 150px;
    text-align: center;


    width: auto;
    max-width: 100%;
    height: auto;
}

/* 15/10/20 add y.usui */
.sr_doctor_profile_link_image2 {
    text-align: center;
    width: 200px;
    height: auto;
}

.sr_doctor_profile_link_box_text_area {
    height: 150px;
}


.sr_interest_avatar {
    width:auto;
    height:50px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.sr_doctor_profile_interest_user_list_area {
    margin-top: 10px;
}

.sr_doctor_profile_interest_btn_area {
    margin-top: 40px;
}

.sr_doctor_list_option_area {
    margin-left: 10px;
    margin-right: 10px;
}

/* 15/10/20 add y.usui */
.sr_doctor_list_option_area2 {
    margin-left: 0px;
    margin-right: 10px;
}

.sr_doctor_profile_option_text {
    margin-top: 10px;
    text-align: left;
    font-size: 16px;
}

.sr_doctor_profile_option_more {
    margin-top: 10px;
    font-size: 14px;

}



.sr_pc_top_menu_icon {
    width : 60px;
    margin-top: 10px;
    margin-bottom: 3px;
}

.sr_pc_top_menu_icon:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    border-radius: 5px;
    text-decoration: none;
    /*box-shadow:0px 0px 0px 4px #ff564b;*/
}

.sr_pc_top_menu_icon_oyamiru {
    width: 110px;
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
}

.sr_dashed_border {
    /*border-right-style: dotted;*/
    border-width: 1px;
    padding-top: 20px;
    padding-bottom: 20px;
}



.sr_pc_left_menu {
    margin-top: 80px;
    margin-bottom: 0px;
    z-index: 2000;
    position: fixed;
    top: 10px;
    left: 400px;
}

.sr_pc_left_menu_line {
    padding-left: 5px;
    padding-right: 5px;
}



.breadcrumb {
    display: none;
}

.breadcrumb2 {
    margin: 0 -500% 10px;
    padding: 0 500% 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 900;
    font-size: 16px;
}

.breadcrumb2 > .active {
}

.breadcrumb2 > li > a {
}

.breadcrumb2 > li {
    display: inline-block;
    /* display: table-cell; */
    white-space:nowrap;
}

.breadcrumb2 > li:first-child {
    padding-left: 10px;
}


.sr_breadcrumb_menu_icon {

}

.sr_breadcrumb_menu_icon:before {
    content: "" !important;
}


.breadcrumb2 > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: ">";
}



.sr_main_area {
    width: 70%;
    max-width: 1024px;
}

.sr_map_main_area {
    width: 90%;
}

.sr_top_link_base {
    position: absolute;
    width: 500px;
    margin-top: 50px;
    margin-bottom: 50px;
    left: 180px;
    top: 30px;
}

.sr_top_link_01 {
    width: 150px;
    position: absolute;
    left: 30px;
    top: 70px;
}

.sr_top_link_02 {
    width: 150px;
    position: absolute;
    left: 80px;
    top: 300px;
}

.sr_top_link_03 {
    width: 150px;
    position: absolute;
    left: 680px;
    top: 70px;
}

.sr_top_link_04 {
    width: 150px;
    position: absolute;
    left: 610px;
    top: 300px
}

.sr_top_link:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    text-decoration: none;
}







.sr_link_button_for_beginner {
    background-color: rgb(255, 102, 0) !important;
    color: white !important;
    font-weight: bold !important;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top: 30px;
    vertical-align: baseline;
}

.sr_related_goods_body {
    background: #FFFFFF;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    box-shadow: none;
}


.sr_post_consulting_button {
    width: 100%;
}

.sr_favorite_goods_body {
    background: #FFFFFF;
    margin-top: 25px;
    margin-bottom: 20px;
    padding: 0px;

}

.sr_landing_top_text {
    padding-top: 10px;
    padding-bottom: 20px;
    color: #FF6600;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}

.sr_landing_top2_text {
    text-align: center;
    font-bold: bold;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 30px;
}

.sr_landing_top_image {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 450px;
    max-width: 100%;
}

.sr_landing_image {
    padding-top: 10px;
    padding-bottom: 20px;
    width: 400px;
    max-width: 100%;
}


.sr_login_button_box {
    width: 200px;
    max-width: 100%;
}

.sr_copyright {
    padding: 20px;
    text-align: center;
}

.sr_corporate_box {
    margin-top: 30px;
}

.sr_up_to_top {
    text-align: right;
    font-size: 16px;
}

.sr_up_to_top2 {
    text-align: right;
    font-size: 16px;
    margin-right:20px;
}


.sr_post_list_area {
    background-color: #ffffff !important;
    margin-top: 30px;
    padding-top: 5px;
    box-shadow: none;
    border: solid 1px #F5D0D0;
}

.sr_post_list_area_for_expert {
    background-color: #FFF1F1 !important;
    margin-top: 30px;
    padding-top: 5px;
    box-shadow: none;
    border: solid 1px #F5D0D0;
}

.sr_tweet_list_area {
    background-color: #ffffff !important;
    margin-top: 30px;
    padding-top: 5px;
    box-shadow: none;
    border: solid 1px #FF8397;
}

.sr_tweet_res_user_info_area {
    padding-left: 90px;
}

.sr_1_post_area {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #d6d3c4;
}

.sr_1_post_area:last-child{
    border-bottom: none;
}

.sr_1_post_body_area {
    margin-bottom: 10px;
    padding-top: 10px;
}

.sr_1_post_user_area {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
    padding-left: 0px;
}

.sr_1_post_title > a {
    font-size: 22px;
    color: #918575;
}

.sr_1_post_body > a {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.sr_1_post_option_info {

}

.sr_1_post_new {
    font-size: 10px;
    background-color: #ef7187;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
}


.sr_help_head {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #FF6600;
}

.sr_help_body {
    margin-bottom: 30px;
    margin-left: 10px;
}

.sr_post_avatar_big {
    width: 180px;
}

.sr_post_avatar_middle {
    width: 120px;
}

.sr_post_avatar_big_caregiver {
    margin-left: 30px;
    width: 120px;
}


.sr_post_avatar {
    width: 60px;
}

.sr_orange {
    color: #FF6600;
}

.sr_post_read {
    border: none;
    background-color: #fffeeb;
}

.sr_post_read_for_expert {
    border: none;
    background-color: #FFF1F1;
}

.sr_post_expert_notes {
    margin-left: 50px;
    margin-top: 30px;
    color:#FF6600;
    font-size:12px;
}

.sr_recommendation_body {
    border: none;
}

.sr_admin_body {
    margin-top:0px;
}


.sr_facebook_link {
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
}




.sr_for_beginner_title {
    font-size: 26px;
    text-align: center;
    margin-bottom: 30px;
}

.sr_for_beginner_info {
    color: #FF6600;
    font-size: 16px;
    text-align: left;
    margin-bottom: 30px;
    padding: 15px;
    border: solid 2px #FF6600;

}


.sr_for_beginner_title_img {
    vertical-align: middle;
    width: 100%;
    max-width: 900px;
    margin-bottom: 60px;
}

.sr_center {
    text-align: center;
}

.sr_center2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.sr_right {
    text-align: right;
}

.sr_left {
    text-align: left;
}

.sr_solution_wide_banner_img {
    max-width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}






/*  ランディングページ ここから*/
.sr_lp_page_01 {
    margin-top: 50px;
    background-image: url("/images/static/lp/backimage/TOPLP1.jpg");
    background-repeat: no-repeat;
    height: 400px;
    background-position: 100% 50%;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
}

.sr_lp_page_01_title {
    font-size: 28px;
    margin-bottom: 50px;
}

.sr_lp_page_01_listitem {
    list-style: none;
    padding-left: 3em;
    text-indent: -2.5em;
    margin-bottom: 20px;
}

.sr_lp_page_01_button_area {
    margin-top: 80px;
}


.sr_lp_btn {
    width:320px;
}

.sr_lp_page_02_list {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: solid 1px #CCCCCC;
}

.sr_lp_page_02 {
    margin-top: 80px;
}

.sr_lp_page_02_title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: solid 10px #CCCCCC;
}

.sr_lp_page_03 {
    margin-top: 80px;
    background-image: url("/images/static/lp/backimage/TOPLP2.jpg");
    background-repeat: no-repeat;
    height: 400px;
    background-position: 100% 100%;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
}

.sr_lp_page_03_title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.sr_lp_page_03_title {
    position: relative;
}

.sr_lp_page_03_title:before {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
}

.sr_lp_page_03_title_sp {
    background: white;
    transform: translate(0, 0);
    position: relative;
}

.sr_lp_page_04 {
    margin-top: 80px;
    background-image: url("/images/static/lp/backimage/TOPLP3.jpg");
    background-repeat: no-repeat;
    height: 400px;
    background-position: 100% 50%;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
}

.sr_lp_page_04_title {
    color: #ffc71b;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.sr_lp_page_04_btn {
    text-shadow: 1px -1px 1px rgb(125, 123, 53);
    background-color: #ffc71b;
    box-shadow: 0px 2px 1px 0px rgb(162, 167, 41);
}

.sr_lp_page_04_title {
    position: relative;
}

.sr_lp_page_04_title:before {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
}

.sr_lp_page_04_title_sp {
    background: white;
    transform: translate(0, 0);
    position: relative;
}

.sr_lp_page_05 {
    margin-top: 80px;
    background-image: url("/images/static/lp/backimage/TOPLP4.jpg");
    background-repeat: no-repeat;
    height: 400px;
    background-position: 100% 50%;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
}

.sr_lp_page_05_title {
    color: #c00000;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.sr_lp_page_05_btn {
    text-shadow: 1px -1px 1px rgb(121, 54, 54);
    background-color: #c00000;
    box-shadow: 0px 2px 1px 0px rgb(136, 17, 17);
}

.sr_lp_page_05_title {
    position: relative;
}

.sr_lp_page_05_title:before {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
}

.sr_lp_page_05_title_sp {
    background: white;
    transform: translate(0, 0);
    position: relative;
}


.sr_lp_page_06 {
    margin-top: 120px;
    margin-bottom: 180px;
    background-image: url("/images/static/lp/backimage/TOPLP5.jpg");
    background-repeat: no-repeat;
    height: 400px;
    background-position: 0% 100%;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
}

.sr_lp_page_06_title {
    color: #000000;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.sr_lp_page_06_btn {
    text-shadow: 1px -1px 1px rgb(121, 54, 54);
    background-color: #c00000;
    box-shadow: 0px 2px 1px 0px rgb(136, 17, 17);
}

.sr_lp_page_06_title {
    position: relative;
}

.sr_lp_page_06_title:before {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
}

.sr_lp_page_06_title_sp {
    background: white;
    transform: translate(0, 0);
    position: relative;
}

.sr_lp_page_06_title2 {
    color: #FF8397;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.sr-oyamiru-pro-banner {
    max-width: 100%;
    margin-bottom: 30px;
}

.sr_lp_page_06_body {
    font-size:16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
/*  ランディングページ ここまで */






/*  PRO ランディングページ ここから*/
.sr_pro_lp_page_01_image {
    width: 100%;
}
.sr_pro_lp_page_max_image {
    width: 100%;
}

.sr_pro_lp_page_04_image {
    width: 100%;
}


.sr_pro_base_area {
    font-family:
    "HGPｺﾞｼｯｸM","HGPGothicM",
    "ヒラギノ明朝 ProN W6", "HiraMinProN-W6",'Hiragino Kaku Gothic ProN', Meiryo, "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic;
}

.sr_pro_font {
    font-family:
    "HGPｺﾞｼｯｸM","HGPGothicM",
    "ヒラギノ明朝 ProN W6", "HiraMinProN-W6",'Hiragino Kaku Gothic ProN', Meiryo, "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic;
}

.sr_pro_lp_button {

}

.sr_pro_lp_page_01 {
    margin-bottom: 160px;
}

.sr_pro_lp_page_01_logo {
    max-width: 400px;
    margin-left: 50px;
    margin-right: 50px;
}


.sr_pro_lp_page_01_title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.sr_pro_lp_page_01_t_2 {
    font-size: 18px;
    font-weight: bold;
}

.sr_pro_lp_page_01_list_area {
    font-size: 16px;
    margin-top: 30px;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 20px;
}
.sr_pro_lp_page_02 {
    margin-bottom: 160px;
}
.sr_pro_lp_page_02_title {
    color: #ffa1bf;
    text-align: center;
    font-size: 40px;
}
.sr_pro_lp_page_02_title2 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}
.sr_pro_lp_page_02_image {
}

.sr_pro_lp_page_03 {
    margin-bottom: 160px;
}
.sr_pro_lp_page_03_title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
.sr_pro_lp_page_03_title2 {
    background-color: #ff5151;
    color: white;
    text-align: center;
    font-size: 24px;
    letter-spacing: 0.5em;
    padding-top: 5px;
    padding-bottom: 5px;
}
.sr_pro_lp_page_03_main {
}

.sr_pro_lp_page_03_a {
    padding-right: 0px;
    padding-left: 15px;
}


.sr_pro_lp_page_03_a_title {
    background-color: #ff9acc;
    color: white;
    text-align: center;
    font-size: 24px;
    letter-spacing: 0.5em;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 2px;
}
.sr_pro_lp_page_03_a_c1 {
    color: #ff679a;
    letter-spacing: 0.5em;
    text-align: center;
    font-size: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
}
.sr_pro_lp_page_03_a_c2 {
    color: #ff679a;
    text-align: center;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    font-size: 18px;
    padding-bottom: 10px;
}

.sr_pro_lp_page_03_b {
    padding-right: 15px;
    padding-left: 1px;
}

.sr_pro_lp_page_0b_b_title {
    background-color: #ff679a;
    color: white;
    text-align: center;
    font-size: 24px;
    letter-spacing: 0.5em;
    margin-top: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.sr_pro_lp_page_03_b_c1 {
    color: #71ad48;;
    letter-spacing: 0.5em;
    text-align: center;
    font-size:30px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
}
.sr_pro_lp_page_03_b_c2 {
    color: #71ad48;
    text-align: center;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    font-size: 18px;
    padding-bottom: 10px;
}

.sr_pro_lp_page_03_t {
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    padding: 10px 10px 10px 10px;
    font-size: 16px;
    height: 130px;
}
.sr_pro_lp_page_03_link {
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    padding: 10px 10px 20px 10px;
    text-align: center;
    font-size: 24px;
}

.sr_pro_lp_page_04 {
    margin-bottom: 160px;
}
.sr_pro_lp_page_04_title {
    padding-top: 30px;
    margin-top: 0px;
    font-size: 46px;
    letter-spacing: 0.3em;
    color: #ff679a;
    font-weight: bold;
    float: left;
    background-image: url("/images/static/prolp/op04_title_back.png");
    background-repeat: no-repeat;
    background-position: 20% 0%;
    height: 120px;
}

.sr_pro_lp_page_04_title_min {
    letter-spacing: 0em;
    font-size: 22px;
}

.sr_pro_lp_page_04_title_min2_box {
    float: right;
    color: #FFF;
    background-color: #ffc002;
    width:200px;
    border-radius: 10px;
    font-weight: bold;
    padding: 10px;
}

.sr_pro_lp_page_04_title2 {
    clear: both;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #ff679a;
}
.sr_pro_lp_page_04_title3 {
    padding-bottom: 30px;
    font-size: 18px;
}

.sr_pro_lp_page_04_main {
}

.sr_pro_lp_page_05 {
    margin-bottom: 160px;
}
.sr_pro_lp_page_05_title {
    padding-top: 30px;
    margin-top: 0px;
    font-size: 46px;
    letter-spacing: 0.3em;
    color: #71ad48;
    font-weight: bold;
    float: left;
    background-image: url("/images/static/prolp/op05_title_back.png");
    background-repeat: no-repeat;
    background-position: 50% 0%;
    height: 100px;
}
.sr_pro_lp_page_05_title_min_box {
    float: right;
    color: #FFF;
    background-color: #c00202;
    width:300px;
    border-radius: 10px;
    font-weight: bold;
    padding: 10px;
}

.sr_pro_lp_page_05_title2 {
    clear: both;
    padding-top: 10px;
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
    color: #71ad48;
    text-align: center;
    font-size: 22px;
}
.sr_pro_lp_page_05_image {
    padding-top: 40px;
}
.sr_pro_lp_page_05_l_title {
    padding-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
}
.sr_pro_lp_page_05_l_t_title {
    padding-left: 10px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
}
.sr_pro_lp_page_05_l_t {
    padding-left: 10px;
    padding-bottom: 20px;
}

.sr_pro_lp_page_05_btn1 {
    font-size: 16px;
    margin-left: 0px;
    margin-right: 0px;
    text-shadow: 1px -1px 1px rgb(26, 70, 18);
    background-color: #558336;
    box-shadow: 0px 2px 1px 0px rgb(35, 107, 14);
}

.sr_pro_lp_page_05_btn2 {
    font-size: 16px;
    margin-left: 0px;
    margin-right: 0px;
    text-shadow: 1px -1px 1px rgb(26, 70, 18);
    background-color: #71ad48;
    box-shadow: 0px 2px 1px 0px rgb(53, 160, 22);
}

.sr_pro_lp_page_06 {
    margin-bottom: 160px;
}
.sr_pro_lp_page_06_main {
}
.sr_pro_lp_page_06_down_arrow_area {
}
.sr_pro_lp_page_06_down_arrow {
}
.sr_pro_lp_page_06_t_title {
}
.sr_pro_lp_page_06_t {
}

.sr_pro_lp_page_07 {
    margin-bottom: 80px;
}



.sr_pro_lp_page_08_title {
    position: relative;
    color: #c00000;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #c00000;
}

.sr_pro_lp_page_08_title:before{
    content: "";
    position: absolute;
    background: #c00000;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.sr_pro_lp_page_08_title:after{
    content: "";
    position: absolute;
    background:#c00000;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

.sr_pro_lp_page_08_title2 {
    color: #c00000;
    font-size: 16px;
    font-weight: bold;
    padding-left: 50px;
    margin-bottom: 30px;
}

.sr_pro_lp_page_08_main {
    margin-bottom: 160px;
}

.sr_pro_lp_page_09_title {
    position: relative;
    color: #ff6699;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #ff6699;
}

.sr_pro_lp_page_09_title:before{
    content: "";
    position: absolute;
    background: #ff6699;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.sr_pro_lp_page_09_title:after{
    content: "";
    position: absolute;
    background:#ff6699;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

.sr_pro_lp_page_09_main {
    margin-bottom: 160px;
}
/*  PRO ランディングページ ここまで*/


/*  初めての方へ ここから*/
.sr_beginner_area {
    margin-bottom: 0px;
}

.sr_beginner_info_area {
    background-image: url("/images/static/beginner/backc.png");
    -moz-background-size:100% auto; /*  横幅 100% 伸縮調整 */
    background-size:100% auto; /*  横幅 100% 伸縮調整 */
    height: 550px;
    background-repeat: no-repeat;
}

.sr_beginner_info_title {
    max-width: 90%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.sr_beginner_info_line_area {
    padding-left: 0px;
    padding-right: 0px;
}
.sr_beginner_info_area2 {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.sr_beginner_info_img {
    width: 200px;
}

a.sr_beginner_link:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    border-radius: 5px;
    text-decoration: none;
}

.sr_beginner_title_img {
    margin-top: 60px;
    /*width: 100%;*/
    max-width: 600px;
}

.sr_beginner_catch_img {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    max-width: 853px;
}

.sr_beginner_list_title {
    padding-left: 10px;
    font-size: 20px;
    font-weight: bold;
    color: gray;
    border-top-width: 30px;
    margin-top: 30px;
}

.sr_beginner_list {
    padding-top: 5px;
    padding-bottom: 5px;
}

.sr_beginner_cp4 {
    padding-right: 0px !important;
    padding-left: 0px !important;
    border: solid 1px lightgray;
}

.sr_beginner_cp4_img {
    width: 100%;
    max-width: 400px;
}

.sr_beginner_check_icon {
    width: 35px;
    padding-right: 5px;
    text-align: center;
    vertical-align: middle;
}

.sr_beginner_table {
    width: 100%;
    margin-bottom: 30px;
}

.sr_beginner_tr {
}

.sr_beginner_td_head {
    width: 33%;
    text-align: center;
    border: solid 1px lightgray;
    color: white;
    background-color: #FF6600;
    font-weight: bold;
    height: 30px;
    padding: 10px;
}

.sr_beginner_td {
    width: 33%;
    border: solid 1px lightgray;
    padding: 10px;
}

.sr_beginner_kuwasiku {
    text-align: right;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
}

.sr_atsumeru_logo_img {
    width: 100%;
    max-width: 410px;
}

.sr_atsumeru_explain_logo_img {
    margin-top: 40px;
    width: 100%;
    max-width: 700px;
}

.sr_atsumeru_explain_logo_text1_area {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.sr_atsumeru_explain_logo_text2_area {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 30px;
    border: solid 2px #ff6699;
    padding: 30px;
}

.sr_atsumeru_explain_logo_text3_area {
    font-size:24px;
    font-weight: bold;
    text-align: center;
}

.sr_text_pink {
    color: #ff6699;
}
/*  初めての方へ ここまで*/



/*  TOP ここから*/
.sr_top_in_btn {
    padding-left: 70px;
    padding-right: 70px;
}

.sr_top_in_btn_area {
    text-align: right;
}

.sr_top_new_area {
    margin-top: 70px;
    margin-bottom: 70px;
}

.sr_top_new2_area {
    margin-top: 30px;
    margin-bottom: 30px;
}

.sr_top_main_area {
    margin-top: 30px;
    margin-bottom: 30px;
}

.sr_top_wooh_area {
    margin-top: 30px;
    margin-bottom: 30px;
}

.sr_top_title {
    font-size: 24px;
    font-weight: bold;
}

.sr_top_title_u {
    border-bottom: solid 10px #d9d9d9;
}

.sr_top_new_link {
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

.sr_top_new_link_img {
    width: 40px;
}

.sr_top_row_1 {
    border: solid 1px #f2f2f2;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    height: 280px;
    text-align: center;
}

.sr_top_title_img {
    width: 100%;
    max-width: 500px;

}
.sr_top_catch_img {
    max-width: 100%;
    max-height: 100%;
}

.sr_top_row_1_text {
    margin-bottom: 10px;
    font-size: 14px;
}

.sr_top_post_count {
    font-size: 12px;
    font-weight: bold;
}

.sr_top_link_list {
    padding: 5px;
    line-height: 1.7em;
    word-break: keep-all;
}

.sr_top_link_1_img {
    margin-top: 5px;
    height: 40px;
}

.sr_for_link_box {
    width: 300px;
    float: right;
}

.sr_for_link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
}

.sr_top_sponsorship_box {
    clear:right;
    margin-top: 60px;
    margin-bottom: 60px;
}

.sr_or_post_area {
    background-color: #f2f2f2;
    margin-top: 40px;
    padding: 10px 30px 30px;
}

.sr_or_pro_logo {
    max-width: 100%;
}

.sr_or_logo_box {
    height: 50px;
    padding-left: 20px;
    margin-bottom: 10px;
}

.sr_or_pro_logo_text {
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold;
}

.sr_or_logo_img_box {
    float:left;
}

.sr_or_logo_img {
    height: 40px;
}

.sr_or_logo_img_text {
    font-weight: bold;
    padding-top: 10px;
    padding-left: 50px;
}

.sr_or_logo_mini_text {
    font-weight: bold;
    padding-top: 20px;
    margin-bottom: 10px;
}

.sr_or_read_more_link {
    text-align: right;
}

.sr_or_contents_box {
    font-size: 12px;
    padding: 5px;
    height:150px;
    border-bottom: solid 1px lightgray;
}

.sr_or_contents_image_box {
    width: 190px;
    height:140px;
    float: left;
}

.sr_or_contents_image {
    width: 180px;
    height: 120px;
    padding-left: 10px;
}

.sr_or_pro_borderline {
    border-bottom: solid 6px #9cbb5a;
}

/*  TOP ここまで*/




/*  PRO 説明ページ ここから */
.sr_pro_explain_table {
    width: 70%;
    margin-bottom: 30px;
}

.sr_pro_explain_menu {
    margin-top: 60px;
    margin-bottom: 30px;
}

.sr_pro_explain_1_box {
    border: solid 1px lightgray;
    padding: 10px;
}

.sr_pro_explain_wooh_logo_box {
    border: solid 1px lightgray;
    margin-left: 0px;
    padding-left: 0px;
    left: 10px;
}

.sr_pro_explain_wooh_logo_img {
    width: 100%;
    max-width: 250px;
}

.sr_pro_explain_img {
    width: 100%;
    max-width: 250px;
}

.sr_pro_explain_1_img {
    width: 100%;
    max-width: 300px;
}

.sr_pro_explain_1_text {
    width: 100%;
    max-width: 300px;
}

.sr_pro_explain_2_box {
    margin-top: 60px;
    margin-bottom: 30px;
}

.sr_pro_explain_3_box {
    border: solid 1px lightgray;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.sr_pro_explain_4_box, .sr_pro_explain_5_box {
    margin-top: 60px;
    margin-bottom: 30px;
}
/*  PRO 説明ページ ここまで */








.sr_for_info_title_img {
    margin-top: 30px;
    width: 100%;
    max-width: 300px;
}

.sr_explain_title_img {
    margin-top: 60px;
    /*width: 100%;*/
    max-width: 600px;
}

.sr_explain_catch_img {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    max-width: 1000px;
}





/*  PRO コミュニケーション　ここから */
.sr_tweet_pre {
    background-color: inherit;
    border: none;
    padding-left: 0px;
    font-size: 18px;
}

.sr_tweet_text {
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 20px;
}

.sr_tweet_text2 {
    margin-top: 10px;
    font-size: 14px;
    margin-bottom: 10px;
}

.sr_tweet_text3 {
    margin-top: 10px;
    font-size: 14px;
    margin-bottom: 10px;
}

.sr_tweet_agreement_area {
    text-align: right;
}

.sr_tweet_text {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 10px;
}

.sr_tweet_res_text {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 10px;

}

.sr_tweet_res_area {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 10px;
}

.sr_tweet_res_text_area {
    padding-left: 60px;
}



.sr_tweet_res_start_button {
    text-align: right;
}

.sr_tweet_res_input_area {
    text-align: right;
}


.sr_tweet_delete_area, .sr_tweet_res_delete_area {
    text-align: right;
}
/*  PRO コミュニケーション　ここまで */






/*  セミナー　ここから */

.sr_seminar_menu {
    font-weight: bold;
    text-align: center;
    padding: .75em 1em;
    border: 1px solid #ccc;
    border-top: 3px solid #70AD47;
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}


.sr_seminar_explain_title {
    margin-top: 80px;
    padding: 10px;
    background-color: #70AD47;
    color: white;
    font-size: 20px;
    font-weight: bold;
    clear: both;
}

.sr_seminar_explain_img {
    margin-top: 30px;
    margin-left: 30px;
    float: left;
}

.sr_seminar_explain_text {
    margin-top: 30px;
    margin-left: 120px;
    color: dimgray;
}

.sr_seminar_panel_body {
    background: none;
    box-shadow: none;
}

.sr_seminar_category_edit_form {
    margin-left: 30px;
}

.sr_seminar_catch_image {
    width: 100%;
}

.sr_seminar_search_box {
    margin-bottom: 40px;
}

.sr_seminar_search_label {
    margin-left: 5px;
}

.sr_seminar_search_category_title {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 3px;
    background-color: darkgray;
    color: #ffffff;
}

.sr_seminar_search_title {
    margin-bottom: 5px;
    margin-top: 5px;
    border-left: 15px solid #70AD47;
    border-bottom: 1px solid #70AD47;
    font-size: 14px;
    font-weight: bold;
}

.sr_seminar_search_title > a {
    color: #70AD47;
}

.sr_seminar_list_count_info {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #70AD47;
}

.sr_seminar_search_word {
    margin-left: 30px;
    font-size: 12px;
}

.sr_seminar_list_box {
    border: solid 1px lightgray;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 47%;
    margin-right: 10px;
    height: 500px;
}

.sr_seminar_prefecture {
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
    color: red;
    text-align: left;
}

.sr_seminar_catch_copy {
    margin-top: 5px;
    text-align: center;
    color: #70AD47;
    font-size: 16px;
    font-weight: bold;
}

.sr_seminar_catch_image_box {
    margin-top: 10px;
    text-align: center;
}

.sr_seminar_catch_image {
    width:auto;
    height:auto;
    max-width:90%;
    max-height:200px;
}

.sr_seminar_title {
    margin-top: 5px;
    text-align: center;
    color: #70AD47;
    font-size: 16px;
    font-weight: bold;
}

.sr_seminar_target_type {
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
}

.sr_seminar_category {
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
}

.sr_seminar_start_date {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    background-color: dimgray;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.sr_seminar_body {
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: center;
}

.sr_is_discount {
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    background-color: #FF6600;
    color: #ffffff;
    width: 80px;
    height: 50px;
    padding: 5px;
}

.sr_seminar_d_area {
    margin-top: 40px;
    margin-bottom: 40px;
}

.sr_seminar_d_main_area {
    border: solid 1px lightgray;
}

.sr_seminar_d_side_area {
    margin-bottom: 20px;
}

.sr_seminar_d_coupon_area {
    margin-top: 30px;
    border: solid 1px lightgray;
    padding: 10px;
    background-image: url('/images/static/seminar/coupon_backimage.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
}

.sr_seminar_d_coupon_title_img {
    height: 40px;
    float: left;
}

.sr_seminar_d_coupon_text1 {
    padding-top: 5px;
    color: #c00202;;
    text-shadow: 1px -1px 1px #FFFFFF;
    font-size: 18px;
    font-weight: bold;
}

.sr_seminar_d_coupon_text2 {
    padding-left: 5px;
    color: #c00202;
    text-shadow: 1px -1px 1px #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    clear: both;
}

.sr_seminar_d_catch_copy {
    margin-top: 15px;
    text-align: left;
    color: #70AD47;
    font-size: 16px;
    font-weight: bold;
}

.sr_seminar_d_catch_image_box {
    margin-top: 10px;
    text-align: center;
}

.sr_seminar_d_catch_image {
    width:auto;
    height:auto;
    max-width:90%;
    max-height:400px;
}

.sr_seminar_d_title {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
    color: #70AD47;
    font-size: 16px;
    font-weight: bold;
}

.sr_seminar_d_category_title {
    margin-top: 20px;
    padding: 5px;
    color: #ffffff;
    background-color: dimgray;
    font-size: 16px;
    letter-spacing: 0.2em;
}

.sr_seminar_d_category {
    text-align: left;
    font-size: 14px;
}

.sr_seminar_d_organizer_title {
    padding: 5px;
    color: #ffffff;
    background-color: dimgray;
    font-size: 16px;
    letter-spacing: 0.2em;
}

.sr_seminar_d_organizer {
    font-size: 14px;
    table-layout:fixed;
    width:100%;
}

.sr_seminar_d_body {
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: left;
}

.sr_seminar_d_lecturer_image {
    width:auto;
    height:auto;
    max-width:90%;
    max-height:500px;
}

.sr_seminar_d_body {
    border: none;
}

.sr_seminar_d_side_title {
    padding: 5px;
    color: #ffffff;
    background-color: #70AD47;
    font-size: 16px;
    letter-spacing: 0.2em;
    font-weight: bold;
    text-align: center;
}

.sr_seminar_d_side_text {
    padding: 2px;
}

.sr_seminar_d_lecturer_box {
    margin-top: 5px;
    margin-bottom: 20px;
}

.sr_seminar_d_lecturer_1 {
    padding: 2px;
    font-size: 16px;
    font-weight: bold;
}

.sr_seminar_d_lecturer_2 {
    border: none;
    padding: 2px;
}






.sr_oyamiru_seminar_title_area {

}

.sr_oyamiru_seminar_title_1 {
    font-weight: bold;
    font-size:22px;
}

.sr_oyamiru_seminar_title_2 {
    font-weight: bold;
    font-size:18px;
}

.sr_seminar_form_input_box {
    margin-left: 150px;
}

/*  セミナー　ここまで */


/*  オヤミルセミナー　ここから */

.sr_seminar_o_info_link {
    border-bottom: solid 5px red;
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    max-width:400px;
    height: 130px;
    margin: 0 auto;
}

.sr_seminar_o_info_link2 {
    border-bottom: solid 5px #ffc002;
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    max-width:400px;
    height: 130px;
    margin: 0 auto;
}

.sr_seminar_form_box {
    max-width: 560px;
    margin-left: 250px;
}

.sr_seminar_o_title {
    background-color: #ffc002;
    text-align: center;
    color: black;
    font-size: 20px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 15px;
}

.sr_seminar_o_text {
    font-size: 16px;
    font-weight: bold;
}

/*  オヤミルセミナー　ここまで */



/* アツメル ここから */

.sr_atsumeru_yellow {
    color: black;
    background-color: #ffc002;
    padding: 5px;
    font-weight: bold;
}

.sr_atsumeru_orange {
    color: #ffffff;
    background-color: #ff6702;
    padding: 5px;
    font-weight: bold;
}

.sr_atsumeru_pink {
    color: #ffffff;
    background-color: #ff679a;
    padding: 5px;
    font-weight: bold;
}


.sr_atsumeru_list_area {
    margin-left: 50px;
}

.sr_atsumeru_list_box {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 29%; /* 三列 */
    margin-right: 10px;
    height: 450px;
}

.sr_atsumeru_title {
    padding: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    height: 68px;
    margin-bottom: 10px;
    overflow: hidden;
}

.sr_atsumeru_title_for_profit_corporation {
    padding: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    height: 68px;
    margin-bottom: 10px;
}

.sr_atsumeru_big_link_button_01 {
    width : 220px;
    font-size: 20px;
    padding: 15px;
    margin-top: 10px;
    color: #ffffff;
    background-color: #c00202;
    margin-left: auto;
    margin-right: 20px;
}

.sr_atsumeru_big_link_button_02 {
    width : 220px;
    font-size: 20px;
    padding: 15px;
    margin-top:
    10px; color: #ffffff;
    background-color: #c00202;
    margin-right: auto;
    margin-left: 20px;
}

.sr_atsumeru_catch_image_box {
    width: 100%;
    height:170px;
    text-align: center; /*左右中央*/
    vertical-align: middle; /*上下中央*/
    margin-bottom: 10px;
}

.sr_atsumeru_catch_image {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 170px;
}

.sr_atsumeru_reaction_icon {
    border: none;
    color: #555;
    padding: 2px;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1pt;
    text-align: center;
}

.sr_atsumeru_reaction_icon:hover {
    color: #c00202;
}

.sr_atsumeru_icon_big {
    font-size: 22px;
}

.sr_atsumeru_search_title {
    margin-bottom: 5px;
    margin-top: 5px;
    border-left: 15px solid #c00202;
    border-bottom: 1px solid #c00202;
    font-size: 14px;
    font-weight: bold;
}

.sr_atsumeru_search_title > a {
    color: #c00202;
}

.sr_atsumeru_list_count_info {
    margin-left: 50px;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #c00202;
}

.sr_atsumeru_search_word {
    margin-left: 30px;
    font-size: 12px;
}

.sr_atsumeru_category_edit_form {
    margin-left: 30px;
}

.sr_atsumeru_d_title {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 5px;
    color: #ffffff;
    background-color: dimgray;
    font-size: 16px;
    letter-spacing: 0.2em;
}

.sr_atsumeru_d_organizer_title {
    margin-top: 20px;
    padding: 5px;
    color: #ffffff;
    background-color: #34cbcb;
    font-size: 16px;
    letter-spacing: 0.2em;
}

.sr_atsumeru_d_organizer {
    font-size: 14px;
}

.sr_atsumeru_d_side_title {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 5px;
    color: #ffffff;
    background-color: #34cbcb;
    font-size: 16px;
    letter-spacing: 0.2em;
    font-weight: bold;
    text-align: center;
}

.sr_atsumeru_1_op_img {
    max-width: 95%;
    max-height: 500px;
    margin: 10px;
}

.sr_expert_profile_edit_1_op_img {
    max-width: 95%;
    max-height: 200px;
    margin: 10px;
}

.sr_atsumeru_form_input_box {
    margin-left: 150px;
}


.sr_atsumeru_my_title {
    position:relative;
    padding:9px;
    padding-left:15px;
    font-weight: bold;
    font-size: 16px;
    background-color: #c00202;
    color: #fff;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}

.sr_atsumeru_my_title:before {
    content:'';
    height:25px;
    width:2px;
    display:block;
    position:absolute;
    top:5px;
    left:4px;
    background-color:#fff;
    border-left: 4px solid #fff;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}


.sr_atsumeru_explain_menu {
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: bold;

}
/* アツメル ここまで */


/* 地図 ここから */
.sr_map_body {
    margin-top: 10px;
}



.sr_map_top_logo {
    margin-bottom: 20px;
    float: left;
}


.sr_map_top_home_link {
    text-align: right;
}

.sr_map_top_address_search_area {
    margin-left: 100px;
    padding-top: 10px;
}

#sr_map_frame {
    position: relative;
    width: 100%;
    height: 600px;
    border: 1px solid #ccc;
}

#map_canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 75%;
    height: 100%;
}

#sr_map_under_bar {
    display: none;
}

.sr_map_marker_list_area {
    width: 20%;
    text-align: center;
}

#sr_map_marker_list_area_link_button {
    display: none;
}

#sr_map_side_bar {
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 100%;
    overflow-y: scroll;
}

#sr_map_side_bar ul {
    list-style: none;
    padding: 0;
}

#sr_map_side_bar ul li {
    margin: 0;
    padding: 10px;
    border-top: 1px dotted #ccc;
    cursor: pointer;
    margin-bottom: 10px;
}


#sr_map_under_bar {
    width: 100%;
    height: 400px;
    overflow-y: scroll;
}

#sr_map_under_bar ul {
    list-style: none;
    padding: 0;
}

#sr_map_under_bar ul li {
    margin: 0;
    padding: 3px;
    border-top: 1px dotted #ccc;
    cursor: pointer;
    margin-bottom: 10px;
}






.sr_map_emotion_icon_area {
    height: 90px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.sr_map_emotion_icon {
    width: 75px;
    height: 72px;
}

.sr_map_emotion_icon_small {
    width: 45px;
    height: 42px;
}

.sr_map_emotion_icon_selected {
    border: solid 2px #ff6699;
    border-radius: 10px;
}

.sr_map_resource_type_icon_area {
    height: 60px;
    box-sizing: border-box;
}

.sr_map_resource_type_icon {
    width: 32px;
    height: 32px;
}

.sr_map_resource_type_icon_selected {
    border: solid 2px #ff6699;
    border-radius: 10px;
}

.sr_map_post_form_title {
    color: #c00404;
    font-weight: bold;
    padding-bottom: .5em;
    border-bottom: 1px solid #c00404;
    margin-top:40px;
    margin-bottom: 20px;
    width: 75%;
}

.sr_map_post_icon {
    font-size: 24px;
}

.sr_map_icon_ui_result_area {
    border: solid 1px #c00404;
    max-width: 80%;
    padding: 5px;
    margin-bottom: 10px;
}


#sr_map_icon_filter {
    margin-bottom: 20px;
}

.sr_map_icon_ui_img {
    padding-top: 3px;
    padding-bottom: 5px;
    text-align: center;
    width: 55px;
    float: left;

}

.sr_map_icon_ui_text {
    font-size: 15px;
}

.sr_map_m_title {
    font-weight: bold;
    padding-top: 5px;
    font-size: 16px;
}

.sr_map_m_emotion_count {
    padding-top: 5px;
}

.sr_map_m_heading_description {

}

.sr_map_s_icon_area {
    float: left;
}

.sr_map_s_icon {
    width: 20px;
}

.sr_map_s_title {
    font-weight: bold;
    padding-top: 5px;
    font-size: 16px;
}

.sr_map_s_emotion_count {
    padding-top: 5px;
}

.sr_map_s_heading_description {

}

.sr_map_side_window_title {
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 16px;
}

.sr_map_emotion_f {
    background-image: url(/images/static/map/emotion/f.png);
    width: 42px;
    height:29px;
    background-repeat: no-repeat;
    display: table-cell;

}

.sr_map_emotion_f_text {
    position: relative;
    top: -3px;
    left: -5px;
    font-size: 16px;
    color: #6F4B00;
    font-weight: bold;
    text-align: right;
}

.sr_map_ui_icon_img {
    width: 100px;
}

a.sr_map_link_button {
    color: white;
    cursor: pointer;
}

.sr_map_icon_title_area {
    padding: 5px;
    margin-bottom: 10px;
    max-width: 80%;
    background-color: #c52529;
    color: white;
    font-weight: bold;
}

.sr_map_icon_explain_link {
    width: 200px;
    padding-top: 30px;
}


/* 地図 ここまで */





/*  プログレストラッカー */
ol.progtrckr {
    margin-bottom: 15px;
    padding: 0;
    list-style-type: none;
    width: 100%;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3em;
}

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid #FF6600;
}
ol.progtrckr li.progtrckr-todo {
    color: silver;
    border-bottom: 4px solid silver;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: #FF6600;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.2em;
}
ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 1.5em;
    bottom: -1.6em;
}
/*  プログレストラッカー ここまで */






.sr_res_fukidashi {
    margin-top: 25px;
    margin-bottom: 20px;
    border-radius: 20px;      /* 角丸の指定 */
    padding: 20px;
    background: #FFF3ED;
}



/* 15/10/20 add y.usui */
a.gray001 { font-weight: normal; text-decoration: none; color: #888; font-size:14px;}
a.gray001:link    { text-decoration: none; color: #888; }
a.gray001:visited { text-decoration: none; color: #888; }
a.gray001:active  { text-decoration: none; color: #888; }
a.gray001:hover   { text-decoration: underline; color: #ff6928; }

a.gray002 { font-weight: normal; text-decoration: none; color: #999; font-size:15px;}
a.gray002:link    { text-decoration: none; color: #999; }
a.gray002:visited { text-decoration: none; color: #999; }
a.gray002:active  { text-decoration: none; color: #999; }
a.gray002:hover   { text-decoration: underline; color: #ff6928; }

a.gray003 { text-decoration: none; color: #555;}
a.gray003:link    { text-decoration: none; color: #555; }
a.gray003:visited { text-decoration: none; color: #555; }
a.gray003:active  { text-decoration: none; color: #555; }
a.gray003:hover   { text-decoration: none; color: #ff6928; }

a.gray004 { text-decoration: none; color: #555;}
a.gray004:link    { text-decoration: none; color: #555; }
a.gray004:visited { text-decoration: none; color: #555; }
a.gray004:active  { text-decoration: none; color: #555; }
a.gray004:hover   { text-decoration: none; color: #555; }

a.black001 { font-weight: normal; text-decoration: none; color: #000;}
a.black001:link    { text-decoration: none; color: #000; }
a.black001:visited { text-decoration: none; color: #000; }
a.black001:active  { text-decoration: none; color: #000; }
a.black001:hover   { text-decoration: underline; color: #ff6928; }

a.red001 { font-weight: normal; text-decoration: underline; color: #b83736;}
a.red001:link    { text-decoration: underline; color: #b83736; }
a.red001:visited { text-decoration: underline; color: #b83736; }
a.red001:active  { text-decoration: underline; color: #b83736; }
a.red001:hover   { text-decoration: underline; color: #ff6928; }

a.orange001 { font-weight: normal; text-decoration: underline; color: #ff8433;}
a.orange001:link    { text-decoration: underline; color: #ff8433; }
a.orange001:visited { text-decoration: underline; color: #ff8433; }
a.orange001:active  { text-decoration: underline; color: #ff8433; }
a.orange001:hover   { text-decoration: underline; color: #3879d9; }

a.white001 { font-weight: normal; text-decoration: none; color: #fff;}
a.white001:link    { text-decoration: none; color: #fff; }
a.white001:visited { text-decoration: none; color: #fff; }
a.white001:active  { text-decoration: none; color: #fff; }
a.white001:hover   { text-decoration: none; color: #fff; }

/* 15/10/20 add y.usui */
#sr_doctor_bottom_contents {
    width:auto;
    margin-top:30px;
}

#sr_doctor_bottom_contents .outlines1 {
    float:left;
    margin-left:12px;
    width:45%;
}

#sr_doctor_bottom_contents .outlines2 {
    float:left;
    margin-left:30px;
    width:45%;
}

#sr_doctor_bottom_contents .title_icon1 {
    font-size:30px;
    color:#222;
}

#sr_doctor_bottom_contents .title1 {
    font-size:18px;
    color:#222;
    border-bottom:4px solid #ffc000;
}

#sr_doctor_bottom_contents .title2 {
    font-size:18px;
    color:#222;
    border-bottom:4px solid #c00000;
}

#sr_doctor_bottom_contents .title3 {
    font-size:18px;
    color:#222;
    border-bottom:4px solid #fc9dbc;
}

#sr_doctor_bottom_contents .body {
    font-size:15px;
    color:#999;
    border-bottom:1px solid #999;
    margin-top:15px;
}

#sr_doctor_bottom_contents .body2 {
    font-size:15px;
    color:#999;
    border-bottom:1px solid #999;
    margin-top:15px;
    min-height:90px;
}

#sr_doctor_bottom_contents .more {
    float:right;
    font-size:15px;
    margin-top:15px;
}

#sr_doctor_bottom_contents .atsumeru_icon {
    width:28px;
    margin:3px;
}

#clear_both1 { clear:both; height:10px; }
#clear_both2 { clear:both; height:20px; }



/* 15/10/20 add y.usui */
#post_head_box {
    float:left;
    margin: 3px 15px;
    font-size:16px;
    font-weight:bold;
}

#post_head_box img{ width:28px; }

#post_head_box .serch_text{ color:#953735; }

#post_head_box .form-field {
    border: 3px solid #bababa;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #999;
    -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
    box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
    padding:2px;
    margin-bottom:20px;
    width:150px;
    font-size:14px;
}
#post_head_box .form-field:focus {
    background: #fff;
    color: #333;
}

/* 15/10/20 add y.usui */
#post_contents {
    /* border:1px solid #ccc; */
    width:97%;
    margin:0 auto;
    clear:both;
}

#post_contents .left {
    border:1px solid #ccc;
    float:left;
    width:28%;
}

#post_contents .right {
    float:right;
    margin-left:10px;
    width:70%;
}

#post_contents .title {
    font-size:18px;
}

#post_contents .box1 {
    margin:15px 0 0 10px;
    width:98%;
    font-size:16px;
    font-weight:bold;
    position: relative;
}

#post_contents .box2 {
    margin:15px 0 0 10px;
    width:95%;
    font-size:16px;
    font-weight:bold;
    position: relative;
}

#post_contents .box3 {
    margin:15px 0 0 10px;
    width:95%;
    font-size:15px;
    font-weight:normal;
    position: relative;
}

#post_contents .post_box_in {
    margin:15px 0 0 10px;
    padding-left:200px;
    font-size:15px;
    font-weight:normal;
    position: relative;
}

#post_contents .post_box_in2 {
    margin:0 0 20px 0;
    border-bottom: solid 1px #ccc;
}

#post_contents .box1_image {
    width:30px;
    margin:3px;
}

#post_contents .box2_image {
    width:28px;
    margin:3px;
}

#post_contents .box1_normal {
    font-size:14px;
    font-weight:normal;
    margin-left:25px;
}

#post_contents .box1_small {
    font-size:13px;
    font-weight:bold;
}

#post_contents .box1_normal2 {
    font-size:15px;
    font-weight:normal;
    margin-left:40px;
}

#post_contents .box1_normal3 {
    font-size:13px;
    font-weight:normal;
}

#post_contents .box2_normal1 {
    font-size:15px;
    font-weight:normal;
}

#post_contents .box2_normal2 {
    font-size:15px;
    font-weight:normal;
}

#post_contents .box2_normal3 {
    font-size:14px;
    font-weight:normal;
    margin-top:5px;
    margin-bottom:18px;
    border-bottom:solid 1px #ccc;

}

#post_contents .func_on {
    font-size:16px;
    font-weight:normal;
}

#post_contents .func_on_fa {
    font-size:24px;
    font-weight:normal;
}

#post_contents .func_on_fa2 {
    font-size:28px;
    font-weight:normal;
}

#post_contents .func_on_gray {
    color:#999;
    font-size:16px;
    font-weight:normal;
}

#post_contents .func_on_gray_fa {
    color:#999;
    font-size:24px;
    font-weight:normal;
}

#post_contents .func_on_gray_fa2 {
    color:#999;
    font-size:28px;
    font-weight:normal;
}

#post_contents .func_red {
    float:left;
    color:#b83736;
    font-size:15px;
    font-weight:normal;
}

#post_contents .func_orange {
    float:left;
    color:#ff8433;
    font-size:15px;
    font-weight:normal;
}


#post_contents .title_icon1 {
    font-size:30px;
    color:#999;
}

#post_contents .title_icon2 {
    font-size:25px;
    font-weight: normal;
    color:#fff;
}

#post_contents .pink_box_text {
    font-size:18px;
    font-weight: bold;
    color:#fff;
}

#post_contents .box1_fa {
    font-size:30px;
    font-weight:normal;
    color:#888;
}

#post_contents .box1_fa_text {
    position: absolute;
    top:5px;
}

#post_contents .qanda {
    font-size:20px;
    font-weight: bold;
    border-bottom:solid 3px #ffc000;
}

#post_contents .hint {
    width: 40px;
}

#post_contents .button_box {
    width: 100%;
    text-align:center;
}

#post_contents .pink_box {
    background: #ff6699;
    padding:10px;
    margin-top:40px;
    margin-bottom:30px;
    border-radius:3px 3px 3px 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
}

#post_contents .post_box_in_right_pink {
    float:right;
    color:#fff;
    background: #ff6699;
    padding:5px 15px;
    margin-right: 18px;
    border-radius:3px 3px 3px 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
}

#post_contents .post_box_in_right_orange {
    float:right;
    color:#fff;
    background: #f79646;
    padding:5px 15px;
    margin-right: 18px;
    border-radius:3px 3px 3px 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
}

.btn1 {
    background: #f79646;
    background-image: -webkit-linear-gradient(top, #f79646, #f7b279);
    background-image: -moz-linear-gradient(top, #f79646, #f7b279);
    background-image: -ms-linear-gradient(top, #f79646, #f7b279);
    background-image: -o-linear-gradient(top, #f79646, #f7b279);
    background-image: linear-gradient(to bottom, #f79646, #f7b279);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
    color: #ffffff;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    width:93%;
    text-decoration: none;
}

.btn1:hover {
    background: #f7b279;
    background-image: -webkit-linear-gradient(top, #f7b279, #f7b279);
    background-image: -moz-linear-gradient(top, #f7b279, #f7b279);
    background-image: -ms-linear-gradient(top, #f7b279, #f7b279);
    background-image: -o-linear-gradient(top, #f7b279, #f7b279);
    background-image: linear-gradient(to bottom, #f7b279, #f7b279);
    text-decoration: none;
}

.btn2 {
    background: #ffffff;
    background-image: -webkit-linear-gradient(top, #ffffff, #f7b279);
    background-image: -moz-linear-gradient(top, #ffffff, #f7b279);
    background-image: -ms-linear-gradient(top, #ffffff, #f7b279);
    background-image: -o-linear-gradient(top, #ffffff, #f7b279);
    background-image: linear-gradient(to bottom, #ffffff, #f7b279);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial;
    color: #333;
    font-size: 13px;
    padding: 5px 10px 5px 10px;
    margin:5px;
    border: solid #ffd4cb 4px;
    text-decoration: none;
}

.btn2:hover {
    background: #f7b279;
    background-image: -webkit-linear-gradient(top, #f7b279, #f7b279);
    background-image: -moz-linear-gradient(top, #f7b279, #f7b279);
    background-image: -ms-linear-gradient(top, #f7b279, #f7b279);
    background-image: -o-linear-gradient(top, #f7b279, #f7b279);
    background-image: linear-gradient(to bottom, #f7b279, #f7b279);
    text-decoration: none;
    color: #fff;
}

.btn3 {
  background: #f7b279;
  background-image: -webkit-linear-gradient(top, #e46c0a, #e46c0a);
  background-image: -moz-linear-gradient(top, #e46c0a, #e46c0a);
  background-image: -ms-linear-gradient(top, #e46c0a, #e46c0a);
  background-image: -o-linear-gradient(top, #e46c0a, #e46c0a);
  background-image: linear-gradient(to bottom, #e46c0a, #e46c0a);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.btn3:hover {
  background: #f5d2b6;
  background-image: -webkit-linear-gradient(top, #f5d2b6, #e46c0a);
  background-image: -moz-linear-gradient(top, #f5d2b6, #e46c0a);
  background-image: -ms-linear-gradient(top, #f5d2b6, #e46c0a);
  background-image: -o-linear-gradient(top, #f5d2b6, #e46c0a);
  background-image: linear-gradient(to bottom, #f5d2b6, #e46c0a);
  text-decoration: none;
}

.btn4 {
  background: #ff6699;
  background-image: -webkit-linear-gradient(top, #ff6699, #ff6699);
  background-image: -moz-linear-gradient(top, #ff6699, #ff6699);
  background-image: -ms-linear-gradient(top, #ff6699, #ff6699);
  background-image: -o-linear-gradient(top, #ff6699, #ff6699);
  background-image: linear-gradient(to bottom, #ff6699, #ff6699);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.btn4:hover {
  background: #f5d2b6;
  background-image: -webkit-linear-gradient(top, #f5d2b6, #ff6699);
  background-image: -moz-linear-gradient(top, #f5d2b6, #ff6699);
  background-image: -ms-linear-gradient(top, #f5d2b6, #ff6699);
  background-image: -o-linear-gradient(top, #f5d2b6, #ff6699);
  background-image: linear-gradient(to bottom, #f5d2b6, #ff6699);
  text-decoration: none;
}

.btn5 {
  background: #f79646;
  background-image: -webkit-linear-gradient(top, #f79646, #f79646);
  background-image: -moz-linear-gradient(top, #f79646, #f79646);
  background-image: -ms-linear-gradient(top, #f79646, #f79646);
  background-image: -o-linear-gradient(top, #f79646, #f79646);
  background-image: linear-gradient(to bottom, #f79646, #f79646);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.btn5:hover {
  background: #f5d2b6;
  background-image: -webkit-linear-gradient(top, #f5d2b6, #f79646);
  background-image: -moz-linear-gradient(top, #f5d2b6, #f79646);
  background-image: -ms-linear-gradient(top, #f5d2b6, #f79646);
  background-image: -o-linear-gradient(top, #f5d2b6, #f79646);
  background-image: linear-gradient(to bottom, #f5d2b6, #f79646);
  text-decoration: none;
}

.btn6 {
  background: #f79646;
  background-image: -webkit-linear-gradient(top, #c00000, #c00000);
  background-image: -moz-linear-gradient(top, #c00000, #c00000);
  background-image: -ms-linear-gradient(top, #c00000, #c00000);
  background-image: -o-linear-gradient(top, #c00000, #c00000);
  background-image: linear-gradient(to bottom, #c00000, #c00000);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.btn6:hover {
  background: #f5d2b6;
  background-image: -webkit-linear-gradient(top, #f5d2b6, #c00000);
  background-image: -moz-linear-gradient(top, #f5d2b6, #c00000);
  background-image: -ms-linear-gradient(top, #f5d2b6, #c00000);
  background-image: -o-linear-gradient(top, #f5d2b6, #c00000);
  background-image: linear-gradient(to bottom, #f5d2b6, #c00000);
  text-decoration: none;
}

#posting_form {
    width:60%;
    margin:auto;
}

#posting_form .header_res {
    border:solid 2px #ff6699;
    width:100%;
    padding:8px 15px;
}

#posting_form .header_res_icon {
    font-size:30px;
    color:#b36765;
}

#posting_form .header_write {
    border:solid 2px #ffc000;
    width:100%;
    padding:8px 15px;
}

#posting_form .header_write_icon {
    font-size:30px;
    color:#d5925c;
}

#posting_form .header_res_text1 {
    font-size:18px;
    color:#8a8a8a;
}

#posting_form .header_res_text2 {
    font-size:18px;
    color:#c00000;
}


#posting_form .box1 {
    font-size:15px;
    margin-top:15px;
    width:100%;
}

#posting_form .left_btn { float:left; }
#posting_form .right_btn { float:right; }

.lp02list_text { font-size:11px; }



#posting_form_top {
    width:100%;
    margin:20px auto;
}

#posting_form_top .left{
    float:left;
    width:65%;
    margin:auto;
}

#posting_form_top .right{
    float:right;
    width:32%;
    margin:0 0 0 10px;
    /* border:solid 1px #ccc; */
}

#posting_form_top .header_write {
    border:solid 2px #ffc000;
    width:100%;
    padding:8px 15px;
    position: relative;
}

#posting_form_top .header_write_icon {
    font-size:30px;
    color:#d5925c;
}

#posting_form_top .header_res_text1 {
    font-size:18px;
    color:#8a8a8a;
}

#posting_form_top .header_res_text2 {
    font-size:12px;
    color:#c00000;
}

#posting_form_top .box1 {
    font-size:13px;
    width:100%;
    padding:5px;
    margin-bottom: 15px;
}

#posting_form_top .box2 {
    font-size:16px;
    width:100%;
    min-height:67px;
    padding:5px;
    margin-bottom: 15px;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
}

#posting_form_top .box1_image1 {
    margin:0 5px;
    float:left;
    width:58px;
}

#posting_form_top .box1_image2 {
    margin:0 10px;
    float:left;
    width:40px;
}

#posting_form_top .text_red { color:#c00000; font-weight: bold;}

#posting_form_top .hint { position:absolute; top:-22px; right:10px;}

.sera_side_menu { text-align:center; margin-top: 50px;}

.sera_logo { width:200px; }

.sera_button_head {
    background-color: #3289a0;
    border-bottom: 1px solid #fff;
    color: #fff;
    line-height: 40px;
    text-align:center;
}

.sera_button {
    background-color: #225c6c;
    border-bottom: 1px solid #fff;
    color: #fff;
    line-height: 50px;
    text-align:center;
    transition: background-color 0.5s linear 0.1s;
}
.sera_button:hover {
    background-color: #94cfdf;
    border-color: #59b1eb;
    color: #fff;
    text-decoration: none;
}

.sera_head1 { margin-top:54px; padding-right: 100px;}
.sera_head2 { margin-top:0px; }

.sera_box1 {
    margin-bottom: 20px;
    border-bottom:dotted 3px #ccc;
    min-height:165px;
}

.sera_box2 {
    margin-bottom: 20px;
    font-size:16px;
}

.sera_box3 {
    margin-bottom: 20px;
    font-size:16px;
    text-align:center;
}

.sera_header_box {
    margin-bottom: 20px;
    /* border-bottom:dotted 3px #ccc; */
    text-align:center;
    font-size:20px;
    font-weight:bold;
}

.sera_img1 { float:left; margin:0 15px 0 0; width: 30%;}
.sera_header_img { margin:0 0 10px 0; width:100%; }
.sera_h3 { color:#555; font-size:18px; font-weight: bold; margin-top:24px;}
.sera_hr1 { border-top: 3px double #bbb; }
.sera_blue { color:#94cfdf; }

.sera_article_text1 { font-size: 14px; }
.sera_article_text2 { color:#000; font-size:14px; margin-top:10px; font-weight: bold; }

.sera_category_list_image {
    width: 100%;
    height: 180px;
}

.sera_category_list_1_area {
    height: 370px;
}

.sera_category_list_text {
    height: 90px;
    padding:5px;
    background-color: white;
}


.sr_top_menu_icon {
    width: 20px;
}



/* 会員登録 */
.sr_signup_title {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
}

.sr_signup_info {
    margin-bottom: 10px;
}

.sr_signup_info_li {
    margin-bottom: 10px;
}

.sr_signup_form_title {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

.sr_signup_title_2 {
    font-size: 14px;
    margin-bottom: 10px;
}

.sr_signup_area {
    margin-top: 30px;
}

.sr_signup_submit_button_area {
    margin-bottom: 80px;
    text-align: center;
}

.sr_expert_edit_sub_explain_text {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}



/* 会員登録 */

.sr_doctor_list_desired_connection_area {
    width: 100%;
    padding: 10px;
    background-color: #5a5a5a;
    color: white;
    font-weight: bold;
}




.sr_top_menu_pc_logo {
    width: 200px;
}

.sr_top_menu_pc_left_link_area {
    position: absolute;
    right: 20px;
    left: inherit;
    top: 10px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    padding: 15px;
}

.sr_text_shadow_darkgray {    text-shadow: 1px 1px 1px rgb(82, 82, 82);
}


.sr_brand_logo_2 {
    height: 60px;
}

.sr_brand_logo_2_mini {
    height: 40px;
    padding-right: 20px;
}

.sr_brand_logo_middle {
    height: 70px;
    margin-right: 5px;
}

.sr_expert_list_catch_img_area {
    position: relative;
    background-image: url('/images/static/pro/lt.jpg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
    height: 550px;
}

.sr_expert_list_catch_img_area2 {
    position: relative;
    background-image: url('/images/static/pro/lt2.jpg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
    height: 380px;
}

.sr_expert_list_catch_text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: white;
    text-align: center;
    font-weight: bold;
    height: 120px;
    font-size: 50px;
    padding-top: 50px;
}

.sr_expert_list_catch_text2 {
    font-size: 24px;
}

.sr_expert_list_catch_text_3 {
    text-align: center;
    padding: 10px;
    margin-bottom: 30px;
}




.sr_expert_main_area {
    width: 80%;
    margin: auto;
}

.sr_atsumeru_catch_img_area {
    position: relative;
    background-image: url('/images/static/atsumeru/explain/c1.jpg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
    height: 550px;
}

.sr_atsumeru_catch_text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: white;
    text-align: center;
    font-weight: bold;
    height: 100px;
    font-size: 56px;
}

.sr_atsumeru_catch_text2 {
    font-size: 24px;
}

.sr_atsumeru_catch_button {
    position: absolute;
    right: 0;
    top: inherit;
    bottom: 50px;
    margin: auto;
    width: 10px;
    left: 0;
    background-color: rgba(255,255,255,0.5);
    color: white;
    text-align: center;
    padding: 10px;
    font-size: 24px;
    font-weight: bold;
    border: solid 4px white;
    width: 300px;
    height: 80px;
}

.sr_pro_main_area {
    width: 80%;
    margin: auto;
}



/* マイページ */
.sr_mypage_panel {
    margin-bottom: 30px;
}



.sr_mypage_panel_head {
    padding: 10px;
    border: solid 1px #bfbfbf;
    background-color: #d9d9d9;
    font-weight: bold;
}

.sr_mypage_panel_body_area_s {
    background-color: #ffffff;
    height: 140px;
    overflow-y: hidden;
    overflow-x: hidden;
    border-left: solid 1px #d9d9d9;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    padding: 10px;
}

.sr_mypage_panel_body_area_m {
    background-color: #ffffff;
    height: 300px;
    overflow-y: hidden;
    overflow-x: hidden;
    border-left: solid 1px #d9d9d9;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    padding: 10px;
}

.sr_mypage_panel_body_area_l {
    background-color: #ffffff;
    height: 400px;
    overflow-y: scroll;   /* スクロール表示 */
    overflow-x: hidden;
    border-left: solid 1px #d9d9d9;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
}

.sr_mypage_panel_body {
    padding: 10px;
    border-bottom: solid 1px #d9d9d9;
    background-color: #ffffff;
}

.sr_mypage_panel_body_left_img_area {
     display: table-cell;
     width: 100px;
 }

.sr_mypage_panel_body_left_img {
    width: 90%;
    max-height: 100px;
}


.sr_mypage_panel_body_right_text_area {
    display: table-cell;
    vertical-align: top;
    padding: 5px;
}

.sr_mypage_head_info_area {
    width: 100%;
    margin: 30px;
    background-color: white;
    padding: 30px;
}

.sr_profile_top_area {
    margin: 30px;
}

.sr_profile_top_text {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.sr_profile_edit_menu_area {
    margin-bottom: 30px;
}

.sr_profile_edit_menu {
    font-weight: bold;
    font-size: 18px;
    padding:10px;
}

.sr_title_green {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    color: #61BB3D;
    border-bottom: solid 1px #61BB3D;
}

.sr_title_red {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    color: #ff584d;
    border-bottom: solid 1px #ff584d;
}

.sr_expert_edit_match_fee {
    margin-left: 50px;
}

/* マイページ */

.sr_m_edit_point {
    background-color: red;
    color: white;
    padding:3px;
    font-size: 10px;
    width: 60px;
    text-align: center;
    margin-left: auto;
    margin-right: 40px;
}

.sr_send_oyamiru_message_head {
    background-color: #dddddd;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.sr_send_oyamiru_message_body_area {
    height: 450px;
}

.sr_res_send_oyamiru_message_body_area {
    height: 450px;
}

.sr_send_oyamiru_message_footer {

}

.sr_send_oyamiru_message_btn {
    text-shadow: 1px -1px 1px #862A2A;
    background-color: #ff574c;
    box-shadow: 0px 1px 1px 0px #A12F2F;
    color: white;
}

.sr_send_oyamiru_message_modal {
    height: 600px;
}

.sr_res_send_oyamiru_message_modal {
    height: 600px;
}

.sr_send_oyamiru_close_btn {
    margin-bottom: 0px;
}

.sr_send_oyamiru_message_body {
    width: 90%;
    height: 240px;
}

.sr_res_send_oyamiru_message_body {
    width: 90%;
    height: 140px;
}


.sr_img_middle {
    width: 100px;
    height: 100px;
}

.sr_img_small {
    width: 50px;
    height: 50px;
}

.sr_a_middle_top_menu_area {
    display: table-cell;
    text-align: center;
    font-weight: bold;
    width: 300px;
}

.sr_a_left_menu_area {
    padding: 10px;
}

.sr_a_right_menu_area {
    padding: 10px;
}


.sr_a_d_catch_img_area {
    margin: auto;
}

.sr_a_d_catch_img {
    text-align: center;
    max-width: 100%;
    max-height: 400px
}

.sr_a_d_writer_area {
    display: table;
    padding: 10px;
    background-color: white;
    width: 100%;
}

.sr_a_d_writer_img_area {
    width: 60px;
    vertical-align: middle;
    padding-left: 10px;
}

.sr_a_d_comment_writer_img_area {
    width: 60px;
    vertical-align: top;
    padding-left: 10px;
}

.sr_a_d_writer_name_area {
    display: table-cell;
    padding: 10px;
    width: 100%;
}

.sr_a_d_writer_evaluation_area {
    width: 140px;
    padding: 10px;
    text-align: right;
}

.sr_a_d_writer_img {
    width: 50px;
    height: 50px;
}

.sr_a_d_article_body_area {
    padding: 10px;
}

.sr_a_d_article_body_head_area {
    padding: 10px;
    background-color: white;
}

.sr_a_d_article_body_main_area {
    padding: 10px;
    background-color: white;
}

.sr_pro3_top_menu_button {
    text-align: center;
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    color: #808080;
    font-weight: bold;
    margin: 0px;
    width: 100%;
    height: 52px;
}

.sr_pro3_top_menu_button:hover {
    border: solid 1px #029a9a;
    background-color: #f0fffc;
    color: #808080;
    font-weight: bold;
}

.sr_a_d_article_more_read_button {
    text-align: center;
    margin-top: 10px;
    background-color: #FFF;
    color: #029a9a;
    border: solid 2px #029a9a;
    font-weight: bold;
    width: 90%;
}

.sr_a_d_article_more_read_button:hover {
    background-color: #ececec;
    color: white;
    font-weight: bold;
}


.sr_a_d_article_darkgreen_button {
    text-align: center;
    margin-top: 10px;
    background-color: #029a9a;
    color: white;
    font-weight: bold;
    width: 90%;
}

.sr_a_d_article_darkgreen_button:hover {
    border-color: #029a9a;
    background-color: #027575;
    color: white;
    font-weight: bold;
}


.sr_a_d_article_post_comment_button {
    text-align: center;
    margin-top: 10px;
    background-color: #34cccc;
    color: white;
    font-weight: bold;
    width: 200px;
    padding: 5px;
    font-size: 16px;
}

.sr_a_d_article_post_comment_button:hover {
    border-color: #029a9a;
    background-color: #027575;
    color: white;
    font-weight: bold;
}

.sr_a_d_left_button {
    text-align: center;
    margin-top: 10px;
    background-color: #029a9a;
    color: white;
    font-weight: bold;
    width: 100%;
    font-size: 10px;
    padding: 5px;
}

.sr_a_d_left_button:hover {
    border-color: #029a9a;
    background-color: #027575;
    color: white;
    font-weight: bold;
}

.sr_a_d_send_message_button {
    text-align: center;
    margin-top: 10px;
    background-color: #ff6600;
    color: white;
    font-weight: bold;
    width: 100%;
    font-size: 10px;
    padding: 5px;
}

.sr_a_d_send_message_button:hover {
    border-color: #ff6400;
    background-color: #ff924d;
    color: white;
    font-weight: bold;
}


.sr_red_button {
    text-align: center;
    background-color: #ff5151;
    color: white;
    font-weight: bold;
    padding: 5px;
    border: solid 1px white;
    white-space: inherit;
}

.sr_red_button:hover {
    border-color: #ff5151;
    background-color: #ff7e77;
    color: white;
    font-weight: bold;
}

.sr_lightred_button {
    text-align: center;
    background-color: #ff7d81;
    color: white;
    font-weight: bold;
    padding: 5px;
    border: solid 1px white;
    white-space: inherit;
}

.sr_lightred_button:hover {
    border-color: #ff5151;
    background-color: #ffa398;
    color: white;
    font-weight: bold;
}

.sr_lightblue_button {
    text-align: center;
    background-color: #34cccc;
    border-color: #ffffff;
    color: white;
    font-weight: bold;
    padding: 5px;
    border: solid 1px white;
}

.sr_lightblue_button:hover {
    border-color: #14b9cc;
    background-color: #33e1e1;
    color: white;
    font-weight: bold;
}

.sr_greentblue_button {
    text-align: center;
    background-color: #029a9a;
    border-color: #ffffff;
    color: white;
    font-weight: bold;
    padding: 5px;
    border: solid 1px white;
    white-space: inherit;
}

.sr_greentblue_button:hover {
    border-color: #028080;
    background-color: #00b4b7;
    color: white;
    font-weight: bold;
}

.sr_blue_button {
    text-align: center;
    background-color: #1884ae;
    border-color: #ffffff;
    color: white;
    font-weight: bold;
    padding: 5px;
    border: solid 1px white;
    white-space: inherit;
}

.sr_blue_button:hover {
    border-color: #0068ae;
    background-color: #189ec9;
    color: white;
    font-weight: bold;
}

.sr_orange_button {
    text-align: center;
    background-color: #fe6602;
    border-color: #ffffff;
    color: white;
    font-weight: bold;
    padding: 5px;
    border: solid 1px white;
    white-space: inherit;
}

.sr_orange_button:hover {
    border-color: #fe6602;
    background-color: #ff9e0b;
    color: white;
    font-weight: bold;
}

.sr_gray_button {
    text-align: center;
    background-color: #808080;
    color: white;
    font-weight: bold;
    padding: 5px;
    border: solid 1px white;
    white-space: inherit;
}

.sr_gray_button:hover {
    border-color: #808080;
    background-color: #a7a7a7;
    color: white;
    font-weight: bold;
}


.sr_a_l_title2 {
    color: #029a9a;
    font-weight: bold;
    font-size: 20px;
}

.sr_a_l_left_list_area {
    padding: 5px;
    /*border: solid 1px lightgrey;*/
}

.sr_a_l_left_list_title {
    font-weight: bold;
    padding-bottom: 5px;
}

.sr_a_l_left_list_2 {
    list-style-type: square;
    font-size: 16px;
    padding-left: 20px;
}

.sr_a_l_left_list_2_li {
    padding-bottom: 5px;
}

.sr_a_l_category_title {
    padding: 10px;
    font-weight: bold;
    color: white;
}

.sr_a_l_serapiba_post_button {
    background-color: #029a9a;
    display: table-cell;
    padding: 5px;
    width: 200px;
    text-align: center;
}

.sr_a_l_atsumeru_post_button {
    background-color: #ff5353;
    display: table-cell;
    padding: 5px;
    width: 200px;
    text-align: center;
}

.sr_a_l_article_area {
    margin-bottom: 30px;
}

.sr_a_l_article_area_v {
    margin-bottom: 15px;
    height: 320px;
}

.sr_a_l_article_title {
    font-weight: bold;
}

.sr_a_l_article_title_v {
    font-weight: bold;
    font-size: 12px;
    height: 45px;
}

.sr_a_l_article_category {
    padding: 3px;
    font-size: 18px;
}

.sr_a_l_article_category_text {
    font-size: 10px;
    padding: 3px;
    display: inline-block;
}

.sr_a_l_article_writer_area {
    margin-top: 10px;
}

.sr_a_l_article_writer_1 {
    display: table-cell;
}

.sr_a_l_article_writer_2 {
    display: table-cell;
    font-size: 12px;
    padding-left: 10px;
}

.sr_a_l_article_evaluate_area {
    margin-top: 10px;
}

.sr_a_l_article_catch_img_area {
    width: 100%;
    height: 170px;
    border: solid 1px #cccccc;
    text-align: center;
}

.sr_a_l_article_catch_img_area_v {
    width: 100%;
    height: 140px;
    border: solid 1px #cccccc;
    text-align: center;
    background-color: white;
}


.sr_a_l_article_catch_img {
    width: 100%;
    height: 100%;
}

.sr_a_l_article_catch_img_v {
    height: 100%;
    width: 100%;
}

.sr_article_e_mini_icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.sr_article_e_mini_icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.sr_article_e_middle_icon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.sr_a_d_article_title {
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    background-color: #f2f2f2;
}

.sr_a_d_time_area {
    background-color: white;
    padding: 10px;
}

.sr_article_ad_mini_icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.sr_expert_profile_mini_icon {
    width: 20px;
    height: 20px;
}

.sr_article_ad_middle_icon {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.sr_a_d_area {
    background-color: white;
    padding-bottom: 50px;
}

#favorite_article {
    padding-top:5px;
    font-size: 10px;
}

#article_evaluation_count {
    padding-top:5px;
    font-size: 14px;
    font-weight: bold;
}

.sr_a_d_evaluation_comment_article_count {
    text-align: center;
}

.sr_expert_list_occupational_header_line {
    border: solid 2px #069c9c;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

.sr_expert_list_occupational_header {
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 200px;
    height: 36px;
    background: #069c9c;
    color: #ffffff;
    position: relative;
    padding-left: 10px;
    float: left;
}


.sr_expert_list_occupational_header_text {
    font-size: 11px;
    padding-top: 9px;
    padding-bottom: 5px;
    padding-left: 10px;
    float: left;
    color: #069c9c;
}

.sr_expert_list_occupational_header_text.after {
    float:none;
}

.sr_expert_list {
    font-size: 16px;
    text-align: center;
}

.sr_expert_list_1_box {
    border: solid 2px #DDDDDD;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 180px;
    width: 190px;
}

.sr_pro3_top_expert_list_1_box {
    background-color: white;
    border: solid 2px #DDDDDD;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 220px;
}

.sr_expert_list_name {
    padding-top: 5px;
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
    text-align: center;
    color: #069c9c;
}

.sr_expert_list_grade {
    position: absolute;
    top: -10px;
    right: 10px;
}

.sr_expert_list_grade_img {
    width: 50px;
}

.sr_expert_list_desired_connection_area {
    /*width: 190px;*/
    /*height: 30px;*/
    font-size: 10px;
    padding: 3px;
    background-color: #5a5a5a;
    color: white;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 60px;
}

.sr_expert_list_face_image {
    max-width: 100%;
    max-height: 120px;
    text-align: center;
}

.sr_pro3_top_c1 {
    position: relative;
    height: 400px;
}

.sr_pro3_top_c1_ov_i {
    background-image: url('/images/static/article/top_catch1.jpg');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    height: 400px;
}

.sr_pro3_top_c2_ov_i {
    background-image: url('/images/static/article/top_catch2.jpg');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    height: 400px;
}

.sr_pro3_top_c1_ov_t1 {
    position: relative;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 30px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: white;
    height: 30px;
}

.sr_pro3_top_c1_ov_t2 {
    position: relative;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(255,255,255,0.5);
    text-align: center;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    width: 270px;
    height: 40px;
}

.sr_pro3_top_c1_ov_t3 {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(255,255,255,0.5);
    text-align: center;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    width: 400px;
    height: 50px;
}

.sr_pro3_sp_top_c1 {
    margin-bottom: 10px;
    height: 200px;
    position: relative;
}

.sr_pro3_sp_top_c1_ov_i {
    height: 200px;
    background-image: url('/images/static/article/top_catch1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sr_pro3_sp_top_c1_ov_t3 {
    position: relative;
    background-color: rgba(84, 208, 214, 0.5);
    top: initial;
    bottom: -160px;
    padding: 5px;
    width: 100%;
    height: 40px;
    color: white;
    font-size: 12px;
    text-align: center;
}

.sr_pro3_sp_top_title1 {
    width: 100%;
    background-color: #34cccc;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    color: white;
}

.sr_pro3_sp_top_title {
    background-color: #26c7c7;
    padding: 30px;
    margin-top: 30px;
    font-size: 32px;
    color: white;
    font-weight: bold;
    text-align: center;
}

.sr_pro3_sp_top_2a_area {
    background-color: #dfdfdf;
    border: 1px solid white;
    width: 200px;
    text-align: center;
    padding: 20px;
    font-weight: bold;
}

.sr_pro3_sp_top_2b_area {
    background-color: #afafaf;
    width: 50px;
}

.sr_pro3_catch_text_1 {
    color: #808080;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.sr_pro3_catch_text_2 {
    font-size: 12px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.sr_pro3_e_profile_th {
    width: 100px;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 50px;
}

.sr_pro3_e_profile_td {
    padding: 5px;
    margin-top: 10px;
    padding-bottom: 50px;
}

.sr_pro3_e_profile_match_head {
    padding-top: 20px;
    display: table;

    margin-bottom: 10px;
}

.sr_pro3_e_profile_match_list_img {
    width: 40px;
}




/* 必須のスタイル指定(affix用) */
.sr_top_right_sidebar.affix {
    position: fixed;
    top: 100px;
    right: 0;
}
/* 必須のスタイル指定(affix用) */
.sr_top_right_sidebar.affix-bottom {
    position: absolute;
}

.sr_top_right_menu_box {
    width: 60px;
    height: 40px;
}

.sr_top_right_menu_box_text {
    font-size: 12px;
}

.sr_top_knowhow_link_area {
    padding-top: 5px;
}

.sr_c_beginner_e_text {
    font-size: 12px;
    padding: 5px;
}

.sr_b_beginner_e_title {
    font-size: 20px;
    padding: 5px;
    color: #029a9a;
    font-weight: bold;
}

.sr_b_beginner_e_text {
    font-size: 10px;
    padding: 5px;
}

.sr_c_beginner_e_area {

}

.sr_c_beginner_e_img_area {
    height: 200px;
}

.sr_c_beginner_e_text_area {
    height: 200px;
    background-color: white;
}

.sr_c_beginner_ei_area {
    margin-top: 10px;
    padding: 10px;
    background-color: white;
    border: solid 3px #d9d9d9;
}

.sr_c_beginne_ov_text {
    position: absolute;
    /* top: 0; */
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 18px;
    font-weight: bold;
    width: 80%;
    height: 100px;
    padding: 10px;
    text-shadow: #eee 1px 1px 0px, #eee -1px 1px 0px, #eee 1px -1px 0px, #eee -1px -1px 0px;
}

.sr_b_beginne_ov_text {
    position: absolute;
    /* top: 0; */
    /* left: 0; */
    right: 0;
    bottom: 10px;
    margin: auto;
    font-size: 18px;
    font-weight: bold;
    /* width: 80%; */
    height: 100px;
    padding: 10px;
    text-align: center;
    color: #029a9a;
}

.sr_b_beginne_ov_text2 {
    font-size: 28px;
}

.img_adjust {
    max-width: 95%;
    max-height: 500px;
}

.sr_bra_t_title1 {
    font-size: 28px;
    font-weight: bold;
    padding: 20px;
    text-align: center;
}

.sr_bra_t_text1 {
    padding: 10px;
    font-size: 16px;
    text-align: center;
}

.sr_bra_t_title2 {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 10px;

    text-align: center;
}

.sr_bra_ov_t1 {
    position: relative;
    top: initial;
    bottom: 100px;
    padding: 5px;
    width: 100%;
    height: 60px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.sr_bra_ov_t2 {
    position: relative;
    top: initial;
    bottom: 60px;
    padding: 5px;
    width: 100%;
    height: 40px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.sr_bra_pro_t_title1 {
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}

.sr_bra_pro_ov_t1 {
    position: relative;
    top: initial;
    bottom: 70px;
    padding: 5px;
    width: 100%;
    height: 60px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.sr_top_menu_for_beginner {
    font-size: 10px;
    padding: 5px;
    text-align: center;
    width: 140px;
    background-color: red;
    font-weight: bold;
    color: white;
    margin-right: 10px;
    margin-top: -10px;
}


.sr_job_title {
    font-size: 22px;
    font-weight: bold;
    color: #5082be;
    border-bottom: solid 1px #5a5a5a;
    padding: 5px;
    margin-top: 50px;
    margin-bottom: 10px;
}

.sr_job_title2 {
    font-size: 18px;
    font-weight: bold;
    color: #396193;
    text-align: center;
    padding: 5px;
    margin-top: 50px;
    margin-bottom: 10px;
}

.sr_job_s_3 {
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px;
    height: 130px;
}


.sr_p_job_ov_t1 {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 30px;
    font-size: 24px;
    color: white;
    height: 30px;
}


.sr_p_job_ov_button {
    position: absolute;
    /* top: 0; */
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    width: 300px;
    margin-left: 30px;
    margin-bottom: 30px;
}

.sr_p_service_home_ov_button {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    width: 300px;
}

.sr_p_service_home_ov_t1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 30px;
    font-size: 24px;
    font-weight: bold;
    color: white;
    height: 30px;
}

.sr_p_service_home_ov_t1_2 {
    font-size: 18px;
}






/*  PC用（特別調整）*/
@media (max-width: 1100px) {
    .navbar-catch-copy {
        display: none;
    }

    .breadcrumb {
        top: 80px;
    }

    .brand-logo {
        margin-left: 0px;
        height: 55px;
    }

    .sr_brand_logo_pro {
        margin-left: 0px;
    }

    .navbar {
        height: 80px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .sr_pc_top_menu_icon {
        height: 50px;
        width: auto;
    }

    .sr_pc_top_menu_icon_oyamiru {
        margin-top: 0px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .sr_debug_info {
        top: 80px;
    }

    .sr_top_link_base {
        position: absolute;
        width: 350px;
        margin-top: 50px;
        margin-bottom: 50px;
        left: 180px;
        top: 30px;
    }

    .sr_top_link_01 {
        width: 150px;
        position: absolute;
        left: 30px;
        top: 70px;
    }

    .sr_top_link_02 {
        width: 150px;
        position: absolute;
        left: 80px;
        top: 300px;
    }

    .sr_top_link_03 {
        width: 150px;
        position: absolute;
        left: 550px;
        top: 70px;
    }

    .sr_top_link_04 {
        width: 150px;
        position: absolute;
        left: 500px;
        top: 300px
    }


    .sr_beginner_info_img {
        width: 150px;
    }

    .sr_pro_lp_page_04_image {
        width: 300px;
    }


}

/*  PC用（特別調整） */











/*  タブレット用 */
@media (max-width: 1000px) {

    .sr_hide_tablet {
        display: none;
    }

    /*  上部メニュー領域固定　特別調整　ここから */
    #nav-content {
        background-color: #ffffff;
        border-bottom: solid 1px lightgray;
    }

    .navbar-fixed-top, .navbar-fixed-bottom {
        position: fixed;
    }

    .sr_inner_a_link {
        margin-top: -150px;
        padding-top: 150px;
    }

    .breadcrumb {
        position: fixed;
    }

    .sr_main_contents_area {
        margin-top: 0px;
    }
    /*  上部メニュー領域固定　特別調整　ここまで */



    .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .navbar-fixed-top, .navbar-fixed-bottom {   /* TOP の左調整*/
        left: 0px;
    }

    .sr_main_area {
        width: 100%;
    }

    .navbar  {
        height: 80px;
        margin-bottom: 0px;
    }

    .navbar-header {
        height: 65px;
    }

    .brand-logo {
        height: 60px;
    }

    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a {
        color: #FF6600;
    }

    .sr_debug_info {
        display: none !important;  /*  消す　*/
    }

    .sr_breadcrumb_menu_icon {
        display: none !important;  /*  消す　*/
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }


    .sr_btn_default {
        font-size: medium;
        margin-left: 20px;
    }

    .panel-default > .panel-heading {
        font-size: medium;
    }

    .title_announce {
        font-size: medium;
    }

    body {
        font-size: medium;
    }

    .panel-body {
        background: #FFF3ED;
        margin-top: 25px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
        padding: 5px !important;
        /* border: 2px #FF6600 solid; */ /* 枠線を引く */
        border-radius: 10px;      /* 角丸の指定 */
    }

    .btn {
        padding: 5px 5px;
        margin-bottom: 0;
        font-size: medium;
        max-width: 100%;
    }

    input[type="button"].sr_next {
        float: none;
        max-width: 100%;
    }

    .col-xs-6 {
        /*width: initial;*/
    }

    label {
        font-size: small;
    }

    pre {
        font-size: medium;
    }

    ol.progtrckr li.progtrckr-done {
        font-size: 5px;
    }

    ol.progtrckr li.progtrckr-todo {
        font-size: 5px;
    }

    ol.progtrckr li.progtrckr-todo:before {
        bottom: -2.6em;
    }

    /*  他人投稿閲覧時 */
    #sr_search_new_post, #sr_search_solution, #sr_search_tag, #sr_search_free_search_word {
        margin-top:-100px;
        padding-top:100px;
    }

    .sr_post_read_menu_area {
        /* height: 150px; */
    }

    .sr_post_read_menu {
        font-size: 12px;
        white-space: nowrap;
    }

    .sr_post_read_menu_icon {
        aria-hidden: true;
        float: left;
        height: 40px;
        width: 35px;
        font-size: 20px;
    }

    .sr_bottom_menu {
        margin-left: 30px;
        margin-right: 30px;
        white-space: normal;
        width: 90%;
    }


    /*  お勧めグッズ＆サービス詳細 */
    .sr_recommendation_img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .sr_recommendation_link_img {
        width: 80px;
    }

    .sr_recommendation_item_img {
        width: 50%;
    }


    .sr_post_consulting_button {
        padding: 12px 10px;
        margin-bottom: 0;
        font-size: medium;
        max-width: 100%;
        font-size: 10px;
        font-weight: bold;
    }


    .sr_lp_page_06 {
        margin-top: 40px;
        height: 850px;
        background-position: 100% 90%;
        margin-bottom: 50px;
    }

    .sr_lp_page_06_title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 30px;
        padding-bottom: 10px;
    }

    .sr_top_row_1 {
        border: none;
        height: inherit;
    }

    /* 15/10/20 add y.usui */
    .sr_doctor_profile_link_label5 {
        width: auto;
    }

    .sr_doctor_profile_link_image2 {
        width: 100%;
    }

    .sr_btn_light_green2 {
        width: 100%;
    }

    #sr_doctor_bottom_contents .outlines1 {
        margin-left:0;
        width:100%;
    }

    #sr_doctor_bottom_contents .outlines2 {
        margin-left:0;
        width:100%;
    }

    #sr_doctor_bottom_contents .body2 {
        clear:both;
    }

    #post_contents .left {
        float:left;
        width:100%;
    }

    #post_contents .right {
        float:right;
        margin-left:0;
        width:100%;
    }

    #post_contents .btn1 {
        width:100%;
    }

    #posting_form {
        width:100%;
    }

    #posting_form_top .left{
        width:100%;
        margin:0;
    }

    #posting_form_top .right{
        width:100%;
        margin:0;
    }

    .sera_logo { width:auto; max-width:250px; }

    .sera_head { margin-top:20px; }

    .sr_map_icon_ui_img {
        height: 60px;
    }

    .sr_map_icon_ui_text {
        font-size: 10px;
    }

    .sr_signup_area {
        border-right: none;
    }

    .sr_map_top_address_search_area {
        margin-left: 10px;
        padding-top: 0px;
        clear: both;
    }

    .sr_map_main_area {
        width:100%;
    }

    .sera_category_list_1_area {
        width: 50%;
        text-align: center;
    }


    .sr_expert_main_area {
        width: 100%;
        padding: 5px;
    }

    .sr_pro_main_area {
        width: 100%;
        padding: 5px;
    }

    .sr_atsumeru_catch_img_area {
        height: 400px;
    }

    .sr_atsumeru_catch_text {
        font-size: 24px;
    }

    .sr_expert_list_catch_img_area {
        height: 300px;
    }

    .sr_expert_list_catch_img_area2 {
        height: 300px;
    }

    .sr_top_menu_pc_left_link_area {
        font-size: 12px;
    }

    .sr_doctor_list_1_box {
        height: 420px;
    }

    .sr_expert_list_catch_text {
        font-size: 32px;
    }

    .sr_atsumeru_title_mini {
        font-size: 12px;
    }

    .sr_pro3_top_menu_button {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
    }

    .sr_c_beginne_ov_text {
        font-size: 16px;
    }

    .sr_bra_pro_t_title1 {
        font-size: 16px;
    }

}
/*  タブレット用 */












/*  スマホ用 */
@media (max-width: 764px) {

    .sr_top_body {
        margin-top: 80px;
    }

    .sr_only_pc {
        display: none !important;
    }

    .sr_only_sp {
        display: block;
    }

    .sr_form_middle {
        width: 100%;
    }

    .navbar-header {
        border-bottom: solid 1px lightgray;
    }

    .panel-default {
        margin-top:10px;
    }

    /*  PC 用メニュー非表示 */
    .sr_pc_menu {
        display: none;
    }
    .sr_pc_left_menu {
        display: none;
    }

    /*  SP 用メニュー表示 */
    .sr_mobile_menu {
        display: inline;
    }

    .sr_menu_box {
        display: table;
        position: absolute;
        border-top: solid 1px;
        border-bottom: solid 1px;
        background-color: #ffffff;
    }

    .sr_menu_box_2 {
        margin-right: 10px;
    }

    .navbar-collapse {
        padding-left:0px;
        padding-right:0px;
    }

    .sr_pc_top_menu_icon {
        height: 45px;
        width: auto;
    }

    .sr_pc_top_menu_icon_oyamiru {
        width: 120px;
    }

    .sr_top_link_base {
        position: absolute;
        width: 100%;
        left: 10px;
        top: 110px;
        max-width: 350px;
    }

    .sr_top_link_01 {
        width: 120px;
        position: absolute;
        left: 10px;
        top: 0px;
    }

    .sr_top_link_02 {
        width: 120px;
        position: absolute;
        left: 10px;
        top: 460px;
    }

    .sr_top_link_03 {
        width: 120px;
        position: absolute;
        left: 200px;
        top: 0px;
    }

    .sr_top_link_04 {
        width: 120px;
        position: absolute;
        left: 200px;
        top: 460px
    }


    .sr_recommendation_img_head {
        width: 100%;
        height: auto;
        padding-bottom: 20px;
        padding-top: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }


    .sr_for_beginner_title {
        font-size: 16px;
    }


    .sr_doctor_list_name {
        font-size: 12px;
    }

    .sr_doctor_list_face_image {
        max-width: 130px;
    }

    .sr_doctor_list {
        font-size: 12px;
    }

    .sr_doctor_list_box {
        margin-bottom: 20px;
        padding-left: 0px;
        padding-right: 10px;
        width: initial;
    }

    .sr_doctor_list_1_box {
        width: 140px;
        height: 345px;
    }

    .sr_doctor_list_occupational_row_block {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .sr_doctor_list_evaluation_area {
        width: auto;
        font-size: 11px;
        margin-right: 0px;
        border-right-width: 0px;
        padding-right: 0px;
        padding-left: 5px;
    }

    .sr_doctor_profile_multi_line {
        width: 260px;
        font-size: 14px;
        margin-right: 20px;
    }

    .sr_doctor_profile_name_text {
        width: 100%;
        font-size: 22px;
    }

    .sr_doctor_detail_occupational_header {
        margin-top: 30px;
        width: 260px;
    }

    .sr_doctor_profile_text {
        margin-right: 10px;
    }

    a.sr_head_inner_link {
        font-size: 12px;
        width: 140px;
    }


    /*  ランディングページ */
    .sr_lp_btn {
        width:280px;
    }

    .sr_lp_page_01 {
        margin-top: 20px;
        background-image: none;
        background-repeat: no-repeat;
        background-position: right;
        height: 400px;
        background-position: 100% 50%;
        text-shadow: none;
    }

    .sr_lp_page_01_title {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .sr_lp_page_01_listitem {

        list-style: none;
        padding-left: 0em;
        text-indent: 0em;
    }

    .sr_lp_page_01_button_area {
        margin-top:10px;
    }

    .sr_lp_page_01_btn {
        width: 90%;
    }

    .sr_lp_page_02_list {
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: solid 1px #CCCCCC;
    }

    .sr_sp_mini_text {
        font-size: 12px;
    }

    .sr_lp_page_02 {
        margin-top: 80px;
    }

    .sr_lp_page_02_title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 30px;
        padding-bottom: 10px;
        border-bottom: solid 10px #CCCCCC;
    }

    .sr_lp_page_03 {
        margin-top: 40px;
        height: 800px;
        background-position: 100% 90%;
    }

    .sr_lp_page_03_title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 30px;
        padding-bottom: 10px;
    }

    .sr_lp_page_03_btn {
        border-left: 0px;
        padding-left: 5px;
    }

    .sr_lp_page_04 {
        margin-top: 40px;
        height: 700px;
        background-position: 100% 90%;
    }

    .sr_lp_page_04_title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 30px;
        padding-bottom: 10px;
    }

    .sr_lp_page_04_btn {
        border-left: 0px;
        padding-left: 5px;
    }

    .sr_lp_page_05 {
        margin-top: 40px;
        height: 700px;
        background-position: 100% 90%;
    }

    .sr_lp_page_05_title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 30px;
        padding-bottom: 10px;
    }

    .sr_lp_page_05_btn {
        border-left: 0px;
        padding-left: 5px;
    }


    .sr_lp_page_06 {
        margin-top: 40px;
        height: 850px;
        background-position: 100% 120%;
        margin-bottom: 50px;
    }

    .sr_lp_page_06_title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 30px;
        padding-bottom: 10px;
    }


    .sr_doctor_list_head_title_s {
        font-size: 8px;
    }


    /*  PRO ランディングページ ここから*/
    .sr_pro_lp_page_04_image {
        width: 250px;
    }

    .sr_pro_lp_page_01_logo {
        max-width: 400px;
        margin-top: 20px;
        margin-left: 20px;
        margin-right: 10px;
    }

    .sr_pro_lp_page_01_list_area {
        font-size: 16px;
        margin-top: 30px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
    }

    .sr_pro_lp_page_01_title {
        text-align: left;
    }

    .sr_pro_lp_page_02_title {
        font-size: 32px;
    }

    .sr_pro_lp_page_03_a {
        margin-top: 30px;
    }

    .sr_pro_lp_page_03_b {
        margin-top: 30px;
    }

    .sr_pro_lp_page_03_title2 {
        letter-spacing: 0em;
    }

    .sr_pro_lp_page_04_title {
        font-size: 32px;
        float: none;
    }

    .sr_pro_lp_page_04_title_min2_box {
        float: none;
        width: 100%;
    }

    .sr_pro_lp_page_04_image {
        width: 150px;
    }

    .sr_pro_lp_page_05_title {
        font-size: 32px;
        float: none;
    }

    .sr_pro_lp_page_05_title_min_box {
        float: none;
        width: 100%;
    }

    .sr_pro_lp_page_05_title2 {
        font-size: 16px;
        padding-bottom: 20px;
    }

    .sr_pro_lp_page_05_l_title {
        padding-top: 30px;
    }

    .sr_pro_lp_page_05_btn1 {
        width: 80%;
    }

    .sr_pro_lp_page_05_btn2 {
        width: 80%;
    }

    .sr_pro_lp_page_08_title, .sr_pro_lp_page_09_title  {
        font-size: 16px;
    }
    /*  PRO ランディングページ ここまで*/


    /*  PRO 説明ページ ここから*/
    .sr_pro_explain_wooh_logo_box {
        width: 200px;
    }

    .sr_pro_explain_wooh_logo_img {
        width: 150px;
    }
    /*  PRO 説明ページ ここまで*/


    /*  初めての方へ ここから*/
    .sr_beginner_info_title {
        padding-top: 0px;
    }

    .sr_beginner_info_area {
        background-image: none;
    }

    .sr_beginner_info_area2 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .sr_beginner_info_img {
        width: 130px;
        margin-left: 0px;
        margin-bottom: 40px;
    }

    .sr_login_button_box {
        margin-top: 50px;
    }

    .sr_beginner_title_img {
        width: 100%;
    }
    /*  初めての方へ ここまで*/


    /*  TOP ここから*/
    .sr_top_in_btn_area {
        text-align: left;
    }

    .sr_top_row_1 {
        border: none;
        height: inherit;
    }

    .sr_top_post_count {
        font-size: 12px;
    }

    .sr_top_link_list {
        font-size: 18px;
    }

    .sr_top_title_img {
        width: 100%;
        max-width: 400px;
    }

    .sr_top_title_u {
        border-bottom: none;
    }


    .sr_or_post_area {
        margin-top: 40px;
        padding: 5px 5px 5px;
    }

    .sr_or_logo_img {
        height: 30px;
    }

    .sr_or_logo_img_text {
        font-size: 12px;
        font-weight: bold;
        padding-top: 0px;
        padding-left: 50px;
    }

    .sr_or_logo_box {
        margin-top: 30px;
    }

    .sr_or_contents_box {
        font-size: 14px;
        height: 200px;
    }
    /*  TOP ここまで*/


    .sr_post_avatar_middle {
        width: auto;
        height: 60px;
    }


    .sr_seminar_menu {
        font-size: 12px;
    }

    .sr_seminar_d_side_text {
        font-size: 12px;
    }

    .sr_seminar_form_box {
        max-width: 500px;
        margin-left: 0px;
    }


    .sr_seminar_list_box {
        width: 100%;
        height: auto;
    }

    .sr_seminar_o_info_link, .sr_seminar_o_info_link2 {
        font-size: 12px;
    }

    .sr_seminar_form_input_box {
        margin-left: 0px;
    }

    .sr_atsumeru_form_input_box {
        margin-left: 0px;
    }

    .sr_atsumeru_list_box {
        width: 100%;
    }

    .sr_atsumeru_list_count_info {
        margin-left: 0px;
    }

    .sr_atsumeru_list_area {
        margin-left: 0px;
    }


    .sr_atsumeru_big_link_button_01 {
        margin-left: 20px;
    }

    #post_contents .post_box_in {
        padding-left:100px;
    }

    .sr_post_avatar_big_caregiver {
        margin-left: 0px;
        width: 80px;
    }

    .sr_post_avatar_big {
        width: 80px;
    }

    .sr_map_post_form_title {
        width: 100%;
    }
    .sr_map_post_under_map {
        margin-top: 350px;
    }


    /* 地図 ここから */

    #sr_map_frame {
        width: 100%;
        margin-left: -15px;
        position: absolute;
    }

    #map_canvas {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }


    #sr_map_under_bar {
        display: inline;
    }

    #sr_map_side_bar {
        display: none;
    }

    #sr_map_marker_list_area_link_button {
        display: inline;
    }

    #sr_map_under_bar ul {
        list-style: none;
        padding: 0;
    }

    #sr_map_under_bar ul li {
        margin: 0;
        padding: 3px;
        border-top: 1px dotted #ccc;
        cursor: pointer;
        margin-bottom: 10px;
    }

    #sr_map_print_life_all_button, #sr_map_print_care_all_button {
        display: none;
    }

    #sr_under_map_area {
        margin-top: 600px;
    }

    #sr_map_under_r_list {
        width: 90%;
        height: 500px;
        overflow-y: scroll;
        border: solid 1px lightgray;
        margin-bottom: 40px;
    }

    .sr_map_icon_ui_result_area {
        max-width: 100%;
    }

    .sr_map_icon_ui_img {
        width: 40px;
        height: 60px;
    }

    .sr_map_icon_ui_text {
        width: 39px;
    }


    .sr_map_resource_type_icon {
        width: 32px;
        height: 32px;
    }

    .sr_map_emotion_icon {
        width: 40px;
        height: 38px;
    }



    .sr_map_menu_button {
        position: relative;
        top: -150px;
    }
    .sr_map_ui_icon_img {
        width: 60px;
        height: 100%;
    }

    .nav > li > a:hover, .nav > li > a:focus {
        background-color: unset;
    }

    .sr_map_icon_title_area {
        max-width: 100%;
    }

    .sr_map_icon_explain_link {
        width: 70%;
        padding-top: 30px;
    }

    .sr_map_top_logo {
        margin-bottom: 20px;
        float: inherit;
    }

    .sr_map_top_home_link {
        font-size: 12px;
    }

    .sr_map_emotion_icon_area {
        margin-bottom: 60px;
    }

    .sr_map_main_area {
        width:100%;
    }

    #sr_geocoding {
        font-size: 14px;
        margin-left: 0px;
    }

    /* 地図 ここまで */



    .sr_signup_title {
        font-size: 20px;
    }

    .sr_bottom_sitemap_sub_area {
        padding-top: 0px;
        padding-bottom: 0px;
    }


    .sera_category_list_1_area {
        width: 100%;
    }

    .sera_category_list_text {
        font-size: 16px;
    }



    .sr_expert_list_catch_img_area {
        height: 140px;
    }

    .sr_expert_list_catch_img_area2 {
        height: 140px;
    }

    .sr_expert_list_catch_text {
        font-size: 22px;
    }

    .sr_expert_list_catch_text2 {
        font-size: 16px;
    }

    .sr_expert_list_catch_text_3 {
        font-size: 12px;
    }

    .sr_atsumeru_catch_img_area {
        height: 200px;
    }

    .sr_atsumeru_catch_text {
        font-size: 12px;
    }

    .sr_atsumeru_catch_text2 {
        font-size: 12px;
    }

    .sr_atsumeru_catch_button {
        bottom: 30px;
        padding: 3px;
        font-size: 18px;
        width: 200px;
        height: 50px;
    }

    .sr_mypage_head_info_area {
        width: 100%;
        background-color: white;
        padding: 0px;
    }

    .sr_doctor_detail_occupational_header_line {
        margin-top: 20px;

    }

    .sr_doctor_profile_evaluation_area {
        padding-right: 0px;
    }

    .sr_doctor_detail_profile_none_border {
        padding: 0px;
    }

    .sr_mypage_panel {
        width: 90%;
    }


    .sr_doctor_list_desired_connection_area {
        font-size: 8px;
    }

    .sr_expert_edit_match_fee {
        margin-left: 20px;
    }


    .sr_a_middle_top_menu_area {
        width: 50%;
    }

    .sr_a_l_article_title {
        font-size: 12px;
    }

    .sr_a_l_article_title_v {
        font-size: 10px;
    }

    .sr_a_l_article_catch_img {
        height: inherit;
        max-height: 100%;
    }

    .sr_a_l_article_catch_img_area {
        border: none;
    }

    .sr_expert_list_1_box {
        width: 100%;
    }

    .sr_expert_list_desired_connection_area {
        width: 100%;
    }

    .sr_a_d_article_more_read_button, .sr_a_d_left_button, .sr_a_d_article_darkgreen_button, .sr_a_d_article_post_comment_button {
        font-size: 10px;
    }

    .sr_a_d_writer_name_area {
        font-size: 10px;
    }

    .sr_article_e_mini_icon {
        width: 15px;
        height: 15px;
        margin-right: 1px;
    }

    .sr_a_right_menu_area {
        text-align: center;
    }

    .sr_pro3_e_profile_td {
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .sr_pro3_e_profile_match_list_img {
        width: 25px;
    }

    .sr_c_beginne_ov_text {
        top: 110px;
        font-size: 12px;
        width: 100%;
    }

    .sr_b_beginne_ov_text {
        font-size: 14px;
    }

    .sr_b_beginne_ov_text2 {
        font-size: 18px;
    }

    .img_adjust {
        height: inherit !important;
        max-width: 100% !important;
    }


    .sr_job_s_3 {
        height: inherit;
    }

    .breadcrumb2 {
        font-size: 12px;
    }

    .sr_bra_t_title1 {
        font-size: 22px;
    }


}
/*  スマホ用 */












/*  SNS シェアボタン　ここから */
.social-area-syncer
{
    width: 100% ;
    min-height: 190px ;
    background: #FFFFFF ;	/* 背景色 */
    padding: 1.5em 0 ;
}

/* デスクトップPCでは高さを拡張する */
@media screen and ( min-width:480px )
{
    .social-area-syncer
    {
        min-height: 119px ;
    }
}

/******************************
 [ul]要素
******************************/
/* スマホ */
ul.social-button-syncer
{
    width: 238px ;
    margin: 24px auto ;
    padding: 0 ;
    border: none ;
    list-style-type: none ;
}

/* デスクトップ */
@media screen and ( min-width:480px )
{
    ul.social-button-syncer
    {
        width: 410px ;
    }
}

/******************************
 [li]要素
******************************/
ul.social-button-syncer li
{
    float: left ;
    text-align: center ;
    height: 71px ;
    margin: 0 8px ;
    padding:0 ;
}

/******************************
 各種ボタン
******************************/
/* [Twitter] */
.sc-tw
{
    width: 71px ;
}

/* [Facebook] */
.sc-fb
{
    z-index: 99 ;
    width: 69px ;
}

/* [LINE] */
.sc-li
{
    width: 50px ;
}

.sc-li-img
{
    border: none ;
    margin: 0 auto ;
    padding:0 ;
    width: 36px ;
    height: 60px ;
}

/* デスクトップPCではLINEボタンを表示しない */
@media screen and ( min-width:480px )
{
    .sc-li
    {
        display: none ;
    }
}
/*  SNS シェアボタン　ここまで */



/* iPad 調整用 */
@media only screen
 and (min-device-width: 768px)
 and (max-device-width: 1024px) {
    .brand-logo {
        width: 160px;
        height: auto;
    }
}
/* iPad 調整用 */