/*
Tutorial Name: Modernize Your Site: Building a YouTube Video Background 
Author: Samuel Dalusung
*/


/* GENERAL STYLES
================================================== */

html {

    margin: 0;
    padding: 0;
    font-size: 62.5%;
}

body {
    
    margin:0;
    padding:0;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    font-size: 1.4em;
}

ul, li{
    
    margin: 0;
    padding: 0;
    list-style: none;
    
}

.wrapper {
    z-index:600;
    position:relative
}


#colorize {
    color:#fff;
    font-size:40px
}

p {

}

/* FONT
================================================== */

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

body{
    
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
color: #230000;

}

h1, h2, h3, h4{

  }
  
a, a:active a:visited{
    
    color: #230000;
    text-decoration: none;
    
}

a:hover {
    
    color: #ff579a
    
}

section h2 {
    
    text-align: center;
    font-weight: 500;
    font-size: 1.5em;
    
}

.cls{
    
    clear: both;
    
}

.hide {
    
    visibility: hidden;
}

.wrapper {
    
    width: 1096px;
    margin: 0 auto;
    
}

@media screen and (max-width:768px) {
    .wrapper {
        width: 100%;
    }
}

#tubular-shield {
    
    padding-top: 100px;
    background: url("../images/01.png");
    
}
  
#header {

	padding-top: 100px;
    height: 800px;
	overflow: hidden;
}

#headerInfo {
    
    border-bottom: #ff579a 1px solid;
    color: #ff579a;
    font-size: 1.2em;
    text-align: right;
    
}

h1.topInfo, p.topInfo{
    
    font-size: 1em;
    color: #000;
    font-weight: 200;
    padding-left: 1em;
    
}

.topInfo {
    
    float: left;
}

.topContact {
    
    float: right;
    
}

#headerInfo::after {
    
    content: "";
    display: block;
    clear: both;
    
}

#headerInfo P {
    
    margin: 0 0 0.5em 0;
    
}

.infoLine {
    
    padding-right: 1em;
}

.infoLine i {
    
    padding-right: 0.3em;
    
}
.header_area{

    background-color: #fff;
    position: fixed;
	z-index: 1000;
    width: 100%;
    padding: 10px 0;
}

#headerInner {

    padding-top: 0.5em;

}

#headerLogo {
    
    float: left;
    width: 10%;
}

#headerLogo img {
    
    width: 100%;
    height: auto;
    
}

#socialNet {
    
    width: 8%;
    float: left;
    font-size: 2rem;
    
}

#socialNet i {

    color: #ff579a;

}

/* 「RightToLeft」の動作内容 */
@keyframes RightToLeft {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(300px);/* X軸方向に50px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}

.head-campain {
    
    clear: both;
    position: fixed;
    top: 180px;
    right: 0;
    z-index: 1000;
    padding: .5em 3em;
    background-color: #fa6fa7;
    color: #fff;    
    text-align: center;
    font-weight: bold;
    animation-duration: 3s;/* アニメーション時間 */
    animation-timing-function: ease;
    animation-name: RightToLeft;/* アニメーション名 */
}

p.head-campain_txt {
    font-size: 1.2em;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container {

    float: left;
    width: 82%;

}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {

    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul {
    
    display: flex;
    justify-content: space-around;
    
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0 7px;
    text-align: center;
}

.menu > ul > li a {
    text-decoration: none;
    padding:0.5em 1.3em;
    display: block;
    font-size: 14px;
}

.menu > ul > li:hover {
    background: #f0f0f0;
}

.txt-col-non:hover {
    color: #230000;
}

.menu > ul > li > ul > li a:hover {
    color: #ff579a;
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #f0f0f0;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #777;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}*/

#nav-1>a::before {
  
    content: "Enrollment";
    display: block;

}

#nav-2>a::before {
 
    content: "Schedule";
    display: block;

}

#nav-3>a::before {
 
    content: "Traning";
    display: block;

}

