@charset "utf-8";


/*全てのウインドウサイズに読み込ませる*/


/*------------------------------------- Whitening ---------------------------------------------------------------------------------------------------------------------------------------------------*/

#anchor01,
#anchor02 {
    padding-top: 101px;
    margin-top: -101px;
}


.w_nav01 {
    width: 140px;
}

.w_nav02 {
    width: 125px;
}

.w_nav04 {
    width: 170px;
}

.w_nav05 {
    width: 140px;
}

.w_nav06 {
    width: 140px;
}

.w_nav07 {
    width: 210px;
}

.w_nav08 {
    width: 150px;
}

.inview {
    position: relative;
    top: -20px;
}

.cancel {
    text-decoration: line-through;
}

.content_sub a:link {
    color: #CEAC82;
    text-decoration: underline;
}

.content_sub a:visited {
    color: #CEAC82;
    text-decoration: none;
}

.content_sub a:hover {
    color: #CEAC82;
    text-decoration: none;
}

.tereatment_box_wrap a:link {
    color: #000;
    text-decoration: underline;
}

.tereatment_box_wrap a:visited {
    color: #000;
    text-decoration: none;
}

.tereatment_box_wrap a:hover {
    color: #000;
    text-decoration: none;
}


/*-----------------------  仮のフッター  --------------------*/

.provisional li {
    display: inline;
    margin-left: 0;
    margin-right: 20px;
}

.provisional li.f_st01 {
    display: block;
}

.provisional li a {
    display: inline-block;
    margin-bottom: 10px;
}



/*----- content_header -----*/

.content_header {
    background-color: #f6f7fb;
/*     padding-top: 140px; */
}


/* 旧サブメイン */


/*.content_header {
    background: url(common/img/sub/bg_sub_header.png) center top;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 140px;
}*/

.h_sub_nav {
    background: rgba(234, 245, 255, .9);
    width: 100%;
    position: fixed;
    z-index: 200;
    top: 80px;
}

.implant .h_sub_nav {
    background: rgba(133, 189, 60, .7);
}

.h_sub_nav_in {
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}

.ti_sub_nav_h {
    float: left;
}

.nav_list_h {
    overflow: hidden;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 14px;
}

.nav_list_h li {
    display: inline-block;
    background: url(common/img/sub/ic_arrow_h01.png) no-repeat left center;
    padding-left: 10px;
    margin-right: 10px;
}

.nav_list_h li a {
    color: #000;
}

.box_ti_h1 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding: 10px 0;
/*
	 display: flex;
flex-flow: row-reverse;
*/
    align-items: center;
    justify-content: space-between;
}

.box_ti_h1 h1{
	text-align: left;
}

.box_ti_h1 span {
    font-family: "リュウミン R-KL", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
}

.box_ti_h1 .sp_none {
    max-width: none;
}

.ti_h1 {
    /* float: right;*/
/* 	line-height: 100%; */
	margin-bottom: 10px;
}

.breadcrumbs {
 /*   clear: both;
    padding: 24px 0 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); */
}

.breadcrumbs li {
    display: inline;
    background: url(common/img/sub/ic_arrow_breadbrumbs.png) no-repeat left center;
    padding-left: 10px;
    font-size: 14px;
}

.breadcrumbs li:first-child {
    padding-left: 0;
    background: none;
}

.breadcrumbs li a {
    color: #59493f;
    text-decoration: none;
    display: inline;
}

.breadcrumbs li a:hover {
    color: #59493f;
    text-decoration: underline;
}

.box_ti_h3 {
    background: #00A0EA;
}

.implant .box_ti_h3 {
    background: #44B130;
}

.ti_h3 {
    text-align: center;
}

.ti_h3 img {
    position: relative;
    left: 50px;
}



/*----- .content_sub ------*/

.content_sub_inner {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 0 0;
}

.content_sub_inner02 {
    width: 1200px;
    margin: 0 auto;
    padding: 0 0 0;
}

.content_sub_inner03 {
    width: 1400px;
    margin: 0 auto;
    padding: 0 0 0;
}

.text_sub {
    margin-bottom: 70px;
    overflow: hidden;
}

.text_sub p {
    overflow: hidden;
}

.text_sub_text {
    width: 800px;
    float: left;
}

.text_sub_text02 {
    float: right;
}

.text_sub_img {
    width: 325px;
    float: right;
}

.text_sub_img02 {
    float: left;
}

.ti_h4 {
    margin-bottom: 40px;
}

.default .ti_h4 {
    margin-bottom: 40px;
    border-bottom: 1px solid #e0e0e0;
}

.default .ti_h4 img {
    position: relative;
    bottom: -1px;
}

.lead {
    text-align: center;
}

.lead_sub {
    margin-bottom: 20px;
}

.box_sbs {
    background: #fcf9f4;
    padding: 30px;
    padding-bottom: 50px;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
}

.box_sbs_cont {
    /*float: left;*/
    border-right: 1px solid #ffffff;
    text-align: center;
    box-sizing: border-box;
    display: table-cell;
    position: relative;
}

.box_sbs_set {
    margin-bottom: 50px;
}

.box_sbs_cont:last-child {
    border-right: 0;
}

.box_sbs_cont .img {
    margin-bottom: 20px;
}

.ti_h5 {
    margin-bottom: 20px;
}

.ti_h5_02 {
    margin-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
}

.ti_h5_02 img {
    position: relative;
    bottom: -1px;
}

.ti_h6 {
    margin-bottom: 20px;
}

.box_sbs_cont .txt {
    width: 53.488372093023%;
    margin: 0 auto;
}

.box_img,
.box_txt {
    display: table-cell;
    vertical-align: middle;
}

.box_txt {
    clear: both;
}

.box_txt_in {
    overflow: hidden;
}



/*----- .step ------*/

.step:after {
    content: "";
    display: block;
    clear: both;
}

.list_step li {}

.step dt {
    float: left;
    width: 160px;
    position: relative;
}

.step dd {
    float: left;
    width: 940px;
    padding-left: 100px;
    background: url(common/img/sub/bd_step.jpg) repeat-y 44px 10px;
    position: relative;
    top: 10px;
    padding-bottom: 40px;
}

.list_point .step dd {
    background: none;
    padding-left: 30px;
    width: auto;
}

.step dd:before {
    content: url(common/img/sub/ic_circle01.png);
    position: absolute;
    top: 0;
    left: 38px;
}

.implant .step dd:before {
    content: url(common/img/sub/ic_circle01g.png);
}

.list_point .step dd:before {
    content: "";
}

.ti_step {
    font-size: 22px;
    font-weight: bold;
    margin-top: -8px;
    padding-bottom: 10px;
}

.step.last dd {
    background: none;
}



/*----- .section_point ------*/

.section_point {
    /*  background: url(common/img/sub/bg_point.jpg) no-repeat center top #F7F5F8;
  -webkit-background-size: cover;
  background-size: cover;*/
}

