/*-----------------------------------------
style-custom-sp
-----------------------------------------*/
div#wpadminbar {
    display: none;
}

img{ max-width:100%; }

/*-------------------fz*/
.fz9 {font-size: 9px!important;}
.fz14 {font-size: 13px!important;}
.fz16 {font-size: 14px!important;}
.fz18 {font-size: 15px!important;}
.fz23 {font-size: 18px!important;}
.fz28 {font-size: 21px!important;}
.fz30 {font-size: 22px!important;}
.fz32 {font-size: 23px!important;}
.fz36 {font-size: 25px!important;}
.fz42 {font-size: 28px!important;}
.fz48 {font-size: 31px!important;}
.fz58 {font-size: 36px!important;}

/*-----------------btn*/
.contents-wrap a.btn01 { max-width: 100%; }


/*-----------------layout*/
.contents-wrap,.archives-wrap {width:100%!important;box-sizing:border-box;padding: 0 5px;}

.brackets:before,.brackets:after { display: none; }

.sec02-cts .row,.cv-area .row { margin-left: -5px!important; margin-right: -5px !important;}
.sec02-cts .col-xs-6 { padding: 5px!important; }


/*-----------------------------------------
header
-----------------------------------------*/
/*-----------------header*/
div#header_wrap {
    height: 50px;
}

div#header {
    box-sizing: border-box;
    height: 50px;
    padding: 5px 5px;
}

.sp-header-wrap {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

.header-left,
.header-right {
    max-height: 50px;
}
.hdr-logo {
    max-height: 40px;
    width: auto!important;
    margin-top: 0;
    padding-top: 0;
}

a.hdr-cv01-sp, a.hdr-cv02-sp, a.hdr-cv03-sp {
    width: 50px;
    height: 50px;
    display: block;
    padding: 6px 0px 2px;
    box-sizing: border-box;
    text-align: center;
    float: left;
}

a.hdr-cv01-sp {
    background: #2D3131;
}

a.hdr-cv02-sp {
    background: #9AC841;
}

a.hdr-cv03-sp {
    background: #ffffff;
}

a.hdr-cv01-sp span,
a.hdr-cv02-sp span {
    letter-spacing: 0;
    display: block;
}

img.hdr-cv01-img-sp,
img.hdr-cv02-img-sp,
img.hdr-cv03-img-sp {
    display: block;
    margin: 0 auto;
}

img.hdr-cv01-img-sp {
    width: 27px;
}
img.hdr-cv02-img-sp {
    width: 16px;
}
img.hdr-cv03-img-sp {
    width: 32px;
}


/*-----------------------------------------
index-slider
-----------------------------------------*/
/*-----------------slider*/
.slider-cts {
    top: 50%;
    position: absolute;
    margin-top: -150px;
}

.nivoSlider {
    z-index: 1;
}

.nivo-slice,.nivoSlider{
    height:360px!important;
    object-position: 75% 90%;
}

#slider img {
    object-fit: cover;
}

.nivo-slice img,#slider img {
    height: 360px!important;
    width: 100% !important;
    object-position: 75% 90%;
}

.slider-txt01 {
    line-height: 1.2;
    letter-spacing: 0.2rem;
}

img.slider-img01 {
    width: 278px;
}

img.slider-img02 {
    width: 277px;
}

img.slider-img03 {
    width: 50px;
    margin-left: -25px!important;
    bottom: -50px;
}

/*-----------------top-news*/
.top-news-wrap {
    padding: 9px;
    height: auto;
}

.top-news {
    text-align: center;
    line-height: 1.1;
}

p.top-news-date {
    margin-right: 10px;
}

.top-news-category {
    margin-right: 0;
    font-size: 9px;
    padding: 2px 10px;
}

a.top-news-ttl {
    display: block;
    font-size: 10.5px;
}



/*-----------------------------------------
index-sec01
-----------------------------------------*/

/*-----------------cts*/
.sec01-ttl {
    padding: 40px 0;
}

.points01-wrap,.points02-wrap,.points03-wrap,.points04-wrap {
    max-width: 100%;
    width: 100%;
    height: auto;
    padding: 35px 0;
    margin: 0;
    text-align: center;
}

.points01-ttl, .points02-ttl, .points03-ttl, .points04-ttl {
    text-align: center;
    padding-left: 0;
    margin-left: 0;
    margin-top: 45px;
    max-width: 100%;
}


.points01-ttl:before, .points02-ttl:before, .points03-ttl:before, .points04-ttl:before {
    content: " ";
    width: 35px;
    height: 34px;
    top: 0;
    left: 50%;
    margin-left: -16px;
    margin-top: -45px;
}