#nav-4>a::before {
 
    content: "About Us";
    display: block;

}

#nav-5>a::before {
  
    content: "Instractor";
    display: block;

}

#nav-6>a::before {
  
    content: "Experience";
    display: block;

}


/* top page */

.topUnder {
    
    position: relative;
    z-index: 800;
    background-color: #fff;
    
}

/* footer
================================================== */

#footer{

    background-color: #1f497d;
    padding: 2em 0;

}

#footerMap {
    
    margin-top: 20px;
    margin-bottom: 20px;
    
}

#footer h2{
    
    color: #fff;
    
}

#footer h2 span{
    
    border-bottom: #fff 2px solid;
    
}

.footerMenus {
    
    width: 1096px;
    display: table;
    table-layout: fixed;
    margin: 0 auto;
}

.footerMenuBlock {
    
    display: table-cell;
    width: 30%;

}

.footerMenuBlock li::before{
    
    content: "\f0da";
    font-family: FontAwesome;
    padding-right: 0.3em;
    color: #fff;

}

.footerMenuBlock li a{
    
    color: #fff;
    
}

.footerMenuBlock li a:hover{
    
    border-bottom: #fff 1px dotted;
    
}

#footer p{
    
    color: #fff;
    line-height: 1.3em;
    text-align: center;
}

#footerAdd {
    
    font-size: 1.2em;
    
}

/* TOP-UNDER
================================================== */

#headLine {
    
    margin-top: 300px;
    
}

ul#topicList {


    width: 1096px;
    margin: 0 auto;
    
}

ul#topicList li{


    margin-bottom: 10px;
    border-bottom: #fff 1px dotted; 
    
}

h2.contnetH2{
    
    color: #ff579a;
}

h2.contnetH2 span{
    
    border-bottom: #ff579a 2px solid;
    
}


/* CONTAINER
================================================== */

    #container, #topContent{
        
        max-width: 1096px;
        margin: 0 auto;
        padding-top: 80px;
        
    }

/* COTENT
================================================== */
    
    #content{
        

        
    }
    
    #content h1{
        
        text-align: center;
        color: #230000;
        font-weight: 200;
        
    }
    
    h1.entry-title {
        
        margin: 80px 0;
        border-bottom: #ccc 1px dotted;
        
    }
    
    h1.entry-title span {
        
        border-bottom: #1f497d 1px solid;
        
    }
    
    .entry-content h2 {
        
        text-align: center;
        color: #ff579a;
        font-weight: 200;
        margin 1em 0;
        
    }
    
.pkBlock {
    
    width: 20%;
    height: 320px;
    float: left;
    margin: 20px;
    border: #ddd 1px dotted;
    padding: 6px;
}

.pkImages {
    
    text-align: center;
}

.pkImages img {
    
    width: 200px;
    height: auto;
    
}

.wp-pagenavi {

    margin-top: 30px;
    text-align: center;
    
}

.pkBlock h2{
    
  font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-size: 0.95em;
  height: 35px;
    
}

.dcBlock {
    
    width: 20%;
    height: 320px;
    float: left;
    margin: 20px;
    border: #ddd 1px dotted;
    padding: 6px;
}

.dcImages {
    
    text-align: center;
}

.dcImages img {
    
    width: 200px;
    height: auto;
    
}
.dcBlock h2{
    
  font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-size: 0.95em;
  height: 35px;
  text-align: center;
    
}

.dcbasic {
    
    font-size: 0.9em;
    margin-top: -1em;
    
}

.mainImage {
    
    text-align: center;

}

.appeal p{
    
    line-height: 1em;
}

.pkInfo{
    
    font-size: 0.85em;
    text-align: center;
    
}

.pkGalary li{
    
    float: left;
    margin: 32px;

}

.pkGalary img {
    
    width: 210px;
    height: auto;
    
}