.section_point_inner {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 0;
    position: relative;
    z-index: 10;
}

.point_cont {
    width: 680px;
}

.point_cont.right {
    margin-left: auto;
    width: 580px;
}

.ti_point {
    margin-bottom: 20px;
}

.txt_point {
    margin-bottom: 20px;
}



/*----- .ta01_sub ------*/

.ta01_sub {
    table-layout: fixed;
}

.ta01_sub thead {
    color: #ffffff;
    background-color: #88BBF4;
}

.ta01_sub thead th {
    font-weight: normal;
    text-align: center;
}

.ta01_sub th,
.ta01_sub td {
    padding: 15px;
}

.ta01_sub tbody th,
.ta01_sub tbody td {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
}

.ta01_sub tbody th {
    background-color: #f1e7e1;
    text-align: center;
}

.ta01_sub tbody td {
    text-align: center;
    background-color: #fff;
}

.ta01_sub.doctor tbody td {
    text-align: left;
}

.ta01_sub.doctor tbody th {
    font-weight: normal;
}

.recruit .ta01_sub tbody th {
    text-align: left;
    padding-left: 50px;
}

.recruit .ta01_sub tbody td {
    text-align: left;
    padding-left: 50px;
}

/*----- .tablepress ※料金表用 ------*/

#priceContent .box_price {
    display: block !important;
}
.tablepress {
    width: 100%;
}

.tablepress tfoot th,
.tablepress thead th {
    color: #ffffff !important;
    background-color: #D4AF82 !important;
}

.tablepress thead {
    color: #ffffff !important;
    background-color: #D4AF82 !important;
}

.tablepress thead th {
    font-weight: normal !important;
    text-align: center !important;
}

.tablepress th,
.tablepress td {
    padding: 15px !important;
}

.tablepress tbody {
    overflow-x: auto !important;
    white-space: nowrap !important;
    width: auto !important;
}

.tablepress tbody th,
.tablepress tbody td {
	vertical-align: middle;
    border-bottom: 1px solid #e0e0e0 !important;
    border-top: 1px solid #e0e0e0 !important;
}

.tablepress tbody th {
    background-color: #f1e7e1 !important;
    text-align: center !important;
}

.tablepress tbody .column-1 {
    background: #FBF8F3 !important;
    font-weight: bold !important;
}

.tablepress tbody td {
    text-align: center;
    background-color: #fff !important;
}

.ta01_sub tbody td {
    text-align: center;
    background-color: #fff;
}

/*----- .cont_mini -----*/

.box_mini {
    width: 580px;
    padding: 30px;
    box-sizing: border-box;
    background-color: #f7f5f7;
    overflow: hidden;
}

.box_mini.single {
    width: auto;
}

.box_mini .img {
    float: right;
    margin-left: 20px;
}

.cont_mini {
    overflow: hidden;
}

.ti_mini {
    margin-bottom: 10px;
}



/*----- .list_img -----*/

.list_img {
    overflow: hidden;
    margin-bottom: 40px;
}

.list_img.tri {
    margin-right: -40px;
}

.list_img.tri li {
    float: left;
    width: 373px;
    margin-right: 40px;
}


/*----- .factor ------*/

.factor_list {
    overflow: hidden;
    margin-bottom: 20px;
}

.factor_list:last-child {
    margin-bottom: 0;
}

.factor_list li {
    width: 280px;
    background-color: #fcf9f4;
    float: left;
    text-align: center;
    padding: 10px 0;
    margin-right: 26px;
}

.factor_list li:last-child {
    margin-right: 0;
}


/*----- worries ------*/

.worries_box {
    overflow: hidden;
}

.worries_box ul {
    overflow: hidden;
    margin-bottom: 20px;
}

.worries_box ul:last-child {
    margin-bottom: 0;
}

.worries_box ul li {
    overflow: hidden;
    background-color: #fefdfc;
    width: 330px;
    float: left;
    margin-right: 26px;
}

.worries_box ul li:last-child {
    margin-right: 0;
}

.worries_box li p {
    font-size: 20px;
    text-align: center;
    background-color: #faf7f2;
    padding: 25px 0;
}

.worries_list {
    padding: 30px 50px 25px 40px;
}

.worries_list li {
    background: url(common/img/sub/ic_circle03.png) no-repeat left 7px;
    padding: 0 0 10px 23px;
}



/*----- page == zoom -----*/

.box_sbs.zoom .box_sbs_cont .txt {
    width: 73.488372%;
}

.liverspot .box_sbs.zoom .box_sbs_cont .txt {
    width: 73.488372%;
}

.box_sbs.flow .txt:after {
    content: url(menu/whitening/img/ic_arrow01.png);
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 100%;
    height: auto;
}

.liverspot .box_sbs.flow .txt:after {
    content: url(common/img/sub/ic_arrow02.png);
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 100%;
    height: auto;
}

.box_sbs.flow.no_arrow .txt:after {
    content: "";
}