.points01-ttl:before {
    background: url(/wp/wp-content/themes/canvas_tcd017/img/index/sec01-cts-flag01.png) no-repeat;
    background-size: contain;
}

.points02-ttl:before {
    background: url(/wp/wp-content/themes/canvas_tcd017/img/index/sec01-cts-flag02.png) no-repeat;
    background-size: contain;
}

.points03-ttl:before {
    background: url(/wp/wp-content/themes/canvas_tcd017/img/index/sec01-cts-flag03.png) no-repeat;
    background-size: contain;
}

.points04-ttl:before {
    background: url(/wp/wp-content/themes/canvas_tcd017/img/index/sec01-cts-flag04.png) no-repeat;
    background-size: contain;
}

.sec01-cts .row {
    margin-left: 0!important;
    margin-right: 0!important;
}

.sec01-cts:before {
    margin: 0 0 0 -27px;
    border-right: 25px solid transparent;
    border-top: 25px solid #FFFFFF;
    border-left: 25px solid transparent;
}

.contents-wrap a.points01-link, .contents-wrap a.points02-link, .contents-wrap a.points03-link, .contents-wrap a.points04-link {
    margin-left: 0;
}

.points03-txt {
    margin-left: 0;
    text-align: center;
}


/*-----------------------------------------
index-btm-news
-----------------------------------------*/
li.btm-news-block {
    text-align: center;
    line-height: 1.3;
    padding: 9px;
}

p.btm-news-date {
    margin-right: 10px;
}

.btm-news-category {
    margin-right: 0;
    font-size: 9px;
    padding: 2px 10px;
}

a.btm-news-ttl {
    display: block;
    font-size: 11px;
}


/*-----------------------------------------
footer
-----------------------------------------*/
/*-----------------footer*/
#footer_submenu_area ul li {
    font-size: 10px;
    margin-top: 10px;
}
/*-----------------ftr01*/
.ftr01-wrap {
    width: 100%;
    margin: 0 auto;
}
.ftr01-txt {
    margin-bottom: 10px;
}
/*-----------------ftr02*/
.ftr02-wrap {
    width: 100%;
    text-align: center;
}
address.ftr02-address {
    margin-bottom: 10px;
}
.ftr02-tel-num:before {
    height: 27px;
    width: 27px;
}
.ftr02-tel-num {
    margin-bottom: -5px;
}
.ftr02-parking-wrap {
    width: 250px;
    margin: 0 auto;
}
/*-----------------ftr03*/
.ftr03-wrap {
    width: 100%;
}
/*.ftr03-wrap img,*/
.ftr03-map-img {
    width: 100%!important;
}

/*-----------------ftrmenu*/
#footer_submenu_area ul li {
    font-size: 10px;
    display: block;
}
#footer_submenu_area li:first-child a {
    border: none;
}
#footer_submenu_area li a {
    border: none;
    padding: 5px;
}


/*-----------------------------------------
lower
-----------------------------------------*/
.pc_view_pl0{
    padding-left: 15px !important;
}

.contents-wrap a.iv-btn {
    display: block;
    margin-bottom: .75rem;
    margin-left: inherit;
    text-align: left;
}
div#top_headline {
    margin-bottom: 10px;
}

p.square_title{
    font-size: 17px;
}

/*-- about --*/
.main_about_cybody summary {
    margin-bottom:20px;
}
.main_about_cybody {
    height: auto;
}
.main_about_cybody p {
    margin-bottom: 20px;
}
.contents-wrap h3.com {
    font-size: 17px;
}
.contents-wrap p.com {
    font-size: 13px;
}

/*.contents-wrap .iv-card .iv-card-block ul li:last-child {
    width: 100%;
    margin-left: 20px;
    text-align: left;
}*/

/*-- facility --*/

div.post .row .col5 {
    width: 50%;
    height: auto;
    min-height: 230px;
}

p.weight_machine {
    font-size: 14px;
}

.facility .row-shop h2{
    margin: 0 15px;
    width: auto;
    margin-bottom: 10px;
    padding: 10px;
}



/*-- price --*/
.price table.table tr td {
    font-size: 15px;
    display: block;
    width: 100%
}
.price table.table tr th{
    display: block;
    width: 100%;
    text-align: left;
}

/*-- example --*/
.example-catch {
    margin-bottom: 20px;
    display: block;
}


.personal-training .iv-pos-abs .iv-pos-abs-title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 11px 9px 1px 53px;
}