h2.information {
    
    font-weight: 200;
    text-align: center;
    color: #b5272d;
    font-size: 2em;
    margin: 30px 0;
    
}

table.pkInfo {
    
    font-size: 1em;
    width: 100%;
    
}

.pkInfo th{
    
    border-bottom: #ccc 2px solid;
    padding: 1em;
    width: 20%
    
}

.pkInfo td{
    
    border-bottom: #ddd 2px dotted;
    padding: 1em;
    width: 80%;
    text-align: left;
}

table#contactForm {

    width: 100%;

}

#contactForm th {
    
    width: 30%;
    padding: 1em;
    border-bottom: #ddd 2px dotted;
    
}

#contactForm td {
    
    width: 70%;
    padding: 1em;
    border-bottom: #ddd 2px dotted;
    
}

#contactForm input[type="text"],
#contactForm input[type="email"],
#contactForm select,
#contactForm textarea
{
    
  border: #ccc 1px solid;
  border-radius: 5px;
  font-size: 1.2em;
  padding: 0.3em;
  width: 100%;
}

.submitButton {
    
    margin-top: 20px;
    text-align: center;
    
}

.submitButton input[type="submit"] {
  
  border: #ccc 1px solid;
  border-radius: 5px;
  font-size: 1.2em;
  padding: 0.3em;
  width: 50%;  
    
    
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#siteTitle {
    
    text-align: center;
    
}

#siteTitle h1 {
    
    font-size: 1em;
    padding-bottom: 0.5em;
    line-height: 1.3em;
    
}

#logoImage {
    
    padding: 1em;
    
}

#headerMenu {
    
    display: flex;
    justify-content: space-between;
    background-color: #000;
    color: #fff;
    padding: 0.7em;
    font-weight: bold;
    font-size: 2.8em;
    width: 100%;
    box-sizing: border-box;
    
}

.header-contact {
    width: 50%;
    text-align: right;
}

.header-contact a {
    color: #fff;
}


.fixed {
    
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    
}

.button-toggle {
    
    cursor: pointer;
    padding-left: 0.5em;
    display: table-cell;
    
}
.telNum a {
    
    color: #fff;
    
}

/*
 *.telNum::before {
    
    font-family: 'FontAwesome';
    content: "\f098";
    padding-right: .1rem;
    
}*/

.telNum a:hover {
    
    text-decoration: underline;
    
}

.menuClose::before {
    
    font-family: 'FontAwesome';
    content: "\f0c9";
    padding-right: 0.5em;
    
}

.menuOpen::before {
    
    font-family: 'FontAwesome';
    content: "\f00d";
    padding-right: 0.5em;
    
}

#headerNav {
    
    width: 100%;
    
}

#headerNav .menu {
    
    background-color: rgba(0, 0, 0, 0.7 );
    width: 100%;
    
}

#headerNav .menu li {
    
    border-bottom: 1px dotted #fff;
    padding: 1.5em 0 1.5em 1em;
    display: block;
    float: unset;
    
}

#headerNav .menu li a {
    
    color: #fff;
    font-size: 2em;
    padding: 0 1.5em;
    
}

#headerNav .menu ul li:hover {
    
    background: transparent;
    
}

.wrapper-mb {
    
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 600;
    
}

.mapWraper {
    position: relative;
    width: 100%;
    padding: 50% 0 0 0;
}


.iframeWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.footerMenus-mb {
    
    width: 100%;
    display: none;
    
}

.wrapper-mb h2 {
    
    font-size: 2.5em;
    
}

#footer-mb {
    
    font-size: 1.5em;
    
}

.bxslider{
    
    margin:0px;
    
}

.bx-wrapper {
    
    position: relative;
    
}

.bx-wrapper img {
    
    width:100%;
    
}

.bx-viewport {
    
    max-height: 450px;
    
}

/* common
================================================== */
.entry-content {

    margin: 0 auto 5rem;
    
}