.dl_style01 {
    background: #ECF6FF;
    padding: 20px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.dl_style01 dt {
    float: left;
    clear: left;
    font-weight: bold;
    color: #0054A5;
}

.dl_style01 dd {
    margin-bottom: 5px;
    padding-left: 5em;
}

.em08.dl_style01 dd {
    margin-bottom: 5px;
    padding-left: 8em;
}

.list_check01 li {
    margin-bottom: 10px;
    text-indent: -1em;
    padding-left: 1em;
}

.list_check01 li:before {
    content: "✔";
    color: #0054a6;
    padding-right: 5px;
}



/*----- page == poririn -----*/

.ta01_sub.poririn {
    border-top: 1px solid #e0e0e0;
}



/*----- page == home -----*/

.box_blue {
    background: #ECF6FF;
    padding: 30px;
}

.ti_blue {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffffff;
}

.list_home li {
    margin-bottom: 20px;
}



/*----- page == dual -----*/

.list_dual {
    overflow: hidden;
}

.list_dual li {
    float: right;
}

.list_dual li:first-child {
    float: left;
}

.list_dual li {
    width: 590px;
}



/*----- page == case -----*/

.box_case {
    overflow: hidden;
    margin-bottom: 30px;
}

.box_case_r {
    float: right;
    margin-left: 20px;
}

.box_case_l {
    overflow: hidden;
}

.box_shade {
    background: #ECF6FF;
    padding: 10px 20px;
    margin-top: 10px;
}

.box_shade {
    display: table;
    width: 100%;
}

.ti_shade,
.img_shade {
    display: table-cell;
    vertical-align: middle;
}



/*----- page == premium -----*/

.box_sbs.premium .txt:after {
    content: "";
}

.box_sbs.premium {
    background: none;
    padding: 0;
    position: relative;
}

.box_sbs.premium .box_sbs_cont {
    padding: 60px 20px;
}

.box_sbs.premium .box_sbs_cont:first-child {
    background: #0054a6;
}

.box_sbs.premium .box_sbs_cont:nth-child(2n) {
    background: #007ac5;
}

.box_sbs.premium .box_sbs_cont:nth-child(3n) {
    background: #00a0e9;
}

.point_cont.right.premium {
    margin-right: 200px;
}

.cross {
    position: absolute;
    left: 0;
}



/*------------------------------------- Default ---------------------------------------------------------------------------------------------------------------------------------------------------*/

.list_parent {
    background: url(common/img/sub/ico_menu01.png) no-repeat 10px 18px;
    padding-left: 30px;
    border-bottom: 1px solid #e0e0e0;
}

.list_parent a {
    display: block;
    padding: 10px 0;
}

.list_chlid a {
    padding: 0;
}

.list_chlid li {
    padding-bottom: 5px;
    background: url(common/img/sub/ico_menu02.png) no-repeat left 10px;
    padding-left: 10px;
}

.list_parent.active {
    background-image: url(common/img/sub/ico_menu01_on.png);
}

.menu_side {
    margin-bottom: 40px;
}

.list_bnr li {
    margin-bottom: 20px;
}

.default .content_header {
    padding-top: 0;
}

.default .content_sub_inner {
    overflow: hidden;
    padding-top: 50px;
}

.single .content_sub_inner {
    overflow: hidden;
    padding-top: 50px;
}

.default .step dd {
    width: 940px;
}

.default .step dd:before {
    content: url(common/img/sub/ic_circle02.png);
}

.default .ta01_sub thead {
    background: #D4AF82;
}

.default .ta01_sub tbody th {
    background: #f1e7e1;
}

.content_left {
    float: left;
    width: 300px;
}



/*.content_right {
    float: right;
    width: 1040px;
}*/

.default .box_mini {
    /*width: 500px;*/
    background: #FBF8F3;
}

.list_doctor li {
    padding: 10px;
    border-bottom: 2px solid #FBF8F3;
}

.list_doctor li:nth-child(odd) {
    background: #FBF8F3;
}

.list_doctor li:nth-child(even) {
    background: #fff;
}


/* num */

.num_text {
    padding: 15px 0 15px 75px;
}

#num01 {
    background: url(common/img/sub/img_num01.png) no-repeat left center;
}

#num02 {
    background: url(common/img/sub/img_num02.png) no-repeat left center;
}

#num03 {
    background: url(common/img/sub/img_num03.png) no-repeat left center;
}

#num04 {
    background: url(common/img/sub/img_num04.png) no-repeat left center;
}

#num05 {
    background: url(common/img/sub/img_num05.png) no-repeat left center;
}

#num06 {
    background: url(common/img/sub/img_num06.png) no-repeat left center;
}

#num07 {
    background: url(common/img/sub/img_num07.png) no-repeat left center;
}

#num08 {
    background: url(common/img/sub/img_num08.png) no-repeat left center;
}

#num09 {
    background: url(common/img/sub/img_num09.png) no-repeat left center;
}

#num10 {
    background: url(common/img/sub/img_num10.png) no-repeat left center;
}



/* faq */

.ti_faq_q {
    font-size: 28px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    background: url(common/img/sub/faq_q.png) no-repeat left 4px;
    padding-left: 40px;
}

.box_faq_a {
    background: url(common/img/sub/faq_a.png) no-repeat left top;
    padding-left: 40px;
}

.wrap_faq {
    margin-bottom: 30px;
}


/* form */

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


/* link */

#pmtc {
    padding-top: 140px;
    margin-top: -140px;
}