.personal-training .iv-pos-abs .iv-pos-abs-text {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    top: 0;
    right: 0;
    margin: 0;
    padding: 20px;
}

.personal-training .iv-sec-03 .iv-pos-abs-image {
    position: relative;
    top: 0;
    left: 0;
}

.container .iv-sec-03 .iv-pos-abs-image img {
    width: 100% !important;
    height: auto !important;
}
.personal-training .iv-pos-abs-image img {
    width: 100% !important;
    height: auto !important;
}

.personal-training .iv-sec-04 {
    height: auto;
}

.personal-training .iv-sec-04 .iv-pos-abs-image {
    position: relative;
    top: 0;
    left: 0;
}
.personal-training .iv-pos-abs .adjust__box {
    display: none;
}

.personal-training .iv-sec-01 .iv-pos-abs-image {
    position: relative;
    top: 0;
    right: 0;
}

.personal-training .iv-sec-01 .iv-pos-abs-image img {
    width: 100% !important;
    height: auto !important;
}

 .iv-sec-04 .iv-pos-abs-image {
    position: relative;
    top: 0;
    left: 0;
}
.personal-training .iv-sec-01 {
    height: auto;
}

.personal-training .iv-sec-02 {
    height: auto;
}

.personal-training-ttl span {
     margin-left: inherit !important;
     letter-spacing: 2px;
}
.personal-training-ttl img {
    display: block;
    margin: 0 auto;
}

.container .iv-sec-03 {
    height: auto;
}

.personal-training .iv-pos-abs .iv-pos-abs-title h3 {
    font-size: 24px;
    color: #FFF;
}

.setume .img_middle {
    display: initial;
    top: 0px;
}

.facility .image img.w100{
    width:100%;
}
.personal-training .iv-card .iv-card-block ul {
    flex-direction: column;
}

.personal-training .iv-card .iv-card-block ul.justify__box li:nth-child(1) {
    width: 100%;
}

.personal-training .iv-card .iv-card-block ul.justify__box li:nth-child(2) {
    width: 100%;
}

.personal-training .iv-card .iv-card-block ul.justify__box li:nth-child(3) {
    width: 100%;
}

.image img{
    margin:0 auto;
    display: block;
}



.matrix.clearfix {
    padding: 30px 15px;
}

.admission .row.com.main .pl0{

    margin-left: 15px !important;
}
.admission .background_gr {
    width: 100%;
}
.admission .shop-box a{
    margin: 0 auto;
    text-align: center;
    display: block;
}
.admission .shop-box a:nth-of-type(1){
    margin: 0 auto;
    margin-bottom: 10px;   
}  



/* Add 'Contact Form 7' Styles.
------------------------------------------------------ */
.post .cf7-add-formtype .cf7-add-formtable,
.post .cf7-add-formtype .cf7-add-formtable thead,
.post .cf7-add-formtype .cf7-add-formtable tbody,
.post .cf7-add-formtype .cf7-add-formtable tr,
.post .cf7-add-formtype .cf7-add-formtable tr th,
.post .cf7-add-formtype .cf7-add-formtable tr td {
    width: 100%;
    display: block;
}
.post .cf7-add-formtype .cf7-add-formtable td input[type='text'],
.post .cf7-add-formtype .cf7-add-formtable td input[type='email'],
.post .cf7-add-formtype .cf7-add-formtable td input[type='tel'],
.post .cf7-add-formtype .cf7-add-formtable td input[type='date'],
.post .cf7-add-formtype .cf7-add-formtable td select,
.post .cf7-add-formtype .cf7-add-formtable td textarea,
.post .cf7-add-formtype .wrap-btn-group {
    width: 100%;
}

.cf7-add-formtype .cf7-add-formtable tr th {
    padding: 5px;
}
.cf7-add-formtype .cf7-add-formtable tr {
    margin-bottom: 10px;
}
.post .cf7-add-formtype .cf7-add-formtable tr td {
    border: none;
}

input[type="text"],input[type="email"],input[type="tel"],input[type="button"],input[type="submit"],textarea {
    -webkit-appearance: none;
}

input,select,textarea {
    font-size: 16px!important;
}

/* ------------------------------------------------------
 Add 'Contact Form 7' Styles. */


/*パーソナルトレーニング*/
.personal-training-catch,
.personal-price-ttl {
    margin-bottom:20px;
}

.personal-training-ttl .personal-training-catch span {
    line-height: 1rem;
}