.entry-content p {
    
    font-size: 1.2em;
    
}

p.gtLead-txt {
    
    font-size: 1.8rem;
    text-align: center;
}

h2.ttl-h2 {
    
    font-size: 2.5rem;
    font-weight: bold;
    color: #03327a;
    margin: 5rem 0 2rem;
    
}

p.gtTxt {
    
    font-size: 1.5rem;
    
}

p.gt-listTxt {
    
    text-align: center;
    line-height: 2;
    
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
*Q&A
–––––––––––––––––––––––––––––––––––––––––––––––––– */

dl.qaWrap {
    
    background-color: #8092af;
    margin-bottom: 3rem;
    box-sizing: border-box;
    padding: 1rem 1.5rem 2rem;
    
}

dl.qaWrap:nth-child(2n+1) {
    
    background-color: #1f487c;
    
}

dt.qaQ {
    
    position: relative;
    box-sizing: border-box;
    color: #fff;
    padding: 0 1rem 1.5rem 4.8rem;
    font-weight: 700;
    font-size: 1.8rem;
    margin: 0;
    
}

dd.qaA {
    
    display: block !important;
    position: relative;
    box-sizing: border-box;
    background: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 1rem;
    margin-left: 2rem;
    padding: 1rem 1.8rem 1rem 4.8rem;
    
}

dt.qaQ p {
    
    position: relative;
    
}

.qaQ::before {
    
    position: absolute;
    left: 0;
    top: auto;
    font-family: Josefin Sans,sans-serif;
    content: 'Q.';
    font-size: 2.5rem;
    text-align: center;
    line-height: 1;
    width: 4.8rem;
    
}

.qaA::before {
    
    position: absolute;
    left: 0;
    top: auto;
    font-family: Josefin Sans,sans-serif;
    content: 'A.';
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    color: #ff579a;
    width: 4.8rem;
    
}

.qaA::after {
    
    position: absolute;
    left: 0;
    top: -10px;
    content: '';
    display: block;
    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    
}

.qaQ p,
.qaA p {
    
    margin: 0;
    
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
*入会案内　料金表
–––––––––––––––––––––––––––––––––––––––––––––––––– */

table.planBasic,
.plan02 {
    
    width: 100%;
    text-align: center;
    
}

.planBasic th,
.plan02 th {
    
    padding: 1rem 0.5rem;
    background-color: #f5f5f5;
    border-left: 1px dotted #ccc;
    
}

.planBasic th:nth-child(2) {
    
    /*width: 25%;*/
    
}

.planBasic,
.plan02 {
    
    border: 2px solid #ccc;
    
}

.planBasic thead {
    
    border-bottom: 2px solid #ccc;
    
}

.planBasic tr,
.plan02 tr {
    
    border-bottom: 1px solid #ccc;
    
}

.planBasic td,
.plan02 td {
    
    border-left: 1px dotted #ccc;
    
}

.planBasic tbody th,
.plan02 th {
    width: 25%;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
*加圧トレーニング
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.kaatu-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.col5 {
    width: 50%;
    padding: 1rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
}


.kaatsu-bk .col5:first-child,
.kaatsu-bk .col5:nth-child(2),
.kaatsu-bk .col5:nth-child(3),
.kaatsu-bk .col5:nth-child(4),
.kaatsu-bk .col5:nth-child(5) {
    
    background-position: bottom right;
}

.kaatsu-bk .col5:first-child {
    background-image: url("../images/kaatsu1.png");
    background-repeat: no-repeat;
}
.kaatsu-bk .col5:nth-child(2) {
    background-image: url("../images/kaatsu2.png");
    background-repeat: no-repeat;
}
.kaatsu-bk .col5:nth-child(3) {
    background-image: url("../images/kaatsu3.png");
    background-repeat: no-repeat;
}
.kaatsu-bk .col5:nth-child(4) {
    background-image: url("../images/kaatsu4.png");
    background-repeat: no-repeat;
}
.kaatsu-bk .col5:nth-child(5) {
    background-image: url("../images/kaatsu5.png");
    background-repeat: no-repeat;
}

h3.kaatuTtl {
    border-bottom: 2px solid #ccc;
    font-size: 2rem;
    color: #ff579a;
}

p.kaatuTxt {
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0 1rem;
}

.kaatuPrice table {
    width: 100%;
    border: 2px solid #ccc;
    font-size: 1.8rem;
}

.kaatuPrice th {
    width: 50%;
    padding: 1rem;
    border-right: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
    background: #eee;
}

.kaatuPrice td {
    padding: 1rem;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
*
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.pageGallary-4 ul, #topPickup ul{
    
    width: 100%;
    display: flex;
    flex-wrap: wrap;

}

.pageGallary-4 li, #topPickup li{
    
    float: left;
    width: 25%;
    text-align: center;
}

@media screen and (max-width:768px) {
    
    .pageGallary-4 li, #topPickup li{
        
        width: 50%;
    }
}


.pageGallary-4 li img, #topPickup li img{
    
    width: 95%;
    height: auto;
    
}