/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 640以下（スマホ） --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 640px) {
    .inview {
        top: 0;
    }

    .h_sub_nav {
        /*display: none;*/
        position: static;
    }

    .h_sub_nav_in {
        width: 100%;
    }

    .ti_sub_nav_h {
        float: none;
    }

    .ti_sub_nav_h img {
        width: 100%;
    }

    .nav_list_h {
        padding: 4.6875%;
        padding-top: 0;
    }

    .nav_list_h {
        display: none;
    }

    .nav_list_h li {
        width: 100% !important;
    }

    .nav_list_h li {
        border-bottom: 1px solid #fff;
        padding: 2.34375%;
    }

    .nav_list_h li a {
        display: block;
    }

/*
    .content_header {
        padding-top: 24.21875%;
    }
*/

/*
    .default .content_header {
        padding-top: 24.21875%;
    }
*/

    .content_sub_inner {
        width: 100%;
        padding: 0 6.25%;
        box-sizing: border-box;
    }

    .content_sub_inner02,
    .content_sub_inner03 {
        width: 100%;
        padding: 0 6.25%;
        box-sizing: border-box;
    }

    .content_sub_inner {
        padding-top: 6.25%;
    }

    .default .content_sub_inner {
        padding-top: 6.25%;
    }

    .box_ti_h1 {
        width: 100% !important;
        padding: 4% 10px 4% !important;
/*         text-align: center; */
		box-sizing: border-box;
    }

    .box_ti_h1 h1 {
	    margin-right: 0;
        line-height: 1.5;
        padding: 0 !important;
        width: 100% !important;
    }

    .box_ti_h1 span {
        font-family: "リュウミン R-KL", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 10px !important;
        font-weight: normal;
        margin: 0 auto;
    }

/*
    .breadcrumbs {
        display: none;
    }
*/
/*
	.breadcrumbs{
		margin-left: 10px;
	}
*/
	

    .default .ti_h4 {
        border-bottom: none;
        margin-bottom: 7.142857142857%;
    }

    .dermatology h1 {
        position: static;
        top: auto;
        left: 0;
        width: 0;
        line-height: 1.3;
    }

    .ti_h3 img {
        left: 0;
    }

    .ti_h4 {
        margin-bottom: 7.142857142857%;
    }

    .ti_h5 {
        margin-bottom: 3.571428571429%;
    }

    .ti_h6 {
        margin-bottom: 3.571428571429%;
    }

    .text_sub {
        margin-bottom: 8.928571428571%;
    }

    .text_sub p {
        overflow: visible;
    }

    .text_sub:last-child {
        margin-bottom: 0;
    }

    .text_sub_text,
    .text_sub_text02 {
        width: 100%;
        float: none;
        padding-bottom: 3%;
    }

    .text_sub_img,
    .text_sub_img02 {
        width: 100%;
        float: none;
        padding-top: 5%;
    }

    .text_sub_img img,
    .text_sub_img02 img {
        width: 100%;
    }

    .box_txt_in {
        overflow: visible;
    }

    .lead {
        text-align: left;
    }

    .box_mini {
        width: 100%;
        padding: 5.357142857143%;
        position: relative;
    }

    /* 画像の幅指定 */
    .w01 {
        width: 50%;
    }

    .w02 {
        width: 33%;
    }

    .w03 {
        width: 75%;
    }

    .w100 {
        width: 100% !important;
    }

    /* img settings */
    .img_r {
        float: right;
        margin: 0.862068965517% 0 1.785714285714% 1.785714285714%;
    }

    .img_l {
        float: left;
        margin: 0.862068965517% 1.785714285714% 1.785714285714% 0;
    }

    /* step */
    .step {
        overflow: hidden;
        margin-bottom: 5%;
    }

    .step dt {
        float: none;
        width: 26.785714285714%;
        margin-bottom: 3.571428571429%;
    }

    .step dd {
        box-sizing: border-box;
        padding: 0;
        background: none;
        float: none;
        top: 0;
        position: static;
        background: url(common/img/sub/bd_step.jpg) repeat-y left top;
    }

    .step dd,
    .default .step dd {
        width: 100%;
        margin-top: 1.785714285714%;
        background: url(common/img/sub/bd_step.jpg) repeat-y 44px 10px;
    }

    .step dd:before,
    .default .step dd:before {
        content: url(common/img/sub/ic_circle02.png);
        position: absolute;
        top: 0;
        left: 32%;
    }

    .list_step li {
        padding-bottom: 5.357142857143%;
    }

    .list_step li {
        position: relative;
        overflow: hidden;
        background: url(common/img/sub/bd_step.jpg) repeat-y 34.111111% bottom;
    }

    .list_step li:last-child {
        background: none;
    }

    .list_step li.multi {
        min-height: 60px;
    }

    .list_step li:last-child {
        margin-bottom: 0;
    }

    .ti_step {
        position: absolute;
        top: 0;
        right: 0;
        /*margin-top: 0.714285714286%;*/
        margin-bottom: 0;
        width: 55.857143%;
        font-size: 15px;
        margin-top: 0;
    }

    /* table */
    .ta01_sub th,
    .ta01_sub td {
        padding: 10px;
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .ta01_sub th.sp_ti_table {
        background-color: #88BBF4;
        color: #fff;
        font-weight: normal;
    }

    .default .ta01_sub th.sp_ti_table {
        background-color: #D4AF82;
    }

    .implant .ta01_sub th.sp_ti_table {
        background-color: #00561f;
    }

    .box_mini {
        margin-bottom: 5.357142857143%;
    }

    .box_mini:last-child {
        margin-bottom: 0;
    }

    .ti_mini {
        width: 100%;
    }

    .box_img,
    .box_txt {
        display: block;
    }

    .table_sp_set tbody tr {
        width: 100%;
        display: inline-flex;
    }

    .table_sp_set tbody th {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .table_sp_set tbody td {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .sp_ti_table {
        width: 100% !important;
        display: block;
    }

    .table_sp_set_tr {
        border-bottom: 30px solid #fff;
    }

    /*----- .cont_mini -----*/
    .box_mini .img {
        /*        float: none;
        margin: 0;
        position: absolute;
        width: 28%;
        right: 5.357142857143%;*/
        display: none;
    }

    .box_mini .img img {
        width: 100%;
    }

    /*----- .box_sbs -----*/
    .box_sbs {
        padding: 5.357142857143%;
        display: block;
    }

    .box_sbs_cont {
        display: block;
        width: 100%;
        border-right: 0;
        margin-bottom: 12%;
        overflow: hidden;
    }

    .box_sbs_cont:last-child {
        margin-bottom: 0;
    }

    .box_sbs_cont_left {
        width: 30%;
        float: left;
        margin-right: 6%;
    }

    .liverspot .box_sbs {
        padding: 5.357142857143%;
        display: block;
    }

    .liverspot .box_sbs_cont {
        display: block;
        width: 100%;
        border-right: 0;
        margin-bottom: 12%;
        overflow: hidden;
    }

    .liverspot .box_sbs_cont:last-child {
        margin-bottom: 0;
    }

    .liverspot .box_sbs_cont_left {
        width: 30%;
        float: left;
        margin-right: 6%;
    }

    .liverspot .box_sbs_cont_left .ti_h6 {
        display: none;
    }

    .box_sbs_cont_right {
        overflow: hidden;
    }

    .box_sbs_cont_right h6 {
        text-align: left;
        font-size: 16px;
        color: #0056AA;
    }

    .liverspot .box_sbs_cont_right h6 {
        text-align: left;
        font-size: 16px;
        color: #cfa972;
    }

    .recruit .box_sbs_cont_right h6 {
        text-align: left;
        font-size: 16px;
        color: #216637;
    }

    .box_sbs.flow .txt:after {
        content: "";
    }

    .box_sbs_cont .img {
        margin-bottom: 4%;
    }

    .box_sbs.zoom .box_sbs_cont .txt {
        width: auto;
        text-align: left;
    }

    /*----- .list_img -----*/
    .list_img {
        overflow: hidden;
        margin-bottom: 7.692307692308%;
    }

    .list_img.tri {
        margin-right: 0;
    }

    .list_img.tri li {
        float: none;
        margin-right: 0;
        margin-bottom: 7.692307692308%;
        width: 100%;
    }

    .list_img.tri li:last-child {
        margin-bottom: 0;
    }

    .list_img.tri li img {
        width: 100%;
    }

    .list_home li {
        margin-bottom: 3.785714285714%;
    }

    .box_case_r {
        float: none;
        margin-left: 0;
    }

    /* page=dual */
    .list_dual li {
        width: auto;
    }

    /* num */
    .num_text {
        padding: 2% 0 2% 22%;
    }

    #num01 {
        background: url(common/img/sub/img_num01.png) no-repeat left 3px;
        background-size: 18% auto;
    }

    #num02 {
        background: url(common/img/sub/img_num02.png) no-repeat left 3px;
        background-size: 18% auto;
    }

    #num03 {
        background: url(common/img/sub/img_num03.png) no-repeat left 3px;
        background-size: 18% auto;
    }

    #num04 {
        background: url(common/img/sub/img_num04.png) no-repeat left 3px;
        background-size: 18% auto;
    }

    #num05 {
        background: url(common/img/sub/img_num05.png) no-repeat left 3px;
        background-size: 18% auto;
    }

    #num06 {
        background: url(common/img/sub/img_num06.png) no-repeat left 3px;
        background-size: 18% auto;
    }

    #num07 {
        background: url(common/img/sub/img_num07.png) no-repeat left 3px;
        background-size: 18% auto;
    }

    #num08 {
        background: url(common/img/sub/img_num08.png) no-repeat left 3px;
        background-size: 18% auto;
    }

    #num09 {
        background: url(common/img/sub/img_num09.png) no-repeat left 3px;
        background-size: 18% auto;
    }

    #num10 {
        background: url(common/img/sub/img_num10.png) no-repeat left 3px;
        background-size: 18% auto;
    }

    /* faq */
    .ti_faq_q {
        font-size: 16px;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 10px;
        background: url(common/img/sub/faq_q.png) no-repeat left 4px;
        padding-left: 20px;
        -webkit-background-size: 20px;
        background-size: 20px;
    }

    .box_faq_a {
        background: url(common/img/sub/faq_a.png) no-repeat left top;
        padding-left: 20px;
        -webkit-background-size: 20px;
        background-size: 20px;
    }

    /* page=reccruit */
    .recruit .btn {
        width: 70.333333%;
        padding-top: 7%;
        text-align: left;
        float: left;
    }

    .recruit .ta01_sub tbody th {
        text-align: left;
        padding-left: 18px;
    }

    .recruit .ta01_sub tbody td {
        text-align: left;
        padding-left: 18px;
    }

    /*----- worries ------*/
    .worries_box {
        overflow: hidden;
    }

    .worries_box ul {
        overflow: hidden;
        margin-bottom: 20px;
    }

    .worries_box ul:last-child {
        margin-bottom: 0;
    }

    .worries_box ul li {
        overflow: hidden;
        background-color: #fefdfc;
        width: 100%;
        float: left;
        margin-right: 0;
        margin-bottom: 5%;
    }

    .worries_box ul li:last-child {
        margin-right: 0;
    }

    .worries_box li p {
        font-size: 20px;
        text-align: center;
        background-color: #faf7f2;
        padding: 25px 0;
    }

    .worries_list {
        padding: 30px 50px 25px 40px;
    }

    .worries_list li {
        background: url(common/img/sub/ic_circle03.png) no-repeat left 7px;
        padding: 0 0 10px 23px;
    }

    #anchor01,
    #anchor02 {
        padding-top: 30%;
        margin-top: -30%;
    }

    /* swpie comment */
    .swipeComment {
        text-align: center;
        margin-bottom: 20px;
        display: flex;
        -webkit-justify-content: space-between;
                justify-content: space-between;
        -webkit-align-items: center;
                align-items: center;
    }
    .swipeCommentText {
        padding: 0 10px;
    }
    .arrowIcon{
        display: block;
        width: 20px;
        height: 20px;
        display: flex;
        -webkit-align-items: center;
                align-items: center;
    }
    .arrowIcon:first-child {
        border-left: 2px solid #d2ae88;
    }
    .arrowIcon:last-child {
        border-right: 2px solid #d2ae88;
    }
    .arrowIcon::after {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        border-top: 2px solid #d2ae88;
        border-right: 2px solid #d2ae88;
    }
    .arrowIcon:first-child::after {
        -moz-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        margin-left: 5px;
    }
    .arrowIcon:last-child::after {
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        margin-right: 5px;
    }
    /* tablepress */
    .tablepress {
        width: 100%;
        table-layout: fixed !important;
    }

    #priceContent .box_price {
        ms-overflow-x: scroll;
        overflow-x: scroll;
    }
    .box_price table{
        white-space: nowrap;
        width: auto;
        table-layout: fixed;
    }

    .box_price table tbody {
        overflow-x: auto;
        white-space: nowrap;
        width: auto;
    }

    .box_price table tr {
        width: auto !important;
    }

    .box_price table tr *:nth-of-type(0) {
        width: auto !important;
        max-width: 100px !important;
    }

    .box_price table td {
        display: table-cell !important;
    }

    .box_price table th {
        display: table-cell !important;
    }
    .ti_price {
        -webkit-background-size: 16px !important;
    }

}