.personal-training-ttl {
    margin-top: 40px;
}
.title_icon1:before {
    content: url(/wp/wp-content/themes/canvas_tcd017/img/example/example_icon_sp_01.png);
    position: inherit;
    left: 0;
    bottom: 0;
    display: block;
    text-align: center;
}
.title_icon2:before {
    content: url(/wp/wp-content/themes/canvas_tcd017/img/example/example_icon_sp_02.png);
    position: inherit;
    left: 0;
    bottom: 0;
    display: block;
    text-align: center;
}
.title_icon3:before {
    content: url(/wp/wp-content/themes/canvas_tcd017/img/example/example_icon_sp_03.png);
    position: inherit;
    left: 0;
    bottom: 0;
    display: block;
    text-align: center;
}
.title_icon4:before {
    content: url(/wp/wp-content/themes/canvas_tcd017/img/example/example_icon_sp_04.png);
    position: inherit;
    left: 0;
    bottom: 0;
    display: block;
    text-align: center;
}
.title_icon5:before {
    content: url(/wp/wp-content/themes/canvas_tcd017/img/example/example_icon_sp_05.png);
    position: inherit;
    left: 0;
    bottom: 0;
    display: block;
    text-align: center;
}
.title_icon1, .title_icon2, .title_icon3, .title_icon4, .title_icon5 {
    position: relative;
    padding: 0;
}
.example .image{
    margin-top: 10px;
}
.personal-training .iv-sec-03{
    height: auto !important;
}

.personal-training .iv-card .iv-direction-right:after {
    position: absolute;
    display: block;
    content: "";
    top: 99% !important;
    right: 45% !important;
    border-style: solid;
    border-width: 20px 20px 0px 20px !important;
    border-color: rgb(245, 249, 236) transparent transparent transparent !important;
    width: 0;
    height: 0;
}
.personal-training .iv-card .iv-card-block ul.com_list {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
     justify-content: inherit;
    list-style: none;
    margin-bottom: 0.75px;
    padding-left: 0;
    height: auto;
}
.personal-training .nageare h3.iv-card-title{
    margin-bottom: 5px;
    margin-top: 0;

}




.contact-area .contents-wrap {
    padding: 0 10px 25px;
}
.contact-area h2 {
    font-size: 26px;
}
.contact-area h2 small {
    font-size: 18px;
}
.contact-area ul {
    flex-direction: column;
}
.contact-area ul li {
    width: 100.0%;
}
.contact-area ul li:first-child {
    margin: 0 0 10px;
}
.contact-area ul li .contents {
    margin: 15px 30px;
}



h2.headtitle {
    border-bottom: 4px solid #000;
    margin-bottom: 20px;
    margin-top: 55px;
    font-size: 23px;
    font-weight: 400;
    padding-bottom: 2px;
}
.personal-training .iv-card .iv-label span {
    top: -18px;
    left: -12px;
}


.personal-training .nageare .iv-card-block ul li:first-child {
    width: 100%;
    text-align: center !important;
}

.contents-wrap .iv-card .iv-card-block ul li:last-child {
    width: 100%;
    text-align: center !important;
}

.personal-training .nageare .iv-card .iv-card-block .iv-card-text{
    margin:0 10px !important;
}

.personal-training{
    overflow-x:hidden;
}

#main_col {
    width: auto !important;
    padding: 15px !important;
}

.personal-training .sec02-ttl{
    padding: 30px 0;
}

/*-- faq --*/
h3.hrf-title {
    font-size:15px!important;
}
.hrf-title.close-faq span {
    width: 25px!important;
    height: 25px!important;
}

/*-- archive --*/
#blog_main_col .month {
    font-size: 11px;
    height: 30px;
    line-height: 30px;
}
#blog_main_col .date {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}
#blog_main_col .news_date {
    font-size: 12px;
    width: 60px;
    margin: 0 10px 0 0;
    float: left;
}
#news_list ol.clearfix {
    margin: 0;
}
#blog_main_col h4.title {
    display: inline-block;
    font-size: 16px;
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 160%;
}
#news_list p.desc {
    display: block;
    font-size: 12px;
    line-height: 160%;
    margin: 0 0 5px 0;
    padding: 0;
}
#news_list li {
    margin-bottom: 10px;
    background: url(/wp/wp-content/themes/canvas_tcd017/img/common/dot2.gif) repeat-x left bottom;
    margin: 0 0 12px 0;
    padding: 0 0 20px 0;
}

.bdr-line-top{
    border-top: 1px dotted;
    padding-top: 15px;
}


#footer_widget .footer_widget{
    padding-top: 0;
    padding-bottom: 0;
}
.ftr02_wrap{
    padding-top: 0;
    padding-bottom: 0;
}