.pageGallary-4 p, #topPickup p{
    
    width: 95%;

}

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

.blockDouble {
    
    display: table;
    table-layout: fixed;
}

.trBlock {
    
    display: table-cell;
    padding: 1em;
    width: 48%;
    
}

.aligncenter {
    
    text-align: center;
    
}

.textBig {
    
    font-size: 1.2em;
}

div#gtCalender {
    
    max-width: 1096px;
    min-width: 300px;
    margin: 2.0833% auto;
    
}

.cal-wrapper {
    
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    
}

.cal-wrapper iframe {
    
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    
}

@media only screen and (min-width: 768px) {
    .cal-wrapper {
        padding-bottom: 65%;
    }
}

.nav-previous{
    
    float: left;
    
}

.nav-next {
    
    float: right;
}

#topBanners {
    
    margin: 3em 0;
    
}

#topBanners img{
    
    max-width: 100%;

}

.contactForm {

    text-align: center;   
    
}



.contactForm input, .contactForm textarea{
    
    border: #ccc 2px solid;
    border-radius: 5px;
    padding: 0.5em;
    width: 100%;
    
}

.contactTr {
    
    padding: 1em;
    
}

.contactTh {
    
    font-size: 1.3em;
    
}

.contactTd {
    

    
}

.cfSubmit {
    
    text-align: center;
    
}

.cfSubmit input {
    
    width: 50%;
    font-size: 1.2em;
    
    
}

.alignRight {
    
    text-align: right;
    
}

.textRed {
    
    color: red;
    
}

.entry-content img {
    
    max-width: 100%;
    height: auto;
    
}

.pickupImage {
    
    height: 350px;
    
}

.pickupImage h3 {
    
    height: 2em;
    
}

#topPickup li {
    
    padding-bottom: 1em; 
    
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
*会員様の声
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menberVoice {
    
    display: flex;
    padding-bottom: 5rem;
}

.voice01 {
    
    width: 30%;
    text-align: center;
    padding: 0 3rem;
    box-sizing: border-box;
    background-color: #e6e6e6;
    border: 2px solid #fff;
    outline: 5px solid #e6e6e6;
    position: relative;
}

.voice02 {
    
    width: 70%;
    padding-left: 3rem;
}


p.mvTxt01::after {
    
    content: '様';
    
}

p.mvTxt02::before {
    
    content: '性別：';
    
}

p.mvTxt03::before {
    
    content: '年代：';
    
}

p.mvTxt04::before,
p.mvTxt05::before,
p.mvTxt06::before,
p.mvTxt07::before,
p.mvTxt08::before,
p.mvTxt09::before{
    
    display: block;
    font-weight: bold;
    padding-bottom: 0.5rem;
    
}