/* form */

.tel_text_sp {
    border: 2px solid #D4AF82;
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
    text-align: center;
    margin-top: 10px;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 640以上1050px以下 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 641px) and (max-width: 1050px) {

    /*------------------------------------- Whitening ---------------------------------------------------------------------------------------------------------------------------------------------------*/
    #wrapper {
        width: 1050px;
        overflow: hidden;
    }

    .box_ti_h1 {
        width: 100%;
    }

    .content_sub_inner {
        width: 100%;
    }

    .text_sub {
        padding: 0 30px;
        box-sizing: border-box;
    }

    .box_txt_in .ti_h5 img {
        min-width: 1040px;
    }

    .step dt {
        width: 11.940298507463%;
    }

    .step dd {
        width: 70.89552238806%;
    }

    .point_cont {
        margin-left: 30px;
    }

    .section_point {
        margin: 0 auto;
    }

    .section_point_inner {
        width: 100%;
    }

    .point_cont {
        width: 48.571428571429%;
    }

    .box_mini {
        width: 48.507462686567%;
    }

    .box_mini .img {
        margin-left: 0;
        float: none;
        margin-bottom: 10px;
    }

    .ti_h3 img {
        left: 0;
    }

    /*----- page == dual -----*/
    .list_dual li {
        width: 48.714285714286%;
    }

    /*------------------------------------- Default ---------------------------------------------------------------------------------------------------------------------------------------------------*/
    /*.default .content_header {
        padding-top: 80px;
    }*/
    .default .content_sub_inner {
        overflow: hidden;
        padding-top: 50px;
    }

    .default .step dd {
        width: 75%;
        padding-left: 9.615384615%;
    }

    .default .step dd:before {
        content: url(common/img/sub/ic_circle02.png);
    }

    .default .ta01_sub thead {
        background: #D4AF82;
    }

    .default .ta01_sub tbody th {
        background: #FBF8F3;
    }

    .content_left {
        float: left;
        width: 300px;
        margin-right: -300px;
    }

    .content_right {
        float: right;
        width: 100%;
    }

    .contents_right_in {
        /*margin-left: 360px;*/
    }

    .ti_h1 {
        margin-left: 30px;
    }

    .default .text_sub {
        padding: 0 30px;
        box-sizing: border-box;
    }

    .default .box_mini {
        width: 48.076923076923%;
        background: #FBF8F3;
    }

    .default .box_mini.single {
        width: 100%;
        background: #FBF8F3;
    }

    /*----- .list_img -----*/
    .list_img.tri {
        margin-right: -30px;
    }

    .list_img.tri li {
        width: 310px;
        margin-right: 30px;
    }

    .list_img.tri li img {
        width: 100%;
        height: auto;
    }

    .content_sub_inner02,
    .content_sub_inner03 {
        width: 100%;
        padding: 0 6.25%;
        box-sizing: border-box;
    }

    /*----- worries ------*/
    .worries_box {
        overflow: hidden;
    }

    .worries_box ul {
        overflow: hidden;
        margin-bottom: 20px;
    }

    .worries_box ul:last-child {
        margin-bottom: 0;
    }

    .worries_box ul li {
        overflow: hidden;
        background-color: #fefdfc;
        width: 48.4444444444444%;
        float: left;
        margin-right: 26px;
    }

    .worries_box ul li:nth-child(even) {
        margin-right: 0;
    }

    .worries_box ul li:last-child {
        margin-right: 0;
    }

    .worries_box li p {
        font-size: 20px;
        text-align: center;
        background-color: #faf7f2;
        padding: 25px 0;
    }

    .worries_list {
        padding: 5%;
    }

    .worries_list li {
        background: url(common/img/sub/ic_circle03.png) no-repeat left 4px;
        padding: 0 0 4% 6%;
        width: 96% !important;
    }

    .text_sub_text {
        width: 50%;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 1050px〜1200px --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1050px) and (max-width: 1200px) {

    /*------------------------------------- Whitening ---------------------------------------------------------------------------------------------------------------------------------------------------*/
    .box_ti_h1 {
        width: 100%;
    }

    .content_sub_inner {
        width: 100%;
    }

    .text_sub {
        padding: 0 30px;
        box-sizing: border-box;
    }

    .box_txt_in .ti_h5 img {
        min-width: 1040px;
    }

    .step dt {
        width: 11.940298507463%;
    }

    .step dd {
        width: 70.89552238806%;
    }

    .point_cont {
        margin-left: 30px;
    }

    .section_point {
        margin: 0 auto;
    }

    .section_point_inner {
        width: 100%;
    }

    .point_cont {
        width: 48.571428571429%;
    }

    .box_mini {
        width: 48.507462686567%;
    }

    .ti_h3 img {
        left: 0;
    }

    /*----- page == dual -----*/
    .list_dual li {
        width: 48.714285714286%;
    }

    /*------------------------------------- Default ---------------------------------------------------------------------------------------------------------------------------------------------------*/
    /*.default .content_header {
        padding-top: 80px;
    }*/
    .default .content_sub_inner {
        overflow: hidden;
        padding-top: 50px;
    }

    .default .step dd {
        width: 75%;
        padding-left: 9.615384615%;
    }

    .default .step dd:before {
        content: url(common/img/sub/ic_circle02.png);
    }

    .default .ta01_sub thead {
        background: #D4AF82;
    }

    .default .ta01_sub tbody th {
        background: #FBF8F3;
    }

    .content_left {
        float: left;
        width: 300px;
        margin-right: -300px;
    }

    .content_right {
        float: right;
        width: 100%;
    }

    .contents_right_in {
        /*margin-left: 360px;*/
    }

    .ti_h1 {
        margin-left: 30px;
    }

    .default .text_sub {
        padding: 0 30px;
        box-sizing: border-box;
    }

    .default .box_mini {
        width: 48.076923076923%;
        background: #FBF8F3;
    }

    .default .box_mini.single {
        width: 100%;
        background: #FBF8F3;
    }

    /*----- .list_img -----*/
    .list_img.tri {
        margin-right: -2.142857142857%;
    }

    .list_img.tri li {
        width: 31.159420289855%;
        margin-right: 2.142857142857%;
    }

}



/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 1400px以上 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1400px) {}



/*-----------------------------------------------
    微調整
--------------------------------------------------*/

@media only screen and (max-width: 320px) {

    /* iPhone5 */
    .content_sub_inner {
        font-size: 13px;
    }

/*
    .content_header {
        padding-top: 28.8125%;
    }

    .default .content_header {
        padding-top: 19.8125%;
    }
*/
}

@media only screen and (min-width: 321px) and (max-width: 375px) {

    /* iPhone6 */
    .content_sub_inner {
        font-size: 14px;
    }

/*
    .content_header {
        padding-top: 27.888888888888%;
    }

    .default .content_header {
        padding-top: 20.11111111%;
        padding-bottom: 0;
    }
*/
}

@media only screen and (min-width: 376px) and (max-width: 640px) {

    /* iPhone6plus */
/*
    .content_header {
        padding-top: 27.888888888888%;
    }

    .default .content_header {
        padding-top: 20.888889%;
    }
*/
}@charset "UTF-8";

/* CSS Document */


/*
    Theme Name: hadatoha
    Description:テーマの説明
    Theme URI: テーマの URL
    Author: 作った人の名前
    Author URI: 作った人の URL
    Version: バージョン
    License: ライセンス
    License URI: ライセンスの URL
    */

/* settings */
.breadcrumbs li {
    /*max-width: 440px;*/
    display: inline-block;
    vertical-align: middle;
/*     background-position-y: 12px !important; */
}

.blog .content_sub a {
    color: #362E2B !important;
    text-decoration: none !important;
}

.blog .content_sub a:hover {
    color: #362E2B !important;
    text-decoration: underline !important;
}
.single .content_right .post_cat li{
    width: auto;
    margin-bottom: 0;
    margin-top: 10px;
    margin-right: 10px;
}
.single .content_right .post_cat li a{
    font-size: 12px;
    line-height: 1;
    padding: 5px !important;
    display: block;
    color: #f39800;
    border: 1px solid #f39800;
    text-decoration: none;
}
.single .content_right .post_cat li a:hover{
    background: #f39800;
    color: #fff;
}

.single .text_sub p, .archive .text_sub p {
    line-height: 170%;
}

.single .text_sub p a, .archive .text_sub p a{
	color: #d4af82 !important;
	text-decoration: underline !important;
}

.single .text_sub p a:hover, .archive .text_sub p a:hover{
	text-decoration: none !important;
}

.single .ti_h4, .archive .ti_h4 {
    margin-bottom: 10px;
    font-size: 28px;
}

.archive .ti_h4 a, .search .ti_h4 a{
	font-size: 28px;
}

.post_date {
    font-size: 12px;
}

/*
.category {
    text-align: right;
    margin-top: 20px;
}
*/
.post-type-archive-blog .content_right .col-2 .item, .archive.category .content_right .col-2 .item{
    padding: 2rem;
    background: #f9f9f9;
    box-sizing: border-box;
    margin-bottom: 4%;
}

.post-type-archive-blog .content_right .col-2 .item h2, .archive.category .content_right .col-2 .item h2{
    font-size: 1.8rem;
}

.post-type-archive-blog .content_right .post_cat, .archive.category .content_right .post_cat{
    justify-content: start;
    flex-wrap: wrap;
}

.post-type-archive-blog .content_right .post_cat li, .archive.category .content_right .post_cat li{
    width: auto;
    margin-bottom: 0 !important;
    margin-top: 5px !important;
    margin-right: 5px !important;
}

.post-type-archive-blog .content_right .post_cat li a, .archive.category .content_right .post_cat li a{
    font-size: 10px;
    line-height: 1;
    padding: 5px !important;
    display: block;
    color: #f39800;
    border: 1px solid #f39800;
}
.post-type-archive-blog .content_right .post_cat li a:hover, .archive.category .content_right .post_cat li a:hover{
    text-decoration: underline;
}
.post-type-archive-blog .content_right .wp-post-image, .archive.category .content_right .wp-post-image{
    display: block;
    margin: auto;
}
.post-type-archive-blog .content_right a:hover, .archive.category .content_right a:hover{
    opacity: .5;
    text-decoration: none;
    display: block;
}