p.mvTxt04::before {
    
    content: '1.入会しようと思ったきっかけは？';    
}

p.mvTxt05::before {
    
    content: '2.はじめてよかったと思った事は？';
}

p.mvTxt06::before {
    
    content: '3.入会前と比べてどんな変化がありましたか？(生活・体形など)';
}

p.mvTxt07::before {
    
    content: '4.週に何回通っていますか？';
}

p.mvTxt08::before {
    
    content: '5.好きなトレーニングメニューはなんですか？';
}

p.mvTxt09::before {
    
    content: '6.入会を検討されている方へ一言お願いします。';
}

p.mvTxt01 {
    
    font-size: 2.5rem;
    border-bottom: 3px dotted #fff;
    margin-top: 1.5rem;
}

p.voiceTxt {
    
    position: absolute;
    bottom: 0;
    color: #fc84b4;
    font-size: 6rem;
    font-weight: bold;
    left: 0;
    right: 0;
    font-style: italic;
}

.voiceTxt span {
    
    font-size: 8rem;
    padding-left: 0.5rem;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
*blog一覧ページャー
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.paging {
    color: #2583ad;
    background:white;
    margin: 1em auto;
    padding: 3rem;
    font-size: 3rem;
    text-align:center;
}
 
a.page-numbers, .paging .current {
    color: #20497d;
    padding: 2px 1.3rem;
    border:solid 1px #ccc;
    text-decoration:none;
    margin: 0 1rem;
}
 
a.page-numbers:hover {
    color:white;
    background: #328ab2;
}
 
.paging .current {
    color: white;
    background: #328ab2;
    border-color: #328ab2;
    font-weight:bold;
}
 
.paging .next, .paging .prev {
    border:0 none;
    background:transparent;
    font-weight:bold;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
*インストラクター
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.instructor {
    
    display: flex;
    box-sizing: border-box;
    padding: 1rem;
    border: 1px solid #ccc;
    margin: 2rem auto;
}

.intra01 {
    
    width: 40%;
}

.intra02 {
    
    width: 60%;
    padding: 1rem 5rem;
    box-sizing: border-box;
}

p.intraTxt01 {
    
    font-size: 3rem;
    margin: 0;
}

p.intraTxt02 {
    
    font-size: 2rem;
    margin: 0;
    padding-bottom: 1rem;
    border-bottom: 2px dotted #ddd;
}

p.intraTxt03::before {
    
    content: '経歴:';
    padding-right: 0.5rem;
    display: block;
}

p.intraTxt04 {
    
    border: 2px solid #1f497d;
    padding: 2rem 1rem;
    position: relative;
}

p.intraTxt04::before {
    
    position: absolute;
    content: '';
    top: 15px;
    left: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #1f497d transparent transparent;
    border-width: 25px 20px 25px 0px;
    
}

p.intraTxt04::after {
    
    content: '';
    position: absolute;
    top: 17px;
    left: -17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    border-width: 23px 18px 23px 0;
}

p.intraTxt04 span {
    
    display: block;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 1rem;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
*　header　キャンペーン
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.campainTxt {
    text-align: center;
    font-size: 1.8rem;
    margin: 0;
    font-weight: bold;
    color: #fff;
    padding: .5rem 0;
}

#campainArea {
    background-color: #fe82b3;
    border-bottom: 1px solid #ff579a;
}

.planBasic span {
    color: red;
    display: block;
}

.pdleft {
    padding-left: .8rem;
}

.planBasic .txtLineTh {
    color: #333;
    text-decoration: line-through;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
*　googlecalender
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.cal_wrapper {
  max-width: 1096px; /* 最大幅 */
  min-width: 300px; /* 最小幅 */
  margin: 0 auto;
}
.googlecal {
  position: relative;
  padding-bottom: 55%; /* 縦横比 */
  height: 0;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}