.cat {
    padding-left: 10px;
}

.cat img {
    vertical-align: middle;
}

.content_right {
    width: 70%;
    float: right;
    margin-left: 4%;
}

.blognav {
    float: left;
    width: 26%;
}

.ti_snav {
    background: #F9F6EF;
}

/* navigation */

.navigation {
    overflow: hidden;
    margin: 50px 0 30px;
}

.alignleft {
    float: left;
    padding: 5px 20px 20px 0;
}

.alignright {
    float: right;
    padding: 5px 0 20px 20px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}


/* sidebar_widget */

/*.blognav {
    overflow: hidden;
    margin-right: -30px;
}*/

.widget {
    margin-bottom: 30px;
    /*    width: 380px;
    float: left;
    margin-right: 30px;*/
}

.widget li {
    padding: 10px 0 10px 20px;
    border-bottom: #dddddd 1px solid;
    text-align: left;
    background: url(img/ico_blog.png) no-repeat left 20px;
}

.widget li>ul.children li {
    background-image: url(img/ico_blog02.png);
    border-bottom: none;
}

/* calendar */

#wp-calendar {
    width: 80%;
    margin: 10px auto 0;
    text-align: center;
}

td#prev {
    text-align: left;
}

td#next {
    text-align: right;
}


/* commentform */

#respond {
    margin: 20px 0;
}

#commentform label {
    display: block;
}

.form-allowed-tags {
    display: none;
}

.form-submit {
    margin: 10px 0 0 0;
}

.form-submit input {
    padding: 10px;
}

.widget_categories ul,
.widget_archive ul {
    /*    max-height: 300px;
    overflow-y: auto;*/
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 640px以下 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 750px) {
    .content_right {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .blognav {
        margin-right: 0;
        overflow: visible;
        margin-top: 30px;
        float: none;
        width: auto;
    }
}

@media screen and (max-width: 640px) {
    .content_right {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .single .ti_h4, .archive .ti_h4 {
        margin-bottom: 10px;
        font-size: 18px;
        border-bottom: 1px solid #dddddd;
    }
    
    .archive .ti_h4 a, .search .ti_h4 a{
	    font-size: 18px;
    }

    .blognav {
        margin-right: 0;
        overflow: visible;
        margin-top: 30px;
        float: none;
        width: auto;
    }

    .widget {
        margin-bottom: 30px;
        width: auto;
        float: none;
        margin-right: 0;
    }

    .widgettitle {
        font-size: 90%;
    }
    
    .breadcrumbs li, .breadcrumbs li a{
		font-size: 10px;
/* 		background-position-y: 8px !important; */
	}
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 640以上1050px以下 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1050px) and (min-width: 641px) {
/*
    .content_right {
        width: 740px;
        margin-left: 0px;
    }
*/

    .content_right .text_sub {
        padding: 0px;
    }

    .blognav {
        margin-right: 0;
        overflow: visible;
    }

    .widget {
        margin-bottom: 30px;
        width: auto;
        float: none;
        margin-right: 0;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 1050以上1200px以下 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1200px) and (min-width: 1051px) {
/*
    .content_right {
        width: 70%;
        margin-left: 0px;
    }
*/

    .content_right .text_sub {
        padding: 0px;
    }

    .blognav {
        margin-right: 0;
        overflow: visible;
    }

    .widget {
        margin-bottom: 30px;
        width: auto;
        float: none;
        margin-right: 0;
    }

    /* 画像横並び */
    .text_sub p a {
        display: inline !important;
    }
}



/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 1200以上1400px以下 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1400px) and (min-width: 1201px) {
    .blognav {
        margin-right: 0;
        overflow: visible;
    }

    .widget {
        margin-bottom: 30px;
        width: auto;
        float: none;
        margin-right: 0;
    }

    /* 画像横並び */
    .text_sub p a {
        display: inline !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 1400px以上 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 1401px) {}


/*-----------------------------------------------
    微調整
--------------------------------------------------*/

@media only screen and (max-width: 320px) {
    /* iPhone5 */
}

@media only screen and (min-width: 321px) and (max-width: 375px) {
    /* iPhone6 */
}

@media only screen and (min-width: 376px) and (max-width: 640px) {
    /* iPhone6plus */
}


/*-----------------------------------------------
料金表のスタイル
--------------------------------------------------*/

.priceWrap {
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}

.price_navi {
/*     display: flex; */
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.price_item {
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

/* .price_item:nth-of-type(4n) {
    border-right: 0;
} */

.price_item_name {
    background-color: #D4AF82;
    color: #fff;
    padding: 15px;
    font-weight: normal;
    text-align: center;
    padding: 15px;
}

.price_item_img {
    text-align: center;
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.price_item_img span {
    display: block;
    background-color: #ccc;
    width: 100%;
    height: 136px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.price_none_text {
    padding: 15px;
}

.price_item_list>ul>li {
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.price_item_list>ul>li:last-child {
    border-bottom: none;
}

.price_list_title {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.price_item_list>ul>li>.price_title {
    display: block;
    cursor: pointer;
}

.price_title::after {
    content: url(img/btn_click_price.jpg);
    line-height: 1;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    cursor: pointer;
}

.price_title:hover::after {
    opacity: 0.7;
}

.price_detail {
    display: none;
}

.price_detail ul li a span {
    position: relative;
    padding-left: 14px;
}

.price_detail ul li a span:before {
    content: "▶︎";
    position: absolute;
    top: 4px;
    left: 0;
    font-size: 7px;
}


.price_navi thead th {
    background-color: #D4AF82;
    color: #fff;
    padding: 15px;
    font-weight: normal;
}

.price_navi tbody tr.price_navi_img td span {
    display: block;
    background-color: #ccc;
    width: 268px;
    height: 150px;
}

.price_navi tbody td {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    padding: 15px;
    vertical-align: top;
}

.price_navi tbody td div {
    padding-top: 2px;
    padding-left: 18px;
    display: none;
}

.price_navi tbody td a,
.price_detail ul li a {
    text-decoration: none !important;
}

.price_navi tbody td a:hover,
.price_detail ul li a:hover {
    text-decoration: underline !important;
}



.ti_price {
    cursor: pointer;
    background: url(./img/ti_price_off.png) no-repeat 10px center;
    -webkit-background-size: 20px;
    background-size: 20px;
    font-size: 28px;
    padding-left: 50px;
}

.ti_price.active {
    background-image: url(./img/ti_price_on.png);
}

.ti_price:after {
    content: url(img/btn_click_price.jpg);
    padding-left: 20px;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 640px以下 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 640px) {
    .box_price {
        -ms-overflow-x: scroll;
        overflow-x: scroll;
    }

    .box_price table {
        white-space: nowrap;
        width: auto;
        table-layout: fixed;
    }

    .box_price table tbody {
        overflow-x: auto;
        white-space: nowrap;
        width: auto;
    }

    .box_price table tr {
        width: auto;
    }

    .box_price table tr *:nth-of-type(0) {
        width: auto !important;
        max-width: 100px !important;
    }

    .box_price table td {
        display: table-cell !important;
    }

    .box_price table th {
        display: table-cell !important;
    }

    .ti_price {
        font-size: 18px;
        border-bottom: 1px solid #dddddd !important;
        padding-bottom: 10px;
        -webkit-background-size: 16px;
        background-size: 16px;
        padding-left: 40px;
        background-position: 10px 10px;
    }

    .ti_price:after {
        content: "";
    }

    .listTab {
        background-color: #D4AE82;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .listTab li {
        width: 21.9998888888%;
        display: block;
        padding: 10px;
        text-align: center;
        color: #ffffff;
        border-right: 1px solid #e1d8c1;
    }

    .listTab li:last-child {
        border-right: 0;
    }

    .listTab li.on {
        background-color: #9D8762;
        position: relative;
    }

    .listTab li.on:after {
        content: "▼";
        color: #9D8762;
        position: absolute;
        bottom: -16px;
        left: 33px;
    }

    .priceContents {
        border: 1px solid #e1d8c1;
    }

    .disnon {
        display: none;
    }

    .listImg {
        padding: 20px;
        display: block;
        border-bottom: 1px solid #e1d8c1;
    }

    .priceTabTable tr {
        border-bottom: 1px solid #e1d8c1;
        display: block;
        padding: 10px 20px;
    }

    .priceTabTable tr:last-child {
        border-bottom: 0;
    }

    .price_title {
        display: block;
    }

    .price_title.active {}

    .price_title:after {
        content: "タップ";
        top: -1px;
        right: -8px;
        color: #fff;
        background-color: #D7B080;
        padding: 3px 8px;
        font-size: 11px;
    }

    .price_detail {
        margin-top: 10px;
    }

    .price_detail ul {}

    .price_detail ul li {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        border-bottom: 1px dotted #e0e0e0;
        font-size: 14px;
    }
    .price_detail ul li:last-child{
        border-bottom: none;
    }

    .price_detail ul li a span:before {
        top: 1px;
    }
    .priceWrap {
        overflow-x: scroll;
    }
    .price_navi {
        width: 360%;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }

    .box_price {
        -ms-overflow-x: scroll;
            overflow-x: scroll;
    }
    .box_price table{
        white-space: nowrap;
          width: auto;
        table-layout: fixed;
    }


}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 640以上1050px以下 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 641px) {
    .price_navi {
        width: 100% !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 1400px以上 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 1401px) {}


/*-----------------------------------------------
    微調整
--------------------------------------------------*/

@media only screen and (max-width: 320px) {
    /* iPhone5 */
}

@media only screen and (min-width: 321px) and (max-width: 375px) {
    /* iPhone6 */
}

@media only screen and (min-width: 376px) and (max-width: 640px) {
    /* iPhone6plus */
}



/* モニター */
.post-type-archive-monitor .content_sub_inner{
	padding-top: 0;
}
.post-type-archive-monitor .widget .ti_snav{
	font-size: 20px;
	padding: 10px;
}

.post-type-archive-monitor .widget a{
	color: #362E2B;
}

.post-type-archive-monitor .contents_sub{
	letter-spacing: -.5em;
	margin-bottom: 30px;
	background: #fbf8f8;
	padding: 30px;
}
.post-type-archive-monitor .contents_sub .red{
	color: red;
}
.post-type-archive-monitor .contents_sub ul{
	margin-left: 20px;
}
.post-type-archive-monitor .contents_sub ul li{
	list-style-type: disc;
}
.post-type-archive-monitor .contents_sub .img_sub{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	width: 30%;
}
.post-type-archive-monitor .contents_sub .text_sub{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	width: 68%;
	margin-left: 2%;
	margin-bottom: 0;
}
.post-type-archive-monitor .contents_sub .text_sub .monitor-category{
	background: #caa578;
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
}
.post-type-archive-monitor .contents_sub .text_sub .ti_h2{
	margin-bottom: 15px;
	font-size: 3rem;
	color: #9a6f3b;
}
.post-type-archive-monitor .contents_sub .text_sub .doctor{
	font-size: 18px;
	margin-bottom: 10px;
}
.post-type-archive-monitor .contents_sub .text_sub .doctor a{
	text-decoration: underline;
	color: #caa578;
}
.post-type-archive-monitor .contents_sub .text_sub .doctor a:hover{
	text-decoration: none;
}
.post-type-archive-monitor .contents_sub .text_sub .num{
	margin-bottom: 10px;
}
.post-type-archive-monitor .contents_sub .text_sub .num span{
	font-size: 18px;
}
.post-type-archive-monitor .contents_sub .text_sub .deadline span{
	font-size: 18px;
}
.post-type-archive-monitor .contents_sub .text_sub .price{
	font-size: 18px;
	margin-bottom: 10px;
}
.post-type-archive-monitor .content_text_sub{
	letter-spacing: normal;
	margin-top: 10px;
}
.post-type-archive-monitor .content_text_sub a{
	text-decoration: underline;
	color: #caa578;
}
.post-type-archive-monitor .content_text_sub a:hover{
	text-decoration: none;
}
.post-type-archive-monitor .content_text_sub .monitor-btn{
	text-align: center;
	margin-top: 30px;
}
.post-type-archive-monitor .content_text_sub .monitor-btn a{
    background: linear-gradient(#f1aa34 0%, #f9ad2f 50%, #f9ad2f 50%, #f39800 100%);
    padding: 10px 80px;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    text-decoration: none;
    border-radius: 10px;
}
.post-type-archive-monitor .content_text_sub .monitor-btn a:hover{
	opacity: .8;
}

.post-type-archive-monitor .note-box{
	background: #f0f0f0;
	padding: 15px;
	margin: 30px 0;
}
.post-type-archive-monitor .note-box .note-title{
	color: red;
	font-weight: bold;
}
.post-type-archive-monitor .note-box ul{
	margin-left: 20px;
}
.post-type-archive-monitor .note-box ul li{
	list-style-type: disc;
}

@media screen and (max-width: 750px) {
	.post-type-archive-monitor .contents_sub{
	    padding: 15px;
/* 	    margin-bottom: 15px; */
    }
    .post-type-archive-monitor .contents_sub .img_sub{
	    width: 100%;
	    display: block;
	    text-align: center;
    }
    .post-type-archive-monitor .contents_sub .text_sub{
	    width: 100%;
	    display: block;
	    margin: 0;
	    margin-top: 15px;
    }
    .post-type-archive-monitor .content_text_sub .monitor-btn{
	    margin-top: 15px;
    }
    .post-type-archive-monitor .content_text_sub .monitor-btn a{
	    width: 100%;
	    padding: 10px;
	    box-sizing: border-box;
    }
}